body {
	display: block;
	margin: 0;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	background: #fff;
}

img {
	max-width: 100%;
}

html {
	scroll-behavior: smooth;
}

header {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	/*     margin: 30px auto !important; */
	z-index: 2;
}

.di-container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	background: #FFF;
}

#sect-intro-main.di-container {
    max-width: 100%;
}

.di-row {
	display: flex;
	width: calc(100% - 40px);
	margin: 0 auto;
}

.di-row--spc-btw {
	justify-content: space-between;
}

.di-row--wrap {
	flex-wrap: wrap;
}

.di-4col {
	width: calc(25% - 15px);
	display: block;
}

.di-5col {
	width: calc(20% - 14px);
	display: block;
}

.di-2col {
	width: calc(50% - 10px);
	margin: 0 20px 20px 0;
}
.di-2col:nth-child(2n) {
	margin: 0 0 20px 0;
}

.di-2col > * {
	max-width: 100%;
}

.hdr__cont {
	background: #FFF;
	box-shadow: 0 0 20px #CCC;
	border: 1px solid #CCC;
}

.hdr__layout {
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: calc(100% - 20px);
	max-width: 1200px;
	justify-content: space-between;
}

.hdr__logo {
	display: block;
	margin: 0 20px 0 0;
	font-size: min(14px,0.8vw);
	font-weight: 500;
	width: 16%;
	max-width: 210px;
}
.hdr__logo > a {
	text-decoration: unset;
	color: #000;
}

.hdr__logo > img {
	display: block;
	width: 100%;
	height: auto;
}

.hdr__nav > ul {
	display: flex;
	list-style: none;
	text-align: center;
	padding: unset;
	margin: 0;
	font-size: min(1.12vw, 16px);
}

.hdr__nav > ul > li {
}

.hdr__nav > ul > li > a {
	color: #000;
	text-decoration: unset;
	padding: 0 10px;
	display: block;
}

.hdr__nav > ul > li > a > span {
	display: block;
}

.hdr__nav > ul > li > a:hover {
	opacity: 0.7;
}

.hdr__hlight {
	background: #8f0a0f;
	outline: solid #ab474b 1px;
	outline-offset: -10px;
	position: relative;
	margin: -20px 0;
	position: relative;
	z-index: 1;
	transform: translateY(10px);
	transition: transform 0.5s ease;
}

.hdr__scrolled .hdr__hlight {
    transform: unset;
}

.hdr__hlight > a {
	color: #FFF;
	text-decoration: unset;
	display: block;
	padding: 30px 25px;
}

.hdr__hlight > a > span {
	display: block;
}

.hdr__spbtn {
	cursor: pointer;
	background: unset;
	border: unset;
	padding: 15px 10px;
	width: 80px;
	height: 76px;
}

.hdr__spbtn > span,
.hdr__spbtn::before,
.hdr__spbtn::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: #FFF;
	border: unset;
	margin: 10px;
	transition: transform 0.5s ease;
}

.spnav-show .hdr__spbtn {
	position: relative;
}

.spnav-show .hdr__spbtn > span {
	width: 0;
}

.spnav-show .hdr__spbtn::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(225deg);
	margin: 0;
}

.spnav-show .hdr__spbtn::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-225deg);
	margin: 0;
}

header.di-container {
	max-width: 100%;
	transition: margin 0.5s ease;
	top: 0;
}

header.di-container.hdr__scrolled {
    margin: 15px auto;
}

.di-container__inner {
	width: calc(100% - 30px);
	margin: 0 auto;
}

section {
	padding-bottom: 60px;
}

section#sect-bnr {
	max-width: 100%;
	margin: min(7vw, 80px) 0;
}

section#sect-inquiry {
	max-width: 579px;
}

.bnr__cont {
	position: relative;
	z-index: 0;
	height: auto;
}

.bnr__ov {
	font-family: 'Noto Sans JP';
	font-weight: 700;
	font-size: 28px;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.bnr__cont--style1 {
	background: #ee958d;
}

.bnr__img {
	width: 100%;
	display: block;
	min-height: unset;
	height: 20vw;
	object-fit: cover;
	object-position: bottom right;
}

.bnr__img.sp-banner {
	height: auto;
}

.bnr--top .bnr__img {
	width: 100%;
	position: relative;
	height: auto;
}

.bnr--top .bnr__cont {
	height: auto;
}

.bnr--top .bnr__ov {
	font-family: 'Noto Serif JP';
	font-size: 52px;
	position: absolute;
	top: 18%;
	right: 0;
	left: unset;
	color: #9b4f1e;
	transform: unset;
}

.bnr--top .bnr__ov > p {
	margin: 0 0 10px;
}

.bnr--top .bnr__ov > span {
	font-size: 60%;
	display: block;
}

.bnr--top .bnr__ov-btm {
	font-family: 'Noto Serif JP';
	font-weight: 700;
	font-size: 20px;
	position: absolute;
	bottom: 18%;
	left: 5%;
	text-align: center;
	color: #9b4f1e;
}

.di-numpoint__cont {
}

.di-numpoint__head {
	text-align: center;
	margin: 0 0 40px;
}

.di-numpoint__layout {
	width: calc(100% - 40px);
	margin: 0 auto;
	max-width: 860px;
}

.di-numpoint__item {
	display: flex;
	margin: 0 0 40px;
}

.di-numpoint__item-num {
	font-family: 'Licorice', cursive;
	font-size: 78px;
	color: #a15a2c;
	width: 15%;
}

.di-numpoint__item-content {
	width: 85%;
}

.di-numpoint__item-title {
	color: #a15a2c;
	margin: 0 0 20px;
}

.di-numpoint__btn {
	text-align: right;
}

.di-numpoint__btn > button {
	background: #f78da7;
	border: unset;
	color: #FFF;
	padding: 5px;
	width: 300px;
	font-size: 16px;
	border-radius: 10px;
	cursor: pointer;
}

.di-numpoint__item-desc-hd {
	font-size: 0;
	transition: 0.5s ease;
}
.di-numpoint__item-desc--show .di-numpoint__item-desc-hd {
	font-size: initial;
}

.boxy__cont {
	width: calc(100% - 40px);
	margin: 0 auto;
	max-width: 950px;
}

.boxy__title {
	width: 100%;
	color: #FFF;
	background: #f78da7;
	margin: 0;
	text-align: center;
	padding: 10px 0;
}

.boxy__box {
	background: #eeebeb;
	padding: 1px 0;
}

.boxy__col {
	width: 50%;
}

.boxy__layout {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.boxy__item {
	background: #FFF;
	margin: 10px;
	padding: 10px 20px;
}

.boxy__col--full {
	width: 100%;
}

.intro-main__cont {
	position: relative;
}

.intro-main__layout {
	position: relative;
	z-index: 1;
	width: calc(100% - 40px);
	max-width: 860px;
	margin: 0 auto;
	padding: 60px 0;
	line-height: 1.8;
}

.intro-main__bg {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.intro-main__title {
	text-align: center;
}

.d7point__cont {
	width: calc(100% - 40px);
	margin: 60px auto 0 auto;
	max-width: 860px;
}

.d7point__layout {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	counter-reset: point-cnt;
}

.d7point__item {
	border: 1px solid #DB377E;
	border-radius: 5px;
	width: calc(100% / 4 - 20px);
	margin: 2px;
	padding: 6px;
	text-align: center;
	line-height: 1.8;
}

.d7point__item-content::before {
	counter-increment: point-cnt;
	content: "Point  " counter(point-cnt);
	display: block;
	text-align: left;
	color: #DB377E;
	margin: 0 0 10px;
}

.d7point__title {
	text-align: center;
}

.d7point__item-content span {
	color: #DB377E;
	display: block;
	font-size: 20px;
	font-weight: bolder;
}

.di-button {
	background: #6C6C3E;
	border: 1px solid #6C6C3E;
	color: #fff;
	padding: 10px;
	width: 250px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
	font-size: 22px;
}

.di-align-center {
	text-align: center;
}

.di-align-left {
	text-align: left;
}

.di-flex--wrap {
	flex-wrap: wrap;
}

.boxy__item-2col {
	display: flex;
}

.boxy__item-col {
	width: 50%;
}

.boxy__col--full .boxy__item-col .boxy__image {
	width: 50%;
	margin: 0 auto;
}

#sect-hair-rmv .boxy__item {
	max-height: 650px;
}

.boxy__item-title {
	margin: 0 0 10px;
}

.boxy__item-content {
	margin: 0 0 10px;
}

.boxy__item-title::before {
	content: "◆";
	margin: 0 5px 0 0;
}

#sect-hair-rmv .boxy__item-title::before {
	color: #f78da7;
}

#sect-herb-peel .boxy__item-title::before {
	color: #6c6c3e;
}

#sect-massage .boxy__item-title::before {
	color: #5F4582;
}

#sect-herb-peel .boxy__title {
	background: #64781A;
}

#sect-massage .boxy__title {
	background: #5F4582;
}

.boxy__image.hair-rmv__image--size1 {
	width: 100%;
	max-height: 205px;
	object-fit: contain;
	margin: 0;
	height: calc(32vw - 120px);
}

.boxy__image.herb-peel__image--size1 {
	width: 100%;
	max-width: 400px;
	/* width: 50%; */
}

.boxy__item--style2 {
	width: calc(50% - 10px);
	margin: 10px 10px 0 0;
}

label.boxy__label {
	display: block;
	text-align: center;
	background: #5f4582;
	color: #FFF;
	padding: 10px 0;
}

.boxy__item--style2 .boxy__image {
	width: 100%;
	height: 20vw;
	object-fit: cover;
	max-height: 155px;
}

.feed__cont {
	width: calc(100% - 20px);
	margin: 0 auto;
	max-width: 948px;
}

.feed__title {
	text-align: center;
	margin: 0 0 20px;
	font-weight: 500;
}

.feed__item {
	display: flex;
	align-items: center;
	border: dotted #CCC;
	border-width: 0 0 1px;
	padding: 10px 0;
	color: initial;
	text-decoration: initial;
}

.feed__item-date {
	display: block;
	background: #6c6c3e;
	color: #FFF;
	padding: 4px 10px 6px;
	border-radius: 20px;
	line-height: 1;
	margin: 0 10px 0 0;
}

.feed__item-title {
	margin: 0;
	font-weight: 400;
}

.di-title {
	text-align: center;
	margin: 0 0 40px;
}

#sect-manager .di-boxstyle__subtitle {
    font-family: 'Zen Old Mincho', serif;
    text-align: center;
    font-size: 20px;
}

.reason__layout {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	background: #FFF;
	display: flex;
	flex-wrap: wrap;
	letter-spacing: 0.1pt;
	line-height: 1.8;
}

.reason__item {
	display: flex;
	margin: 30px 0;
}

.di-imgpair {
	display: flex;
}

.di-imgpair__image {
	width: 50%;
	margin: 0 15px 0 0;
}

.di-imgpair__content {
	width: 50%;
}

.di-imgpair__content p {
	margin: 0;
}

.di-imgpair:nth-child(2n) .di-imgpair__image {
	order: 2;
	margin: 0 0 0 15px;
}

.in-salon__item {
	display: flex;
	margin: 30px 0;
}

.in-salon__layout {
	letter-spacing: 0.1pt;
	line-height: 1.8;
}

.in-salon__item.di-imgpair:nth-child(2n) .di-imgpair__image {
	order: 2;
	margin-left: 15px;
}

.customer__item {
	display: flex;
	margin: 30px 0;
}

.customer__item.di-imgpair:nth-child(2n) .di-imgpair__image {
	order: 2;
	margin-left: 15px;
}

.di-boxstyle {
	outline: #f78da7 20px solid;
	outline-offset: -20px;
	padding: 40px;
	width: calc(100% - 80px);
	max-width: 1440px;
	margin: 0 auto 60px;
}

#sect-manager.di-container.di-boxstyle {
    max-width: 100%;
}

#sect-hair-kid.di-boxstyle {
    max-width: 100%;
}

.di-boxstyle__item-title::before {
	content: "◆";
	margin: 0px 5px 0px 0px;
	color: #F78DA7;
}

#sect-ohl-feat .di-boxpoint__item {
	 border: 3px solid #3C7940;
}

#sect-ohl-why .di-boxstyle {
	outline: #3C79408A 20px solid;
}

#sect-manager .di-boxstyle__cont {
	padding: 20px;
}

#sect-manager .di-boxstyle__item-title::before {
	color: #f78da7;
}

.di-boxstyle__cont {
	max-width: 1020px;
	margin: 0 auto;
}

#sect-manager .di-boxstyle__item.di-imgpair {
	display: flex;
	margin: 30px 0;
}

#sect-manager .di-boxstyle__item.di-imgpair .di-imgpair__image {
	order: 2;
}

.inquiry__layout {
	max-width: 1000px;
	margin: 0 auto;
}

.inquiry__item input, 
.inquiry__item textarea {
	display: block;
	height: 35px;width: 100%;
	margin: 10px 0;
	border-radius: 0;
	border: 1px #7C5F26 solid;
	border-radius: 5px;
}

.inquiry__item textarea {
	height: 100%;
}

.inquiry__item span {
	background-color: #f78da7;
	color: #fff;
	padding: 5px;
	padding: 3px 5px 4px;
	margin: 5px 10px;
	font-size: 12px;
	letter-spacing: 1px;
	border-radius: 2px;
}

.inquiry__item {
	margin: 30px 0;
}

.inquiry__item label {
	margin: 10px 0;
}

.inquiry__radio-item input {
	height: 20px;
	display: inline-block;
	width: 20px;
	margin: 0 5px 0 0;
	vertical-align: sub;
}

.inquiry__radio-cont {
	display: flex;
	margin: 10px 0;
}

.inquiry__radio-item {
	margin: 0 20px 0 0;
}

.information__cont {
	width: calc(100% - 30px);
	max-width: 1000px;
	margin: 0 auto;
	background: #FFF;
	line-height: 1.8;
	letter-spacing: 0.1pt;
}

.information__cont table tr td:first-child {
	width: 20%;
	background-color: #eee;
	font-weight: bold;
}

.information__cont table tr td {
	border: 1px solid #DFBBA3;
	padding: 10px;
}

.information__cont table {
	border-collapse: collapse;
}

#sect-instagram {
	width: 100%;
	max-width: 1440px;
	margin: 60px auto;
	background: #FFF;
	overflow-x: hidden;
}

.hair-kid__hlight-img {
	width: 50%;
	display: block;
	max-width: 250px;
}

.hair-kid__hlight {
	display: flex;
	justify-content: space-evenly;
}

.hair-kid__btm-col {
	display: flex;
	margin: 20px 0;
}

.hair-kid__btm-col-left {
	margin: 0 20px 0 0;
}

.hair-kid__btm-col-right img:first-child {
	margin: 30px 0;
}

.di-modal__btn {
    background: unset;
    border: unset;
    padding: unset;
	cursor: pointer;
}

dialog.di-modal__cont {
    border: unset;
}

.di-modal__cont::backdrop {
    background: #0005;
}

.di-modal__close {
    display: block;
    margin: 5px auto 0;
    font-size: 16px;
    width: auto;
    padding: 5px 10px;
	cursor: pointer;
}

.di-modal__img {
    width: auto;
    height: auto;
}

.di-modal__img > img {
    width: 100%;
    height: 100%;
    max-width: 80vw;
    max-height: 80vh;
}

.di-modal__img.zoomed {
	max-width: 80vw;
	max-height: 80vh;
	overflow: auto;
}

.di-modal__img.zoomed > img {
	width: auto;
	max-width: min(200vw, 1200px);
	max-height: unset;
	height: auto;
}

.di-numpoint__subhead {
	text-align: center;
}

.hair-cost__cont {
	max-width: 950px;
	margin: 0 auto;
}

.hair-cost__tbl table {
	width: 100%;
	margin: 50px 0;
	text-align: center;
	border-collapse: collapse;
}

.hair-cost__tbl tr td {
	padding: 20px;
}

.hair-cost__tbl tr td {
	border-bottom: 2px solid;
	text-align: right;
	width: fit-content;
}

.hair-cost__tbl tr th {
	font-weight: normal;
}

footer {
	padding: 60px 0;
}

.information__cont table tr td:first-child {
	width: 20%;
	background-color: #eee;
	font-weight: bold;
}

.information__cont table tr td {
	border: 1px solid #DFBBA3;
	padding: 10px;
}

.information__cont table {
	border-collapse: collapse;
}

.price-navi__layout {
	display: flex;
}

.price-navi__layout .button {
	width: calc(100% / 5 - 20px);
	margin: 10px 0;
}

.price-navi__layout .button a {
	padding: 10px;
	background-color: #EEEBEB;
	border: 1px solid #dfbba3;
	margin: 0 10px;
	font-weight: bold;
	text-decoration: unset;
	color: #000;
	display: block;
	text-align: center;
	font-size: 14px;
}

.di-price__table {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	overflow: auto;
}

.di-price__table table {
	width: 980px;
	border-collapse:collapse;
	margin: 0 0 20px;
}

.di-price__table table tr th,
.di-price__table table tr td {
	border: 1px solid #DFBBA3;
	padding: 20px;
	text-align: center;
}

.di-price__table table tr th:first-child,
.di-price__table table tr td:first-child {
	background: #EEEBEB
}

.child-price__table table tr td:first-child {
	background: unset;
}

.child-price__table table tr td span {
	font-weight: bold;
	display: block;
	margin: 0 0 10px;
}

.hair-what__cont {
	text-align: center;
}

.di-boxpoint__item-head {
	display: flex;
	align-items: center;
	justify-content: center;
}

.di-boxpoint__item {
	width: calc(100% / 3 - 50px);
	margin: 10px;
	border: 3px solid #f78da7;
	padding: 10px;
	text-align: center;
}

.di-boxpoint__item-cont {
	display: flex;
	flex-wrap: wrap;
}

.di-boxpoint__item-head img {
	margin: 0 10px 0 0;
}

.di-boxpoint__item-head img {
	width: 25px;
	height: auto;
}

.tbl-title {
	font-weight: normal;
	border: 1px solid;
	width: fit-content;
	margin: 0 auto;
	padding: 20px;
}

.di-faq__cont {
	width: calc(100% - 30px);
	margin: 0 auto;
}

.di-faq__item-q {
	border: 1px solid #DFBBA3;
	padding: 10px;
	background-color: #EEEBEB;
	position: relative;
	cursor: pointer;
}

.di-faq__item-a {
	border: 1px solid #ccc;
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s ease;
}

.di-faq__item-a-inner {
	margin: 10px;
}

.di-faq__item {
	margin: 10px 0;
}

.di-faq__item-q::after {
	content: "+";
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.5s ease;
}

.di-faq__item.di-faq__show .di-faq__item-q::after {
	content: "–";
	transform: translateY(-50%) rotate(180deg);
}

.di-faq__item.di-faq__show .di-faq__item-a {
	max-height: 500px;
}

.herb-rebelle__title > img {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

#sect-rebelle-feat .di-boxpoint__item {
	border-color: #3c7940;
}

#sect-rebelle-feat .di-boxpoint__item-image {
	height: 240px;
	width: 100%;
	object-fit: cover;
	object-position: top;
}
#sect-ohl-feat .di-boxpoint__item-image {
	height: 220px;
	width: 100%;
	object-fit: contain;
	object-position: center;
}

#sect-rebelle-why.di-boxstyle {
	outline-color: #3C79408A;
	max-width: 100%;
}

#sect-ohl-why .di-boxstyle {
    max-width: 100%;
}

.rebelle-why__item.di-imgpair > .di-imgpair__image,
.ohl-why__item.di-imgpair > .di-imgpair__image {
	width: 35%;
	margin: 0 40px 0 0;
}
.rebelle-why__item.di-imgpair:nth-child(2n) > .di-imgpair__image,
.ohl-why__item.di-imgpair:nth-child(2n) > .di-imgpair__image{
	margin: 0 0 0 40px;
}

.di-prod__item {
	text-decoration: unset;
	color: #000;
}
.di-prod__item-img {
	height: 18vw;
	max-height: 176px;
	width: 100%;
	object-fit: cover;
	margin: 0 0 10px;
}
.di-prod__item-title {
	text-align: center;
	margin: 0 0 10px;
}
.di-prod__item-text {
	margin: 0;
	font-size: 14px;
}

.shop-cat__item {
	margin: 0 0 20px 0;
}

.herb-fee__tbl tr td {
	border: 1px solid;
	padding: 20px;
}

.herb-fee__tbl table {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.ohl-case__cont {
	text-align: center;
}

.di-blog {
	width: calc(100% - 40px);
	max-width: 1050px;
	margin: 0 auto;
}

.di-blog__cont {
	display: flex;
	justify-content: space-between;
}

.di-blog__side {
	width: calc(30% - 20px);
}

.di-blog__main {
	width: calc(70% - 20px);
}

.di-blog__main-title {
	margin: 0 0 20px;
}

.di-blog__item {
	display: block;
	text-decoration: unset;
	color: #000;
}

.di-blog__item-layout {
	display: flex;
	margin: 30px 0;
}

.di-blog__item-img {
	width: 110px;
	height: 110px;
	margin: 0 20px 0 0;
}

.di-blog__item-img > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.di-blog__item-content {
	width: calc(100% - 130px);
}

.di-blog__item-title {
	margin: 0 0 10px;
}

.di-blog__item-date {
	margin: 0 0 10px;
}

.di-blog__item-text {
	margin: 0;
}

.di-widget__cont .wp-block-heading {
	margin: 0 0 20px;
}

.di-widget__cont {
	margin: 0 0 40px;
}

.di-widget__cont .wp-calendar-table caption {
	text-align: left;
	margin: 0 0 10px;
}

.di-sect-pad {
	padding: 40px 0 0;
}

.shop-brand__layout {
	margin: 40px auto;
}

.shop-brand__layout:last-child {
	margin: 0 auto;
}

.shop-cat__layout {
	margin: 0 0 40px;
}

.di-subtitle {
	text-align: center;
}

.di-blog__item-img img {
	border-radius: 10px;
}

.wp-block-categories-list.wp-block-categories li {
	list-style: none;
	border-bottom: 1px dotted;
	padding: 0 0 10px;
	margin: 15px 0 0;
}

.wp-block-categories-list.wp-block-categories {
	padding: 0;
}

.wp-block-categories-list.wp-block-categories li a {
	color: #000;
	text-decoration: none;
}

.pc-banner {
	display: block;
}

.sp-banner {
	display: none;
}

.ftr__cont {
	display: flex;
	width: calc(100% - 40px);
	margin: auto;
	max-width: 890px;
}

.ftr__col {
	width: 50%;
}

.ftr__logo {
	display: block;
	max-width: 286px;
	margin: 0 0 30px;
}

.ftr__socmed-item {
	display: inline-block;
	width: 40px;
	margin: 0 30px 0 0;
}

.ftr__info {
	margin: 0 0 30px;
}

.ftr__copyright {
	background-color: #F9F6F2;
	padding: 30px 0 10px;
	text-align: center;
}

.di-scrollhint__parent {
	position: relative;
}

.di-scrollhint {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	background: #000000B2;
	color: #FFF;
	border-radius: 10px;
	opacity: 0.8;
	padding: 10px;
	display: none;
}

.di-scrollhint__arrow i {
	margin: 0 6px;
}

.di-scrollhint__pointer {
	font-size: 30px;
	line-height: 1;
}

.di-scrollhint__text {
	font-size: 12px;
	margin: 10px 0 0;
}

.di-scrollhint > p {
	display: none;
}

.fw-r {
	font-weight: normal;
}

.di-btn-img {
    margin: 20px 0 0;
}

#sect-hair-numpoint .di-row {
    margin: 60px 0;
}

.br-sp {
	display: none;
}

.di-btn-img > a > img {
    max-width: 400px;
    width: 100%;
}