@charset "UTF-8";
/* ===================================================================

common style

=================================================================== */
@font-face {
	font-family: 'FLbrsa2U';
	src: url("../font/FLbrsa2U.ttf") format("truetype");
}
/* ===================================================================

common style

=================================================================== */
html {
	font-size: 62.5%;
}
body {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: 400;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.7;
	color: #111;
	background: #fff url(../images/main_bg.jpg) top left;
}
/*  DEL20210907-izmd
body:before {
	content: '';
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	transition: .4s;
	opacity: 1;
	z-index: 99999;
	filter: blur(10px);
}
body.fadeout:before {
	z-index: -1;
	opacity: 0;
	filter: blur(0px);
}
*/
a {
	text-decoration: none;
	color: #111;
}
a:hover {
	text-decoration: none;
	color: #111;
}
img {
	vertical-align: bottom;
	max-width: 100%;
}
select, input, textarea, button {
	vertical-align: middle;
}
p {
	font-size: 1.5rem;
}

.comm {
	color: #0059D3;
	border-bottom: 1px solid #0059D3;
	text-align: right;
}

@media (max-width: 767px) {
p {
	font-size: 1.4rem;
}
}
main {
	display: block;
}
/*--------------------

      base

--------------------*/
#header {
	padding: 10px 25px 0px 25px;
	transition: .3s;
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	box-sizing: border-box;
	background: transparent;
}

@media (max-width: 767px) {
#header {
	padding: 0px 2.6%;
}
}
#header.trans {
	background: #fff;
}
#header .head-cont {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .head-cont #logo {
	position: relative;
	z-index: 1;
}
#header .head-cont #logo a img:first-of-type {
	display: inline;
}
#header .head-cont #logo a img:last-of-type {
	display: none;
}
#header .head-cont #logo.active a img:first-of-type {
	display: none;
}
#header .head-cont #logo.active a img:last-of-type {
	display: inline;
}

@media (max-width: 767px) {
#header .head-cont #logo {
	width: 25%;
}
}
#header .head-cont .gnav {
	display: none;
	background: url(../images/gnav_bg.jpg) no-repeat center center/cover;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
#header .head-cont .gnav .gnav-inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
#header .head-cont .gnav .gnav-inner > div {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
}
#header .head-cont .gnav .gnav-inner > div ul {
	margin: 0 20px;
}
#header .head-cont .gnav .gnav-inner > div ul:last-of-type li {
	transform: translateX(10px);
}
#header .head-cont .gnav .gnav-inner > div ul.on li {
	transition: .4s;
	opacity: 1;
	transform: translateX(0px);
}
#header .head-cont .gnav .gnav-inner > div ul.on li:nth-child(1) {
	transition-delay: 0.4s;
}
#header .head-cont .gnav .gnav-inner > div ul.on li:nth-child(2) {
	transition-delay: 0.5s;
}
#header .head-cont .gnav .gnav-inner > div ul.on li:nth-child(3) {
	transition-delay: 0.6s;
}
#header .head-cont .gnav .gnav-inner > div ul.on li:nth-child(4) {
	transition-delay: 0.7s;
}
#header .head-cont .gnav .gnav-inner > div ul.on li:nth-child(5) {
	transition-delay: 0.8s;
}
#header .head-cont .gnav .gnav-inner > div ul.on li:nth-child(6) {
	transition-delay: 0.9s;
}
#header .head-cont .gnav .gnav-inner > div ul.on li:nth-child(7) {
	transition-delay: 1s;
}
#header .head-cont .gnav .gnav-inner > div ul li {
	line-height: 1.2;
	color: #d9e2e9;
	opacity: 0;
	transform: translateX(-10px);
}
#header .head-cont .gnav .gnav-inner > div ul li a {
	color: #d9e2e9;
	font-size: 1.4rem;
	display: block;
	padding: 10px 40px 10px 10px;
	position: relative;
}
#header .head-cont .gnav .gnav-inner > div ul li a:after {
	content: '';
	width: 20px;
	height: 4px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	transform: skew(40deg);
	position: absolute;
	right: 10px;
	top: calc(50% - 2px);
	border-color: transparent;
	transition: .2s;
}

@media (min-width: 768px) {
#header .head-cont .gnav .gnav-inner > div ul li a {
	transition: .4s;
}
#header .head-cont .gnav .gnav-inner > div ul li a:hover {
	background: #fff;
	color: #333;
}
#header .head-cont .gnav .gnav-inner > div ul li a:hover:after {
	border-color: #333;
	transform: translateX(-5px) skew(40deg);
	transition-delay: .2s;
}
}

@media (max-width: 767px) {
#header .head-cont .gnav ul {
	flex-direction: column;
	justify-content: center;
	height: 100%;
	transition: .4s;
}
#header .head-cont .gnav ul li {
	margin-left: 0;
	opacity: 0;
	text-align: center;
	width: 100%;
	transform: translateX(20px);
	transition: .2s;
}
#header .head-cont .gnav ul li a {
	font-size: 2.0rem;
	display: block;
	width: 100%;
	padding: 30px 0;
}
}
.contact-btn {
	display: block;
	position: absolute;
	top: calc(50% - 17px);
	right: 100px;
	width: 160px;
	height: 34px;
	z-index: 1;
}
.contact-btn a {
	display: block;
	border: 1px solid #111;
	text-align: center;
	line-height: 34px;
	font-size: 1.4rem;
}
#language_cng {
	padding-right: 250px;
	font-size: 1.3rem;
	padding-bottom: 10px;
}

@media (min-width: 768px) {
.contact-btn a {
	transition: .4s;
}
.contact-btn a:hover {
	background: #111;
	color: #fff;
}
}

@media (max-width: 767px) {
.contact-btn {
	display: none !important;
}
#language_cng {
/*	padding-right: 50px;*/
    padding-right: 5%;
}
}
.nav-btn {
	display: block;
	position: absolute;
	top: calc(50% - 11px);
	right: 2.6%;
	width: 25px;
	height: 22px;
	z-index: 10;
	cursor: pointer;
}

@media (max-width: 767px) {
.nav-btn {
	display: block;
}
}
.nav-btn:before {
	content: '';
	width: 25px;
	height: 2px;
	background: #111;
	position: absolute;
	top: 0px;
	right: 0;
	transition: .4s;
}
.nav-btn:after {
	content: '';
	width: 25px;
	height: 2px;
	background: #111;
	position: absolute;
	top: 20px;
	right: 0;
	transition: .4s;
}
.nav-btn span {
	display: block;
	width: 25px;
	height: 2px;
	background: #111;
	position: absolute;
	top: 10px;
	right: 0;
	transition: .4s;
}
.nav-btn.active:before {
	content: '';
	width: 20px;
	height: 2px;
	top: 10px;
	right: 0;
	transform: rotate(45deg);
	background: #fff;
}
.nav-btn.active:after {
	content: '';
	width: 20px;
	height: 2px;
	top: 10px;
	right: 0;
	transform: rotate(-45deg);
	background: #fff;
}
.nav-btn.active span {
	opacity: 0;
}
#footer {
	background: rgba(0, 0, 0, 0.8);
	padding: 40px 0 20px 0;
	color: #fff;
	position: relative;
}

@media (max-width: 767px) {
#footer {
	padding: 50px 2.6% 20px 2.6%;
}
}
#footer .pagetop {
	display: inline-block;
	position: absolute;
	top: 85px;
	right: 80px;
	color: #fff;
	padding-left: 62px;
	transform: rotate(90deg);
	transform-origin: top right;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.07em;
	cursor: pointer;
}

@media (max-width: 767px) {
#footer .pagetop {
	right: 4%;
	z-index: 2;
}
}
#footer .pagetop:before {
	content: '';
	width: 58px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 6px;
	left: 0;
	transition: .2s;
}

@media (max-width: 767px) {
#footer .pagetop:before {
	-webkit-animation: pagetop 1s ease-in-out 0s infinite forwards;
	animation: pagetop 1s ease-in-out 0s infinite forwards;
}
}
#footer .pagetop:after {
	content: '';
	width: 5px;
	height: 5px;
	transform: rotate(-45deg);
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	position: absolute;
	left: 20px;
	top: 3px;
	opacity: 0;
	transition: .2s;
}

@media (min-width: 768px) {
#footer .pagetop:hover:before {
	width: 38px;
	left: 20px;
}
#footer .pagetop:hover:after {
	opacity: 1;
	transition: .2s .2s;
}
}
#footer .foot-cont {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

@media (max-width: 767px) {
#footer .foot-cont {
	flex-direction: column;
	margin-bottom: 40px;
}
}
#footer .foot-cont .f-logo {
	margin-bottom: 20px;
	opacity: 0.6;
}

@media (max-width: 767px) {
#footer .foot-cont .f-logo {
	text-align: center;
}
}
#footer .foot-cont .sns-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer .foot-cont .sns-list li {
	width: 30px;
	margin: 0 20px;
}
#footer .foot-cont .sns-list li a svg path {
	fill: #d9e2e9;
}
#footer .foot-cont .foot-c {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
}

@media (max-width: 767px) {
#footer .foot-cont .foot-c {
	padding: 30px 0;
	flex-direction: column;
}
}
#footer .foot-cont .foot-c ul {
	margin: 0 20px;
}

@media (max-width: 767px) {
#footer .foot-cont .foot-c ul {
	margin: 0 10px;
}
}
#footer .foot-cont .foot-c ul li {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
#footer .foot-cont .foot-c ul li {
	text-align: center;
}
}
#footer .foot-cont .foot-c ul li a {
	font-size: 1.3rem;
	color: #d9e2e9;
}

@media (max-width: 767px) {
#footer .foot-cont .foot-c ul li a {
	font-size: 1.3rem;
}
}

@media (min-width: 768px) {
#footer .foot-cont .foot-c ul li a:hover {
	text-decoration: underline;
}
}
#footer .foot-cont .btn-contact {
	margin-bottom: 20px;
}
#footer .foot-cont .btn-contact.freedial {
	margin-bottom: 40px;
}
#footer .foot-cont .btn-contact.freedial a {
	background: url(../images/freedial.svg) no-repeat 10% 50%;
	background-size: 30px auto;
	text-align: right;
	padding: 15px 20px 15px 50px;
}

@media (min-width: 768px) {
#footer .foot-cont .btn-contact.freedial a:hover {
	background: #d9e2e9 url(../images/freedial.svg) no-repeat 10% 50%;
	background-size: 30px auto;
}
}

@media (max-width: 767px) {
#footer .foot-cont .btn-contact.freedial a {
	text-align: center;
}
}
#footer .foot-cont .btn-contact a {
	display: block;
	line-height: 1;
	border: 1px solid #d9e2e9;
	padding: 15px 50px;
	text-align: center;
	font-size: 1.6rem;
	color: #d9e2e9;
	transition: .4s;
}

@media (min-width: 768px) {
#footer .foot-cont .btn-contact a:hover {
	background: #d9e2e9;
	color: #15141b;
}
}
#footer .copy {
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.07em;
	opacity: 0.6;
}

@media (max-width: 767px) {
#footer .copy {
	padding-top: 40px;
	text-align: center;
}
}
 @-webkit-keyframes pagetop {
 0% {
 width: 58px;
}
 50% {
 width: 48px;
}
 100% {
 width: 58px;
}
}
@keyframes pagetop {
 0% {
 width: 58px;
}
 50% {
 width: 48px;
}
 100% {
 width: 58px;
}
}
#main {
	padding-bottom: 0;
}

@media (max-width: 767px) {
#main {
	padding-bottom: 50px;
	margin:50px 0 0 0;
}
}
.box, .box-inner {
	max-width: 890px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

@media (max-width: 767px) {
.box,  .box-inner {
	max-width: 100%;
	padding: 0 2.6%;
}
}
.box-inner {
	max-width: 890px;
}
#kv {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 550px;
	margin-bottom: 100px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {
#kv {
	height: 70vh;
	overflow: visible;
	margin-bottom: 40px;
}
}

@media (min-width: 768px) {
#kv .slick-dots {
	bottom: 25px;
}
}

@media (max-width: 767px) {
#kv #kvSlide {
	height: 100%;
}
#kv #kvSlide .slick-list {
	height: 100%;
}
#kv #kvSlide .slick-list .slick-track {
	height: 100%;
}
#kv #kvSlide .slick-list .slick-track .slick-slide {
	height: 100%;
}
#kv #kvSlide .slick-list .slick-track .slick-slide > div {
	height: 100%;
}
}
#kv .slide-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 0;
}

@media (max-width: 767px) {
#kv .slide-wrap {
	min-width: auto;
	min-height: auto;
	width: 100%;
	height: 100%;
}
}
#kv .slide-wrap img {
	height: 550px;
}

@media (max-width: 767px) {
#kv .slide-wrap img {
	height: auto;
}
}
#kv .slide-wrap .slide-each {
	position: relative;
}

@media (max-width: 767px) {
#kv .slide-wrap .slide-each {
	background: #fff;
	height: 100%;
}
#kv .slide-wrap .slide-each > img {
	height: 50%;
}
#kv .slide-wrap .slide-each > img.ofi {
	object-position: right;
}
}

#kv .slide-wrap_2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 0;
}

@media (max-width: 767px) {
#kv .slide-wrap_2 {
	min-width: auto;
	min-height: auto;
	width: 100%;
	height: 100%;
}
}
#kv .slide-wrap_2 img {
	height: 720px;
}

@media (max-width: 767px) {
#kv .slide-wrap_2 img {
	height: auto;
}
}
#kv .slide-wrap_2 .slide-each {
	position: relative;
}

@media (max-width: 767px) {
#kv .slide-wrap .slide-each {
	background: #fff;
	height: 100%;
}
#kv .slide-wrap .slide-each > img {
	height: 50%;
}
#kv .slide-wrap .slide-each > img.ofi {
	object-position: right;
}
}

#kv .kv-box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
#kv .kv-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	align-items: flex-end;
}
}
#kv .kv-box .kv-box-inner {
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
	padding-top: 300px;
	padding-left: 200px;
}

@media (max-width: 767px) {
#kv .kv-box .kv-box-inner {
	padding: 0% 2.6% 0 2.6%;
	box-sizing: border-box;
	height: 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
}
#kv .kv-box .kv-box-inner span {
	display: block;
	padding-top: 10px;
	font-feature-settings: 'palt';
	letter-spacing: 0.0rem;
}
#kv .kv-box .kv-box-inner span:nth-of-type(2) {
	margin-left: 1em;
}

@media (max-width: 767px) {
#kv .kv-box .kv-box-inner span:nth-of-type(2) {
	margin: 0 0 10px 0;
}
}
#kv .kv-box .kv-box-inner span:nth-of-type(3) {
	margin-left: 3em;
}

@media (max-width: 767px) {
#kv .kv-box .kv-box-inner span:nth-of-type(3) {
	margin: 0 0 10px 0;
}
}

@media (max-width: 767px) {
#kv .kv-box .kv-box-inner span {
	padding-top: 5px;
	text-align: center;
}
}
#kv .kv-box .kv-box-inner span.sml {
	font-size: 1.2rem;
	line-height: 1.8;
}

@media (max-width: 767px) {
#kv .kv-box .kv-box-inner span.sml {
	font-size: 1.4rem;
}
}
#kv .kv-box .title {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-size: 2.6rem;
	line-height: 1.2;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
#kv .kv-box .title {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 0px;
}
}
#kv .kv-box p {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-size: 2.4rem;
	line-height: 1.5;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
#kv .kv-box p {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 20px;
}
}

@media (max-width: 767px) {
#kv .kv-box .more-btn {
	text-align: center;
}
}
.more-btn a {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1;
	position: relative;
	padding: 15px 90px;
	border: 1px solid #6a6b71;
	overflow: hidden;
	transition: .2s .1s;
}

@media (max-width: 767px) {
.more-btn a {
	padding: 12px 60px;
}
}
.more-btn a:before {
	content: '';
	background: #6a6b71;
	width: 100%;
	height: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	transition: 0.4s cubic-bezier(1, 0.15, 0.15, 1.01);
	z-index: -1;
}
.more-btn a:after {
	content: '';
	width: 7px;
	height: 7px;
	right: 10px;
	position: absolute;
 top: calc(50% - (7px / 2));
	border-right: 1px solid #6a6b71;
	border-bottom: 1px solid #6a6b71;
	transform: rotate(-45deg);
	transition: border-color .2s .1s, right .2s .0s;
}

@media (min-width: 768px) {
.more-btn a:hover {
	color: #fff;
}
.more-btn a:hover:before {
	left: 0%;
}
.more-btn a:hover:after {
	border-color: #fff;
	right: 15px;
	transition: border-color .2s .4s, right .2s .6s;
}
}
.top-about, .common-box {
	margin-bottom: 200px;
}

@media (max-width: 767px) {
.top-about,  .common-box {
	margin-bottom: 100px;
	padding-top: 50px;
}
}
.top-about .box-wrap h1, .common-box .box-wrap h1 {
	font-size: 3.0rem;
	text-align: center;
	margin-bottom: 50px;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
}

@media (max-width: 767px) {
.top-about .box-wrap h1,  .common-box .box-wrap h1 {
	font-size: 2.2rem;
}
}
.top-about .box.is-show:before, .top-about .box.is-show:after, .common-box .box.is-show:before, .common-box .box.is-show:after {
	height: 130px;
}
.top-about .box.is-show .txt-box, .common-box .box.is-show .txt-box {
	transform: translateY(60px);
	opacity: 1;
}

@media (max-width: 767px) {
.top-about .box.is-show .txt-box,  .common-box .box.is-show .txt-box {
	transform: translateY(-20px);
}
}
.top-about .box, .common-box .box {
	position: relative;
	margin-bottom: 160px;
}

@media (max-width: 767px) {
.top-about .box,  .common-box .box {
	margin-bottom: 60px;
}
}
.top-about .box:before, .top-about .box:after, .common-box .box:before, .common-box .box:after {
	content: '';
	background: #9da8b0;
	width: 10px;
	height: 0px;
	position: absolute;
	transition: 1s;
	z-index: 3;
}
.top-about .box:before, .common-box .box:before {
	bottom: 0;
	left: 0;
}
.top-about .box:after, .common-box .box:after {
	top: 0;
	right: 0;
}
.top-about .box.img-r:before, .common-box .box.img-r:before {
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
}
.top-about .box.img-r:after, .common-box .box.img-r:after {
	bottom: 0;
	right: 0;
	top: auto;
	left: auto;
}
.top-about .box.img-r .txt-box, .common-box .box.img-r .txt-box {
	margin: 0 0 0 0;
}

@media (max-width: 767px) {
.top-about .box.img-r .txt-box,  .common-box .box.img-r .txt-box {
	margin: 0 auto;
}
}
.top-about .box.img-r .img, .common-box .box.img-r .img {
	right: 0;
	left: auto;
}
.top-about .img, .common-box .img {
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 767px) {
.top-about .img,  .common-box .img {
	position: static;
}
}
.top-about .txt-box, .common-box .txt-box {
	width: 52%;
	transition: .4s;
	opacity: 0;
	transform: translateY(0px);
	position: relative;
	margin: 0 0 0 50%;
	background: #fff;
	box-sizing: border-box;
	padding: 45px 30px;
	box-shadow: 50px 50px 50px rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
.top-about .txt-box,  .common-box .txt-box {
	position: relative;
	width: 94%;
	padding: 6%;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.05);
	margin: 0 auto;
}
}
.top-about .txt-box h2, .common-box .txt-box h2 {
	text-align: left;
	margin-bottom: 0;
}
.top-about .txt-box h2 span, .common-box .txt-box h2 span {
	display: inline-block;
	border-top: 1px solid #919191;
	color: #919191;
	margin-top: 7px;
	padding-top: 10px;
}
.top-about .txt-box h3, .common-box .txt-box h3 {
	padding: 0 0 30px 0;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-size: 2.7rem;
	line-height: 1.5;
	font-feature-settings: 'palt';
}

@media (max-width: 767px) {
.top-about .txt-box h3,  .common-box .txt-box h3 {
	padding: 30px 0;
	font-size: 2.0rem;
}
}
.top-about .txt-box p, .common-box .txt-box p {
	line-height: 2.4;
	margin-bottom: 20px;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-feature-settings: 'palt';
}
.bold {
	font-weight: bold;
}
.common-h2 {
	text-align: center;
	font-size: 3.0rem;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 55px;
}

@media (max-width: 767px) {
.common-h2 {
	font-size: 2.4rem;
	margin-bottom: 40px;
	line-height: 1.3;
}
}
.common-h2 span {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-size: 1.5rem;
	padding-top: 10px;
	display: block;
	color: #909090;
}
.top-products {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
.top-products {
	margin-bottom: 50px;
}
}
.product-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-wrap: wrap;
}

.product-list-single {
	flex-direction: column;
	align-content: center;
}

@media (max-width: 767px) {
.product-list {
	flex-direction: column;
}
}
.product-list li {
	width: 47%;
	margin: 0 6% 40px 0;
}
.product-list li:nth-of-type(2n) {
	margin: 0 0 40px 0;
}

@media (max-width: 767px) {
.product-list li {
	width: 100%;
	margin: 0 0 40px 0;
}
}
.product-list li a {
	display: block;
	text-align: center;
}

@media (min-width: 768px) {
.product-list li a:hover .img {
	box-shadow: 25px 25px 25px rgba(0, 0, 0, 0.2);
	transform: translateY(-5px);
}
}
.product-list li a .img {
	margin-bottom: 20px;
	box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.05);
	transition: .4s;
}

@media (max-width: 767px) {
.product-list li a .img {
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.05);
}
}
.product-list li a h3 {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: 400;
	font-size: 3.0rem;
	line-height: 1.3;
}

@media (max-width: 767px) {
.product-list li a h3 {
	font-size: 2.4rem;
}
}
.product-list li a p {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: 400;
}
.product-list li a p.series {
	font-size: 1.8rem;
	padding-top: 10px;
}
.product-list li a p.en {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-size: 2.4rem;
	color: #56565f;
	line-height: 1;
}





@media (max-width: 767px) {
.product-list li a p.en {
	font-size: 2.0rem;
}
}
.top-uv {
	margin-bottom: 100px;
}
.single-list li {
	max-width: 960px;
	margin: 0 auto 20px auto;
}
.single-list li a:hover .img {
	box-shadow: 25px 25px 25px rgba(0, 0, 0, 0.2);
	transform: translateY(-5px);
}
.single-list li a .img {
	margin-bottom: 20px;
	box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.05);
	transition: .4s;
}

.uv-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
.uv-list {
	flex-direction: column;
}
}
.uv-list li {
	background: #fff;
	width: 49%;
}

@media (max-width: 767px) {
.uv-list li {
	width: 100%;
	margin-bottom: 20px;
}
}
.uv-list li a {
	display: block;
}

@media (min-width: 768px) {
.uv-list li a {
	transition: .4s;
}
.uv-list li a:hover {
	box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);
	transform: translateY(-5px);
}
}
.uv-list li a .img {
	margin-bottom: 10px;
}
.uv-list li a h3 {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-size: 2.0rem;
	line-height: 1.3;
	font-feature-settings: 'palt';
	padding: 10px;
}
.uv-list li a p {
	font-size: 1.4rem;
	padding: 10px;
}
.pickup-list {
	margin-bottom: 100px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
.pickup-list {
	flex-direction: column;
}
}
.pickup-list li {
	background: #fff;
	width: 28.75%;
	box-sizing: border-box;
}

@media (max-width: 767px) {
.pickup-list li {
	width: 100%;
	margin-bottom: 20px;
}
}
.pickup-list li a {
	display: block;
	border-top: 5px solid #9da8b0;
	border-bottom: 1px solid #9da8b0;
	border-left: 1px solid #9da8b0;
	border-right: 1px solid #9da8b0;
}

@media (min-width: 768px) {
.pickup-list li a {
	transition: .4s;
}
.pickup-list li a:hover {
	box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.2);
	transform: translateY(-5px);
}
}
.pickup-list li a .img {
	margin-bottom: 10px;
}
.pickup-list li a h3 {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-size: 2.0rem;
	line-height: 1.3;
	margin-bottom: 10px;
	font-feature-settings: 'palt';
	padding: 0 15px;
}
.top-mov {
	margin-bottom: 100px;
}
.top-mov ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
}

@media (max-width: 767px) {
.top-mov ul {
	flex-direction: column;
}
}
.top-mov ul li {
	width: 49%;
}

@media (max-width: 767px) {
.top-mov ul li {
	width: 100%;
	margin-bottom: 20px;
}
}
.top-mov ul li p {
	text-align: center;
	padding-top: 10px;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-size: 1.8rem;
	line-height: 1.3;
	font-feature-settings: 'palt';
}
.top-mov video {
	width: 100%;
	outline: 0;
}

@media (max-width: 767px) {
.top-mov video {
	width: 100%;
}
}
.top-mov iframe {
	width: 100%;
}
.top-howto {
	margin-bottom: 100px;
}
.howto-list ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
}

@media (max-width: 767px) {
.howto-list ul {
	flex-direction: column;
}
}
.howto-list ul li {
	width: 22%;
	position: relative;
}

@media (max-width: 767px) {
.howto-list ul li {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}
}
.howto-list ul li:not(:last-of-type):after {
	content: '';
	position: absolute;
	top: 100px;
	right: -23px;
	width: 15px;
	height: 15px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(-45deg);
}

@media (max-width: 767px) {
.howto-list ul li:not(:last-of-type):after {
	top: auto;
	bottom: -15px;
	right: auto;
	left: 20%;
	margin: auto;
	transform: rotate(45deg);
}
}
.howto-list ul li .thumb {
	margin-bottom: 15px;
}

@media (max-width: 767px) {
.howto-list ul li .thumb {
	width: 40%;
}
}
.howto-list ul li .txt {
	font-size: 1.4rem;
}

@media (max-width: 767px) {
.howto-list ul li .txt {
	width: 54%;
}
}
.top-news {
	margin-bottom: 180px;
}

@media (max-width: 767px) {
.top-news {
	margin-bottom: 70px;
}
}
.news-list {
	margin-bottom: 40px;
}
.news-list li {
	border-bottom: 1px solid #d0d0d1;
}
.news-list li a {
	padding: 25px 30px 25px 10px;
	display: block;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	font-weight: bold;
	transition: .4s;
	position: relative;
}

@media (max-width: 767px) {
.news-list li a {
	flex-direction: column;
	padding: 15px 30px 15px 2%;
}
}
.news-list li a:after {
	content: '';
	width: 7px;
	height: 7px;
	right: 10px;
	position: absolute;
 top: calc(50% - (7px / 2));
	border-right: 1px solid #6a6b71;
	border-bottom: 1px solid #6a6b71;
	transform: rotate(-45deg);
}
.news-list li a .date {
	width: 150px;
}
.news-list li a .title {
	width: calc(100% - 150px);
}

@media (max-width: 767px) {
.news-list li a .title {
	width: 100%;
}
}

@media (min-width: 768px) {
.news-list li a:hover {
	background: #f1f1f1;
}
}
.top-bnr ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 767px) {
.top-bnr ul {
	flex-direction: column;
}
}
.top-bnr ul li {
	width: 44.7%;
}

@media (max-width: 767px) {
.top-bnr ul li {
	width: 100%;
	margin-bottom: 10px;
}
}
.top-bnr ul li a {
	display: block;
	height: 120px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.6rem;
	text-align: center;
	font-feature-settings: 'palt';
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	line-height: 1.3;
	transition: .4s;
	border: 5px solid transparent;
}

@media (min-width: 768px) {
.top-bnr ul li a:hover {
	opacity: .8;
	border: 5px solid #ccc;
}
}

@media (max-width: 767px) {
.top-bnr ul li a {
	font-size: 2.0rem;
	height: 80px;
}
}

@media (max-width: 767px) {
.top-bnr ul li.bnr01 {
	margin-bottom: 15px;
}
}
.top-bnr ul li.bnr01 a {
	background: url(../images/top_bnr01.png) no-repeat center center/cover;
}
.top-bnr ul li.bnr02 a {
	background: url(../images/top_bnr02.png) no-repeat center center/cover;
	color: #fff;
	text-shadow: 0 0 10px #91a52a, 0 0 10px #91a52a, 0 0 10px #91a52a, 0 0 10px #91a52a, 0 0 10px #91a52a, 0 0 10px #91a52a, 0 0 10px #91a52a;
}
/*--------------------

      sub page

--------------------*/
img.ofi {
	object-fit: cover;
	object-position: center;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	width: 100%;
	height: 100%;
}
#sub-kv {
	height: 360px;
	position: relative;
	margin-bottom: 100px;
}

@media (max-width: 767px) {
#sub-kv {
	height: 180px;
}
}
#sub-kv .kv-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: right;
	background: #f4f7fa;
}

@media (max-width: 767px) {
#sub-kv .kv-img {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
}
#sub-kv .kv-img img {
	height: 100%;
	max-width: none;
}
}
#sub-kv h1 {
	max-width: 960px;
	margin: 0 auto;
	padding-top: 170px;
	position: relative;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: 400;
	font-size: 3.0rem;
	line-height: 1;
}
#sub-kv h1 span {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	padding-top: 10px;
	display: block;
}

@media (max-width: 767px) {
#sub-kv h1 {
	padding-top: 80px;
	font-size: 2.0rem;
	text-align: center;
}
#sub-kv h1 span {
	font-size: 1.2rem;
}
}
.company-cont {
	margin-bottom: 100px;
}
.company-cont:last-of-type {
	margin-bottom: 0;
}
.company-cont .company-box {
	background: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 80px 0 40px 0;
}

@media (max-width: 767px) {
.company-cont .company-box {
	padding: 40px 4%;
	padding-bottom: 10px;
}
}
.company-cont .company-box dl {
	max-width: 640px;
	margin: 0 auto 40px auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.5rem;
}
.company-cont .company-box dl.history dt {
	text-align: right;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 10px 0 10px 0;
}

@media (max-width: 767px) {
.company-cont .company-box dl.history dt {
	width: 30%;
}
}
.company-cont .company-box dl.history dt span {
	display: block;
	width: 100%;
}



@media (max-width: 767px) {
.company-cont .company-box dl.history dd {
	width: 70%;
}
}
.company-cont .company-box dl dt {
	width: 24%;
	border-bottom: 1px solid #9da8b0;
	padding: 10px 0 10px 25px;
	box-sizing: border-box;
}

@media (max-width: 767px) {
.company-cont .company-box dl dt {
	padding: 10px 0;
}
}
.company-cont .company-box dl dd {
	width: 76%;
	border-bottom: 1px solid #e7e7e8;
	padding: 10px 0 10px 100px;
	box-sizing: border-box;
}

@media (max-width: 767px) {
.company-cont .company-box dl dd {
	padding: 10px 0 10px 20px;
}
}
.company-cont .company-box dl dd img {
	vertical-align: middle;
	margin-right: 5px;
}
.gmap-box {
	margin-bottom: 20px;
}
.common-block {
	margin-bottom: 100px;
}

@media (max-width: 767px) {
.common-block {
	margin-bottom: 50px;
}
}
.common-block p {
	margin-bottom: 20px;
	line-height: 1.8;
}

/*--------------------

      other

--------------------*/
@media (min-width: 1px) and (max-width: 767px) {
.sp {
	display: block;
}
.pc {
	display: none;
}
}

@media (min-width: 768px) {
.pc {
	display: block;
}
.sp {
	display: none;
}
}
/*--------------------

      urabe

--------------------*/
.junp {
	display: block;
	padding-top: 90px;
	margin-top: -90px;
}
.junp2 {
	display: block;
	padding-top: 120px;
	margin-top: -120px;
}
.will {
	text-align: center;
	font-size: 3.0rem;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: 400;
	line-height: 1;
	margin-top: 40px;
	margin-bottom: 20px;
}
.will_cont {
	width: 60%;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 50px;
}
.origin {
	width: 890px;
	background-color: #fff;
	margin: 0 auto;
	padding: 40px;
}
.origin_img {
	margin-bottom: 60px;
}
.origin_box {
	width: 80%;
	margin: 0 auto;
}
.origin_logo {
	vertical-align: middle;
	width: 9%;
}
.top_concept h1 {
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 50px;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	font-weight: bold;
}
.pt_300 {
	padding-top: 100px;
}
.waku_g {
	width: 1000px;
	margin: 150px auto;
	padding-bottom: 40px;
	border: solid 4px #ab9540;
}
.waku_none {
	width: 1000px;
	margin: 0px auto 0px;
	padding-bottom: 40px;
}
.top_i_img {
	margin: 0 auto;
    margin-top: 0px;
    display: block;
    max-width: 1000px;
}
.news_area a{
    text-decoration-line:underline;
    color :blue;
}
.news_area dd img{
    vertical-align:bottom;
}
.comment a {
	font-size: 1.6em;
	color: #fff;
	background: #52944d;
	margin-top: 7px;
	padding: 10px 10px 3px 10px;
	display: inline-block;
	border: solid 1px #fff;
	border-radius: 5px;
}
@media (min-width: 769px) {
.news {
	width: 950px;
	display: block;
	margin: 0 auto;
	border: solid 2px #ab9540;
	margin-bottom: 40px;
	background-color: #fff;
	
}
.news h2 {
	font-size: 24px;
	color: #FFF;
	padding: 5px 10px;
	font-weight: bold;
	background-color: #ab9540
}
.news dl {
	padding: 0 10px;
}
.news_area {
	display: flex;
	font-size: 17px;
	padding :3px 5px 3px 10px;
	margin :0 0 7px;
}

.news_area dt {
	/*padding-right: 20px;*/
	padding: 10px 20px 0 0 ;

}
.news_area dd {
	padding: 10px 5px 0 0 ;

}
}
@media (max-width: 768px) {
.pt_300 {
	padding-top: 0;
}
.will_cont {
	width: 90%;
	margin-top: 80px;
}
.origin {
	width: 70%;
	border: none;
	padding: 10px;
}
.origin_box {
	width: 100%;
	margin: 0 auto;
}
.origin_logo {
	width: 14%;
}
.top_concept h1 {
	font-size: 2.0rem;
	margin-top: 20px;
	margin-bottom: 100px;
	line-height: normal;
}
.news {
	width: 99%;
	display: block;
	margin: 0 auto;
	border: solid 2px #ab9540;
	background-color: #fff;
	
}
.news h2 {
	font-size: 1.3em;
	color: #FFF;
	padding: 3px 10px;
	font-weight: bold;
	background-color: #ab9540
}
.news dl {
	padding: 0 10px;
}
.news_area {
/*	display: flex;   /* DEL20211230-izmd */ 
	display: left;   /* ADD20211230-izmd */ 
	font-size: 1.1em;
	margin:10px 0 5px ;
}
.news_area dt {
	padding-right: 20px;
	color: #0059D3;     /* ADD20211230-izmd */ 
	font-weight: bold;  /* ADD20211230-izmd */ 

}
.comment a {
	font-size: 1em;
	padding: 5px;
	}
}
#cart_icon{
    margin:0 20px 0 0 ;
}

#tab01{
    margin:0 0 0 0;
}
@media (max-width: 479px) {
.origin {
	width: 95%;
}
.origin_logo {
	width: 18%;
}
	.top_concept h1 {
	font-size: 1.6rem;
}

#mypage_icon {
    max-width: 40px;
    width: 15%;
}

#cart_icon {
/*    margin:5px 20px 0 0 ;*/
    max-width: 40px;
    width: 15%;
    margin: 0 10px 0 5px;
}

}


#gotobtp {
	position: fixed;
	bottom: 0;
	z-index: 9;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
#gotobtp img {
	margin : 0 auto 10px;
	padding : 0;
	display: inline;
	/*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);*/
}


@media (max-width: 768px) {
.gzero_coil_foot{
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
}@media (min-width: 768px) {
.gzero_coil_foot{
	width: 210px;
	margin-top: 20px;
	margin-bottom: 10px;
}
}

/*---customer_page---*/
  .customer_title{
     font-weight: bold;
    text-align: center;
    padding: 15px 0;
     line-height: 1.2;
  }
  .customer_title h1{
    font-size: 2rem;
  } 
@media (min-width: 768px) {
  .customer_title{
    padding: 25px 0;
  }
  
  .customer_title h1{
    font-size: 3.2rem;
  }
  .customer_title p{
    font-size: 2.6rem;
  }
}

/*  切り替えタグ*/
  .container{
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    width: 95%;
    max-width: 500px;
    margin: 0 auto 30px;
  }
  .item1{
    border: solid 1.5px #333;
    padding: 10px 5px;
  }
  .item_w{
    display: flex;
    justify-content: space-around;
  }
  .item2,.item3{
    width: 50%;
    border-bottom: solid 1.5px #333;
    border-left: solid 1.5px #333;
    padding: 10px 5px;
  }
  .item3{
    border-right: solid 1.5px #333;
  }
  .container .active{
  background-color: #dcdddd;
}
   .item1:hover{
    background-color: #dcdddd;
  }
   .item2:hover{
    background-color: #dcdddd;
  }
  .item3:hover{
    background-color: #dcdddd;
  }
  
@media (min-width: 768px){
  .container{
    font-size: 2.4rem;
}
}

/*  切り替えタグここまで*/
  .top_re_img{
    width: 50%;
    max-width: 250px;
    margin: 0 auto;
    display: block;
  }
@media (min-width: 768px){
  .top_re_img{
    margin-bottom: 50px;
  }
}
  /*---golf---*/
.title_img{
  width: 44%;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}
.comments{
 padding: 0 20px;
  max-width: 800px;
  margin: 0 auto;
}
  .comments_top_img{
    width: 70%;
    max-width: 300px;
  }
  .comments_bold{
    font-size: 1.6rem;
    font-weight: bold;
    margin: 20px 0;
  }
  .comments_name{
    margin: 20px 0 30px;
    text-align: right;
  }
  .comments_right{
    font-size: 1.2rem;
    text-align: right;
    padding-bottom: 5px;
    border-bottom: solid 1px #333;
    max-width: 720px;
    margin: 0 auto 20px;
  }
@media (min-width: 768px){
  .yamashita_comments,.comments_name{
    width: 80%;
    margin: 0 auto 30px;
  } 
  .comments p{
    font-size: 2rem;
  }
  .comments_bold span{
    font-size: 2.2rem;
  }
}
  /*---bath---*/
  .review_block{
    display: flex;
    margin: 0 auto 20px;
    justify-content: space-around;
  }
  .review_img_box{
    width: 15%;
  }
  .review_img_box p{
    text-align: center;
    padding-top: 3px;
    font-weight: bold;
  }
  .review_img_box p.small{
    font-size: 1.1rem;
  }
  
  .review_text{
    width: 84%;
    padding-left: 10px;
  }
  .review_title{
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: -0.05rem;
  }
  .review_text span{
    font-weight: bold;
  }
  @media (min-width: 768px){
    .review_block{
      max-width: 720px;
    }
    .review_text{
      margin-bottom:40px;
    }
    .review_img_box{
    width: 12%;
  }   
  .review_text p{ 
    font-size: 2rem;
  }
    p.review_title{
    font-size: 2.2rem;
  }
}


  /*---hair---*/
  .review{
    padding-left: 20px;
    padding-right: 20px;
    
  }
.review ol{
  max-width: 1000px;
    margin: 0 auto;
}

  .review_img_title_wrapper{
    display: flex;
    max-width: 720px;
    margin: 0 auto;
    justify-content: flex-start;
    align-items: center;
  }
  .review_hairtitle{
    padding-left: 10px;
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: -0.1rem;
  }
  .review_text_box{
    margin: 0 auto;
    max-width: 720px;
  }
  
  .review_mintitle{
    font-weight: bold;
  }
  .review_hairtext{
   display: inline-block;
    text-align: left;
    margin: 10px auto 25px;
  }
  .review_hairtext li{
    font-size: 1.4rem;
    list-style: disc;
    margin: 0 auto;
    margin-left: 20px;
  }

@media (min-width: 768px){
  .review_hairtext{
    font-size: 2rem;
    margin: 0 20px 20px 110px;
  }
.review ol,.review_mintitle{
  font-size: 2rem;
}
  .review_hairtext li{
  font-size: 2rem;
    
}
  .review_hairtitle{
    font-size: 3.6rem;
    padding-left: 20px;
  }
  .review_text_box{
    margin-bottom: 20px;
  }
}

/* ADD20241016  */
@media (max-width: 768px) {
	.n12 {
		font-size: 0.9rem;
		vertical-align: text-top;
		letter-spacing: 0.05rem;
		margin-left: 2px;
	}
}
@media (min-width: 768px){
	.n12 {
		font-size: 8px;
		vertical-align: text-top;
		margin-left: 0 2px;
    }
}