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

body {
	font-size: 4.5vw;
	line-height: 6.5vw;
	word-break: break-word;
	text-size-adjust: none;
}

.wrapper {
	margin: 0 auto;
	width: 95%;
}

.pc-left {
	float: none;
	margin: 0 auto;
}

.pc-right {
	float: none;
	margin: 0 auto;
}

.alignleft {
	float: none;
	margin: 0 auto;
}

.alignright {
	float: none;
	margin: 0 auto;
}

.pc-t-center {
	text-align: left !important;
}

.pc-of {
	overflow: visible;
}

a:hover img {
	opacity: 1;
}

a:hover .img-banner {
	opacity: 1;
}

a.bo {
	text-decoration: underline;
}

a.bo:hover {
	text-decoration: underline;
}

a.no-bo {
	text-decoration: underline;
}

a.no-bo:hover {
	text-decoration: underline;
}

.full-sp {
	height: auto;
	width: 100% !important;
}

.list {
	margin-bottom: 5vw;
}

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

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

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

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

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

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

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

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

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

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

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

.check-list li::before {
	border: 0.8vw solid #000;
	height: 6vw;
	top: 0.55vw;
	width: 6vw;
}

.check-list li::after {
	border-right: 1vw solid #ff0000;
	border-bottom: 1vw solid #ff0000;
	left: 3.5vw;
	height: 5vw;
	top: -0.2vw;
	width: 3vw;
}

.douga {
	margin: 0 auto;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}

.douga.vimeo {
	padding-top: 56.25%;
}

.douga iframe {
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.douga img {
	height: auto;
	margin: 0 auto;
	width: 95%;
}

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

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

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

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

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

.pc {
	display: none;
}

.pc.tab {
	display: none;
}

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

.tab {
	display: none;
}

.tab.mobi {
	display: block;
}

.pc.mobi {
	display: block;
}

.mobi {
	display: block;
}

.m20 {
	margin: 2.5vw !important;
}

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

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

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

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

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

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

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

.m40 {
	margin: 5vw !important;
}

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

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

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

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

.m60 {
	margin: 7.5vw !important;
}

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

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

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

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

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

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

.m80 {
	margin: 10vw !important;
}

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

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

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

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

.m100 {
	margin: 12.5vw !important;
}

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

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

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

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

.p20 {
	padding: 2.5vw !important;
}

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

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

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

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

.p40 {
	padding: 5vw !important;
}

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

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

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

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

.p60 {
	padding: 7.5vw !important;
}

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

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

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

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

.p80 {
	padding: 10vw !important;
}

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

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

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

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

.p100 {
	padding: 12.5vw !important;
}

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

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

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

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

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

.fs15 {
	font-size: 3.5vw !important;
	line-height: 5.5vw !important;
}

.fs23 {
	font-size: 5.5vw !important;
	line-height: 7.5vw !important;
}

.fs30 {
	font-size: 8vw !important;
	line-height: 10vw !important;
}

.fs40 {
	font-size: 9.5vw !important;
	line-height: 11.5vw !important;
}

.fs50 {
	font-size: 11vw !important;
	line-height: 13vw !important;
}

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

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

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

.head-in .wrapper {
	padding: 18px 0;
}

.head-in-logo {
	float: left;
	margin-left: 4vw;
	width: 139px;
}

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

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

.head-in-contact-btn {
	display: none;
}

.head-sp-menu-btn {
	background: #0089ce;
	box-sizing: border-box;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 38px;
	position: fixed;
	right: 4vw;
	top: 9px;
	width: 38px;
	z-index: 9999;
}

.head-sp-menu-btn-in {
	box-sizing: border-box;
	left: 0;
	height: 22px;
	margin: 0 auto;
	padding-bottom: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 23px;
}

.head-sp-menu-btn-in::after {
	box-sizing: border-box;
	bottom: 0;
	color: #fff;
	content: "MENU";
	font-weight: 700;
	font-size: 7px;
	line-height: 1;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
}

.head-sp-menu-btn.active .head-sp-menu-btn-in::after {
	content: "CLOSE";
}

.head-sp-menu-btn-in-in {
	box-sizing: border-box;
	display: block;
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 20px;
}

.head-sp-menu-btn-in-in-line {
	background: #fff;
	box-sizing: border-box;
	left: 0;
	height: 2px;
	position: absolute;
	transition: all .4s;
	-webkit-transition: all .4s;
	width: 100%;
}

.head-sp-menu-btn-in-in-line:nth-child(1) {
	top: 0;
}

.head-sp-menu-btn-in-in-line:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.head-sp-menu-btn-in-in-line:nth-child(3) {
	bottom: 0;
}

.head-sp-menu-btn.active .head-sp-menu-btn-in-in-line:nth-of-type(1) {
	top: -16px;
	transform: translateY(20px) rotate(-45deg);
	-webkit-transform: translateY(20px) rotate(-45deg);
}

.head-sp-menu-btn.active .head-sp-menu-btn-in-in-line:nth-of-type(2) {
	opacity: 0;
}

.head-sp-menu-btn.active .head-sp-menu-btn-in-in-line:nth-of-type(3) {
	bottom: -14px;
	transform: translateY(-20px) rotate(45deg);
	-webkit-transform: translateY(-20px) rotate(45deg);
}

.head-sp {
	background: #f5fcff;
	box-sizing: border-box;
	height: 100%;
	overflow-y: scroll;
	padding: 0 4vw;
	padding-top: calc(53px + 2.7vw);
	position: fixed;
	right: -72%;
	top: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 9991;
	width: 72%;
}

.head-sp.open {
	right: 0;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.head-sp-menu {
	box-sizing: border-box;
}

.head-sp-menu ul {
	box-sizing: border-box;
}

.head-sp-menu ul li {
	box-sizing: border-box;
	border-color: #d8e8f1 !important;
	border-bottom: 1px dashed;
}

.head-sp-menu ul li a {
	box-sizing: border-box;
	color: #000;
	display: block;
	font-weight: 700;
	font-size: 4.8vw;
	line-height: 1.5;
	padding: 3.75vw 0;
	text-decoration: none;
}

.head-sp-contact-btn {
	box-sizing: border-box;
	display: block;
	margin-top: 5vw;
	text-decoration: none;
}

.head-sp-contact-btn-in {
	background: #0089ce;
	box-sizing: border-box;
	border-radius: 100px;
	color: #fff;
	display: block;
	font-weight: 700;
	font-size: 4vw;
	line-height: 1.5;
	padding: 4.25vw;
	text-align: center;
}

.head-sp-contact-btn-in-text {
	box-sizing: border-box;
	display: inline-block;
	padding-left: 8vw;
	position: relative;
}

.head-sp-contact-btn-in-text-icon {
	box-sizing: border-box;
	display: block;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 4.5vw;
}

.head-sp-contact-btn-in-text-icon::before {
	background: url(images/icon-send.png) no-repeat;
	background-size: 100% !important;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}

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

.top-main-title-in-in {
	border-bottom: 0.6vw dashed;
	font-size: 6.4vw;
	letter-spacing: 0.08vw;
	padding-bottom: 1vw;
}

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

.top-kv {
	background: url(images-sp/top-kv-img-new.jpg) no-repeat;
	margin-top: 53px;
	padding-bottom: 152.30%;
}

.top-kv .wrapper {
	height: 152vw;
	padding-top: 50.5vw;
	width: 95%;
}

.top-kv-title-main-in {
	background-image: repeating-linear-gradient(90deg, #0089ce, #0089ce 2vw, transparent 2vw, transparent 4vw);
	background-size: 100% 0.6vw;
	padding: 0 2vw 1vw;
}

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

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

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

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

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

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

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

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

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

.top-intro-content-point-con section {
	float: left;
	margin: 0 2% 2% 0;
	padding-top: 5vw;
	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: 10vw;
}

.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.6vw solid;
	border-radius: 16px;
	padding: 6.75vw 2.5vw 6vw;
}

.top-intro-content-point-con section.sec-deadline .top-intro-content-point-con-in,
.top-intro-content-point-con section.sec-storage .top-intro-content-point-con-in {
	padding: 6.75vw 2.5vw 2vw;
}

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

.top-intro-title {
	margin-top: 8.25vw;
	padding-bottom: 3.5vw;
}

.top-intro-title::after {
	border-width: 3.5vw 2vw 0;
}

.top-intro-title-in {
	border-radius: 100px;
	padding: 1.5vw 8.5vw 4vw;
}

.top-intro-title-in-in {
	font-size: 4.6vw;
	letter-spacing: 0.25vw;
}

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

.top-intro-content-btn {
	margin: 7.75vw auto 0;
	width: 92vw;
}

.top-intro-content-btn-in {
	border-radius: 100px;
	font-size: 5vw;
	letter-spacing: 0.4vw;
	padding: 5vw;
}

.top-intro-content-btn:hover .top-intro-content-btn-in {
	opacity: 1;
}

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

.top-intro-content-btn-in-text-icon {
	width: 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: 12.5vw 0;
}

.top-achievements-content-con {
	margin: 8vw 1.5vw -2%;
}

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

.top-achievements-content-con section:nth-child(2n),
.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: 12.5vw;
}

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

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

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

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

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

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

.top-achievements-content-con-in-title-in-in {
	font-size: 5vw;
	letter-spacing: 0.2vw;
}

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

.top-achievements-content-caution-text {
	font-size: 3.7vw;
	letter-spacing: 0.06vw;
	margin: 2.2vw 1.75vw 0 0;
}

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

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

.top-expert-content-main-img-list {
	margin: 6vw 1.5vw 0;
}

.top-expert-content-main-img-list li {
	float: none;
	margin: 0 0 3vw;
	width: 100%;
}

.top-expert-content-main-img-list li:last-child {
	margin-bottom: 0;
}

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

.top-expert-content-in {
	border-radius: 16px;
	margin: 7vw 2vw 0;
	padding: 3.25vw 4vw;
}

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

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

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

.top-expert-content-in-in-text {
	font-size: 3.7vw;
	letter-spacing: 0.05vw;
	line-height: 1.85;
}

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

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

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

.top-expert-content-con-img {
	padding: 0 1vw 1vw 0;
	width: 100%;
}

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

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

.top-expert-content-con-in {
	margin-top: 4.5vw;
	width: 100%;
}

.top-expert-content-con-in-title {
	overflow: hidden;
}

.top-expert-content-con-in-title-num {
	float: left;
	width: 10vw;
}

.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: 4.7vw;
	top: 6vw;
}

.top-expert-content-con-in-title-main {
	float: right;
	margin-top: 1.1vw;
	width: calc(100% - 13vw);
}

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

.top-expert-content-con-in-text {
	font-size: 3.5vw;
	line-height: 1.5;
	letter-spacing: 0.2vw;
	margin-top: 4.5vw;
}

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

.top-expert-content-btn {
	margin: 6.5vw auto 0;
	width: 71vw;
}

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

.top-expert-content-btn:hover .top-expert-content-btn-in {
	opacity: 1;
}

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

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

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

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

.top-safety-content {
	background: none;
}

.top-safety-content-bg {
	display: none;
}

/*
.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: 12.5vw 0vw;
}

.top-safety-content-in {
	border-radius: 16px;
	margin: 7.75vw 1.5vw 0;
	padding: 4vw;
}

.top-safety-content-in-img {
	border: 0.6vw solid;
	border-radius: 12px;
	float: none;
	width: 100%;
}

.top-safety-content-in-in {
	float: none;
	margin-top: 4vw;
	width: 100%;
}

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

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

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

.top-safety-content-in-in-in-text {
	float: none;
	font-size: 3.7vw;
	letter-spacing: 0.1vw;
	width: 100%;
}

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

.top-safety-content-in-in-in-img {
	float: none;
	margin: 5vw auto 0;
	width: 62vw;
}

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

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

.top-safety-content-con-img {
	padding: 0 1vw 1vw 0;
	width: 100%;
}

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

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

.top-safety-content-con-in {
	align-items: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3vw;
	overflow: hidden;
	width: 100%;
}

.top-safety-content-con-in-num {
	float: left;
	width: 10vw;
}

.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: 4.7vw;
	top: 6vw;
}

.top-safety-content-con-in-text {
	float: right;
	font-size: 3.9vw;
	line-height: 1.57;
	letter-spacing: 0.4vw;
	margin-top: 0.5vw;
	width: calc(100% - 13vw);
}

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

.top-visiting-content-bg.bg-1 {
	display: none;
}

/*
.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: 2vw;
	top: 51.5vw;
	width: 12vw;
}

.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: -2vw;
	top: 58vw;
	width: 11vw;
}

.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 {
	display: none;
}

/*
.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: -4vw;
	left: 10vw;
	width: 20vw;
}

.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: 0;
	right: 8vw;
	width: 15vw;
}

.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: 14.5vw 0 13vw;
}

.top-visiting-content-text {
	font-size: 4vw;
	line-height: 2.1;
	letter-spacing: 0.3vw;
	margin: 8vw 2.25vw 0;
	text-align: left;
}

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

.top-visiting-content-movie {
	border: 0.9vw solid;
	height: 51.5vw;
	margin: 8vw auto 0;
	width: 95%;
}

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

.top-worries-content .wrapper {
	padding: 12vw 0 37vw;
}

.top-worries-content-comment-con {
	display: block;
	margin: 9vw 3.5vw 0;
}

.top-worries-content-comment-con section {
	margin: 0 0 -3vw;
	width: 55vw;
}

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

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

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

.top-worries-content-comment-con section:nth-child(2n) {
	margin-left: 33vw;
}

.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(5) .top-worries-content-comment-con-bg::before {
	background: url(images/top-worries-comment-bg-1.png) no-repeat;
}

.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(4) .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: 3.3vw;
	top: 9vw;
}

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

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

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

.top-worries-content-flow-icon {
	display: none;
}

/*
.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: 5vw;
	width: 24vw;
}

.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: 5vw;
	width: 27vw;
}

.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::before {
	height: 53%;
}

.top-solution-content::after {
	background: #0089ce;
	box-sizing: border-box;
	bottom: 0;
	content: "";
	left: 0;
	height: calc(100% - 50%);
	position: absolute;
	width: 100%;
}

.top-solution-content .wrapper {
	padding: 2vw 0 12.5vw;
}

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

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

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

.top-solution-content-title-in {
	border: 0.6vw solid;
	border-radius: 100px;
	padding: 1.5vw 8vw;
}

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

.top-solution-content-con {
	margin: 3vw 1.5vw 3vw;
}

.top-solution-content-con section {
	border: 0.9vw solid;
	height: 43.5vw;
	margin: 0 5vw 3vw 0;
	width: 43.5vw;
}

.top-solution-content-con section:nth-child(3n) {
	margin-right: 5vw;
}

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

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

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

.top-solution-content-btn {
	margin: 29vw auto 0;
	width: 92vw;
}

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

.top-solution-content-btn:hover .top-solution-content-btn-in {
	opacity: 1;
}

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

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

.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 {
	bottom: 29vw;
	z-index: 1;
}

.top-solution-content-human-img.woman-img {
	left: 4vw;
	width: 29vw;
}

.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: 4vw;
	width: 33vw;
}

.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: 12.5vw 0 10.5vw;
}

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

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

.top-step-content-con {
	margin: 10.5vw 0 0 2vw;
	width: 215%;
}

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

.top-step-content-con section.sec-last {
	margin: 0 9vw;
}

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

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

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

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

.top-step-content-con-title-main.title-3::before {
	border-top: 0.6vw solid;
	border-right: 0.6vw solid;
	left: -2.75vw;
	height: 6.5vw;
	top: 1vw;
	width: 6.5vw;
}

.top-step-content-con-title-main::after {
	border-top: 0.6vw solid;
	border-right: 0.6vw solid;
	height: 6.5vw;
	right: -3.2vw;
	top: 1vw;
	width: 6.5vw;
}

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

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

.top-step-content-con .top-step-content-con-flow-con section {
	float: left;
	margin: 0 6vw 0 0;
	padding-top: 4vw;
	width: 36vw;
}

.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: 15vw;
}

.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: -16vw;
	height: 8vw;
	top: 12vw;
	width: 8vw;
}

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

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

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

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

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

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

.top-step-content .scroll-hint-icon {
	z-index: 100;
}

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

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

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

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

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

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

.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: 39vw;
}

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

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

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

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

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

.top-voice-content-con-info-title {
	display: none;
}

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

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

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

.top-voice-content-con-in-comment::before {
	border-width: 2.2vw 1vw 0;
	top: 8vw;
	transform: translateY(0) rotate(90deg);
	-webkit-transform: translateY(0) rotate(90deg);
}

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

.top-voice-content-con-in-comment-in-text {
	font-size: 3vw;
	letter-spacing: 0.05vw;
	line-height: 1.6;
}

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

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

.top-material-content .wrapper {
	padding: 12.5vw 0 15.5vw;
}

.top-material-content-con {
	margin: 8vw 1.5vw 0;
}

.top-material-content-con section {
	float: none;
	margin: 0 0 8vw;
	width: 100%;
}

.top-material-content-con section:last-child {
	margin-bottom: 0;
}

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

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

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

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

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

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

.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: 8.5vw;
}

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

.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.3vw 2.25vw;
}

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

.top-material-content-con-text {
	font-size: 4vw;
	letter-spacing: -0.3vw;
	margin-top: 4.25vw;
}

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

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

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

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

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

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

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

.top-lineup-content-con {
	margin: 7.5vw 1.5vw 0;
}

.top-lineup-content-con section {
	float: none;
	margin: 0 0 7.5vw;
	width: 100%;
}

.top-lineup-content-con section:last-child {
	margin-bottom: 0;
}

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

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

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

.top-lineup-content-con-title {
	margin-top: 4vw;
	text-align: center;
}

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

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

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

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

.top-qa-content-con-dl {
	border-radius: 16px;
	margin-bottom: 4vw;
	padding: 4.25vw 3vw;
}

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

.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: 4vw;
	letter-spacing: 0.3vw;
	min-height: 6.75vw;
	padding: 0.3vw 3vw 0 9vw;
}

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

.top-qa-content-con-dl dd {
	border-top: 1px dashed;
	font-size: 3.7vw;
	letter-spacing: 0.07vw;
	margin-top: 3vw;
	padding-top: 3.5vw;
}

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

.top-contact-content {
	background: #0089ce;
}

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

.top-contact-content-in {
	border-radius: 24px;
	margin: 8vw 1.5vw 0;
	padding: 8.5vw 4.5vw 10.25vw;
}

.top-contact-content-in-form-tb table th {
	display: block;
	font-size: 4vw;
	padding: 0;
	width: 100%;
}

.top-contact-content-in-form-tb-th-box {
	border-radius: 100px;
	font-size: 3vw;
	margin-left: 2.75vw;
	padding: 0 3.25vw;
	position: relative;
	right: auto;
	top: auto;
}

.top-contact-content-in-form-tb table td {
	display: block;
	font-size: 4vw;
	padding: 2vw 0 7vw;
	width: 100%;
}

.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: 4vw;
	padding: 2.5vw 3.5vw;
}

.top-contact-content-in-form-tb table td textarea {
	border: 1px solid;
	border-radius: 5px;
	font-size: 4vw;
	height: 38.5vw;
	padding: 2.5vw 3.5vw;
}

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

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

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

.top-contact-content-check-text input[type="checkbox"]:checked + .top-contact-content-check-text-in::before {
	border-right: 0.9vw solid;
	border-bottom: 0.9vw solid;
	left: 1.5vw;
	height: 4vw;
	top: -0.5vw;
	width: 3vw;
}

.top-contact-content-in-in {
	background: none;
	border-radius: 0;
	margin-top: 8.5vw;
	padding: 0;
}

.top-contact-content-in-in-tel {
	float: none;
	padding-top: 3vw;
	position: relative;
	width: 100%;
}

.top-contact-content-in-in-tel-title {
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.top-contact-content-in-in-tel-title-in {
	background: #fff;
	border-color: #fbe21f !important;
	border: 1px solid;
	border-radius: 100px;
	padding: 0.25vw 6.5vw;
}

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

.top-contact-content-in-in-tel-num {
	margin-top: 0;
	text-decoration: none;
}

.top-contact-content-in-in-tel-num.mobi {
	display: block;
}

.top-contact-content-in-in-tel-num-in {
	background: #fbe21f;
	border-radius: 100px;
	color: #000;
	display: block;
	font-size: 8vw;
	letter-spacing: 0.04vw;
	padding: 4vw;
	text-align: center;
}

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

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

.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: none;
	margin: 5.75vw 0 0 0;
	width: 100%;
}

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

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

.top-contact-content-in-in-mail-btn {
	margin-top: 1.5vw;
	text-align: center;
}

.top-contact-content-in-in-mail-btn-in {
	color: #0089ce;
	font-size: 4.6vw;
	letter-spacing: 0.09vw;
}

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

.top-contact-content-in-in-mail-btn-in-text-icon {
	display: none;
}

/*
.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: 10vw auto 0;
	width: 100%;
}

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

.top-contact-content-in-send-btn:hover .top-contact-content-in-send-btn-in {
	opacity: 1;
}

.top-contact-content-in-send-btn.none .top-contact-content-in-send-btn-in {
	opacity: 0.6;
}

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

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

.main {
	margin-top: 53px;
}

.page-main-title-in-in {
	border-bottom: 0.6vw dashed;
	font-size: 6.4vw;
	letter-spacing: 0.08vw;
	padding-bottom: 1vw;
}

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

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

.privacy-content-in {
	border-radius: 24px;
	margin: 8vw 1.5vw 0;
	padding: 5vw;
}

.privacy-content-in-text {
	font-size: 3.5vw;
	line-height: 1.5;
}

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

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

.top-contact-content-in-text {
	font-size: 3.5vw;
	line-height: 1.5;
}

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

.top-contact-content-in-send-btn-list li {
	float: none;
	margin: 0 0 5vw;
	width: 100%;
}

.top-contact-content-in-send-btn-list li:last-child {
	margin-bottom: 0;
}

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

.top-contact-content-in-send-btn-list-btn:hover .top-contact-content-in-send-btn-list-btn-in {
	opacity: 1;
}

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

.top-contact-content-in-thanks-text {
	font-size: 3.5vw;
	line-height: 1.5;
}

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

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

.note-content .wrapper {
	padding: 10vw 0 8.5vw;
}

.note-content .wrapper .flex-center {
	display: block;
}

.note-content-img {
	float: none;
	margin: 0 auto;
	width: 64vw;
}

.note-content-text {
	float: none;
	font-size: 2.2vw;
	margin: 5vw auto 0;
	width: 20vw;
}

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

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

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

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

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

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

.foot-copyright .wrapper {
	padding: 7vw 0 4.5vw;
}

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