@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap");

/*=========

共通部分調整

=========*/

html{
	scroll-behavior: smooth;
	}

#wrapper {
	padding-top: 0 !important;
}


.product-detail__right ._comingsoon {
	width: 100%;
	border: 1px solid #999;
	margin-top: 30px;
	padding: 20px 0;
	text-align: center;
	color: #999;
	}

.product-nav, .new-theme .product-nav {
	padding: 0 0 20px;
	margin-top: 150px;
	border-top: solid 1px #727272;
	margin-bottom: 4rem !important;
	}
@media screen and (max-width: 768px) {
.product-nav, .new-theme .product-nav {
	padding: 0 0 0;
	margin-bottom: 3rem !important;
	}
	}

.product-nav ul a, .new-theme .product-nav ul a {
	height: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	}
@media screen and (max-width: 768px) {
.product-nav ul a, .new-theme .product-nav ul a {
	height: 70px;
	font-size: 1.2rem;
	align-items: flex-start;
	}
	}

.product-nav ul a:not(.pdf):after, .new-theme .product-nav ul a:not(.pdf):after {
	content: "";
	display: block;
	width: 12px;
	height: 6px;
	background: url(../images/product-nav-down-icon.png) no-repeat center bottom;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	}
@media screen and (max-width: 768px) {
.product-nav ul a:not(.pdf):after, .new-theme .product-nav ul a:not(.pdf):after {
	width: 6px;
	height: 3px;
	}
	}

.product-nav, .new-theme .product-nav {
	padding: 0 0 20px;
	margin-top: 30px !important;
	border-top: solid 1px #727272;
	margin-bottom: 0 !important;
	}
@media screen and (max-width: 768px) {
.product-nav, .new-theme .product-nav {
	padding: 0 0 0;
	margin-top: 15px!important;
	}
	}

@media screen and (max-width: 768px){
.product-nav ul a, .new-theme .product-nav ul a {
	padding-top: 20px;
	height: 60px;
	}
	}

.wrap_caution:before, .wrap_caution:after {
	content: "";
	display: block;
	margin: 1rem auto;
	width: 90%;
	height: 1px;
	background: none;
	}


/*=========

オリジナル共通

=========*/

._pcf{
	display: flex !important;
	}
._spf{
	display: none !important;
	}
@media screen and (max-width: 768px) {
._pcf{
	display: none !important;
	}
._spf{
	display: flex !important;
	}
	}

._pci{
	display: inline !important;
	}
._spi{
	display: none !important;
	}
@media screen and (max-width: 768px) {
._pci{
	display: none !important;
	}
._spi{
	display: inline !important;
	}
	}

._pc{
	display: block !important;
	}
._sp{
	display: none !important;
	}
@media screen and (max-width: 768px) {
._pc{
	display: none !important;
	}
._sp{
	display: block !important;
	}
	}

._pci1000{
	display: inline !important;
	}
._spi1000{
	display: none !important;
	}
@media screen and (max-width: 1000px) {
._pci1000{
	display: none !important;
	}
._spi1000{
	display: inline !important;
	}
	}

._pc1000{
	display: block !important;
	}
._sp1000{
	display: none !important;
	}
@media screen and (max-width: 1000px) {
._pc1000{
	display: none !important;
	}
._sp1000{
	display: block !important;
	}
	}

._bold{
	font-weight: bold;
	}

._gold{
	color:#8D794D;
	}

._black{
	color:#000;
	}

._red{
	color:#EF4B3A;
	}

._min{
	font-family: YakuHanMP_Noto, "Noto Serif JP", serif;
	}

._montserrat {
	font-family: 'Montserrat', sans-serif; 
	font-weight: 400;
	}

/*=========

_cta

=========*/

._cta {
	z-index: 100;
	position: fixed;
	width: 150px;
	height: 150px;
	bottom: 10px;
	right: 10px;
	box-shadow: 0px 4px 15px -5px #000000;
	border: 4px solid #000;
	background: rgb(237,221,205);
	background: linear-gradient(180deg, rgba(237,221,205,1) 0%, rgba(190,172,157,1) 100%);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: none;
	}
@media screen and (max-width: 768px) {
._cta {
	width: calc(100% - 10px);
	height: 70px;
	bottom: 5px;
	right: 5px;
	box-shadow: 0px 0px 15px -5px #000000;
	background: rgb(237,221,205);
	background: linear-gradient(-90deg, rgba(237,221,205,1) 0%, rgba(190,172,157,1) 100%);
	}
	}

._cta a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	}
@media screen and (max-width: 768px) {
._cta a {
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-image: url(../images/ba.svg);
	background-size: 8px;
	}
	}

._cta a img{
	width: 35px;
	display: block;
	}
@media screen and (max-width: 768px) {
._cta a img{
	display: none;
	}
	}

._cta a p{
	margin-top: 10px;
	font-weight: bold;
	font-size: 1.2em;
	}
@media screen and (max-width: 768px) {
._cta a p{
	margin-top: 0;
	font-size: 1.4em;
	}
	}

/*=========

_kv

=========*/

._kv {
	width: 100%;
	position: relative;
	}

._kv picture{
	width: 100%;
	}

._kv picture img{
	width: 100%;
	}

._kv ._yamanlogo{
	position: absolute;
	top: 2%;
	left: 0;
	width: 100%;
	text-align: center;
	}

._kv ._yamanlogo img{
	width: 10%;
	}
@media screen and (max-width: 768px) {
._kv ._yamanlogo img{
	width: 20%;
	}
	}

._kv ._coolprotitle{
	position: absolute;
	top: 13%;
	left: 0;
	width: 45%;
	}
@media screen and (max-width: 768px) {
._kv ._coolprotitle{
	top: 8.5%;
	left: 0;
	width: 85%;
	}
	}

._kv ._coolprotitle picture{
	width: 100%;
	}

._kv ._coolprotitle picture img{
	width: 100%;
	}

._kv ._pack{
	position: absolute;
	width: 40%;
	bottom: 10%;
	left: 5%;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: nowrap;
	}
@media screen and (max-width: 768px) {
._kv ._pack{
	position: relative;
	width: 90%;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding-bottom: 5%;
	margin-top: -3%;
	}
	}

._kv ._pack ._part:first-child{
	width: 22%;
	}
._kv ._pack ._part:last-child{
	width: 75%;
	}
@media screen and (max-width: 768px) {
._kv ._pack ._part:first-child{
	width: 25%;
	}
._kv ._pack ._part:last-child{
	width: 67%;
	}
	}

._kv ._pack ._part:first-child picture{
	width: 90%;
	display: block;
	}
._kv ._pack ._part:last-child picture{
	width: 100%;
	display: block;
	margin-bottom: 5px;
	}
@media screen and (max-width: 768px) {
._kv ._pack ._part:first-child picture{
	width: 100%;
	}
	}

/*=========

_coolpro

=========*/

._coolpro{
	font-size: 112%;
	box-sizing: border-box;
	}
@media screen and (max-width: 768px) {
._coolpro{
	font-size: 145%;
	}
	}

._coolpro *{
	box-sizing: border-box;
	}

._coolpro sup,
._coolpro sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
     
	}
 
._coolpro sup {
	bottom: 1ex;
	}
 
._coolpro sub {
	top: .5ex;
	}

._coolpro .marker {
	background: linear-gradient(transparent 30%, #FFD86A 30%);
	}
._coolpro ruby {
	ruby-position: over;
	}
._coolpro ruby rt{
	transform: translateY(-2px);
	}

._coolpro small{
	font-size: 1rem !important;
	line-height: 1.6em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	display: block;
	}

/*=========

_reason

=========*/

._reason {
	position: relative;
	margin: auto;
	width: 100%;
	aspect-ratio: 1080 / 553;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/reason-pc.jpg);
	background-size: cover;
	}
@media screen and (max-width: 768px) {
._reason {
	aspect-ratio: 150 / 235;
	background-image: url(../images/reason-sp.jpg);
	}
	}

._reason small{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 90%;
	height: 15.5%;
	bottom: 0;
	left: 5%;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._reason small{
	font-size: 1rem !important;
	line-height: 1.5;
	height: 18.5%;
	}
	}

/*=========

_prize

=========*/

._prize {
	margin: auto;
	padding: 50px 0;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/prizebg.jpg);
	background-size: cover;
	}
@media screen and (max-width: 768px) {
._prize {
	padding: 10px 0 20px;
	}
	}

._prize h2{
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1em;
	text-align: center;
	color: #8D794D;
	}
@media screen and (max-width: 768px) {
._prize h2{
	padding-top: 10px;
	}
	}

._prize p._jp{
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._prize p._jp{
	font-size: 1em;
	}
	}

._prize img._prize27{
	display: block;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 45%;
	min-width: 500px;
	max-width: 600px;
	}
@media screen and (max-width: 768px) {
._prize img._prize27{
	margin-top: 10px;
	margin-bottom: 20px;
	width: 90%;
	min-width: 90%;
	max-width: 90%;
	}
	}

._prize ._media{
	margin: auto;
	margin-top: 20px;
	width: 90%;
	max-width: 1060px;
	}
@media screen and (max-width: 768px) {
._prize ._media{
	width: 90%;
	max-width: 90%;
	margin-top: 15px;
	}
	}

._prize ._media h3{
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1em;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._prize ._media h3{
	margin-top: 15px;
	font-size: 1em;
	}
	}

._prize ._media ul{
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
	}
@media screen and (max-width: 768px) {
._prize ._media ul{
	margin-top: 10px;
	column-gap: 5px;
	row-gap: 5px;
	}
	}

._prize ._media ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	background: #fff;
	height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	}
@media screen and (max-width: 768px) {
._prize ._media ul li {
	height: 30px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	font-size: .8em;
	}
	}

._prize ._media ul._women li {
	width: calc(25% - 10px);
	}
._prize ._media ul._men li {
	width: calc(20% - 10px);
	}
@media screen and (max-width: 768px) {
._prize ._media ul._women li {
	width: calc(33.33% - 5px);
	}
._prize ._media ul._men li {
	width: calc(33.33% - 5px);
	}
	}

._prize ._media ul li:last-child {
	width: 100%;
	height: 20px;
	justify-content: flex-end;
	background: transparent;
	font-size: .8em;
	}
@media screen and (max-width: 768px) {
._prize ._media ul li:last-child {
	width: calc(33.33% - 5px);
	height: 30px;
	align-items: center;
	justify-content: center;
	}
	}

._prize ._media small{
	margin-top: 10px;
	display: block;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._prize ._media small{
	margin-top: 15px;
	}
	}

._prize ._media small span{
	display: block;
	margin-top: 5px;
	font-size: .8em;
	}

/*=========

_index

=========*/

._index {
	padding: 30px 0 30px;
	width: 100%;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._index {
	padding: 15px 0 20px;
	margin: auto;
	}
	}

._index h2{
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
	background:#77643B;
	line-height: 4em;
	width: 100%;
	}

._index ._pack{
	margin: auto;
	margin-top: 30px;
	width: 90%;
	max-width: 960px;
	text-align: left;
	background: #F2EFE7;
	border: 1px solid #C6C6C6;
	padding: 30px 60px;
	}
@media screen and (max-width: 768px) {
._index ._pack{
	margin-top: 10px;
	width: 95%;
	max-width: 95%;
	padding: 20px 1em;
	}
	}

._index ._pack h3{
	font-weight: 500;
	font-size: 1.2em;
	color: #8D794D;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._index ._pack h3{
	font-size: 1.1em;
	}
	}

._index ._pack ._lists{
	margin: auto;
	width: 100%;
	}
@media screen and (max-width: 768px) {
._index ._pack ._lists{
	margin-top: 10px;
	}
	}

._index ._pack ._lists ._list{
	width: 100%;
	border-bottom: 1px solid #C6C6C6;
	}

._index ._pack ._lists ._list._last{
	border-bottom: none;
	}

._index ._pack ._lists ._list a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	}
@media screen and (max-width: 768px) {
._index ._pack ._lists ._list a{
	padding: 15px 0;
	}
	}

._index ._pack ._lists ._list a p{
	font-weight: bold;
	font-size: 1.2em;
	}
@media screen and (max-width: 768px) {
._index ._pack ._lists ._list a p{
	font-size: .95em;
	letter-spzcing: -.05em;
	}
	}

._index ._pack ._lists ._list a p span{
	font-weight: normal;
	font-size: .9em;
	line-height: 1.3em;
	display: block;
	margin-top: 10px;
	padding-left: 1.3em;
	}

._index ._pack ._lists ._list a p span sup{
	font-weight: bold;
	color: #EF4B3A;
	bottom: 3px;
	}

._index ._pack ._lists ._list a div{
	padding: 5px 2em 5px 1.6em;
	font-size:.8em;
	font-weight: bold;
	color:#fff;
	background-color: #77643B;
	background-position: right 8px center;
	background-repeat: no-repeat;
	background-image: url(../images/icon-right2.svg);
	background-size: 6px;
	}
@media screen and (max-width: 768px) {
._index ._pack ._lists ._list a div{
	display: none;
	}
	}

._index ._pack ._lists ._list2{
	width: 95%;
	margin: auto;
	}
@media screen and (max-width: 768px) {
._index ._pack ._lists ._list2{
	width: 100%;
	}
	}

._index ._pack ._lists ._list2 ul{
	width: 100%;
	list-style: none;
	}

._index ._pack ._lists ._list2 ul li {
	padding: 5px 0;
	font-size: 1em;
	text-indent: -1em;
	padding-left: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
@media screen and (max-width: 768px) {
._index ._pack ._lists ._list2 ul li {
	padding: 3px 0;
	font-size: .9em;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.5em;
	}
	}

._index ._pack ._lists ._list2 ul li sup{
	display: inline;
	}

._index small{
	margin: auto;
	margin-top: 20px;
	width: 90%;
	max-width: 960px;
	display: inline-block;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}

/*=========

_ability

=========*/

._ability {
	padding: 50px 0 50px;
	width: 100%;
	text-align: center;
	background:#E7E1D2;
	}
@media screen and (max-width: 768px) {
._ability {
	padding: 20px 0 20px;
	}
	}

._ability img._year40{
	width: 55%;
	display: block;
	min-width: 600px;
	max-width: 800px;
	margin: auto;
	border-bottom: 1px solid #000;
	}
@media screen and (max-width: 768px) {
._ability img._year40{
	width: 90%;
	min-width: 90%;
	max-width: 90%;
	}
	}

._ability p._lead{
	margin-top: 20px;
	font-size: 2em;
	}
@media screen and (max-width: 768px) {
._ability p._lead{
	margin-top: 10px;
	font-size: 1.6em;
	}
	}

._ability ._inner{
	width: 90%;
	max-width: 1060px;
	margin: auto;
	margin-top: 50px;
	}
@media screen and (max-width: 768px) {
._ability ._inner{
	max-width: 90%;
	margin-top: 20px;
	}
	}

._ability ._inner p._comment{
	position: relative;
	width: 100%;
	margin: auto;
	padding: 15px 0;
	background: #F5F3ED;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.5em;
	z-index: 2;
	}
@media screen and (max-width: 768px) {
._ability ._inner p._comment{
	padding: 5px 0;
	text-align: center;
	font-size: 1em;
	}
	}

._ability ._inner p._comment img{
	position: absolute;
	height: 40px;
	bottom: -40px;
	right: 21%;
	}
@media screen and (max-width: 768px) {
._ability ._inner p._comment img{
	position: absolute;
	height: 20px;
	bottom: -20px;
	right: 21%;
	}
	}

._ability ._inner ._pack {
	width: 100%;
	display: flex;
	align-items: flex-start
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 50px;
	position: relative;
	margin-top: 20px;
	background-position: top calc(50% - 20px) center;
	background-repeat: no-repeat;
	background-image: url(../images/icon-right3.svg);
	background-size: 14px;
	}
@media screen and (max-width: 768px) {
._ability ._inner ._pack {
	column-gap: 20px;
	margin-top: 10px;
	background-position: top calc(50% - 8px) center;
	background-size: 8px;
	}
	}

._ability ._inner ._pack ._part{
	display: block;
	}

._ability ._inner ._pack ._part img{
	width: 100%;
	border: 1px solid #898989;
	}

._ability ._inner ._pack ._part:first-child img{
	margin-top: 5px;
	}
@media screen and (max-width: 768px) {
._ability ._inner ._pack ._part:first-child img{
	margin-top: 3px;
	}
	}

._ability ._inner ._pack ._part:last-child img{
	border: 6px solid #8D7A4D;
	}

._ability ._inner ._pack ._part p{
	margin-top: 15px;
	font-size: 1.3em;
	}
@media screen and (max-width: 768px) {
._ability ._inner ._pack ._part p{
	margin-top: 5px;
	font-size: .8em;
	}
	}

._ability ._inner ._pack ._part:last-child p{
	font-weight:  bold;
	}

._ability ._inner small{
	display: block;
	text-align: center;
	margin-top: 25px;
	}
@media screen and (max-width: 768px) {
._ability ._inner small{
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	margin-top: 15px;
	}
	}

/*=========

_feature

=========*/

._feature {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/featurebg.jpg);
	background-size: cover;
	text-align: center;
	padding: 50px 0;
	}
  ._feature small {
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
    display: block;
  }
@media screen and (max-width: 768px) {
._feature {
	padding: 20px 0 15px;
	}
	}

._feature p._shoulder{
	font-size: 1.8em;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._feature p._shoulder{
	font-size: 1.2em;
	}
	}

._feature h2{
	display: inline-block;
	margin-top: 25px;
	font-size: 5em;
	font-weight: bold;
	line-height: 1em;
	position: relative;
	align-items: center;
	display: flex; 
	justify-content: center;
	}
@media screen and (max-width: 768px) {
._feature h2{
	margin-top: 8px;
	font-size: 3em;
	}
	}

._feature h2::before,
._feature h2::after {
	background-color: #8D7A4D;
	content: "";
	height: 1px;
	width: 30%;
	}
@media screen and (max-width: 768px) {
._feature h2::before,
._feature h2::after {
	width: 30%;
	}
	}

._feature h2::before {
	margin-right: 15px;
	}
._feature h2::after {
	margin-left: 15px;
	}

._feature img._feature1{
	display: block;
	margin: auto;
	margin-top: 50px;
	width: 85%;
	min-width: 500px;
	max-width: 1400px;
	}
@media screen and (max-width: 768px) {
._feature img._feature1{
	margin-top: 15px;
	width: 98%;
	min-width: 98%;
	max-width: 98%;
	}
	}

._feature p._lead{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 15px;
	margin-top: 30px;
	}
@media screen and (max-width: 768px) {
._feature p._lead{
	margin-top: 10px;
	column-gap: 10px;
	}
	}

._feature p._lead span{
	display: flex;
	align-items: center;
	justify-content: center;
	background:#8D794D;
	padding: 10px 1.5em;
	font-size: min(2vw, 1.8em);
	font-weight: bold;
	color: #fff;
	}
@media screen and (max-width: 768px) {
._feature p._lead span{
	padding: 5px 1em;
	font-size: 1em;
	}
	}

._feature picture{
	display: block;
	margin: auto;
	margin-top: 50px;
	width: 70%;
	min-width: 500px;
	max-width: 1060px;
	}
@media screen and (max-width: 768px) {
._feature picture{
	margin-top: 20px;
	width: 85%;
	min-width: 85%;
	max-width: 85%;
	}
	}

/*=========

_cool

=========*/

._cool {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/coolbg.jpg);
	background-size: cover;
	text-align: center;
	padding: 50px 0;
	}
@media screen and (max-width: 768px) {
._cool {
	padding: 25px 0 15px;
	}
	}

._cool p._shoulder{
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._cool p._shoulder{
	font-size: 1.2em;
	}
	}

._cool h2{
	display: inline-block;
	margin-top: 25px;
	color:#55A8C4;
	font-size: 5em;
	font-weight: bold;
	line-height: 1em;
	position: relative;
	}
@media screen and (max-width: 768px) {
._cool h2{
	margin-top: 15px;
	font-size: 4em;
	}
	}

._cool h2 span{
	font-size: .5em;
	}

._cool h2 div{
	position: absolute;
	top: 4px;
	right: 3px;
	display: flex;
	height: auto;
	background: #FE050D;
	color: #fff;
	font-size: .25em;
	line-height: 1em;
	padding: 3px .6em;
	}
@media screen and (max-width: 768px) {
._cool h2 div{
	font-size: .15em;
	padding: 4px 1.6em;
	}
	}

._cool img{
	display: block;
	margin: auto;
	margin-top: 20px;
	width: 50%;
	min-width: 500px;
	max-width: 960px;
	}
@media screen and (max-width: 768px) {
._cool img{
	margin-top: 10px;
	width: 90%;
	min-width: 90%;
	max-width: 90%;
	}
	}

._cool p._lead{
	display: block;
	margin: auto;
	margin-top: 20px;
	width: 50%;
	min-width: 500px;
	max-width: 960px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._cool p._lead{
	margin-top: 15px;
	width: 90%;
	min-width: 90%;
	max-width: 90%;
	}
	}

  ._cool .small {
    font-size: 1rem !important;
  }
/*=========

_body

=========*/

._body {
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../images/bodybg-pc.jpg);
	background-size: contain;
	}
@media screen and (max-width: 768px) {
._body {
	margin-top: 20px;
	background: none;
	}
	}

._body ._headline{
	width: 100%;
	padding: 80px 0 20px;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._body ._headline{
	padding: 20px 0 20px;
	background-position: center center;
	background-image: url(../images/bodybg-sp.jpg);
	background-size: cover;
	}
	}

._body ._headline p._lead1{
	position: relative;
	font-size: 2.5em;
	line-height: 1em;
	padding-bottom: 3px;
	border-bottom: 1px solid #000;
	display: inline-block;
	}
@media screen and (max-width: 768px) {
._body ._headline p._lead1{
	font-size: 1.8em;
	}
	}

._body ._headline p._lead1 span{
	font-size: 1.6em;
	line-height: 1em;
	}

._body ._headline p._lead1 sup{
	font-size: .6em !important;
	display: inline-block;
	}

._body ._headline p._lead1 img._menwomen{
	position: absolute;
	width: 100px;
	top: -50px;
	left: -100px;
	}
@media screen and (max-width: 768px) {
._body ._headline p._lead1 img._menwomen{
	width: 70px;
	top: -35px;
	left: -70px;
	}
	}

._body ._headline p._lead2{
	font-size: 3.2em;
	line-height: 1em;
	text-indent: .5em;
	margin-top: 15px;
	}
@media screen and (max-width: 768px) {
._body ._headline p._lead2{
	font-size: 2.3em;
	margin-top: 10px;
	}
	}

._body ._headline ._part{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 10px;
	height: 45px;
	margin-top: 30px;
	}
@media screen and (max-width: 768px) {
._body ._headline ._part{
	column-gap: 7px;
	height: 25px;
	margin-top: 10px;
	}
	}

._body ._headline ._part div{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	}
@media screen and (max-width: 768px) {
._body ._headline ._part div{
	height: 25px;
	}
	}

._body ._headline ._part div:nth-child(odd){
	background-color: #000;
	height:100%;
	font-size: 2em;
	font-weight: 500;
	color: #fff;
	width: 5em;
	}
@media screen and (max-width: 768px) {
._body ._headline ._part div:nth-child(odd){
	font-size: 1.3em;
	width: 4em;
	}
	}

._body ._headline ._part div:nth-child(even){
	height:100%;
	}

._body ._headline ._part div:nth-child(even) img{
	width:1.5em;
	}
@media screen and (max-width: 768px) {
._body ._headline ._part div:nth-child(even) img{
	width:.8em;
	}
	}

._body ._pack{
	margin: auto;
	margin-top: 10px;
	width: 80%;
	max-width: 1060px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 15px;
	}
@media screen and (max-width: 768px) {
._body ._pack{
	margin-top: 0;
	width: 100%;
	max-width: 100%;
	column-gap: 0;
	}
	}

._body ._pack img{
	width: 33.33%;
	}

/*=========

_formen

=========*/

._formen {
	margin: auto;
	margin-top: 50px;
	width: 100%;
	}
@media screen and (max-width: 768px) {
._formen {
	margin-top: 20px;
	padding-bottom: 20px;
	}
	}

._formen picture{
	margin: auto;
	width: 100%;
	}


/*=========

_melit

=========*/

._melit {
	padding: 50px 0 50px;
	margin: auto;
	width: 90%;
	max-width: 820px;
	}
@media screen and (max-width: 768px) {
._melit {
	padding: 0 0 25px;
	width: 100%;
	max-width: 100%;
	}
	}

._melit picture{
	margin: auto;
	margin-top: 30px;
	width: 100%;
	}
@media screen and (max-width: 768px) {
._melit picture{
	margin-top: 0;
	}
	}

._melit img._spring{
	display:block;
	margin: auto;
	margin-top: -100px;
	width: 50%;
	min-width: 400px;
	max-width: 480px;
	}
@media screen and (max-width: 768px) {
._melit img._spring{
	margin-top: -30px;
	width: 70%;
	min-width: 70%;
	max-width: 70%;
	}
	}

._melit p._lead{
	align-items: center;
	display: flex;
	justify-content: center;
	margin: auto;
	margin-top: 30px;
	font-size: 1.7em;
	color: #FF697A;
	}
@media screen and (max-width: 768px) {
._melit p._lead{
	margin-top: 10px;
	font-size: 1.1em;
	}
	}

._melit p._lead::before,
._melit p._lead::after {
	background-color: #FF697A;
	content: "";
	height: 2px;
	width: 60px;
	}
@media screen and (max-width: 768px) {
._melit p._lead::before,
._melit p._lead::after {
	width: 40px;
	}
	}

._melit p._lead::before {
	margin-right: 10px;
	transform: rotate(45deg);
	}
._melit p._lead::after {
	margin-left: 10px;
	transform: rotate(-45deg);
	}
@media screen and (max-width: 768px) {
._melit p._lead::before {
	margin-right: 5px;
	}
._melit p._lead::after {
	margin-left: 5px;
	}
	}

._melit ._pack{
	margin: auto;
	margin-top: 30px;
	width: 90%;
	max-width: 960px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
@media screen and (max-width: 768px) {
._melit ._pack{
	margin-top: 20px;
	width: 80%;
	max-width: 80%;
	}
	}

._melit ._pack ul{
	margin: auto;
	list-style:none;
	}

._melit ._pack ul li{
	font-size: 1.2em;
	background-position: left top 2px;
	background-repeat: no-repeat;
	background-image: url(../images/check.svg);
	background-size: auto 1.5em;
	padding: 5px 0;
	padding-left: 2em;
	}
@media screen and (max-width: 768px) {
._melit ._pack ul li{
	font-size: 1em;
	background-position: left top 4px;
	background-size: auto 1.3em;
	padding: 5px 0;
	padding-left: 1.6em;
	}
	}

/*=========

_onayami

=========*/

._onayami {
	padding: 50px 0 0;
	margin: auto;
	width: 100%;
	background:#E7E1D2;
	}
@media screen and (max-width: 768px) {
._onayami {
	padding: 30px 0 0;
	}
	}

._onayami h2{
	text-align: center;
	font-size: 2.5em;
	line-height: 1.6em;
	}
@media screen and (max-width: 768px) {
._onayami h2{
	font-size: 1.8em;
	line-height: 1.5em;
	}
	}

._onayami h2 ._large{
	font-size: 1.5em;
	}

._onayami ._pack{
	padding: 50px 0 30px;
	margin: auto;
	width: 90%;
	max-width: 1060px;
	}
@media screen and (max-width: 768px) {
._onayami ._pack{
	padding: 15px 0 20px;
	max-width: 90%;
	}
	}

._onayami ._pack ._part{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	column-gap: 40px;
	margin-top: -70px;
	}
@media screen and (max-width: 1100px) {
._onayami ._pack ._part{
	margin-top: -60px;
	}
	}
@media screen and (max-width: 980px) {
._onayami ._pack ._part{
	margin-top: -50px;
	}
	}
@media screen and (max-width: 880px) {
._onayami ._pack ._part{
	margin-top: -40px;
	}
	}
@media screen and (max-width: 768px) {
._onayami ._pack ._part{
	column-gap: 20px;
	margin-top: -30px;
	}
	}
@media screen and (max-width: 640px) {
._onayami ._pack ._part{
	margin-top: -20px;
	}
	}
@media screen and (max-width: 540px) {
._onayami ._pack ._part{
	margin-top: -10px;
	}
	}
@media screen and (max-width: 480px) {
._onayami ._pack ._part{
	margin-top: 10px;
	}
	}

._onayami ._pack ._part:nth-child(even){
	flex-direction: row-reverse;
	}
._onayami ._pack ._part ._box:first-child{
	width: 30%;
	}
._onayami ._pack ._part ._box:last-child{
	width: 80%;
	position: relative;
	}

._onayami ._pack ._part:first-child ._box:first-child{
	width: 15%;
	}
._onayami ._pack ._part:first-child ._box:last-child{
	width: 60%;
	position: relative;
	}

._onayami ._pack ._part:nth-child(2) ._box:first-child{
	width: 15%;
	}
._onayami ._pack ._part:nth-child(2) ._box:last-child{
	width: 50%;
	position: relative;
	}

._onayami ._pack ._part:nth-child(3) ._box:first-child{
	width: 15%;
	}
._onayami ._pack ._part:nth-child(3) ._box:last-child{
	width: 40%;
	position: relative;
	}

._onayami ._pack ._part:nth-child(4) ._box:first-child{
	width: 15%;
	}
._onayami ._pack ._part:nth-child(4) ._box:last-child{
	width: 50%;
	position: relative;
	}

._onayami ._pack ._part:nth-child(5) ._box:first-child{
	width: 20%;
	}
._onayami ._pack ._part:nth-child(5) ._box:last-child{
	width: 50%;
	position: relative;
	}

._onayami ._pack ._part:nth-child(6) ._box:first-child{
	width: 13%;
	}
._onayami ._pack ._part:nth-child(6) ._box:last-child{
	width: 50%;
	position: relative;
	}

@media screen and (max-width: 768px) {
._onayami ._pack ._part ._box:first-child{
	width: 20% !important;
	}
._onayami ._pack ._part ._box:last-child{
	width: 80% !important;
	}
._onayami ._pack ._part:nth-child(5) ._box:first-child{
	width: 25% !important;
	}
._onayami ._pack ._part:nth-child(5) ._box:last-child{
	width: 75% !important;
	}
._onayami ._pack ._part:nth-child(6) ._box:first-child{
	width: 18% !important;
	}
._onayami ._pack ._part:nth-child(6) ._box:last-child{
	width: 82% !important;
	}
	}

._onayami ._pack ._part ._box:last-child:before{
	position: absolute;
	content: "";
	display: inline-block;
	width: 20px;
	height: 30px;
	top: calc(50% - 15px);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
	}
@media screen and (max-width: 768px) {
._onayami ._pack ._part ._box:last-child:before{
	width: 10px;
	height: 13px;
	top: calc(50% - 13px);
	background-size: 10px;
	}
	}

._onayami ._pack ._part:first-child ._box:last-child:before{
	left: -20px;
	background-image: url(../images/fg-left.svg);
	}
._onayami ._pack ._part:nth-child(2) ._box:last-child:before{
	right: -20px;
	background-image: url(../images/fw-right.svg);
	}
._onayami ._pack ._part:nth-child(3) ._box:last-child:before{
	left: -20px;
	background-image: url(../images/fw-left.svg);
	}
._onayami ._pack ._part:nth-child(4) ._box:last-child:before{
	right: -20px;
	background-image: url(../images/fg-right.svg);
	}
._onayami ._pack ._part:nth-child(5) ._box:last-child:before{
	left: -20px;
	background-image: url(../images/fw-left.svg);
	}
._onayami ._pack ._part:nth-child(6) ._box:last-child:before{
	right: -20px;
	background-image: url(../images/fg-right.svg);
	}
@media screen and (max-width: 768px) {
._onayami ._pack ._part:first-child ._box:last-child:before{
	left: -10px;
	}
._onayami ._pack ._part:nth-child(2) ._box:last-child:before{
	right: -10px;
	}
._onayami ._pack ._part:nth-child(3) ._box:last-child:before{
	left: -10px;
	}
._onayami ._pack ._part:nth-child(4) ._box:last-child:before{
	right: -10px;
	}
._onayami ._pack ._part:nth-child(5) ._box:last-child:before{
	left: -10px;
	}
._onayami ._pack ._part:nth-child(6) ._box:last-child:before{
	right: -10px;
	}
	}

._onayami ._pack ._part ._box ._fukidashi{
	padding: 1em 1.5em;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	}
@media screen and (max-width: 768px) {
._onayami ._pack ._part ._box ._fukidashi{
	padding: 1em 1em;
	font-size: 1em;
	line-height: 1.5em;
	}
	}

._onayami ._pack ._part:first-child ._box ._fukidashi{
	background: #A39A77;
	color: #fff;
	}
._onayami ._pack ._part:nth-child(2) ._box ._fukidashi{
	background: #fff;
	color: #A39A77;
	}
._onayami ._pack ._part:nth-child(3) ._box ._fukidashi{
	background: #fff;
	color: #A39A77;
	}
._onayami ._pack ._part:nth-child(4) ._box ._fukidashi{
	background: #A39A77;
	color: #fff;
	}
._onayami ._pack ._part:nth-child(5) ._box ._fukidashi{
	background: #fff;
	color: #A39A77;
	}
._onayami ._pack ._part:nth-child(6) ._box ._fukidashi{
	background: #A39A77;
	color: #fff;
	}

/*=========

_osusume

=========*/

._osusume {
	margin: auto;
	width: 100%;
	padding-bottom: 50px;
	background: linear-gradient(#fff, #DED9C5);
	}
@media screen and (max-width: 1000px) {
._osusume {
	padding-bottom: 20px;
	text-align: center;
	}
	}

._osusume picture{
	margin: auto;
	width: 100%;
	}

._osusume p._lead{
	margin-top: 40px;
	font-size: 2em;
	line-height: 1.6em;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._osusume p._lead{
	margin-top: 20px;
	font-size: 1.1em;
	}
	}

._osusume ._pack{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 40px;
	margin-top: 40px;
	}
@media screen and (max-width: 1000px) {
._osusume ._pack{
	display: inline-flex;
	align-items: flex-start;
	flex-direction: column;
	row-gap: 10px;
	margin-top: 15px;
	}
	}

._osusume ._pack ._part{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 20px;
	}
@media screen and (max-width: 1000px) {
._osusume ._pack ._part{
	column-gap: 20px;
	}
	}

._osusume ._pack ._part img{
	width: 80px;
	}
@media screen and (max-width: 1000px) {
._osusume ._pack ._part img{
	width: 65px;
	}
	}

._osusume ._pack ._part p{
	font-weight: bold;
	font-size: 2.5em;
	}
@media screen and (max-width: 1000px) {
._osusume ._pack ._part p{
	font-size: 2.8em;
	}
._osusume ._pack ._part:nth-child(2) p{
	font-size: 2.3em;
	}
._osusume ._pack ._part:nth-child(3) p{
	font-size: 2em;
	}
	}

._osusume small{
	margin-top: 50px;
	display: block;
	text-align: center;
	}
@media screen and (max-width: 1000px) {
._osusume small{
	margin-top: 20px;
	}
	}

/*=========

_features

=========*/

._features {
	width: 100%;
	background: #DDC3A2;
	padding-bottom: 60px;
	}
@media screen and (max-width: 768px) {
._features {
	padding-bottom: 10px;
	}
	}
  ._features .small {
    font-size: 1rem !important;
    line-height: 1.4;
    max-width: 1400px;
    margin: 0 auto 10px;
    width: 95%;
  }

._features picture._headline{
	width: 100%;
	}

._features ._ankers{
	margin: auto;
	width: 90%;
	max-width: 1260px;
	display: flex;
	column-gap: 20px;
	padding-bottom: 30px;
	}
@media screen and (max-width: 768px) {
._features ._ankers{
	width: 95%;
	max-width: 95%;
	column-gap: 10px;
	padding-bottom: 30px;
	margin-top: 10px;
	}
	}

._features ._ankers a {
	display: block;
	width: 100%;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 0 5px 2px rgba(255, 255, 255, .5);
	text-align: center;
	}
@media screen and (max-width: 768px) {
._features ._ankers a {
	padding: 15px 0;
	}
	}

._features ._ankers a img{
	width: 25%;
	}
@media screen and (max-width: 768px) {
._features ._ankers a img{
	width: 52%;
	}
	}

._features ._ankers a p{
	margin-top: 10px;
	font-weight: bold;
	font-size: 2.3em;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._features ._ankers a p{
	margin-top: 15px;
	font-size: 1.4em;
	letter-spacing: -.1em;
	}
	}

._features ._ankers a:last-child p{
	padding-left: .5em;
	}
@media screen and (max-width: 768px) {
._features ._ankers a:last-child p{
	margin-top: 10px;
	font-size: 1.8em;
	padding-left: .5em;
	}
	}

._features ._ankers a p sup{
	font-size: .5em;
	bottom: 15px;
	}

._features ._categoly{
	margin: auto;
	margin-top: 50px;
	width: 90%;
	max-width: 1260px;
	}
@media screen and (max-width: 768px) {
._features ._categoly{
	margin-top: 10px;
	width: 95%;
	max-width: 95%;
	}
._features ._categoly._speed{
	margin-top: 25px;
	}
._features ._categoly._bihada{
	margin-top: 25px;
	}
	}


._features ._categoly ._bar{
	background: #77643B;
	width: 100%;
	max-width: 1260px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 20px;
	padding: 0 0 0 20px;
	color: #fff;
	}
@media screen and (max-width: 768px) {
._features ._categoly ._bar{
	width: 100%;
	max-width: 100%;
	justify-content: space-between;
	padding: 5px 20px 5px 10px;
	}
	}

._features ._categoly ._bar img{
	width: 12%;
	transform: translateY(-30px);
	}
@media screen and (max-width: 768px) {
._features ._categoly ._bar img{
	width: 25%;
	transform: translateY(-20px);
	}
	}

._features ._categoly ._bar p{
	font-size: 3.5em;
	font-weight: bold;
	}
@media screen and (max-width: 768px) {
._features ._categoly ._bar p{
	font-size: 2.8em;
	}
	}

._features ._categoly picture{
	width: 100%;
	}

._features ._categoly img._photo{
	width: 100%;
	}

._features ._block{
	width: 90%;
	max-width: 1260px;
	margin: auto;
	padding: 40px 0;
	background: #fff;
	text-align: center;
	margin-top: 1px;
	}
@media screen and (max-width: 768px) {
._features ._block{
	width: 95%;
	max-width: 95%;
	padding: 20px 0 15px;
	}
	}
  ._features ._block.withannon{
    padding: 10px 0 40px;
    }
    
  
._features ._block p._point{
	display: inline-block;
	position: relative;
	margin: auto;
	color: #fff;
	background: #8D794D;
	font-size: 1.8em;
	font-weight: bold;
	padding: 10px 1.2em;
	white-space: nowrap;
	}
@media screen and (max-width: 768px) {
._features ._block p._point{
	font-size: 1.1em;
	padding: 5px 1.2em;
	}
	}

._features ._block p._point ._new{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 70px;
	height: 70px;
	top: -10px;
	left: -80px;
	background: #FF0000;
	color:#fff;
	font-weight: bold;
	font-size: .7em;
	line-height: 1em;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	}
@media screen and (max-width: 768px) {
._features ._block p._point ._new{
	width: 40px;
	height: 40px;
	top: -5px;
	left: -50px;
	font-size: .7em;
	}
	}

._features ._block p._sh1{
	margin: auto;
	margin-top: 30px;
	font-size: 2.3em;
	font-weight: 500;
	}
@media screen and (max-width: 768px) {
._features ._block p._sh1{
	margin-top: 15px;
	font-size: 1.5em;
	}
	}

._features ._block p._sh1 sup{
	font-size: .5em;
	bottom: 15px;
	}

._features ._block h2{
	margin: auto;
	margin-top: 10px;
	font-size: 2.8em;
	font-weight: 600;
	}
@media screen and (max-width: 768px) {
._features ._block h2{
	margin-top: 5px;
	font-size: 2em;
	}
	}

._features ._block h2 ._gold{
	font-weight: 600;
	font-size: 1.4em;
	}

._features ._block img._wlamp{
	margin-top: 30px;
	width: 40%;
	min-width: 400px;
	}
@media screen and (max-width: 768px) {
._features ._block img._wlamp{
	margin-top: 20px;
	width: 80%;
	min-width: 80%;
	}
	}

._features ._block p._lead{
	margin-top: 30px;
	text-align: center;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._features ._block p._lead{
	width: 90%;
	margin: auto;
	margin-top: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
	}

._features ._block ._column{
	margin: auto;
	margin-top: 60px;
	padding-bottom: 30px;
	width: 80%;
	text-align: center;
	background: #F5F2E9;
	}
@media screen and (max-width: 768px) {
._features ._block ._column{
	margin-top: 30px;
	padding-bottom: 10px;
	width: 95%;
	}
	}

._features ._block ._column h3{
	text-align: center;
	font-size: 2.6em;
	line-height: 1em;
	transform: translateY(-.5em);
	}
@media screen and (max-width: 768px) {
._features ._block ._column h3{
	font-size: 2em;
	}
	}

._features ._block p._shoulder{
	margin-top: 10px;
	text-align: center;
	font-size: 2em;
	line-height: 1.8em;
	}
@media screen and (max-width: 768px) {
._features ._block p._shoulder{
	margin-top: 5px;
	font-size: 1.2em;
	line-height: 2em;
	}
	}

._features ._block p._shoulder ._gold{
	font-size: 2.2em;
	font-weight: bold;
	border-bottom: 1px solid #8D794D;
	position: relative;
	}
@media screen and (max-width: 768px) {
._features ._block p._shoulder ._gold{
	font-size: 2.5em;
	}
	}
  ._features ._block p._shoulder ._gold.nobords{
    border-bottom: none;
    font-size: 1.5em;
    }
  ._features ._block p._shoulder ._gold sup{
	position: absolute;
	top:0;
	right: -1.5em;
	font-size: .3em;
	}

._features ._block p._shoulder ._middle{
	font-size: 1.5em;
	}

._features ._block img._bai4{
	display: block;
	margin:auto;
	margin-top: 10px;
	width: 70%;
	}
@media screen and (max-width: 768px) {
._features ._block img._bai4{
	width: 90%;
	}
	}

._features ._block picture._coolphoto{
	display: block;
	margin: auto;
	margin-top: 30px;
	width: 60%;
	min-width: 400px;
	}
@media screen and (max-width: 768px) {
._features ._block picture._coolphoto{
	margin-top: 20px;
	width: 95%;
	min-width: 95%;
	}
	}

._features ._block p._lead2{
	text-align: center;
	line-height: 1.5em;
	margin: auto;
	margin-top: 30px;
	width: 60%;
	min-width: 400px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
@media screen and (max-width: 768px) {
._features ._block p._lead2{
	width: 90%;
	min-width: 90%;
	margin-top: 15px;
	}
	}

._features ._block ._column2{
	border: 1px solid #ccc;
	margin: auto;
	margin-top: 30px;
	width: 60%;
	min-width: 400px;
	text-align: center;
	padding: 30px 0;
	}
@media screen and (max-width: 768px) {
._features ._block ._column2{
	margin-top: 20px;
	width: 95%;
	min-width: 95%;
	padding: 20px 0;
	}
	}

._features ._block ._column2 h3{
	font-size: 1.2em;
	}
@media screen and (max-width: 768px) {
._features ._block ._column2 h3{
	font-size: 1.1em;
	}
	}

._features ._block ._column2 img{
	margin-top: 30px;
	width: 80%;
	}
@media screen and (max-width: 768px) {
._features ._block ._column2 img{
	margin-top: 20px;
	width: 90%;
	}
	}

._features ._block ._column2 small{
	margin-top: 5px;
	display: block;
	text-align: center;
	}

._features ._block ._column2 p._lead{
	margin: auto;
	margin-top: 30px;
	width: 80%;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._features ._block ._column2 p._lead{
	margin-top: 20px;
	width: 90%;
	}
	}

._features ._block._power ._pack{
	margin: auto;
	width: 90%;
	max-width: 900px;
	display: flex;
	height:auto;
	column-gap: 20px;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._pack{
	max-width: 90%;
	flex-direction: column;
	row-gap: 0;
	padding-bottom: 20px;
	}
	}

._features ._block._power ._pack ._part{
	width: 100%;
	height:auto;
	background: #fff;
	text-align: center;
	padding: 40px 0;
	position: relative;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._pack ._part{
	padding: 20px 0 0;
	}
	}

._features ._block._power ._pack ._part h3{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._pack ._part h3{
	font-size: 1.2em;
	}
	}

._features ._block._power ._pack ._part video{
	margin-top: 20px;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._pack ._part video{
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 20px;
	}
	}

._features ._block._power ._pack ._part p{
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._pack ._part p{
	margin-top: 15px;
	}
	}

._features ._block._power ._comment{
	width: 90%;
	max-width: 900px;
	display: block;
	background-color: #F5F2E9;
	margin: auto;
	margin-top: 50px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._comment{
	width: 95%;
	max-width: 95%;
	margin-top: 20px;
	}
	}

._features ._block._power ._comment h3{
	text-align: center;
	font-size: 2em;
	line-height: 1em;
	font-weight: bold;
	transform: translateY(-.5em);
	align-items: center;
	display: flex; 
	justify-content: center;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._comment h3{
	font-size: 1.4em;
	}
	}

._features ._block._power ._comment h3::before,
._features ._block._power ._comment h3::after {
	background-color: #000;
	content: "";
	height: 1px;
	width: 60px;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._comment h3::before,
._features ._block._power ._comment h3::after {
	width: 45px;
	}
	}

._features ._block._power ._comment h3::before {
	margin-right: 20px;
	margin-top: 30px;
	transform: rotate(45deg);
	}
._features ._block._power ._comment h3::after {
	margin-left: 20px;
	margin-top: 30px;
	transform: rotate(-45deg);
	}
@media screen and (max-width: 768px) {
._features ._block._power ._comment h3::before {
	margin-right: 0;
	margin-top: 20px;
	}
._features ._block._power ._comment h3::after {
	margin-left: 0;
	margin-top: 20px;
	}
	}

._features ._block._power ._comment ._inner{
	margin: auto;
	width: 90%;
	display: flex;
	height:auto;
	column-gap: 20px;
	padding: 15px 0;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._comment ._inner{
	width: 85%;
	flex-direction: column;
	padding: 20px 0;
	row-gap: 10px;
	}
	}

._features ._block._power ._comment ._inner ._part{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._comment ._inner ._part:first-child{
	flex-direction: row;
	column-gap: 20px;
	}
	}

._features ._block._power ._comment ._inner ._part img{
	width: 70%;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._comment ._inner ._part img{
	width: 38%;
	}
	}

._features ._block._power ._comment ._inner ._part p._name{
	margin-top: 10px;
	line-height: 1.5em;
	}

._features ._block._power ._comment ._inner ._part p._leads{
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}

._features ._block._power ._comment ._inner ._part p._leads span{
	color:#A8922C;
	font-weight: bold;
	}

._features ._block._power ._comment ._inner ._part small{
	display: block;
	width: 100%;
	margin-top: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
@media screen and (max-width: 768px) {
._features ._block._power ._comment ._inner ._part small{
	margin-top: 10px;
	}
	}


  ._features ._block._beforeafter ._pack{
    margin: auto;
    width: 90%;
    max-width: 700px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    column-gap: 50px;
    position: relative;
    margin-top: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/icon-right3.svg);
    background-size: 14px;
    }
  @media screen and (max-width: 768px) {
  ._features ._block._beforeafter ._pack{
    max-width: 90%;
    padding-bottom: 20px;
    background-position: top calc(50% - 28px) center;
    background-size: 8px;
    column-gap: 15px;
    }
    }
  
  ._features ._block._beforeafter ._pack ._part:last-child img{
    border: 6px solid #8D7A4D;
    }
    ._features ._block._beforeafter ._pack ._part:last-child img.nobd{
      border: none;
      }
  ._features ._block._beforeafter ._pack ._part{
    width: 100%;
    height:auto;
    background: #fff;
    text-align: center;
    padding: 40px 0;
    position: relative;
    }
  @media screen and (max-width: 768px) {
  ._features ._block._beforeafter ._pack ._part{
    padding: 0px;
    }
  ._features ._block._beforeafter ._pack ._part.-rev{
    display: flex;
    flex-flow: column-reverse;
    }
  }
  
  ._features ._block._beforeafter ._pack ._part h3{
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
    }
  @media screen and (max-width: 768px) {
  ._features ._block._beforeafter ._pack ._part h3{
    font-size: 1.2em;
    margin-top: 10px;
    }
    }
  

  ._features ._block._beforeafter ._pack ._part h3 span{
    display: inline;
    background: linear-gradient(180deg, #ffffff 60%, #E7E1D2 60%);
    }
  @media screen and (max-width: 768px) {
  ._features ._block._beforeafter ._pack ._part h3{
    font-size: 1.2em;
    }
    }
    
    
  ._features ._block._beforeafter ._pack ._part p{
    width: 90%;
    display: block;
    margin: auto;
    margin-top: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break:break-all;
    line-height: 1.5em;
    }
  @media screen and (max-width: 768px) {
  ._features ._block._beforeafter ._pack ._part p{
    margin-top: 15px;
    }
    }


._features ._block._speed h2{
	margin: auto;
	margin-top: 20px;
	font-size: 2em;
	font-weight: 500;
	}
@media screen and (max-width: 768px) {
._features ._block._speed h2{
	margin-top: 5px;
	font-size: 1.5em;
	}
	}

._features ._block._speed h2 ._gold{
	font-size: 1em;
	}

._features ._block._speed h2 ._large{
	font-weight: 600;
	font-size: 2.3em;
	}

._features ._block._speed video {
	display: block;
	margin: auto;
	margin-top: 30px;
	width: 60%;
	min-width: 400px;
	}
@media screen and (max-width: 768px) {
._features ._block._speed video {
	margin-top: 10px;
	width: 95%;
	min-width: 95%;
	}
	}

._features ._block._speed img._hikaku{
	display: block;
	margin: auto;
	margin-top: 30px;
	width: 50%;
	min-width: 500px;
	}
@media screen and (max-width: 768px) {
._features ._block._speed img._hikaku{
	margin-top: 20px;
	width: 90%;
	min-width: 90%;
	}
	}

._features ._block._speed p._care{
	margin-top: 40px;
	display: inline-block;
	font-size: 1.5em;
	line-height: 1em;
	padding-bottom: 4px;
	border-bottom: 1px solid #000;
	}
@media screen and (max-width: 768px) {
._features ._block._speed p._care{
	margin-top: 20px;
	font-size: 1.2em;
	}
	}

._features ._block._speed p._care span{
	font-size: 1.5em;
	font-weight: bold;
	}

._features ._block._speed h2._under{
	margin-top: 50px;
	}

._features ._block._speed ._inner{
	display: flex;
	column-gap: 15px;
	row-gap: 15px;
	margin: auto;
	margin-top: 20px;
	width: 90%;
	flex-wrap: wrap;
	max-width: 900px;
	}
@media screen and (max-width: 768px) {
._features ._block._speed ._inner{
	column-gap: 6px;
	row-gap: 6px;
	margin-top: 10px;
	width: 95%;
	max-width: 95%;
	}
	}

._features ._block._speed ._inner div{
	width: calc(33.33% - 15px);
	}
@media screen and (max-width: 768px) {
._features ._block._speed ._inner div{
	width: calc(50% - 3px);
	}
	}

._features ._block._speed ._inner div img{
	width: 100%;
	}

._features ._block img._roller {
	margin-top: 30px;
	width: 35%;
	min-width: 400px;
	}
@media screen and (max-width: 768px) {
._features ._block img._roller {
	margin-top: 20px;
	width: 80%;
	min-width: 80%;
	}
	}

._features ._block img._rollerimage {
	margin-top: 30px;
	width: 50%;
	min-width: 600px;
	}
@media screen and (max-width: 768px) {
._features ._block img._rollerimage {
	margin-top: 20px;
	width: 90%;
	min-width: 90%;
	}
	}

._features ._block._bihada ._point sup {
	font-size:.4em;
	bottom: 15px;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._point sup {
	font-size:.7em;
	bottom: 5px;
	}
	}

._features ._block._bihada h2 sup {
	font-size:.4em;
	bottom: 20px;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada h2 sup {
	font-size:.4em;
	bottom: 15px;
	}
	}

  ._bihada-vblock {
    margin: 90px auto 10px;
    position: relative;
    width: 90%;
    max-width: 900px;
  }
  ._bihada-vblock .number {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-70%);
  }
  ._bihada-vblock .small {
    text-align: left;
    font-size: 1.1rem !important;
    line-height: 1.5;
  }
  
  ._bihada-pores {
    margin: 60px auto;
    position: relative;
    width: 90%;
    max-width: 900px;
    padding: 50px 30px;
    background-color: #F6F8F9;
  }
  
  ._bihada-pores h3 {
    font-size: clamp(2rem,3vw,3rem);
    color: #0F1B43;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
  }
  
  ._bihada-pores .small {
    text-align: left;
    font-size: 1.1rem !important;
    line-height: 1.5;
  }
  
  ._approch-vblock {
    margin: 60px auto 10px;
    position: relative;
    width: 90%;
    max-width: 900px;
    background-color: #FBFAF6;
    padding: 0px 0 40px;
  }
  ._approch-vblock .number {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
  }
  
  @media screen and (max-width: 768px) {
    ._bihada-pores {
      margin: 40px auto;
      position: relative;
      width: 90%;
      max-width: 900px;
      padding: 40px 20px;
      background-color: #F6F8F9;
    }
    ._bihada-vblock .number {
      max-width: 50px;
    }
    ._approch-vblock .number {
      max-width: 50px;
    }
  }
  ._features ._block._bihada ._pack._approch{
    margin: auto;
    width: 90%;
    max-width: 900px;
    display: flex;
    height:auto;
    column-gap: 30px;
    align-items: center;
    }

    
._features ._block._bihada ._pack._approch{
	margin: auto;
	width: 90%;
	max-width: 900px;
	display: flex;
	height:auto;
	column-gap: 30px;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._pack._approch{
	max-width: 90%;
	flex-direction: column;
	row-gap: 0;
	padding-bottom: 0;
	}
	}

._features ._block._bihada ._pack._approch ._part{
	width: 100%;
	height:auto;
	/* background: #fff; */
	text-align: center;
	padding: 40px 0;
	position: relative;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._pack._approch ._part{
	padding: 20px 0 0;
	}
	}

._features ._block._bihada ._pack._approch ._part p{
	display: block;
	margin: auto;
	margin-top: 20px;
	line-height: 1.5em;
	}
._features ._block._bihada ._pack._approch ._part:last-child p._lead{
	margin-top: 10px;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._pack._approch ._part p{
	margin-top: 10px;
	text-align: center;
	}
._features ._block._bihada ._pack._approch ._part:last-child p._lead{
	margin-top: 5px;
	}
	}

._features ._block._bihada ._pack._approch ._part p._red{
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	}

._features ._block._bihada ._pack._bihadako{
	margin: auto;
	width: 90%;
	max-width: 900px;
	display: flex;
	height:auto;
	column-gap: 30px;
	background: #F5F2E9;
	padding: 30px;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._pack._bihadako{
	max-width: 90%;
	column-gap: 0;
	padding: 20px 20px 20px 0;
	margin-top: 20px;
	}
	}

._features ._block._bihada ._pack._bihadako ._part{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height:auto;
	}

._features ._block._bihada ._pack._bihadako ._part:first-child{
	width: 30%;
	}
._features ._block._bihada ._pack._bihadako ._part:last-child{
	align-items: flex-start;
	width: 70%;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._pack._bihadako ._part:first-child{
	width: 40%;
	}
._features ._block._bihada ._pack._bihadako ._part:last-child{
	align-items: flex-start;
	width: 60%;
	}
	}

._features ._block._bihada ._pack._bihadako img{
	width: 50%;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._pack._bihadako img{
	width: 60%;
	}
	}

._features ._block._bihada ._pack._bihadako ._title{
	font-size: 2em;
	font-weight: bold;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._pack._bihadako ._title{
	font-size: 1.4em;
	}
	}

._features ._block._bihada ._pack._bihadako ._lead{
	margin-top: 10px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
@media screen and (max-width: 768px) {
._features ._block._bihada ._pack._bihadako ._lead{
	margin: 0;
	margin-top: 8px;
	font-size: .9em;
	width: 100%;
	}
	}

@media screen and (max-width: 768px) {
._features ._block._ipl{
	padding-bottom: 20px;
	}
	}

@media screen and (max-width: 768px) {
._features ._block._ipl h2{
	margin-top: 15px;
	line-height: 1em;
	}
	}

._features ._block._ipl ._pack{
	margin: auto;
	width: 90%;
	max-width: 900px;
	display: flex;
	height:auto;
	column-gap: 30px;
	}
@media screen and (max-width: 768px) {
._features ._block._ipl ._pack{
	max-width: 90%;
	column-gap: 10px;
	}
	}

._features ._block._ipl ._pack ._part{
	width: 100%;
	height:auto;
	background: #fff;
	text-align: center;
	padding: 40px 0 0;
	position: relative;
	}
@media screen and (max-width: 768px) {
._features ._block._ipl ._pack ._part{
	padding: 20px 0 0;
	}
	}

._features ._block._ipl ._pack ._part p{
	display: block;
	margin: auto;
	margin-top: 20px;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._features ._block._ipl ._pack ._part p{
	font-size: .8em;
	margin-top: 5px;
	text-align: center;
	}
	}

._features ._block._ipl p._care{
	margin-top: 40px;
	font-size: 2em;
	}
@media screen and (max-width: 768px) {
._features ._block._ipl p._care{
	margin-top: 20px;
	font-size: 1em;
	letter-spacing: -.05em;
	}
	}

._features ._block._ipl p._care ._gy{
	font-weight: bold;
	color: #fff;
	background: #D0B84D;
	padding: 5px .7em;
	}

._features ._block._ipl p._care ._ry{
	font-weight: bold;
	color: #fff;
	background: #FE050D;
	padding: 5px .7em;
	}

@media screen and (max-width: 768px) {
._features ._block._blueled h2{
	margin-top: 15px;
	line-height: 1em;
	}
	}

._features ._block._blueled h2 sup{
	color:#E50100;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	bottom: 18px;
	}
@media screen and (max-width: 768px) {
._features ._block._blueled h2 sup{
	bottom: 15px;
	}
	}

._features ._block._blueled img{
	margin: auto;
	margin-top: 40px;
	width: 60%;
	max-width: 435px;
	}
@media screen and (max-width: 768px) {
._features ._block._blueled img{
	margin-top: 20px;
	width: 90%;
	max-width: 90%;
	}
	}

._features ._block._blueled p._blue{
	margin-top: 20px;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	color: #3364F4;
	}
@media screen and (max-width: 768px) {
._features ._block._blueled p._blue{
	margin-top: 10px;
	}
	}

._features ._block._blueled p._lead{
	margin-top: 15px;
	}
@media screen and (max-width: 768px) {
._features ._block._blueled p._lead{
	text-align: center;
	margin-top: 5px;
	}
	}

._features ._block img._wave {
	display: block;
	margin: auto;
	margin-top: 30px;
	width: 50%;
	min-width: 500px;
	}
@media screen and (max-width: 768px) {
._features ._block img._wave {
	margin-top: 20px;
	width: 90%;
	min-width: 90%;
	}
	}

@media screen and (max-width: 768px){
._features ._block._waves {
	padding-bottom: 20px;
	}
	}

@media screen and (max-width: 768px){
._features ._block._waves p._sh1 {
	font-size: 1.2em;
	}
	}







._features.outer {
  background: #fff;
  padding-bottom: 0px;
}
  
._features.outer ._bihada-pores {
  max-width:1200px;
}
  
._features.outer ._bihada-pores h3 {
  background-color: #0F1B43;
  color: #fff;
  padding: 10px;
}

._bihada .micho {
  font-family: "Noto Serif JP",sans-serif;
  font-size: 2rem !important;
}
/*=========

_usability

=========*/

._usability {
	width: 100%;
	padding-bottom: 30px;
	}
@media screen and (max-width: 768px) {
._usability {
	padding-bottom: 0;
	}
	}

._usability picture._headline{
	width: 100%;
	}

._usability ._blocks{
	width: 90%;
	max-width: 1260px;
	margin: auto;
	}
@media screen and (max-width: 768px) {
._usability ._blocks{
	width: 95%;
	max-width: 95%;
	}
	}

._usability ._block{
	width: 100%;
	background: #F5F2E9;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 50px 30px;
	}
@media screen and (max-width: 768px) {
._usability ._block{
	margin-bottom: 10px;
	flex-direction: column;
	padding: 20px 0;
	row-gap: 10px;
	}
	}

._usability ._block ._box:first-child{
	width: 48%;
	display: flex;
	flex-direction: column;
	align-items: center;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box:first-child{
	width: 100%;
	margin: auto;
	}
	}

._usability ._block ._box:first-child p._point{
	display: inline-block;
	color: #fff;
	background: #8D794D;
	font-size: 1.2em;
	padding: 7px 1.5em;
	border-radius: 9999px;
	-webkit-border-radius: 9999px;
	-moz-border-radius: 9999px;
	white-space: nowrap;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box:first-child p._point{
	font-size: 1em;
	padding: 5px 1.5em;
	}
	}

._usability ._block ._box:first-child h3{
	margin-top: 25px;
	color: #8D794D;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box:first-child h3{
	margin-top: 10px;
	font-size: 1.3em;
	}
	}

._usability ._block ._box h3 ._large{
	font-size: 1.7em;
	}

._usability ._block ._box h3 ._black{
	font-weight: normal;
	}

._usability ._block ._box p._lead{
	width: 80%;
	margin: auto;
	margin-top: 20px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box p._lead{
	margin-top: 15px;
	}
	}

._usability ._block ._box p._center{
	text-align: center;
	}

._usability ._block ._box small{
	display: block;
	width: 80%;
	margin: auto;
	margin-top: 10px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}

._usability ._block ._box:last-child{
	width: 52%;
	background: #F5F2E9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box:last-child{
	width: 100%;
	margin: auto;
	}
	}

._usability ._block ._box:last-child img._image1{
	width: 80%;
	}

._usability ._block ._box:last-child ._pack._attach{
	width: 90%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 5%;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box:last-child ._pack._attach{
	width: 90%;
	column-gap: 3%;
	}
	}

._usability ._block ._box:last-child ._pack._attach ._part{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	}

._usability ._block ._box:last-child ._pack._attach ._part img{
	width: 100%;
	}

._usability ._block ._box:last-child ._pack._attach ._part p._name{
	margin-top: 10px;
	font-size: 1em;
	font-weight: bold;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box:last-child ._pack._attach ._part p._name{
	font-size: .8em;
	}
	}

._usability ._block ._box:last-child ._pack._attach ._part p._description{
	margin-top: 10px;
	font-size: .8em;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box:last-child ._pack._attach ._part p._description{
	margin-top: 5px;
	line-height: 1.3em;
	}
	}

._usability ._block ._box img._sencer{
	margin-top: 20px;
	width: 70%;
	}

._usability ._block ._box img._level{
	width: 80%;
	}
@media screen and (max-width: 768px) {
._usability ._block ._box img._level{
	margin-top: 10px;
	}
	}

._usability ._block ._box img._sencer{
	margin-top: 20px;
	width: 70%;
	}

._usability ._block ._box ._large sup{
	bottom: 3ex;
	font-size: .3em;
	}

/*=========

_voice

=========*/

._voice {
	padding: 50px 0 50px;
	width: 100%;
	background: #F2EFE7;
	}
@media screen and (max-width: 768px) {
._voice {
	padding: 30px 0 20px;
	}
	}

._voice h2{
	text-align: center;
	font-size: 2.2em;
	font-weight: 500;
	line-height: 1em;
	color: #8D794D;
	}
@media screen and (max-width: 768px) {
._voice h2{
	font-size: 1.7em;
	}
	}

._voice ._pack{
	width: 90%;
	max-width: 1260px;
	margin: auto;
	margin-top: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 30px;
	}
@media screen and (max-width: 768px) {
._voice ._pack{
	width: 90%;
	max-width: 90%;
	margin-top: 30px;
	flex-direction: column;
	row-gap: 15px;
	}
	}

._voice ._pack ._part{
	width: 100%;
	display: flex;
	flex-direction: column;
	column-gap: 10px;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._voice ._pack ._part{
	row-gap: 0;
	}
	}

._voice ._pack ._part p._fukidashi{
	width: 100%;
	background: #fff;
	padding: 1.5em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	font-size: 1.1em;
	line-height: 1.5em;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	}
@media screen and (max-width: 768px) {
._voice ._pack ._part p._fukidashi{
	padding: 1em 1.5em;
	font-size: 1em;
	}
	}

._voice ._pack ._part p._fukidashi:after{
	position: absolute;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	bottom: -15px;
	left: calc(50% - 10px);
	background-image: url(../images/fw-under.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
	}

._voice ._pack ._part p._name{
	margin-top: 25px;
	}
@media screen and (max-width: 768px) {
._voice ._pack ._part p._name{
	font-size: .9em;
	margin-top: 20px;
	}
	}

._voice small{
	display: block;
	width: 90%;
	max-width: 1260px;
	margin: auto;
	margin-top: 50px;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._voice small{
	max-width: 90%;
	margin-top: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
	}

/*=========

_parts

=========*/

._parts {
	margin: auto;
	padding: 50px 0;
	width: 90%;
	max-width: 1060px;
	}
@media screen and (max-width: 768px) {
._parts {
	padding: 30px 0 20px;
	width: 95%;
	max-width: 95%;
	}
	}

._parts h2{
	font-weight: bold;
	font-size: 2.6em;
	line-height: 1em;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._parts h2{
	font-size: 1.8em;
	}
	}

._parts p{
	margin-top: 30px;
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._parts p{
	margin-top: 20px;
	font-size: 1em;
	}
	}

._parts ._pack{
	margin-top: 20px;
	overflow-x: hidden;
	position: relative;
	}
@media screen and (max-width: 768px) {
._parts ._pack{
	margin-top: 0;
	overflow-x: scroll;
	}
	}

._parts ._pack img{
	width: 100%;
	}
@media screen and (max-width: 768px) {
._parts ._pack img{
	width: 120%;
	max-width: 120%;
	}
	}

.scroll-hint {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
	background: rgba(0, 0, 0, .4);
	color: #fff;
	line-height: 1em;
	font-size: .9em;
	display: none;
	animation: scroll-hint-animation 2s infinite ease;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}

@keyframes scroll-hint-animation {
	0% {
		transform: translate(-50%, -50%);
		}
	50% {
		transform: translate(-40%, -50%);
		}
	100% {
		transform: translate(-50%, -50%);
		}
	}

.scroll-hint--show {
	display: block;
	}

._parts small{
	display: block;
	padding-bottom: 10px;
	}
@media screen and (max-width: 768px) {
._parts small{
	margin-top: 10px;
	}
	}

/*=========

_flash

=========*/

._flash {
	margin: auto;
	padding: 0 0 50px;
	width: 90%;
	max-width: 1060px;
	display: flex;
	align-items: flex-start
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 20px;
	}
@media screen and (max-width: 768px) {
._flash {
	padding: 0 0 20px;
	width: 95%;
	max-width: 95%;
	flex-direction: column;
	}
	}

._flash ._pack{
	width: 100%;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._flash ._pack{
	width: 80%;
	margin: auto;
	}
	}

._flash ._pack h3{
	display: inline-block;
	font-weight: bold;
	color: #8D794D;
	font-size: 2.3em;
	line-height: 1em;
	padding-bottom: 1px;
	border-bottom: 1px solid #8D794D
	}
@media screen and (max-width: 768px) {
._flash ._pack h3{
	font-size: 1.6em;
	margin-top: 20px;
	}
._flash ._pack:first-child h3{
	margin-top: 0;
	}
	}

@media screen and (max-width: 768px) {
._flash ._pack p._sp{
	margin-top: 10px;
	line-height: 1.6em;
	}
	}

._flash ._pack video{
	margin-top: 20px;
	width: 100%;
	}

._flash ._pack p._pc{
	margin-top: 10px;
	line-height: 1.6em;
	}

/*=========

_tips

=========*/

._tips {
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	background: #EAEAEA;
	}
@media screen and (max-width: 768px) {
._tips {
	margin: auto;
	padding-top: 30px;
	padding-bottom: 20px;
	}
	}

._tips ._pack{
	margin: auto;
	width: 90%;
	max-width: 1060px;
	display: flex;
	height:auto;
	column-gap: 20px;
	}
@media screen and (max-width: 768px) {
._tips ._pack{
	max-width: 90%;
	flex-direction: column;
	row-gap: 20px;
	}
	}

._tips ._pack ._part{
	width: 100%;
	height:auto;
	background: #fff;
	text-align: center;
	padding: 30px;
	position: relative;
	}
@media screen and (max-width: 768px) {
._tips ._pack ._part{
	padding: 20px 0;
	}
	}

._tips ._pack ._part img._tipsnum{
	width: 100px;
	position: absolute;
	top: -15px;
	left: 0;
	}
@media screen and (max-width: 768px) {
._tips ._pack ._part img._tipsnum{
	width: 70px;
	}
._tips ._pack ._part:last-child img._tipsnum{
	left: auto;
	right: 0;
	}
	}

._tips ._pack ._part h3{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._tips ._pack ._part h3{
	font-size: 1.2em;
	}
	}

._tips ._pack ._part img._care{
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 30px;
	}
@media screen and (max-width: 768px) {
._tips ._pack ._part:last-child img._care{
	margin-top: 20px;
	}
	}

._tips ._pack ._part p{
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}

._tips ._pack ._part small{
	width: 90%;
	display: block;
	margin: auto;
	margin-top: 10px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}

._tips ._pack ._part small._red{
	margin-top: 30px;
	}
@media screen and (max-width: 768px) {
._tips ._pack ._part small._red{
	margin-top: 10px;
	}
	}

/*=========

_cospa

=========*/

._cospa {
	margin: auto;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 90%;
	max-width: 1060px;
	background: #E7E1D2;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._cospa {
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	max-width: 100%;
	}
	}

._cospa p._shoulder{
	font-size: 1.6em;
	}
@media screen and (max-width: 768px) {
._cospa p._shoulder{
	font-size: 1.3em;
	}
	}

._cospa p._lead1{
	margin-top: 30px;
	font-size: 2.5em;
	font-weight: bold;
	align-items: center;
	display: flex; 
	justify-content: center;
	}
@media screen and (max-width: 768px) {
._cospa p._lead1{
	margin-top: 15px;
	font-size: 1.8em;
	margin-bottom: 10px;
	}
	}

._cospa p._lead1::before,
._cospa p._lead1::after {
	background-color: #000;
	content: "";
	height: 1px;
	width: 50px;
	}
@media screen and (max-width: 768px) {
._cospa p._lead1::before,
._cospa p._lead1::after {
	width: 45px;
	}
	}

._cospa p._lead1::before {
	margin-right: 10px;
	transform: rotate(45deg);
	}
._cospa p._lead1::after {
	margin-left: 10px;
	transform: rotate(-45deg);
	}
@media screen and (max-width: 768px) {
._cospa p._lead1::before {
	margin-right: 0;
	margin-top: 10px;
	}
._cospa p._lead1::after {
	margin-left: 0;
	margin-top: 10px;
	}
	}

._cospa p._lead2{
	font-size: 3em;
	font-weight: bold;
	background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px), #FFCF62 7px, transparent 7px) ,
	radial-gradient(circle at 7px calc(100% - 7px), #FFCF62 7px, transparent 7px) ,
	linear-gradient(to bottom, #E7E1D2 calc(100% - 14px), transparent calc(100% - 14px)) ,
	linear-gradient(to right, transparent 7px, #FFCF62 7px, #FFCF62 calc(100% - 7px), transparent calc(100% - 7px));
	display:inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	}
@media screen and (max-width: 768px) {
._cospa p._lead2{
	font-size: 2.2em;
	}
	}

._cospa picture{
	display: block;
	margin: auto;
	margin-top: 40px;
	width: 80%;
	}
@media screen and (max-width: 768px) {
._cospa picture{
	margin-top: 20px;
	width: 90%;
	}
	}

._cospa picture img{
	width: 100%;
	}

._cospa small{
	width: 80%;
	margin: auto;
	margin-top: 40px;
	display: block;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
@media screen and (max-width: 768px) {
._cospa small{
	margin-top: 20px;
	width: 90%;
	}
	}


/*=========

_femtech

=========*/

._femtech {
	margin: auto;
	padding: 70px 0;
	width: 90%;
	max-width: 1060px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 50px;
	}
@media screen and (max-width: 768px) {
._femtech {
	padding: 30px 0;
	margin: auto;
	width: 90%;
	max-width: 90%;
	flex-direction: column;
	row-gap: 10px;
	}
	}

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

._femtech ._pack h2{
	font-weight: bold;
	font-size: 22px;
	line-height: 22px;
	position: relative;
	padding-left: 65px;
	}

._femtech ._pack h2 span{
	position: absolute;
	height: 22px;
	width: 65px;
	background: #8D794D;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	padding: 3px 0; 
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	margin-left: -65px;
	}

._femtech ._pack p {
	margin-top: 20px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}

/*=========

_series

=========*/

._series {
	padding: 50px 0;
	width: 100%;
	background-color: #dedede;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._series {
	padding: 30px 0;
	margin: auto;
	}
	}

._series h2{
	font-size: 1.7em;
	}
@media screen and (max-width: 768px) {
._series h2{
	font-size: 1.3em;
	}
	}

._series ._pack{
	margin: auto;
	margin-top: 50px;
	width: 90%;
	max-width: 960px;
	text-align: left;
	}
@media screen and (max-width: 768px) {
._series ._pack{
	margin-top: 30px;
	width: 95%;
	max-width: 95%;
	}
	}

._series ._pack table {
	width: 100%;
	background: #fff;
	white-space: nowrap;
	table-layout: fixed;
	}

._series ._pack table th:first-child {
	width: 15%;
	}

._series ._pack table th,
._series ._pack table td {
	border: 1px solid #dedede;
	padding: 12px;
	white-space: nowrap;
	}
@media screen and (max-width: 768px) {
._series ._pack table th,
._series ._pack table td {
	padding: 6px 3px;
	font-size: .8em;
	}
	}

._series ._pack table th {
	text-align: center;
	}

._series ._pack table th p{
	font-weight: bold;
	text-align: center;
	}
._series ._pack table th:last-child p{
	font-weight: normal;
	}
@media screen and (max-width: 768px) {
._series ._pack table th p{
	font-weight: bold;
	text-align: center;
	font-size: .8em;
	}
._series ._pack table th:last-child p{
	font-weight: normal;
	}
	}

._series ._pack table th img{
	width: 50%;
	}
@media screen and (max-width: 768px) {
._series ._pack table th img{
	width: 70%;
	}
	}

._series ._pack table td {
	text-align: center;
	white-space: nowrap;
	}

._series ._pack table th:nth-child(2),
._series ._pack table td:nth-child(2){
	background: #FAF9F6;
	}

@media screen and (max-width: 768px) {
._series ._pack table td:first-child{
	font-size: .7em;
	}
	}

._series ._pack table td ._star{
	font-size: 1.4em;
	}
@media screen and (max-width: 768px) {
._series ._pack table td ._star{
	font-size: 1.2em;
	}
	}

._series ._pack table td small{
	display: block;
	text-align: center;
	}

._series ._pack table td sup._large{
	bottom: 15px;
	}

._series ._pack table td ._circle{
	font-size: 35px;
	}
@media screen and (max-width: 768px) {
._series ._pack table td ._circle{
	font-size: 25px;
	}
	}

._series ._pack table td ._wsup{
	margin-left: 22px;
	}

._series ._pack table td ._wsup2{
	margin-left: 12px;
	}

._series ._pack table td ._big{
	font-size: 1.4em;
	}

._series ._pack table td ._rc{
	display: inline-block;
	width: 36px;
	height: 36px;
	background-color: #DF5B71;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 35px;
	margin: 0 5px;
	}
@media screen and (max-width: 768px) {
._series ._pack table td ._rc{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	line-height: 26px;
	font-size: 1.2em;
	}
	}

._series ._pack table td ._bc{
	display: inline-block;
	width: 36px;
	height: 36px;
	background-color: #2F97CE;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 35px;
	margin: 0 5px;
	}
@media screen and (max-width: 768px) {
._series ._pack table td ._bc{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	line-height: 26px;
	font-size: 1.2em;
	}
	}


._series ._pack table td img{
	width: 30px;
	}

._series ._pack small._note{
	display: block;
	margin-top: 10px;
	}

/*=========

_howtouse

=========*/

._howtouse {
	padding: 50px 0 50px;
	width: 100%;
	}
@media screen and (max-width: 768px) {
._howtouse {
	padding: 30px 0 20px;
	}
	}

._howtouse h2{
	text-align: center;
	font-size: 2.2em;
	font-weight: 500;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._howtouse h2{
	font-size: 1.7em;
	}
	}

._howtouse ._jp{
	text-align: center;
	font-size: 1.2em;
	margin-top: 10px;
	}

._howtouse ._howtomov{
	width: 90%;
	max-width: 900px;
	margin: auto;
	margin-top: 50px;
	}
@media screen and (max-width: 768px) {
._howtouse ._howtomov{
	width: 100%;
	max-width: 100%;
	margin-top: 30px;
	}
	}

.movie-hd{
	margin-bottom: 0 !important;
	}

._howtouse ._inner{
	width: 90%;
	max-width: 1300px;
	margin: auto;
	margin-top: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 15px;
	}
@media screen and (max-width: 768px) {
._howtouse ._inner{
	width: 90%;
	max-width: 90%;
	margin-top: 20px;
	flex-direction: column;
	row-gap: 5px;
	}
	}

._howtouse ._inner ._pack{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	row-gap: 10px;
	}
@media screen and (max-width: 768px) {
._howtouse ._inner ._pack{
	align-items: center;
	flex-direction: row;
	column-gap: 10px;
	border-top: 1px solid #ccc;
	margin-top: 0;
	padding-top: 5px;
	}
._howtouse ._inner ._pack:first-child{
	border-top: none;
	}
	}

._howtouse ._inner ._pack ._part{
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	}
@media screen and (max-width: 768px) {
._howtouse ._inner ._pack ._part:first-child{
	width: 40%;
	}
._howtouse ._inner ._pack ._part:last-child{
	width: 60%;
	}
	}

._howtouse ._inner ._pack ._part img{
	width: 100%;
	}

._howtouse ._inner ._pack ._part ._num{
	width: 100%;
	margin-top: 15px;
	font-weight: 500;
	font-size: 1.1em;
	text-align: center;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._howtouse ._inner ._pack ._part ._num{
	margin-top: 5px;
	width: 100%;
	font-size: 1em;
	text-align: left;
	}
	}

._howtouse ._inner ._pack ._part ._num span{
	font-size: 2em;
	}
@media screen and (max-width: 768px) {
._howtouse ._inner ._pack ._part ._num span{
	font-size: 1.7em;
	}
	}

._howtouse ._inner ._pack ._part h3{
	width: 100%;
	margin-top: 10px;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._howtouse ._inner ._pack ._part h3{
	margin-top: 5px;
	text-align: left;
	}
	}

._howtouse ._inner ._pack ._part p._lead{
	margin-top: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	font-size: .9em;
	}
@media screen and (max-width: 768px) {
._howtouse ._inner ._pack ._part p._lead{
	margin-top: 10px;
	text-align: left;
	}
	}

._howtouse ._inner ._pack ._part p._lead span{
	font-weight: bold;
	text-decoration: underline;
	}

._howtouse ._inner ._pack ._part ._column{
	margin-top: 10px;
	width: 100%;
	background: #EBF3FA;
	padding: 20px;
	}

._howtouse ._inner ._pack ._part ._column p{
	text-align: justify;
	text-justify: inter-ideogra;
	font-weight: bold;
	}

._howtouse ._inner ._pack ._part ._column small{
	margin-top: 5px;
	display: block;
	}

/*=========

_important

=========*/

._important {
	padding: 50px 0 40px;
	margin: auto;
	width: 100%;
	background:#E7E1D2;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._important {
	padding: 30px 0 20px;
	}
	}

._important p._shoulder1{
	text-align: center;
	line-height: 1em;
	font-size: 2em;
	font-weight: bold;
	}
@media screen and (max-width: 768px) {
._important p._shoulder1{
	font-size: 1.4em;
	}
	}

._important p._shoulder2{
	margin-top: 10px;
	color: #8D794D;
	text-align: center;
	line-height: 1em;
	font-size: 2em;
	font-weight: bold;
	align-items: center;
	display: flex;
	justify-content: center;
	}
@media screen and (max-width: 768px) {
._important p._shoulder2{
	font-size: 1.4em;
	}
	}

._important p._shoulder2::before,
._important p._shoulder2::after {
	background-color: #000;
	content: "";
	height: 1px;
	width: 80px;
	}
@media screen and (max-width: 768px) {
._important p._shoulder2::before,
._important p._shoulder2::after {
	width: 35px;
	}
	}

._important p._shoulder2::before {
	margin-right: 10px;
	transform: rotate(45deg);
	}
._important p._shoulder2::after {
	margin-left: 10px;
	transform: rotate(-45deg);
	}
@media screen and (max-width: 768px) {
._important p._shoulder2::before {
	margin-right: 0;
	margin-top: 10px;
	}
._important p._shoulder2::after {
	margin-left: 0;
	margin-top: 10px;
	}
	}

._important ._pack{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	}
@media screen and (max-width: 768px) {
._important ._pack{
	margin-top: 20px;
	}
	}


._important ._pack img{
	display: block;
	width: 7%;
	}
@media screen and (max-width: 768px) {
._important ._pack img{
	width: 12%;
	}
	}

._important h2{
	display: inline-block;
	text-align: center;
	line-height: 1.6em;
	font-size: min(2.5vw, 50px);
	position: relative;
	}
@media screen and (max-width: 768px) {
._important h2{
	font-size: min(4.5vw, 30px);
	}
	}

._important h2 span{
	font-size: 1.8em;
	background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px), #FFCF62 7px, transparent 7px) ,
	radial-gradient(circle at 7px calc(100% - 7px), #FFCF62 7px, transparent 7px) ,
	linear-gradient(to bottom, #E7E1D2 calc(100% - 14px), transparent calc(100% - 14px)) ,
	linear-gradient(to right, transparent 7px, #FFCF62 7px, #FFCF62 calc(100% - 7px), transparent calc(100% - 7px));
	display:inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	}

._important img._circle{
	margin-top: 30px;
	width: 40%;
	min-width: 500px;
	max-width: 1000px;
	}
@media screen and (max-width: 768px) {
._important img._circle{
	margin-top: 10px;
	width: 95%;
	min-width: 95%;
	max-width: 95%;
	}
	}

._important picture{
	display: block;
	margin: auto;
	margin-top: 30px;
	width: 56%;
	min-width: 700px;
	max-width: 1200px;
	}
@media screen and (max-width: 768px) {
._important picture{
	margin-top: 10px;
	width: 90%;
	min-width: 90%;
	max-width: 90%;
	}
	}

._important picture img{
	width: 100%;
	}

/*=========

_history

=========*/

._history {
	margin: auto;
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
	background: linear-gradient(#fff, #E6E6E6);
	}
@media screen and (max-width: 768px) {
._history {
	padding-bottom: 20px;
	}
	}

._history ._pack{
	aspect-ratio: 108 / 39;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/hisotryphoto-pc.jpg);
	background-size: contain;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	flex-direction: column;
	padding-bottom: 30px;
	}
@media screen and (max-width: 768px) {
._history ._pack{
	aspect-ratio: 375 / 236;
	background-image: url(../images/hisotryphoto-sp.jpg);
	padding-bottom: 20px;
	}
	}

._history p._shoulder{
	text-align: center;
	line-height: 1em;
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	padding: 0 2.5em 15px;
	border-bottom: 1px solid #fff;
	}
@media screen and (max-width: 768px) {
._history p._shoulder{
	font-size: 1.3em;
	padding: 0 0 10px;
	}
	}

._history h2{
	color: #fff;
	font-size: 2.7em;
	font-weight: bold;
	margin-top: 15px;
	}
@media screen and (max-width: 768px) {
._history h2{
	margin-top: 10px;
	font-size: 2.2em;
	}
	}

._history p._lead{
	text-align: center;
	line-height: 1.5em;
	font-size: 1.2em;
	padding: 30px 0;
	}
@media screen and (max-width: 768px) {
._history p._lead{
	font-size: 1em;
	padding: 15px 0;
	}
	}

._history ._historymov{
	margin: auto;
	width: 90%;
	max-width: 800px;
	}
@media screen and (max-width: 768px) {
._history ._historymov{
	max-width: 90%;
	}
	}

._history small{
	display: block;
	margin: auto;
	margin-top: 20px;
	width: 90%;
	max-width: 800px;
	}
@media screen and (max-width: 768px) {
._history small{
	margin-top: 10px;
	max-width: 90%;
	}
	}

._history p._timeline{
	margin-top: 50px;
	text-align: center;
	line-height: 1em;
	font-size: 1.3em;
	align-items: center;
	display: flex; 
	justify-content: center;
	}
@media screen and (max-width: 768px) {
._history p._timeline{
	margin-top: 20px;
	font-size: .8em;
	}
	}

._history p._timeline::before,
._history p._timeline::after {
	background-color: #000;
	content: "";
	height: 1px;
	width: 60px;
	}
@media screen and (max-width: 768px) {
._history p._timeline::before,
._history p._timeline::after {
	width: 30%;
	}
	}

._history p._timeline::before {
	margin-right: 15px;
	}
._history p._timeline::after {
	margin-left: 15px;
	}

._history picture{
	display: block;
	margin: auto;
	margin-top: 20px;
	width: 90%;
	max-width: 1400px;
	}


/*=========

_notes

=========*/

._notes {
	padding: 40px 0 40px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	}
@media screen and (max-width: 768px) {
._notes {
	padding: 30px 0;
	}
	}

._notes ._inner{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	}
@media screen and (max-width: 768px) {
._notes ._inner{
	width: 90%;
	max-width: 90%;
	}
	}

._notes ul{
	list-style: none;
	}
._notes ul li{
	font-size: .8em;
	line-height: 1.5em;
	/*text-indent: -1.8em;
	padding-left: 1.8em;*/
	}
@media screen and (max-width: 768px) {
._notes ul li{
	font-size: 1em;
	}
	}

/*=========

_yaman

=========*/

._yaman {
	padding: 60px 0 60px;
	width: 100%;
	background:#E7E1D2;
	}
@media screen and (max-width: 768px) {
._yaman {
	padding: 30px 0;
	}
	}

._yaman ._inner{
	width: 100%;
	max-width: 900px;
	margin: auto;
	}
@media screen and (max-width: 768px) {
._yaman ._inner{
	width: 90%;
	max-width: 90%;
	}
	}

._yaman ._inner h2{
	font-size: 1.6em;
	text-align: center;
	font-weight: bold;
	line-height: 1.8em;
	}
@media screen and (max-width: 768px) {
._yaman ._inner h2{
	font-size: 1.2em;
	line-height: 1.5em;
	}
	}

._yaman ._inner img._labo{
	margin-top: 50px;
	}
@media screen and (max-width: 768px) {
._yaman ._inner img._labo{
	margin-top: 20px;
	}
	}

._yaman ._inner ._box{
	margin-top: 30px;
	}
@media screen and (max-width: 768px) {
._yaman ._inner ._box{
	margin-top: 10px;
	}
	}

._yaman ._inner ._box ._pack{
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 30px;
	}
@media screen and (max-width: 768px) {
._yaman ._inner ._box ._pack{
	width: 100%;
	column-gap: 10px;
	}
	}

._yaman ._inner ._box ._pack:last-child{
	margin-top: 10px;
	flex-direction:row-reverse
	}
@media screen and (max-width: 768px) {
._yaman ._inner ._box ._pack:first-child{
	margin-top: 0;
	flex-direction:row-reverse
	}
._yaman ._inner ._box ._pack:last-child{
	margin-top: 0;
	flex-direction:row
	}
	}

._yaman ._inner ._box ._pack ._part{
	width: 50%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	}

._yaman ._inner ._box ._pack:first-child ._part:first-child{
	width: 70%;
	}
._yaman ._inner ._box ._pack:first-child ._part:last-child{
	width: 30%;
	}
@media screen and (max-width: 768px) {
._yaman ._inner ._box ._pack:first-child ._part:first-child{
	width: 65%;
	}
._yaman ._inner ._box ._pack:first-child ._part:last-child{
	width: 35%;
	}
	}

._yaman ._inner ._box ._pack:last-child ._part:first-child{
	width: 65%;
	}
._yaman ._inner ._box ._pack:last-child ._part:last-child{
	width: 35%;
	}
@media screen and (max-width: 768px) {
._yaman ._inner ._box ._pack:last-child ._part:first-child{
	width: 60%;
	}
._yaman ._inner ._box ._pack:last-child ._part:last-child{
	width: 40%;
	}
	}

._yaman ._inner ._box ._pack ._part p{
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
@media screen and (max-width: 768px) {
._yaman ._inner ._box ._pack ._part p{
	font-size: .9em;
	line-height: 1.5em;
	}
	}

._yaman ._inner ._box ._pack ._part small{
	margin-top: 10px;
	line-height: 1.5em;
	font-size: .7em;
	}
@media screen and (max-width: 768px) {
._yaman ._inner ._box ._pack ._part small{
	display: none;
	}
	}

._yaman ._inner ._box ._pack ._part img{
	width: 100%;
	}

@media screen and (max-width: 768px) {
._yaman ._inner small._spo{
	margin-top: 20px;
	}
	}

/*=========

_awards

=========*/

._awards {
	text-align: center;
	width: 100%;
	background: linear-gradient(0deg, #ffffff, 30%, #E7E1D2);
	}

._awards img._award{
	width: 300px;
	}
@media screen and (max-width: 768px) {
._awards img._award{
	width: 55%;
	max-width: 300px;
	}
	}

._awards p{
	margin-top: 20px;
	color: #A27E39;
	font-size: 1.6em;
	line-height: 1em;
	font-weight: bold
	}
@media screen and (max-width: 768px) {
._awards p{
	font-size: 1.4em;
	}
	}

._awards img._series{
	margin-top: 50px;
	width: 70%;
	max-width: 700px;
	}
@media screen and (max-width: 768px) {
._awards img._series{
	margin-top: 30px;
	width: 80%;
	max-width: 700px;
	}
	}

/*=========

RECOMMEND

=========*/

._recommend {
	padding: 60px 0;
	width: 100%;
	background: #EFEFEF;
	}
@media screen and (max-width: 768px) {
._recommend {
	padding: 40px 0;
	}
	}

._recommend h2{
	font-size: 1.6em;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._recommend h2{
	font-size: 1.2em;
	font-weight: 500;
	}
	}

._recommend ._inner{
	width: 100%;
	max-width: 900px;
	margin: auto;
	margin-top: 30px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	}
@media screen and (max-width: 768px) {
._recommend ._inner{
	width: 100%;
	max-width: 100%;
	flex-direction: column;
	row-gap: 20px;
	}
	}

._recommend ._inner ._box{
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
	}
@media screen and (max-width: 768px) {
._recommend ._inner ._box{
	width: 90%;
	margin: auto;
	}
	}

._recommend ._inner ._box img{
	width: 100%;
	}
@media screen and (max-width: 768px) {
._recommend ._inner ._box img{
	width: 60%;
	}
	}

._recommend ._inner ._box:last-child {
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	}
@media screen and (max-width: 768px) {
._recommend ._inner ._box:last-child {
	width: 90%;
	align-items: center;
	}
	}

._recommend ._inner ._box:last-child ._shoulder{
	}

._recommend ._inner ._box:last-child ._name{
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 10px;
	}

._recommend ._inner ._box:last-child ._lead{
	margin-top: 20px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}

._recommend ._inner ._box:last-child small{
	margin-top: 10px;
	font-size: .7em;
	line-height: 1.5em;
	}

._recommend ._inner ._box:last-child ._price{
	margin-top: 20px;
	}
@media screen and (max-width: 768px) {
._recommend ._inner ._box:last-child ._price{
	width: 100%;
	text-align: left;
	}
	}

._recommend ._inner ._box:last-child ._price span{
	font-size: 1.6em;
	font-weight: 500;
	}

._recommend ._inner ._box:last-child ._buy {
	width: 60%;
	margin-top: 20px;
	}
@media screen and (max-width: 768px) {
._recommend ._inner ._box:last-child ._buy {
	width: 100%;
	}
	}

._recommend ._inner ._box:last-child ._buy a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	background: #000;
	}

._recommend ._inner ._box:last-child ._buy a p{
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	position:relative;
	padding-left: 1.8em;
	}

._recommend ._inner ._box:last-child ._buy a p:before{
	content: "";
	display: inline-block;
	position:absolute;
	width: 1.2em;
	height: 1.2em;
	background: url(../images/hotshave-trimmer/cart.svg) no-repeat;
	background-size: 1.2em;
	transform: translateX(-1.8em) translateY(-.1em);
	}

/*=========

_support

=========*/

._support {
	padding: 60px 0 60px;
	width: 100%;
	}
@media screen and (max-width: 768px) {
._support {
	padding: 30px 0 30px;
	}
	}

._support ._inner{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	}
@media screen and (max-width: 768px) {
._support ._inner{
	max-width: 90%;
	}
	}

._support ._inner ._pack{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 30px;
	}
@media screen and (max-width: 768px) {
._support ._inner ._pack{
	flex-direction: column;
	row-gap: 20px;
	text-align: center;
	}
	}

._support ._inner ._pack div{
	width: 100%;
	display: flex;
	flex-direction: column;
	}

._support ._inner ._pack div h2{
	font-size: 1.3em;
	font-weight: 600;
	}
@media screen and (max-width: 768px) {
._support ._inner ._pack div h2{
	font-size: 1.1em;
	}
	}

._support ._inner ._pack div p{
	margin-top: 1em;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._support ._inner ._pack div p{
	font-size: 1.3em;
	}
	}

._support ._inner ._pack img{
	width: 100%;
	}

._support ._inner ._pack2{
	margin-top: 50px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	column-gap: 30px;
	}
@media screen and (max-width: 768px) {
._support ._inner ._pack2{
	margin-top: 30px;
	flex-direction: column;
	row-gap: 20px;
	}
	}

._support ._inner ._pack2 div{
	width: 100%;
	display: flex;
	flex-direction: column;
	}

._support ._inner ._pack2 div h3{
	font-size: 1.5em;
	font-weight: 600;
	position:relative;
	padding-left: .6em;
	}
._support ._inner ._pack2 div h3::before{
	content:"";
	display:inline-block;
	width: 3px;
	height:1.2em;
	background-color:#8D794D;
	position:absolute;
	top:0;
	left:0;
	}
@media screen and (max-width: 768px) {
._support ._inner ._pack2 div h3{
	font-size: 1.2em;
	}
	}

._support ._inner ._pack2 div p{
	margin-top: 1em;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}

._support ._inner small{
	margin-top: 30px;
	display: block;
	}
@media screen and (max-width: 768px) {
._support ._inner small{
	margin-top: 20px;
	}
	}

/*=========

_qa

=========*/

._qa {
	padding: 60px 0 60px;
	width: 100%;
	border-top: 1px solid #333;
	}
@media screen and (max-width: 768px) {
._qa {
	padding: 30px 0 30px;
	}
	}

._qa ._inner{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	}
@media screen and (max-width: 768px) {
._qa ._inner{
	max-width: 90%;
	}
	}

._qa ._inner h2{
	font-size: 2.6em;
	font-weight: 600;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._qa ._inner h2{
	font-size: 1.5em;
	}
	}

._qa ._inner p._jp{
	margin-top: 1em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	}
@media screen and (max-width: 768px) {
._qa ._inner p._jp{
	margin-top: .5em;
	font-size: 1.2em;
	}
	}

._qa ._inner ul{
	margin-top: 30px;
	}
@media screen and (max-width: 768px) {
._qa ._inner ul{
	margin-top: 0;
	}
	}

._qa ._inner ul li {
	padding: 30px 0;
	border-bottom: 1px solid #333;
	}
@media screen and (max-width: 768px) {
._qa ._inner ul li {
	padding: 30px 0;
	}
	}

._qa ._inner ul li h3 {
	position:relative;
	color: #8D794D;
	font-size: 1.3em;
	font-weight: 600;
	padding-left: 40px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
._qa ._inner ul li h3::before{
	content:"";
	display:inline-block;
	width: 25px;
	height:30px;
	background-position: left center;
	background-size: 25px;
	background-repeat: no-repeat;
	background-image: url(../images/q.svg);
	position:absolute;
	top:0;
	left:0;
	}
@media screen and (max-width: 768px) {
._qa ._inner ul li h3 {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-left: 30px;
	}
._qa ._inner ul li h3::before{
	width: 20px;
	height:25px;
	background-size: 20px;
	}
	}

._qa ._inner ul li p {
	margin-top: 30px;
	font-size: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	line-height: 1.5em;
	}
@media screen and (max-width: 768px) {
._qa ._inner ul li p {
	margin-top: 20px;
	}
	}

._qa ._inner ul li small{
	margin-top: 20px;
	display: block;
	}
@media screen and (max-width: 768px) {
._qa ._inner ul li small{
	margin-top: 10px;
	}
	}

/*=========

_linktop

=========*/

._linktop {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 30px;
	}
@media screen and (max-width: 768px) {
._linktop {
	padding-top: 0;
	padding-bottom: 0;
	}
	}

._linktop a{
	display: block;
	margin: auto;
	width: 500px;
	border: 1px solid #000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding: 30px 30px;
	}
@media screen and (max-width: 768px) {
._linktop a{
	display: block;
	margin: auto;
	width: 90%;
	color: #000;
	line-height: 1.5em;
	padding: 20px 0;
	}
	}

._linktop a:hover {
	background-color: #f3f3f3;
	}

/*=========

_footer

=========*/

._footer {
	width: 100%;
	}
@media screen and (max-width: 768px) {
._footer {
	padding-bottom: 60px;
	}
	}

._footer ._links {
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
	}
@media screen and (max-width: 768px) {
._footer ._links {
	padding: 20px 0;
	}
	}

._footer ._links ._inner {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	}

._footer ._links ._inner a{
	display: inline-block;
	padding: 0 10px;
	border-left: 1px solid #ccc;
	}
@media screen and (max-width: 768px) {
._footer ._links ._inner a{
	margin: 5px 0;
	}
	}

._footer ._links ._inner a:first-child{
	padding: 0 10px 0 0;
	border-left: none;
	}
@media screen and (max-width: 768px) {
._footer ._links ._inner a._nb{
	padding: 0 10px 0 0;
	border-left: none;
	}
	}

._footer ._corp {
	padding: 30px 0;
	}
@media screen and (max-width: 768px) {
._footer ._corp {
	padding: 20px 0;
	}
	}

._footer ._corp ._inner {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	column-gap: 60px;
	}
@media screen and (max-width: 768px) {
._footer ._corp ._inner {
	max-width: 90%;
	margin: auto;
	display: block;
	}
	}

._footer ._corp ._inner img{
	width: 150px;
	}
@media screen and (max-width: 768px) {
._footer ._corp ._inner img{
	width: 120px;
	}
	}

@media screen and (max-width: 768px) {
._footer ._corp ._inner div:last-child{
	margin-top: 20px;
	}
	}

/*=========

_product

=========*/

._product {
	width: 100%;
	padding: 80px 0;
	background: rgb(242,239,231);
	background: linear-gradient(180deg, rgba(242,239,231,1) 25%, rgba(224,220,202,1) 56%, rgba(242,239,231,1) 56%, rgba(242,239,231,1) 100%);
	}
@media screen and (max-width: 768px) {
._product {
	border-top: 1px solid #ccc;
	margin-top: 0;
	padding: 30px 0;
	background: rgb(242,239,231);
	}
	}

._product ._inner{
	width: 90%;
	max-width: 1100px;
	margin: auto;
	}
@media screen and (max-width: 768px) {
._product ._inner{
	width: 100%;
	max-width: 100%;
	}
	}

._product ._inner ._pack {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack {
	display: block;
	}
	}

._product ._inner ._pack ._part{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	}

._product ._inner ._pack ._part:first-child{
	width: 45%;
	}
._product ._inner ._pack ._part:last-child{
	width: 55%;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part:first-child{
	width: 100%;
	}
._product ._inner ._pack ._part:last-child{
	width: 90%;
	margin: auto;
	}
._product ._inner ._pack ._part:first-child{
	background: rgb(242,239,231);
	background: linear-gradient(180deg, rgba(242,239,231,1) 41%, rgba(224,220,202,1) 78%, rgba(242,239,231,1) 78%, rgba(242,239,231,1) 100%);
	}
	}


._product ._inner ._pack ._part img{
	width: 100%;
	}

._product ._inner ._pack ._part img._badge{
	display: block;
	width: 25%;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part img._badge{
	width: 35%;
	}
	}

._product ._inner ._pack ._part img._reibaute{
	display: block;
	margin-top: 50px;
	width: 200px;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part img._reibaute{
	margin-top: 30px;
	width: 30%;
	}
	}

._product ._inner ._pack ._part h2{
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part h2{
	font-size: 1.8em;
	margin-top: 20px;
	}
	}

._product ._inner ._pack ._part p._price{
	margin-top: 30px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part p._price{
	margin-top: 20px;
	font-size: 1.2em;
	}
	}

._product ._inner ._pack ._part p._price span{
	font-size: 1.4em;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part p._price span{
	font-size: 1em;
	}
	}

._product ._inner ._pack ._part ._box1{
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
	margin-bottom: 30px;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part ._box1{
	margin-top: 30px;
	row-gap: 5px;
	}
	}

._product ._inner ._pack ._part ._box1._comingsoon{
	width: 100%;
	}

._product ._inner ._pack ._part ._box1 a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	background-color: #fff;
	width: calc(50% - 5px);
	padding: 30px 0;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part ._box1 a{
	width: 100%;
	padding: 20px 0;
	}
	}

._product ._inner ._pack ._part ._box1._comingsoon a{
	width: 100%;
	}

._product ._inner ._pack ._part ._box1._comingsoon a{
	padding: 40px 0;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part ._box1._comingsoon a{
	padding: 30px 0;
	}
	}

._product ._inner ._pack ._part ._box1 a._ec{
	background-color: #000;
	color:#fff;
	}

._product ._inner ._pack ._part ._box1 a p{
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	position: relative;
	}

._product ._inner ._pack ._part ._box1._comingsoon a p{
	font-size: 1.2em;
	}

._product ._inner ._pack ._part ._box1 a._ec p {
	padding-left: 30px;
	}

._product ._inner ._pack ._part ._box1 a._ec p::before {
	content:"";
	display:inline-block;
	width: 20px;
	height:20px;
	background-position: left center;
	background-size: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/cart.svg);
	position:absolute;
	top:-3px;
	left:0;
	}

._product ._inner ._pack ._part p._ginza{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	position: relative;
	padding-left: 10px;
	margin-bottom: 20px;
	}

._product ._inner ._pack ._part p._ginza::before{
	content:"";
	display:inline-block;
	width: 3px;
	height:100%;
	background-color:#c00;
	position:absolute;
	top:0;
	left:0;
	}

._product ._inner ._pack ._part p._more{
	margin-top: 30px;
	font-weight: bold;
	font-size: 1.2em;
	display: flex;
	align-items: center;
	width: 100%;
	}

._product ._inner ._pack ._part p._more:before,
._product ._inner ._pack ._part p._more:after{
	content: "";
	height: 1px;
	flex-grow: 1;
	background-color: #000;
	}

._product ._inner ._pack ._part p._more:before{
	margin-right: 1em; 
	}

._product ._inner ._pack ._part p._more:after{
	margin-left: 1em; 
	}

._product ._inner ._pack ._part ._box2{
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part ._box2{
	justify-content: flex-start;
	column-gap: 5px;
	row-gap: 5px;
	}
	}

._product ._inner ._pack ._part ._box2 a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	background-color: #fff;
	width: calc(25% - 7.5px);
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part ._box2 a{
	width: calc(33.33% - 4px);
	}
	}

._product ._inner ._pack ._part small{
	margin-top: 20px;
	display: block;
	}
@media screen and (max-width: 768px) {
._product ._inner ._pack ._part small{
	margin-top: 10px;
	display: block;
	width: 100%;
	}
	}


._product .recommend {
  padding-top: 80px;
}
._product .recommend h2 {
  text-align: center;
  margin-bottom: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #FF4B39;
  font-size: clamp(2rem, 3vw, 3rem);
}

._product .recommend-box {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  align-items: center;
}

._product .recommend img._reibaute {
  display: block;
  width: 300px;
}
._product .recommend-box .img {
  width: 50%;
  display: flex;
  justify-content: center;
  padding-right: 40px;
}


._product .recommend-box .txt {
  width: 50%;
  max-width: 500px;
  line-height: 1.5;
}

._product .recommend-box .txt h3 {
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: bold;
  margin-bottom: 30px;
}

._product .recommend-box .txt h3 span {
  font-size: clamp(1.4rem, 2.4vw, 2.2rem);
  font-weight: normal;
  display: block;
  margin-bottom: 10px;
}

._product .recommend-box .txt em {
  font-size: clamp(1rem, 1.5vw, 1.6rem);
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  display: block;
  margin-top: 10px;
}

._product .recommend-box .txt .price {
  line-height: 1.5;
  margin-bottom: 20px;
  margin-top: 20px;
}

._product .recommend-box .txt .price span {
  line-height: 1.5;
  font-weight: normal;
  font-size: 2.2rem;
  font-family: "Montserrat", sans-serif;
}

._product .recommend-box .txt ._box1 {
  line-height: 1.5;
  max-width: 320px;
}
._product .recommend-box .txt ._box1 ._ec {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  background-color: #fff;
  width: 100%;
  padding: 20px 0;
  position: relative;
}
._product .recommend-box .txt ._box1 a._ec p {
  padding-left: 30px;
}
._product .recommend-box .txt ._box1 a._ec {
  background-color: #000;
  color: #fff;
}

._product .recommend-box .txt ._box1 a._ec p::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: left center;
  background-size: 20px;
  background-repeat: no-repeat;
  background-image: url(../images/cart.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

._product .recommend-box .txt ._box1 a._ec.noicon p::before {
  display: none;
}
._product .recommend-box .txt ._box1 .detaillink {
  margin-top: 20px;
}
._product .recommend-box .txt ._box1 .detaillink a {
  text-decoration: underline;
}


@media screen and (max-width: 768px) {
  ._product .recommend {
    padding: 40px 20px;
  }
  ._product .recommend h2 {
    text-align: center;
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #FF4B39;
    font-size: clamp(2rem, 3vw, 3rem);
  }
  
  ._product .recommend-box {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
  }
  
  ._product .recommend img._reibaute {
    display: block;
    width: 300px;
  }
  ._product .recommend-box .img {
    display: flex;
    justify-content: center;
    padding-right: 0px;
    margin-bottom: 30px;
  }
  
  
  ._product .recommend-box .txt {
    width: 100%;
    max-width: 600px;
    line-height: 1.5;
    margin: 0 auto;
  }
  
  ._product .recommend-box .txt h3 {
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
  }
  
  ._product .recommend-box .txt h3 span {
    font-size: clamp(1.4rem, 2.4vw, 2.2rem);
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
  }
  
  ._product .recommend-box .txt em {
    font-size: clamp(1rem, 1.5vw, 1.6rem);
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    display: block;
    margin-top: 10px;
  }
  
  ._product .recommend-box .txt .price {
    line-height: 1.5;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
  }
  
  ._product .recommend-box .txt .price span {
    line-height: 1.5;
    font-weight: normal;
    font-size: 2.2rem;
    font-family: "Montserrat", sans-serif;
  }
  
  ._product .recommend-box .txt ._box1 {
    line-height: 1.5;
    max-width: 420px;
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 0px auto;
  }
  ._product .recommend-box .txt ._box1 ._ec {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    background-color: #fff;
    width: 100%;
    padding: 20px 0;
    position: relative;
  }
  ._product .recommend-box .txt ._box1 a._ec p {
    padding-left: 30px;
  }
  ._product .recommend-box .txt ._box1 a._ec {
    background-color: #000;
    color: #fff;
  }
  
  ._product .recommend-box .txt ._box1 .detaillink {
    margin-top: 20px;
  }
  ._product .recommend-box .txt ._box1 .detaillink a {
    text-decoration: underline;
  }
  ._product .recommend-box .txt ._box1 ._ec {
    width: 100%;
    padding: 20px 0;
  }
}

._product.trimmerdetail {
	background: rgb(242,239,231);
  padding-top: 20px;
}
._product.trimmerdetail h2{
  font-size: clamp(2rem, 3vw, 4rem);
  font-weight: bold;
  color: #77643B;
  padding: 20px 0;
  border-top: 1px solid #77643B;
  border-bottom: 1px solid #77643B;
}
._product.trimmerdetail .decorate {
	display: inline-block;
  background: linear-gradient(transparent 90%, #FF4B39 0%);
}

._product .sceneimg {
  padding: 40px 20px;
}

@media screen and (max-width: 768px) {
  ._product .sceneimg {
    padding: 20px;
  }
}

._product .sceneimg h4 {
  font-weight: bold;
  font-size: 1.4em;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 640px;
  margin: 0px auto 40px;
}

._product .sceneimg h4:before,
._product .sceneimg h4:after{
content: "";
height: 1px;
flex-grow: 1;
background-color: #000;
}

._product .sceneimg h4:before{
margin-right: 1em; 
}

._product .sceneimg h4:after{
margin-left: 1em; 
}




/*=========

_product

=========*/

button#openModal {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 2px;
	cursor: pointer;
	position: fixed;
	z-index: 200;
	top: 10px;
	right: 10px;
	color: #fff;
	width: 80px;
	height: 80px;
	font-size: 1em;
	font-weight: bold;
	box-shadow: 0px 5px 10px -5px #000000;
	}
@media screen and (max-width: 768px) {
button#openModal {
	top: 5px;
	right: 5px;
	width: 60px;
	height: 60px;
	font-size: .8em;
	}
	}

.modalArea {
	display: none;
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(30,30,30,0.9);
	}

.modalWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	max-width: 100%;
	background-color: #CBB185;
	display: flex;
	align-items: center;
	justify-content: center;
	}

.modalContents {
	width: 90%;
	max-width: 900px;
	height: 100svh;
	display: flex;
	align-items: space-between;
	justify-content: center;
	flex-direction: column;
	}
@media screen and (max-width: 768px) {
.modalContents {
	width: 90%;
	max-width: 90%;
	}
	}

.modalContents ._over{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 10%;
	}

.modalContents ._over a p{
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 30px;
	}

.modalContents ._over a p::before {
	content:"";
	display:inline-block;
	width: 25px;
	height:25px;
	background-position: left center;
	background-size: 25px;
	background-repeat: no-repeat;
	background-image: url(../images/upload.svg);
	position:absolute;
	top:0;
	left:0;
	}

.modalContents ._main{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 75%;
	}

.modalContents ._main h3{
	color: #000;
	font-weight: bold;
	font-size: 2em;
	display: flex;
	align-items: center;
	width: 100%;
	}
@media screen and (max-width: 768px) {
.modalContents ._main h3{
	font-size: 1.5em;
	}
	}

.modalContents ._main h3 span {
	font-size: 2em;
	}

.modalContents ._main h3:before,
.modalContents ._main h3:after {
	content: "";
	height: 1px;
	flex-grow: 1;
	background-color: #000;
	}
 
.modalContents ._main h3:before {
	margin-right: 30px;
	}
 
.modalContents ._main h3:after {
	margin-left: 30px;
	}

.modalContents ._main ._pack{
	margin-top: 10px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 25px;
	}
@media screen and (max-width: 768px) {
.modalContents ._main ._pack{
	margin-top: 10px;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	row-gap: 5px;
	}
	}

.modalContents ._main ._pack ._part{
	width: 100%;
	}
.modalContents ._main ._pack ._part a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	}
@media screen and (max-width: 768px) {
.modalContents ._main ._pack ._part a{
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	}
	}

.modalContents ._main ._pack ._part a img{
	width: 100%;
	}
@media screen and (max-width: 768px) {
.modalContents ._main ._pack ._part a img{
	width: 35%;
	}
	}

.modalContents ._main ._pack ._part a p{
	text-align: center;
	font-weight: bold;
	font-size: clamp(.6em, 1.5vw, 1.1em);
	line-height: 1.8em;
	color: #fff;
	margin-top: 10px;
	}
@media screen and (max-width: 768px) {
.modalContents ._main ._pack ._part a p{
	width: 60%;
	text-align: left;
	font-size: .9em;
	margin-top: 0;
	}
	}

.modalContents ._main ._pack ._part a p span{
	color: #000;
	font-size: 1.5em;
	}

.modalContents ._main ._pack2{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #000;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	column-gap: 25px;
	}
@media screen and (max-width: 768px) {
.modalContents ._main ._pack2{
	column-gap: 5px;
	}
	}

.modalContents ._main ._pack2 ._part{
	width: 100%;
	}
.modalContents ._main ._pack2 ._part a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	}

.modalContents ._main ._pack2 ._part a img{
	width: 100%;
	}

.modalContents ._main ._pack2 ._part a p{
	text-align: center;
	font-weight: bold;
	font-size: clamp(.6em, 1.5vw, 1.1em);
	line-height: 1.8em;
	color: #000;
	margin-top: 10px;
	}
@media screen and (max-width: 768px) {
.modalContents ._main ._pack2 ._part a p{
	font-size: .7em;
	margin-top: 5px;
	}
	}

.modalContents ._under{
	height: 15%;
	display: flex;
	align-items: center;
	justify-content: center;
	}

.modalContents ._under a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
	background-color: #AB9468;
	padding:15px 0;
	width: 40%; 
	}
@media screen and (max-width: 768px) {
.modalContents ._under a{
	padding:10px 0;
	width: 100%; 
	}
	}

.modalContents ._under a p{
	color: #000;
	font-weight: bold;
	font-size: 1em;
	}
@media screen and (max-width: 768px) {
.modalContents ._under a p{
	font-size: .9em;
	}
	}

.closeModal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	}
@media screen and (max-width: 768px) {
.closeModal {
	width: 60px;
	height: 60px;
	top: 5px;
	right: 5px;
	}
	}

.closeModal img{
	width: 100%;
	}




  
  


  ._column-additional {
    margin-bottom: 40px;
  }
  
  ._column-additional ._shoulder {
    font-size: 1.3em !important;
  }
  
  ._features ._block ._column2 h3 span {
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    margin-top: 10px;
  }
  
  ._features ._block ._column2 .coolroller {
    margin-bottom: 40px;
    text-align: center;
  }
  
  ._features ._block ._column2 .coolroller p {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
  }
  
  ._features ._block ._column2 .coolroller h4 {
    font-size: clamp(2rem,3vw,3rem);
    text-align: center;
    font-weight: bold;
    color: #77643B;
  }
  
  ._features ._block ._column2 .coolroller h4 span{
    font-size: clamp(2.4rem,4vw,4rem);
    background: linear-gradient(180deg, #ffffff, 90%, #E7E1D2);
  }
  ._features ._block ._column2 .coolroller img {
    margin-top: 0;
    margin-bottom: 40px;
  }