/*----------------------------------
初期化
----------------------------------*/

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	background: #fff;
	color: #353C44;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.8;
	font-family: "Noto Serif JP", serif;
	overflow-wrap: break-word;
}

img {
	max-width: 100%;
	height: auto;
	border: none;
}

a {
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

a:hover {
	opacity: 0.7;
}

.d-iblock {
	display: inline-block;
}

/*----------------------------------
補完クラス
----------------------------------*/

.font-color {
	color: #7DBDD4;
}

.font-size-small {
	font-size: 0.9em;
}

.font-em {
	font-weight: 700;
}

/*----------------------------------
共通パーツ
----------------------------------*/

.inner {
	width: 1080px;
	max-width: 100%;
	height: inherit;
	margin: 0 auto;
}

.section__title--small {
	position: relative;
	font-weight: 600;
	font-size: 4.7rem;
	letter-spacing: 0.05em;
	text-align: center;
}

.section__title--small::before {
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 600;
	font-size: 14.4rem;
	letter-spacing: 0.1em;
}

.section__title {
	font-weight: 600;
	font-size: 4.9rem;
	line-height: 1.428;
	letter-spacing: 0.05em;
	text-align: center;
}

.section__title .font-small {
	display: block;
	font-size: 3.7rem;
	line-height: 1.459;
}

.section__title.leaf {
	z-index: 1;
	position: relative;
}

.section__title.leaf .ttl {
	display: inline-block;
	position: relative;
}

.section__title.leaf .ttl::before {
	z-index: -1;
	position: absolute;
	top: 51%;
	left: -91px;
	width: 172px;
	height: 130px;
	transform: translateY(-50%);
	content: "";
}

.section__title.leaf-color .ttl::before {
	background: url(../img/leaf_color.svg) no-repeat center left/contain;
}

.section__title.leaf-white .ttl::before {
	background: url(../img/leaf_white.svg) no-repeat center left/contain;
}

/*----------------------------------
ヘッダー
----------------------------------*/

.header {
	z-index: 20;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
}

.header__above {
	padding: 18px 20px 0 58px;
}

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

.header__left {
	display: flex;
	align-items: center;
}

.header__logo {
	width: 83px;
}

.header__text {
	margin-left: 27px;
	font-size: 1.2rem;
	line-height: 1.666;
	letter-spacing: 0.05em;
}

.header__right {
	display: flex;
	flex: 0 0 70%;
	align-items: center;
	justify-content: flex-end;
}

.header__right .header__text {
	text-align: right;
}

.header__banner {
	width: 246px;
	height: 56px;
}

.header__banner.tel {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 22px;
	background-color: #F69618;
}

.header__banner.line {
	margin-left: 10px;
}

.phone-number {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 1.6rem;
}

.phone-number a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
}

.line-contact-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #1CC2C0;
	color: #fff;
	font-weight: 700;
	font-size: 1.3rem;
}

.line-contact-link::before {
	display: block;
	width: 28px;
	height: 27px;
	margin: 4px 10px 0 0;
	background: url(../img/icon_line.svg) no-repeat center left/contain;
	content: "";
}

.header__bottom {
	margin-top: 17px;
	padding: 21.5px 20px 21.5px 0;
	background-color: #F1F5F9;
}

.header__bottom--inner {
	width: 1080px;
	max-width: 100%;
	margin: auto;
}

.header__nav {
	display: flex;
	align-items: center;
}

ul.header__nav-items {
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.header__nav-items li {
	padding: 0 22px;
	font-size: 1.6rem;
	line-height: 1.4375;
	letter-spacing: 0.05em;
	text-align: center;
}

ul.header__nav-items li a {
	display: block;
	position: relative;
	height: 100%;
	color: #353C44;
	transition: all 0.3s ease 0s;
}

.header-sns {
	display: flex;
	align-items: center;
	margin-left: 40px;
}

.sns {
	margin-bottom: 7px;
}

.sns.facebook {
	margin-left: 11px;
}

/*----------------------------------
ドロワー
----------------------------------*/

/*menu*/

.drawer__toggle {
	display: none;
}

.drawer__line {
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #353C44;
	transition: transform 0.3s;
}

.drawer__line--center {
	top: 9px;
}

.drawer__line--bottom {
	bottom: 0;
}

.drawer__line--top.active {
	top: 8px;
	transform: rotate(45deg);
	background: #353C44;
}

.drawer__line--center.active {
	transform: scaleX(0);
}

.drawer__line--bottom.active {
	bottom: 11px;
	transform: rotate(135deg);
	background: #353C44;
}

/*gnav*/

.drawer__nav {
	display: none;
	z-index: 40;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: scroll;
	background: #fff;
}

.drawer__wrap {
	position: absolute;
	width: 100%;
	height: auto;
	padding-top: 35px;
	padding-bottom: 50px;
	background-color: #7DBDD4;
}

.drawer__wrap .header-sns {
	justify-content: center;
	margin: 20px 0 0 0;
}

.drawer__wrap .sns:nth-of-type(2) {
	margin-left: 11px;
}

.drawer__wrap .header__banner {
	width: 335px;
	margin: auto;
}

.drawer__wrap .header__banner.tel {
	margin-top: 35px;
}

.drawer__wrap .header__banner.line {
	margin-top: 13px;
}

.drawer__wrap .header__banner a {
	color: #fff;
}

.drawer__menu {
	width: 355px;
	margin: auto;
	text-align: center;
}

.drawer__menu li {
	display: block;
	position: relative;
	padding: 12.5px 0;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	text-decoration: none;
	transition: 0.5s;
}

.drawer__menu li::after {
	position: absolute;
	top: 50%;
	right: 21.5px;
	width: 8px;
	height: 16px;
	transform: translateY(-50%);
	background: url(../img/arrow-w.svg) no-repeat center center/contain;
	content: "";
}

.drawer__menu li:hover {
	text-decoration: none;
}

.drawer__menu li a {
	color: #fff;
}

/*----------------------------------
メインビジュアル
----------------------------------*/

.mainvisual {
	position: relative;
	width: 100%;
	height: 771px;
	margin-top: 172px;
	background: url(../img/mainvisual.webp) no-repeat top center/cover;
}

.mainvisual__copy {
	position: absolute;
	top: 24.5%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%);
	color: #fff;
	letter-spacing: 0.05em;
	text-align: center;
}

.mainvisual__subtitle {
	position: relative;
	font-size: 2.7rem;
	line-height: 1.444;
}

.mainvisual__subtitle::before,
.mainvisual__subtitle::after {
	position: absolute;
	top: 54%;
	width: 60px;
	height: 1px;
	transform: translateY(-50%);
	background-color: #fff;
	content: "";
}

.mainvisual__subtitle::before {
	left: -87px;
}

.mainvisual__subtitle::after {
	right: -87px;
}

.mainvisual__title {
	display: block;
	font-size: 5.8rem;
	line-height: 1.448;
}

.mainvisual__content {
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translateX(-50%);
	width: 38%;
}

/*----------------------------------
YouTube
----------------------------------*/

.youtube {
	margin-top: 80px;
	padding: 0 50px;
}

.youtube__wrap {
	aspect-ratio: 16/9;
	width: 100%;
}

.youtube iframe {
	width: 100%;
	height: 100%;
}

/*----------------------------------
体験施術トライアル実施中！
----------------------------------*/

.campaign {
	position: relative;
	margin-top: 80px;
	padding: 68px 20px 0;
}

.campaign::before {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 532px;
	background-color: #7DBDD4;
	content: "";
}

.campaign .section__title--small {
	color: #fff;
}

.campaign .section__title--small::before {
	content: "CAMPAIGN";
	color: rgba(255, 255, 255, 0.11);
}

.campaign__content {
	margin-top: 62px;
	padding: 74px 40px 87px;
	background-color: #EDF6F9;
}

.campaign-price {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	letter-spacing: 0.05em;
}

.campaign-price__left {
	position: relative;
	margin-bottom: 9px;
	font-size: 3.9rem;
}

.campaign-price__left::before {
	position: absolute;
	top: 42px;
	left: -100px;
	width: 70px;
	height: 1px;
	margin: 0 12px 34px;
	transform: rotate(60deg);
	background: #353C44;
	content: "";
}

.campaign-price__left::after {
	position: absolute;
	top: 54%;
	right: -83px;
	width: 54px;
	height: 11px;
	transform: translateY(-50%);
	background: url(../img/arrow.svg) no-repeat center left/contain;
	content: "";
}

.campaign-price__left .font-small {
	font-size: 2.6rem;
}

.campaign-price__right {
	position: relative;
	margin-left: 114px;
	font-weight: 700;
	font-size: 5.5rem;
}

.campaign-price__right::before {
	position: absolute;
	top: 67px;
	right: -100px;
	width: 60px;
	height: 1px;
	margin: 0 12px 34px;
	transform: rotate(-60deg);
	background: #353C44;
	content: "";
}

.campaign-price__right .price-head {
	display: block;
	margin-bottom: -23px;
	font-weight: 400;
	font-size: 1.4rem;
}

.campaign-price__right .yen {
	font-weight: 400;
	font-size: 3.6rem;
}

.campaign-price__right .font-small {
	font-weight: 400;
	font-size: 2.6rem;
}

.campaign__items {
	display: flex;
	justify-content: space-between;
	margin-top: 48px;
}

.campaign__item {
	display: flex;
	flex-direction: column;
	width: calc(50% - 11.5px);
}

.campaign__item:first-of-type .treatment__head::before {
	background-color: #1CC2C0;
}

.campaign__item:nth-of-type(2) .treatment__head::before {
	background-color: #F69618;
}

.treatment__head {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	height: 57px;
	background-color: #7DBDD4;
	color: #fff;
	font-weight: 700;
	font-size: 2.2rem;
}

.treatment__head::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 57px;
	height: 100%;
	content: "";
}

.treatment__wrap {
	flex-grow: 1;
	padding: 38px 45px 55px;
	background-color: #fff;
}

.treatment__title {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.15;
	letter-spacing: 0.05em;
}

.treatment__detail {
	font-size: 1.4rem;
	line-height: 1.642;
	letter-spacing: 0.05em;
}

.treatment__content {
	margin-top: 17px;
	font-size: 1.6rem;
}

.treatment__lists {
	line-height: 1.875;
}

.payment {
	margin-top: 60px;
	padding: 20px;
	background-color: #fff;
}

.payment__content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.payment__text {
	color: #516274;
	font-size: 1.6rem;
}

.payment__img {
	margin-left: 25px;
}

.line-banner {
	height: 92px;
	margin-top: 20px;
}

.line-banner-link {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: #1CC2C0;
	color: #fff;
	font-weight: 700;
	font-size: 2rem;
	letter-spacing: 0.05em;
}

.line-banner-link::before {
	display: block;
	width: 41px;
	height: 39px;
	margin: 6px 16px 0 0;
	background: url(../img/icon_line.svg) no-repeat center left/contain;
	content: "";
}

.line-banner-link::after {
	position: absolute;
	top: 50%;
	right: 40px;
	width: 9px;
	height: 18px;
	transform: translateY(-50%);
	background: url(../img/arrow_line.svg) no-repeat center left/contain;
	content: "";
}

.canpaign-open {
	margin-top: 25px;
	font-size: 1.7rem;
	letter-spacing: 0.05em;
	text-align: center;
}

.campaign-caution {
	width: 91%;
	margin: 17px auto 0;
	font-size: 1.4rem;
}

/*----------------------------------
あなたはこんな辛いお悩みを抱えていませんか？
----------------------------------*/

.worries {
	margin-top: 120px;
	padding: 0 50px 162px;
}

.worries-cation {
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: 1.714;
	letter-spacing: 0.05em;
	text-align: center;
}

.worries__content {
	margin-top: 80px;
}

.worries__content .color__wrap {
	padding: 64px 83px 83px 77.5px;
}

.color__wrap {
	position: relative;
	border: 1px solid #8EA3B8;
}

.color__wrap::before,
.color__wrap::after {
	position: absolute;
	top: -9px;
	width: calc(50% + 1px);
	height: 8px;
	content: "";
}

.color__wrap::before {
	left: -1px;
	background-color: #1CC2C0;
}

.color__wrap::after {
	right: -1px;
	background-color: #F69618;
}

.worries__list {
	position: relative;
	padding: 16px 5px 17px 58px;
	border-bottom: 1px solid #8EA3B8;
	font-size: 1.9rem;
	line-height: 1.428;
	letter-spacing: 0.05em;
}

.worries__list::before {
	position: absolute;
	top: 20px;
	left: 13px;
	width: 25px;
	height: 25px;
	background: url(../img/check.svg) no-repeat center left/contain;
	content: "";
}

.worries__list .font-em {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.2;
}

/*----------------------------------
施術を担当したお客様は驚きの変化を手に入れています！
----------------------------------*/

.voice {
	position: relative;
	padding-top: 120px;
}

.voice::before {
	position: absolute;
	top: -30px;
	left: 50%;
	width: 186px;
	height: 64px;
	transform: translateX(-50%);
	background: url(../img/arrow_triangle.svg) no-repeat center left/contain;
	content: "";
}

.voice::after {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3040px;
	background-color: #EDF6F9;
	content: "";
}

.voice__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 80px;
}

.voice__item {
	display: flex;
	flex-direction: column;
	width: calc(50% - 20px);
	margin-bottom: 50px;
}

.voice__item:first-of-type .voice__title::before,
.voice__item:nth-of-type(4) .voice__title::before,
.voice__item:nth-of-type(5) .voice__title::before,
.voice__item:nth-of-type(8) .voice__title::before {
	background-color: #1CC2C0;
}

.voice__item:nth-of-type(2) .voice__title::before,
.voice__item:nth-of-type(3) .voice__title::before,
.voice__item:nth-of-type(6) .voice__title::before,
.voice__item:nth-of-type(7) .voice__title::before {
	background-color: #F69618;
}

.voice__title {
	position: relative;
	padding: 12px 5px 15px 80px;
	background-color: #fff;
	font-size: 2rem;
	line-height: 1.45;
	letter-spacing: 0.05em;
}

.voice__title::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 100%;
	content: "";
}

.voice__title::after {
	position: absolute;
	top: 50%;
	left: 17px;
	width: 20px;
	height: 20px;
	transform: translateY(-50%);
	border: 1px solid #fff;
	border-radius: 50%;
	content: "";
}

.voice__text {
	margin-top: 20px;
	letter-spacing: 0.05em;
}

.caution {
	margin-top: 10px;
	font-size: 1.4rem;
}

.voice-name {
	margin-top: 20px;
	font-size: 2.4rem;
	letter-spacing: 0.05em;
}

/*----------------------------------
画像２枚横並び
----------------------------------*/

.images {
	display: flex;
}

/*----------------------------------
HAUOLAが選ばれる理由
----------------------------------*/

.reason {
	padding: 100px 50px 0;
	background: url(../img/reason_bg.webp) no-repeat top center/contain;
}

.reason .youtube__wrap {
	margin-top: 70px;
}

.reason .youtube__wrap iframe {
	width: 100%;
	height: 100%;
}

.reason__lists {
	margin-top: 70px;
}

.reason__list {
	display: flex;
}

.reason__list + .reason__list {
	margin-top: 20px;
}

.reason__list:nth-child(odd) .reason__left {
	background-color: #1CC2C0;
}

.reason__list:nth-child(even) .reason__left {
	background-color: #F69618;
}

.reason__left {
	display: flex;
	flex: 0 0 139px;
	align-items: center;
	justify-content: center;
	min-height: 139px;
	color: #fff;
	font-size: 1.9rem;
}

.reason__right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 139px);
	padding: 10px 10px 10px 50px;
	background-color: #fff;
	font-size: 1.6rem;
}

.reason__right .font-em {
	font-size: 1.9rem;
}

.reason__content {
	margin-top: 70px;
	padding: 15px;
	background-color: #fff;
}

.reason__content .color__wrap {
	padding: 87px 10px 94px;
}

.reason__text {
	font-size: 2rem;
	line-height: 1.9;
	letter-spacing: 0.05em;
	text-align: center;
}

.figure {
	margin-top: 85px;
}

/*----------------------------------
様々な分野のプロや経営者が推薦する代表 森本恭平のプロフィール
----------------------------------*/

.profile {
	margin-top: 130px;
}

.profile__head {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	height: 198px;
}

.profile__head::before,
.profile__head::after {
	z-index: -1;
	position: absolute;
	top: 50%;
	width: 50%;
	height: 100%;
	transform: translateY(-50%);
	content: "";
}

.profile__head::before {
	left: 0;
	background-color: #1CC2C0;
}

.profile__head::after {
	right: 0;
	background-color: #F69618;
}

.profile__head .section__title {
	color: #fff;
}

.profile__wrap {
	display: flex;
}

.profile__wrap:nth-of-type(2) {
	flex-direction: row-reverse;
}

.profile__wrap:nth-of-type(2) .profile__left {
	padding: 61px 60px;
}

.profile__left,
.profile__right {
	width: 50%;
	background-color: #EDF6F9;
}

.profile__left {
	padding: 61px 70px;
	letter-spacing: 0.05em;
}

.profile__title {
	font-weight: 700;
	font-size: 2.8rem;
}

.profile__text {
	margin-top: 15px;
}

.profile__img {
	height: 50%;
}

.profile__img img {
	-o-object-fit: cover;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile__items {
	display: flex;
}

.profile__item {
	width: 25%;
}

/*----------------------------------
推薦の声
----------------------------------*/

.recommend {
	margin: 100px 0 130px;
	padding: 0 50px;
	overflow: hidden;
}

.recommend .section__title.leaf .ttl::before {
	left: -108px;
}

.recommend__item {
	position: relative;
	margin-top: 40px;
}

.recommend__item::before {
	z-index: -1;
	position: absolute;
	left: 50%;
	width: 120%;
	transform: translateX(-50%);
	background-color: #EDF6F9;
	content: "";
}

.recommend__item:first-of-type::before {
	top: 435px;
	height: calc(100% - 435px + 100px);
}

.recommend__item:first-of-type .recommend__content {
	margin-top: -50px;
}

.recommend__item:first-of-type .recommend__text {
	margin-top: 30px;
}

.recommend__item:nth-of-type(2),
.recommend__item:nth-of-type(3),
.recommend__item:nth-of-type(4) {
	margin-top: 230px;
}

.recommend__item:nth-of-type(2)::before,
.recommend__item:nth-of-type(3)::before,
.recommend__item:nth-of-type(4)::before {
	top: 367px;
	height: calc(100% - 367px + 100px);
}

.recommend__item:nth-of-type(2) .recommend-img,
.recommend__item:nth-of-type(3) .recommend-img,
.recommend__item:nth-of-type(4) .recommend-img {
	width: 62.7%;
}

.recommend__item:nth-of-type(4)::before {
	height: calc(100% - 367px);
}

.recommend__item:nth-of-type(4) .recommend__content {
	padding-bottom: 100px;
}

.recommend__item .caution {
	margin-top: 30px;
}

.recommend__title {
	font-weight: 600;
	font-size: 2.9rem;
	line-height: 1.655;
	letter-spacing: 0.05em;
	text-align: center;
}

.recommend-img__wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
}

.recommend-img__wrap .recommend-img {
	width: calc(50% - 12.5px);
}

.recommend-img__wrap .recommend-img:nth-of-type(2) {
	margin-top: 100px;
}

.recommend__wrap {
	display: flex;
	align-items: flex-end;
	margin-top: 70px;
}

.recommend__wrap .recommend-person {
	margin-left: 54px;
}

.recommend-person {
	padding-left: 27px;
	border-left: 3px solid #7DBDD4;
	font-weight: 600;
	letter-spacing: 0.05em;
}

.recommend-place {
	font-size: 1.8rem;
	line-height: 1.1;
}

.recommend-name {
	font-size: 2.6rem;
	line-height: 1.85;
}

.recommend__content {
	margin-top: 60px;
}

.recommend__text {
	letter-spacing: 0.05em;
}

.recommend-link {
	margin-top: 40px;
	padding-left: 26px;
}

.recommend-link-place {
	position: relative;
	font-size: 1.4rem;
}

.recommend-link-place::before {
	position: absolute;
	top: 50%;
	left: -22px;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
	background: url(../img/arrow_link.svg) no-repeat center left/contain;
	content: "";
}

.recommend-link-url a {
	color: #7DBDD4;
}

/*----------------------------------
施術の流れ
----------------------------------*/

.flow {
	margin-top: 150px;
	padding: 110px 50px 130px;
	background: transparent url(../img/flow_bg.webp) no-repeat top center/cover;
}

.flow__lead {
	margin-top: 10px;
	font-size: 2.2rem;
	text-align: center;
}

.flow__lead .font-small {
	display: block;
	font-size: 1.6rem;
}

.flow__lists {
	margin-top: 60px;
}

.flow__list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 24px;
	background-color: #fff;
}

.flow__list + .flow__list {
	margin-top: 40px;
}

.flow__list:first-child .flow-number {
	background-color: #1CC2C0;
}

.flow__list:nth-child(2) .flow-number,
.flow__list:nth-child(3) .flow-number,
.flow__list:nth-child(4) .flow-number,
.flow__list:nth-child(5) .flow-number {
	background-color: #7DBDD4;
}

.flow__list:nth-child(6) .flow-number {
	background-color: #F69618;
}

.flow__left {
	display: flex;
	width: calc(100% - 248px);
}

.flow-number {
	display: flex;
	flex: 0 0 88px;
	align-items: center;
	justify-content: center;
	height: 144px;
	color: #fff;
	font-size: 3.1rem;
}

.flow__content {
	margin: 0 49px 0 35px;
	letter-spacing: 0.05em;
}

.flow__right {
	flex: 0 0 248px;
}

.flow__title {
	font-weight: 700;
	font-size: 2rem;
}

/*----------------------------------
料金プラン
----------------------------------*/

.price {
	padding: 95px 50px 110px;
	background-color: #7DBDD4;
	color: #fff;
	text-align: center;
}

.price__lead {
	margin-top: 17px;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	text-align: center;
}

.price__banner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	margin-top: 80px;
	background-color: #fff;
	color: #7DBDD4;
	font-size: 3.9rem;
	letter-spacing: 0.05em;
}

.price__banner .font-small {
	padding-top: 9px;
	font-size: 2.6rem;
}

.price__wrap {
	margin: 24px 0 50px;
	padding: 56px 20px 55px;
	border: 1px solid #fff;
}

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

.price__list {
	padding-left: 1em;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	text-align: left;
	text-indent: -1em;
}

.price__list + .price__list {
	margin-left: 15px;
}

.price__list:first-child {
	flex: 0 0 34%;
}

.price__list:nth-child(2) {
	flex: 0 0 25%;
}

.price__list:nth-child(3) {
	flex: 0 0 26%;
}

.price__text {
	display: inline;
    padding-bottom: 4px;
    /* border-bottom: 2px solid #EDF6F9; */
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 2.2;
    background-color: #F69618;
}
.price__text__strong{
	font-size: 3.0rem;
}
.price__text.first {
	margin-top: 50px;
}
.price__text__margin{
	margin-top: -40px;
}

/*----------------------------------
パートナーシップ契約一覧
----------------------------------*/

.partner {
	padding: 140px 0 100px;
	overflow: hidden;
}

.partner .section__title--small::before {
	z-index: -1;
	content: "PARTNER";
	color: #EDF6F9;
}

.partner .section__title.leaf .ttl::before {
	top: 78%;
	left: -119px;
}

.partner__head {
	margin-top: 70px;
}

.partner__lead {
	margin-top: 12px;
	font-size: 2.2rem;
	letter-spacing: 0.05em;
	text-align: center;
}

.partner__inner {
	position: relative;
	margin-top: 80px;
	padding: 0 50px;
}

.partner__inner::before {
	z-index: -1;
	position: absolute;
	top: 200px;
	left: 0;
	width: 100%;
	height: calc(100% - 200px + 100px);
	background-color: #EDF6F9;
	content: "";
}

.partner__img {
	display: inline-block;
	z-index: 0;
	position: relative;
	width: 73.9%;
}

.partner-person {
	display: flex;
	z-index: 1;
	position: absolute;
	bottom: -50px;
	left: 596px;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	max-width: 745px;
	height: 130px;
	padding-left: 44px;
	background-color: #7DBDD4;
	color: #fff;
	letter-spacing: 0.04em;
}

.partner-name {
	font-size: 3.1rem;
}

.partner-license {
	font-size: 2.1rem;
}

.partner__wrap {
	margin-top: 56px;
}

.partner__item:not(:first-of-type) {
	margin-top: 45px;
}

.partner__title {
	padding: 0 0 2px 16px;
	border-left: 3px solid #7DBDD4;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: 0.04em;
}

.partner__lists {
	margin-top: 15px;
}

.partner__list {
	letter-spacing: 0.05em;
}

.partner__text {
	margin-top: 15px;
	letter-spacing: 0.05em;
}

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

.faq {
	padding: 110px 50px 130px;
}

.faq__content {
	margin-top: 25px;
}

.faq__item {
	padding: 25px 0;
}

.question,
.answer {
	display: flex;
	align-items: center;
}

.answer {
	margin-top: 30px;
}

.question__left,
.answer__left {
	display: flex;
	flex: 0 0 66px;
	align-items: center;
	justify-content: center;
	height: 66px;
	padding: 0 0 4px 5px;
	border-radius: 50%;
	color: #fff;
	font-size: 2.3rem;
}

.question__left {
	background-color: #1CC2C0;
}

.answer__left {
	margin-top: 5px;
	background-color: #7DBDD4;
}

.question__right,
.answer__right {
	margin-left: 17px;
	padding: 0 38px 0 24px;
	font-size: 1.9rem;
	letter-spacing: 0.05em;
}

.question__right {
	width: 100%;
	padding: 15px 10px 15px 24px;
	background-color: #EDF6F9;
	font-weight: 700;
}

/*----------------------------------
アクセス
----------------------------------*/

.map {
	height: 602px;
}

.map iframe {
	width: 100%;
	max-width: 100%;
	height: 100%;
}

.access__wrap {
	margin-top: 60px;
	padding: 0 50px;
}

.access__head {
	display: flex;
	align-items: flex-end;
}

.access-name {
	margin-left: 36px;
	font-size: 2.2rem;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

.access__content {
	display: flex;
	margin-top: 35px;
}

.access__left {
	flex: 0 0 38.888%;
}

.access__left .access__title {
	flex: 0 0 34px;
}

.access__wrapper {
	display: flex;
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 0.05em;
}

.access__wrapper:nth-of-type(2) {
	margin-top: 1em;
}

.access__text {
	margin-left: 25px;
}

.access__right {
	flex: 0 0 50.462%;
	margin-left: 70px;
}

.access__right .access__title {
	flex: 0 0 135px;
}

/*----------------------------------
株式会社HAUOLAについて
----------------------------------*/

.about {
	padding-top: 90px;
}

.about__content {
	display: flex;
	justify-content: center;
	max-width: 1600px;
	margin: 70px auto 0;
}

.about__left {
	flex: 0 0 50%;
	max-width: 800px;
	padding: 70px 0;
	background-color: #7DBDD4;
	color: #fff;
}

.about__right {
	flex: 0 0 50%;
}

.about__wrap {
	width: 73.5%;
	max-width: 800px;
	margin: auto;
}

.table {
	margin: 0 auto;
	border-collapse: collapse;
	table-layout: fixed;
}

.table tr:first-child th,
.table tr:first-child td {
	padding-top: 0;
	border-top: none;
}

.table tr:last-child th,
.table tr:last-child td {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.table th,
.table td {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	letter-spacing: 0.05em;
}

.table th {
	width: 154px;
	padding: 25px 0 25px 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	font-weight: 700;
	text-align: left;
}

.table td {
	padding: 25px 10px 25px 0;
	vertical-align: middle;
}

.about__right {
	background-color: #7DBDD4;
}

/*----------------------------------
フッター
----------------------------------*/

.footer {
	padding-top: 80px;
	text-align: center;
}

.footer-logo {
	width: 111px;
	margin: 0 auto 30px;
}

.footer__text {
	margin-top: 20px;
	font-size: 1.7rem;
	line-height: 1.941;
	letter-spacing: 0.05em;
}

.footer__banners {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.footer__banner {
	width: 334px;
	max-width: 100%;
	height: 61px;
}

.footer__banner.facebook .footer__banner-link {
	border: 1px solid #F69618;
	color: #F69618;
}

.footer__banner.facebook .footer__banner-link::before {
	background: url(../img/icon_facebook_color.svg) no-repeat center left/contain;
}

.footer__banner.instagram {
	margin-left: 17px;
}

.footer__banner.instagram .footer__banner-link {
	border: 1px solid #1CC2C0;
	color: #1CC2C0;
}

.footer__banner.instagram .footer__banner-link::before {
	background: url(../img/icon_instagram_color.svg) no-repeat center left/contain;
}

.footer__banner-link {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 1.6rem;
}

.footer__banner-link::before {
	position: absolute;
	top: 50%;
	left: 18px;
	width: 25px;
	height: 25px;
	transform: translateY(-50%);
	content: "";
}

.footer__copy {
	margin-top: 80px;
	padding: 10px 0 30px;
	border-top: 1px solid rgba(142, 163, 184, 0.3);
	color: rgba(53, 60, 68, 0.58);
	font-size: 1.3rem;
	letter-spacing: 0.05em;
}

.disable-auto-tel a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
	pointer-events: none;
}

@media (min-width: 768px) and (max-width: 1023px) {

.hidden-tab {
	display: none;
}

}

@media (min-width: 1024px) and (max-width: 1919px) {

.hidden-pc {
	display: none;
}

}

@media (min-width: 1920px) {

.hidden-xl {
	display: none;
}

}

@media (max-width: 1099px) {

.header {
	padding-bottom: 20px;
}

.header__above {
	padding: 18px 20px 0 30px;
}

.header__text {
	display: none;
}

.header__right {
	margin-right: 70px;
}

.header__bottom {
	display: none;
}

.drawer__toggle {
	display: block;
	z-index: 41;
	position: fixed;
	top: 2px;
	right: 30px;
	width: 30px;
	height: 20px;
	margin-top: 18px;
	cursor: pointer;
}

.mainvisual {
	margin-top: 97px;
}

}

@media (max-width: 1023px) {

.inner {
	padding-right: 30px;
	padding-left: 30px;
}

.section__title--small {
	font-size: 3.6rem;
}

.section__title--small::before {
	font-size: 10rem;
}

.section__title {
	font-size: 3.7rem;
}

.section__title .font-small {
	font-size: 2.8rem;
}

.header__above {
	padding: 18px 20px 0 30px;
}

.header__banner {
	width: 210px;
}

ul.header__nav-items li {
	padding: 0 30px;
	font-size: 1.6rem;
}

.mainvisual {
	height: 600px;
}

.mainvisual__copy {
	top: 19%;
}

.mainvisual__subtitle {
	font-size: 2.2rem;
}

.mainvisual__subtitle::before,
.mainvisual__subtitle::after {
	width: 50px;
}

.mainvisual__subtitle::before {
	left: -75px;
}

.mainvisual__subtitle::after {
	right: -75px;
}

.mainvisual__title {
	font-size: 4.8rem;
}

.mainvisual__content {
	top: 42%;
	width: 60%;
	text-align: center;
}

.youtube {
	padding: 0;
}

.campaign {
	padding: 68px 0 0;
}

.campaign__content {
	padding: 74px 30px 87px;
}

.campaign-price__left::before {
	left: -70px;
}

.campaign-price__right::before {
	right: -70px;
}

.treatment__wrap {
	padding: 38px 28px 55px;
}

.worries {
	padding: 0 0 130px;
}

.reason {
	padding: 100px 0 0;
}

.reason__right {
	padding-left: 19px;
}

.profile__head {
	height: 150px;
}

.profile__wrap:nth-of-type(2) .profile__left {
	padding: 40px 30px 60px;
}

.profile__left {
	padding: 40px 30px 60px;
}

.profile__title {
	font-size: 2rem;
}

.recommend {
	padding: 0;
}

.recommend__item:nth-of-type(2) .recommend-img,
.recommend__item:nth-of-type(3) .recommend-img,
.recommend__item:nth-of-type(4) .recommend-img {
	width: 47%;
}

.recommend__wrap .recommend-person {
	margin-left: 30px;
}

.recommend-person {
	padding-left: 20px;
}

.flow {
	padding: 110px 0 130px;
}

.price {
	padding: 95px 0 110px;
}

.price__list:first-child {
	flex: 0 0 37%;
}

.price__list:nth-child(2) {
	flex: 0 0 30%;
}

.price__list:nth-child(3) {
	flex: 0 0 31%;
}

.partner__inner {
	padding: 0;
}

.partner-person {
	bottom: -70px;
	left: 350px;
}

.partner__wrap {
	margin-top: 90px;
}

.faq {
	padding: 110px 0 130px;
}

.access__wrap {
	padding: 0;
}

.access__right {
	margin-left: 40px;
}

.about__left {
	flex: 0 0 60%;
	padding: 40px 0;
}

.about__right {
	flex: 0 0 40%;
}

.about__wrap {
	width: 80%;
}

.table th {
	width: 120px;
}

}

@media (max-width: 767px) {

.d-iline {
	display: inline;
}

.hidden-sp {
	display: none;
}

.inner {
	padding-right: 20px;
	padding-left: 20px;
}

.section__title--small {
	font-size: 2rem;
}

.section__title--small::before {
	font-size: 5.2rem;
}

.section__title {
	font-size: 2.1rem;
}

.section__title .font-small {
	font-size: 1.6rem;
}

.section__title.leaf .ttl::before {
	top: 31%;
	left: -25px;
	width: 95px;
	height: 75px;
}

.header {
	padding: 18px 20px 20px;
}

.header__above {
	padding: 0;
}

.header__wrap {
	padding-left: 5px;
}

.header__right {
	display: none;
}

.header__bottom {
	display: none;
}

.drawer__toggle {
	right: 20px;
}

.drawer__wrap .header-sns {
	justify-content: flex-start;
	margin: 20px 0 0 60px;
}

.drawer__wrap .header__banner {
	width: calc(100% - 60px - 60px);
	max-width: 335px;
	margin-left: 60px;
}

.drawer__menu {
	width: 100%;
	text-align: left;
}

.drawer__menu li {
	padding: 12.5px 0 12.5px 60px;
}

.mainvisual {
	height: 99.5vw;
	margin-top: 97px;
}

.mainvisual__copy {
	top: 14%;
}

.mainvisual__subtitle {
	font-size: 3vw;
}

.mainvisual__subtitle::before,
.mainvisual__subtitle::after {
	width: 29px;
}

.mainvisual__subtitle::before {
	left: -35px;
}

.mainvisual__subtitle::after {
	right: -35px;
}

.mainvisual__title {
	font-size: 7vw;
}

.mainvisual__content {
	top: 40%;
	width: 85%;
}

.youtube {
	margin-top: 50px;
}

.campaign {
	margin-top: 40px;
	padding-top: 20px;
}

.campaign::before {
	left: 50%;
	width: 95.2%;
	height: 140px;
	transform: translateX(-50%);
}

.campaign__content {
	margin-top: 25px;
	padding: 30px 10px 32px;
}

.campaign-price__left {
	margin-bottom: 4px;
	font-size: 1.6rem;
}

.campaign-price__left::before {
	top: 22px;
	left: -56px;
	width: 43px;
}

.campaign-price__left::after {
	right: -36px;
	width: 26px;
	height: 5px;
}

.campaign-price__left .font-small {
	font-size: 1.1rem;
}

.campaign-price__right {
	margin-left: 47px;
	font-size: 2.2rem;
}

.campaign-price__right::before {
	top: 38px;
	right: -56px;
	width: 43px;
}

.campaign-price__right .price-head {
	margin-bottom: -5px;
	font-size: 1rem;
}

.campaign-price__right .yen {
	font-size: 1.4rem;
}

.campaign-price__right .font-small {
	font-size: 1rem;
}

.campaign__items {
	display: block;
	margin-top: 18px;
}

.campaign__item {
	width: 100%;
}

.campaign__item:nth-of-type(2) {
	margin-top: 20px;
}

.treatment__head {
	height: 37px;
	padding: 7px 10px;
	font-size: 1.6rem;
}

.treatment__head::before {
	width: 37px;
}

.treatment__wrap {
	padding: 20px 12px 27px 18px;
}

.treatment__title {
	font-size: 1.5rem;
}

.treatment__detail {
	font-size: 1rem;
	line-height: 2.5;
}

.treatment__content {
	margin-top: 12px;
}

.payment {
	margin-top: 30px;
	padding: 24px 11px;
}

.payment__content {
	display: block;
	width: 292px;
	max-width: 100%;
	margin: auto;
}

.payment__text {
	padding: 0 6px;
	font-size: 1.4rem;
}

.payment__img {
	margin-left: 0;
}

.payment__img img {
	width: 100%;
}

.line-banner {
	height: 61px;
}

.line-banner-link {
	font-size: 1.6rem;
}

.line-banner-link::before {
	width: 30px;
	height: 28px;
	margin-right: 10px;
}

.line-banner-link::after {
	right: 17px;
	width: 6px;
	height: 12px;
}

.canpaign-open {
	margin-top: 20px;
	padding: 0 13px;
	font-weight: 700;
	font-size: 1.5rem;
	text-align: left;
}

.campaign-caution {
	width: 100%;
	padding: 0 19px;
	font-size: 1.5rem;
}

.worries {
	margin-top: 60px;
	padding-bottom: 45px;
}

.worries-cation {
	font-size: 1.4rem;
}

.worries__content {
	margin-top: 30px;
}

.worries__content .color__wrap {
	padding: 16px 11px 16px 12px;
}

.worries__list {
	padding: 10px 5px 10px 24px;
	font-size: 1.4rem;
	line-height: 1.6;
}

.worries__list::before {
	top: 13px;
	left: 0;
	width: 16px;
	height: 16px;
}

.worries__list .font-em {
	font-size: 1.7rem;
}

.voice {
	padding-top: 60px;
}

.voice::before {
	top: -18px;
	width: 102px;
	height: 35px;
}

.voice::after {
	height: 91.5%;
}

.voice .section__title.leaf .ttl::before {
	left: -6px;
}

.voice__content {
	margin-top: 20px;
}

.voice__item {
	width: 100%;
}

.voice__title {
	padding: 8px 5px 7px 53px;
	font-size: 1.5rem;
}

.voice__title::before {
	width: 36px;
}

.voice__title::after {
	left: 12px;
	width: 12px;
	height: 12px;
}

.voice__img img {
	width: 100%;
}

.voice__text {
	margin-top: 15px;
}

.caution {
	line-height: 1.714;
}

.voice-name {
	margin-top: 10px;
	font-size: 1.9rem;
}

.images {
	display: block;
}

.reason {
	padding: 50px 0 0;
	background: url(../img/sp_reason_bg.webp) no-repeat top center/contain;
}

.reason .youtube__wrap {
	margin-top: 50px;
}

.reason__lists {
	width: 335px;
	max-width: 100%;
	margin: 60px auto 0;
}

.reason__list {
	display: block;
	position: relative;
}

.reason__list + .reason__list {
	margin-top: 40px;
}

.reason__left {
	position: absolute;
	top: -22.5px;
	left: 0;
	width: 116px;
	height: 45px;
	min-height: initial;
	font-size: 1.5rem;
}

.reason__right {
	width: 100%;
	padding: 40px 19px 40px 22px;
}

.reason__content {
	margin-top: 60px;
	padding: 0;
}

.reason__content .color__wrap {
	padding: 30px 17px;
}

.reason__text {
	font-size: 1.5rem;
	line-height: 1.8;
	text-align: left;
}

.figure {
	margin-top: 30px;
	text-align: center;
}

.figure img {
	width: 100%;
	max-width: 460px;
}

.profile {
	margin-top: 50px;
}

.profile__head {
	height: 87px;
}

.profile__wrap {
	display: block;
}

.profile__wrap:nth-of-type(2) .profile__left {
	padding: 40px 20px 60px;
}

.profile__left,
.profile__right {
	width: 100%;
}

.profile__left {
	padding: 40px 20px 60px;
}

.profile__text {
	margin-top: 18px;
}

.profile__items {
	display: block;
	padding: 50px 0;
	background-color: #EDF6F9;
}

.profile__item {
	width: 77%;
	margin: auto;
}

.profile__item + .profile__item {
	margin-top: 25px;
}

.recommend {
	margin: 0 0 60px;
	padding-top: 50px;
}

.recommend .section__title.leaf .ttl::before {
	left: -75px;
}

.recommend__item {
	margin-top: 27px;
}

.recommend__item::before {
	width: calc(100% + 40px);
}

.recommend__item:first-of-type::before {
	top: 112vw;
	height: calc(100% - 112vw + 60px);
}

.recommend__item:first-of-type .recommend__content {
	margin-top: 20px;
}

.recommend__item:first-of-type .recommend__text {
	margin-top: 20px;
}

.recommend__item:nth-of-type(2),
.recommend__item:nth-of-type(3),
.recommend__item:nth-of-type(4) {
	margin-top: 130px;
}

.recommend__item:nth-of-type(2)::before,
.recommend__item:nth-of-type(3)::before,
.recommend__item:nth-of-type(4)::before {
	top: 210px;
	height: calc(100% - 210px + 60px);
}

.recommend__item:nth-of-type(2) .recommend-img,
.recommend__item:nth-of-type(3) .recommend-img,
.recommend__item:nth-of-type(4) .recommend-img {
	width: 83.582%;
}

.recommend__item:nth-of-type(4) .recommend__content {
	padding-bottom: 60px;
}

.recommend__item .caution {
	margin-top: 15px;
}

.recommend__title {
	font-size: 1.5rem;
	line-height: 1.866;
}

.recommend-img__wrap {
	display: block;
	margin-top: 30px;
}

.recommend-img__wrap .recommend-img {
	width: 83.582%;
}

.recommend-img__wrap .recommend-img:nth-of-type(2) {
	margin: 16px 0 0 auto;
}

.recommend__wrap {
	display: block;
	margin-top: 30px;
}

.recommend__wrap .recommend-img {
	width: 83.582%;
	margin-left: auto;
}

.recommend__wrap .recommend-person {
	margin: 22.5px 0 0 0;
}

.recommend-person {
	padding-left: 12px;
}

.recommend-place {
	font-size: 1rem;
}

.recommend-name {
	font-size: 1.5rem;
}

.recommend__content {
	margin-top: 25px;
}

.recommend-link {
	margin-top: 20px;
}

.flow {
	margin-top: 60px;
	padding: 60px 0;
}

.flow__lead {
	font-size: 1.8rem;
}

.flow__lists {
	margin-top: 20px;
}

.flow__list {
	display: block;
	padding: 15px 14px 25px 15px;
}

.flow__list + .flow__list {
	margin-top: 20px;
}

.flow__left {
	display: block;
	width: 100%;
}

.flow-number {
	width: 100%;
	height: 44px;
	font-size: 1.9rem;
}

.flow__content {
	margin: 10px 0 0;
}

.flow__right {
	margin-top: 15px;
}

.flow__img {
	text-align: center;
}

.flow__title {
	font-size: 1.8rem;
}

.price {
	padding: 60px 0 54px;
}

.price__lead {
	line-height: 1.5625;
}

.price__banner {
	height: 70px;
	margin-top: 25px;
	font-size: 3.1rem;
}

.price__banner .font-small {
	font-size: 2rem;
}

.price__wrap {
	margin: 20px 0 40px;
	padding: 28px 12px;
}

.price__lists {
	display: block;
}

.price__list {
	font-size: 1.4rem;
}

.price__list + .price__list {
	margin: 7px 0 0 0;
}

.price__text {
	font-size: 1.7rem;
}
.price__text__strong{
	font-size: 2.4rem;
}

.partner {
	padding: 60px 0;
}

.partner .section__title.leaf .ttl::before {
	left: -50px;
}

.partner__head {
	margin-top: 40px;
}

.partner__lead {
	font-size: 1.8rem;
}

.partner__inner {
	margin-top: 40px;
}

.partner__img {
	width: 100%;
}

.partner-person {
	left: 0;
	width: 75%;
	max-width: 400px;
	height: 80px;
	padding-left: 20px;
}

.partner-name {
	font-size: 2.2rem;
}

.partner-license {
	font-size: 1.2rem;
}

.partner__item:not(:first-of-type) {
	margin-top: 30px;
}

.partner__title {
	padding-left: 10px;
	font-size: 1.8rem;
}

.faq {
	padding: 70px 0 60px;
}

.faq__content {
	margin-top: 0;
}

.faq__item {
	padding: 15px 0;
}

.answer {
	align-items: flex-start;
	margin-top: 16px;
}

.question__left,
.answer__left {
	flex: 0 0 53px;
	height: 53px;
	font-size: 1.9rem;
}

.question__right,
.answer__right {
	margin-left: 15px;
	padding: 0 10px 0 18px;
	font-size: 1.5rem;
}

.question__right {
	padding: 13px 10px 13px 18px;
}

.map {
	height: 485px;
}

.access__wrap {
	margin-top: 66px;
}

.access__head {
	display: block;
}

.access-logo {
	width: 111px;
}

.access-name {
	margin: 12px 0 0 0;
	font-size: 1.6rem;
}

.access__content {
	display: block;
	margin-top: 16px;
}

.access__left {
	width: 100%;
}

.access__wrapper {
	font-size: 1.4rem;
}

.access__wrapper:nth-of-type(2) {
	margin-top: 14px;
}

.access__title {
	font-weight: 700;
}

.access__right {
	width: 100%;
	margin: 25px 0 0 0;
}

.access__right .access__wrapper {
	display: block;
}

.access__right .access__text {
	margin-left: 0;
}

.about {
	padding-top: 60px;
}

.about__content {
	display: block;
	margin-top: 50px;
}

.about__wrap {
	width: calc(100% - 40px);
}

.table th,
.table td {
	font-size: 1.4rem;
}

.table th {
	width: 72px;
	padding: 12px 0;
}

.table td {
	padding: 12px 10px 12px 0;
}

.footer {
	padding-top: 60px;
}

.footer__content {
	padding: 0 20px;
}

.footer__text {
	margin-top: 16px;
	font-size: 1.5rem;
}

.footer__banners {
	display: block;
	margin-top: 36px;
}

.footer__banner {
	margin: auto;
}

.footer__banner.instagram {
	margin: 14px auto 0;
}

.footer__copy {
	margin-top: 40px;
	padding: 7px 0 6px;
	font-size: 1.2rem;
}

}

@media (max-width: 350px) {

.hidden-sm {
	display: none;
}

.section__title--small::before {
	font-size: 4.9rem;
}

.campaign-price__left::before {
	content: none;
}

.campaign-price__right::before {
	content: none;
}

.flow__lead {
	font-size: 1.7rem;
}

.footer__banner-link {
	font-size: 1.5rem;
}

.footer__banner-link::before {
	left: 8px;
}

}