
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');

@media all and (min-width: 641px) {
	.icon {
		font-size: 0
	}

	.icon.icon-souryou {
		width: 85px
	}

	.icon.icon-15off2 {
		margin: 0 auto;
		width: 87px;
		height: 28px
	}

	.icon.icon-new {
		width: 39px
	}
  
	.icon.icon-iyakubugaihin {
		width: 80px
	}

	.icon-arrow-right {
		display: block;
		width: 10px;
		height: 10px
	}

	.icon-arrow-right svg {
		width: 100%;
		margin: auto;
		height: auto
	}

	.attention {
		color: #717683;
		font-size: 12px
	}

	.souryou-text {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		border: 1px solid #61697d;
		width: 140px;
		height: 28px;
		margin-top: 10px
	}

	.souryou-text .text-s {
		font-size: 12px
	}

	.box-15off {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin: auto;
		width: 720px;
		height: 108px
	}

	.box-15off .box-row {
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center
	}

	.box-15off .box-row .text {
		text-align: center
	}

	.box-15off .box-row .text .text-l {
		line-height: 1.7;
		font-size: 18px
	}

	.box-15off .box-row .text .text-s {
		font-size: 14px
	}

	.box-15off .box-row .text .text-pink {
		color: #f763a1
	}

	.box-15off .box-row.row1 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		background-color: #fff;
		width: 140px
	}

	.box-15off .box-row.row1 .text {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		font-size: 16px;
		margin-bottom: 8px
	}

	.box-15off .box-row.row1 .sub {
		color: #717683;
		font-size: 14px
	}

	.box-15off .box-row.row2 {
		background-color: #ebebec;
		position: relative;
		width: 250px
	}

	.box-15off .box-row.row2:after {
		content: "";
		position: absolute;
		top: 0;
		right: -30px;
		border-top: solid transparent;
		border-bottom: solid transparent;
		border-left: solid #ebebec;
		border-left-width: 30px;
		border-top-width: 54px;
		border-bottom-width: 54px
	}

	.box-15off .box-row.row3 {
		background-color: #f5d9e6;
		width: 330px
	}

	.note-text {
		color: #717683;
		margin: auto;
		width: 720px;
		font-size: 12px;
		margin-top: 10px
	}

	.dib {
		display: inline-block
	}

	.banner-fix {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 5;
		width: 107px;
		-webkit-transition: opacity 0.6s, visibility 0.6s;
		transition: opacity 0.6s, visibility 0.6s
	}

	.banner-fix.bannerHide {
		opacity: 0;
		visibility: hidden
	}

	.banner-fix .btn {
		display: block;
		position: relative
	}

	.banner-fix .text {
		color: #fff;
		line-height: 1.28;
		text-align: center;
		margin: auto;
		position: absolute;
		font-size: 14px;
		bottom: 27px;
		left: 0px;
		right: 0px
	}

	.banner-fix .icon-bottom {
		margin: auto;
		position: absolute;
		width: 10px;
		height: 6px;
		bottom: 13px;
		left: 0px;
		right: 0px
	}

	.banner-fix .icon-bottom svg {
		display: block;
		margin: 0;
		width: 100%;
		height: 100%
	}

	.head-three-type {
		background-color: #fff;
		margin: auto;
		width: 720px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 25px;
		margin-bottom: 30px
	}

	.head-three-type.lvl2 {
		background-color: #fff;
		margin: auto;
		width: 100%;
		padding-top: 0;
		padding-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0;
		margin-bottom: 0
	}


	.head-three-type .title-info {
		margin: auto;
		width: 660px
	}

	.head-three-type .title-info .text {
		font-size: 0;
		margin: auto;
		width: 552px
	}

	.head-three-type .title-info .text img {
		margin-top: -5px
	}

	.head-three-type .title-line {
		width: 45px
	}

	.item-volume {
		background-color: #feeff6
	}

	.item-moist {
		background-color: #fff5d9
	}

	.item-mix .title {
		background-color: #ffecde
	}

	.title-info {
		font-size: 24px;
		position: relative;
		text-align: center
	}

	.title-info .title-line {
		height: 1px;
		background-color: #bec1c9;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.title-info .title-line.line-left {
		left: 0
	}

	.title-info .title-line.line-right {
		right: 0
	}

	body.ver19 .item-title {
		color: #4c4c4c;
		font-weight: normal;
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 10px
	}

	.description-box .item-text {
		color: #4c4c4c;
		font-size: 16px;
		margin-top: 15px
	}

	.description-box .item-text .text-m {
		font-size: 14px
	}

	.description-box .item-description {
		color: #616a80;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		font-size: 14px
	}

	.description-box .item-description .icon {
		margin-left: 7px
	}

	.description-box .text-price {
		line-height: 1;
		font-size: 20px
	}

	.description-box .attention {
		margin-top: 20px
	}

	.product-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		padding-top: 30px
	}

	.product-list .item {
		width: 33.33333333%;
		text-align: center;
		padding-left: 12px;
		padding-right: 12px
	}

	.product-list .item + .item {
		border-left: 1px dashed #bdc1c9
	}

	.product-list .box-text {
		color: #4c4c4c;
		font-size: 14px
	}

	.product-list .box-text .text {
		letter-spacing: -0.02em;
	}

	.product-list .title {
		color: #4c4c4c;
		font-size: 16px;
		border-radius: 5px;
		margin-bottom: 20px;
  font-weight: bold;
	}

	.product-list .name {
		margin-top: 15px
	}

	.product-list .pic {
		display: block;
		position: relative;
		height: 280px;
		margin-top: 30px
	}

	.product-list .pic img {
		position: absolute;
		top: 0px;
		left: 0px
	}

	.product-list .item-pic {
		padding-top: 20px
	}

	.product-list .item-set {
		color: #4c4c4c;
		text-align: left !important;
		font-size: 12px;
		margin-top: -10px;
		margin-bottom: 15px
	}

	.product-list .item-set .text {
		letter-spacing: 0
	}
	.product-list .item-set .text.lvl2 {
		letter-spacing: -.5px;
	}
	.product-list .item-oily .pic {
		width: 223px;
		padding-top: 253px;
		left: -20px
	}

	.product-list .item-dry .pic {
		width: 217px;
		padding-top: 280px;
		left: -8px
	}

	.product-list .item-mix .pic {
		width: 220px;
		padding-top: 251px;
		left: -6px
	}

	.block-purchase {
		margin: auto;
		width: 720px
	}

	.item-holder {
		border-top: 3px solid #bec1c9;
		margin-top: 12px;
		border-bottom: 0;
		position: relative
	}

	.item-holder.n1 {
		margin-top: 0
	}

	.item-holder .accordion-box {
		background-size: 100% 100%;
		background-position: center top;
		background-repeat: no-repeat;
		padding: 30px;
		padding-top: 20px
	}

	.item-holder .accordion-contents {
		border-bottom: 1px dashed #bec1c9
	}

	.item-holder .accordion-contents:last-of-type {
		border-bottom: 0
	}

	.item-holder .title-info {
		border-bottom: 1px solid #bec1c9 !important;
		background-color: #fff !important;
		text-align: center;
		position: relative;
		width: 100%;
		height: 66px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 20px
	}

	.item-holder .title-info .icon-new {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 25px
	}

	.item-holder .title-info .item-title {
		margin-top: 0px
	}

	.item-holder .title-info .item-title .text {
		font-size: 24px
	}

	.item-holder .title-info .item-title .text-s {
		font-size: 18px
	}

	.item-holder .title-info:before,
	.item-holder .title-info:after {
		content: "";
		display: block;
		background-color: #000;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 24px;
		width: 17px;
		height: 1px
	}

	.item-holder .title-info:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.item-holder .item-title {
		margin-top: 0px
	}

	.item-holder .item-title .text {
		font-size: 24px
	}

	.item-holder .item-title .text-s {
		font-size: 18px
	}

	.item-holder .sub {
		display: inline-block;
		vertical-align: top;
		font-size: 12px
	}

	.item-holder .description-inline {
		color: #646a7e;
		font-size: 14px
	}

	.item-holder .description-inline .text-l {
		font-size: 16px
	}

	.item-holder .description-inline .icon-souryou {
		margin-top: 10px
	}

	.item-holder .description1 {
		margin-top: 20px;
		margin-bottom: 15px
	}

	.item-holder .description3 {
		margin-top: 20px
	}

	.item-holder .accordion-box {
		visibility: hidden;
		position: fixed;
		opacity: 0;
		-webkit-transition: opacity 1s;
		transition: opacity 1s
	}

	.item-holder.open .accordion-box {
		opacity: 1;
		visibility: visible;
		position: relative;
		border-bottom: 1px solid #bec1c9
	}

	.item-holder.open .title-info:after {
		opacity: 0
	}

	.btn-bg-gray,
	.btn-bg-lightgray {
		position: relative
	}

	.btn-bg-gray .text,
	.btn-bg-lightgray .text {
		color: #fff;
		letter-spacing: 0;
		font-size: 14px
	}

	.btn-bg-gray {
  background: url("../img/n-normal-btn-back.png") repeat center center / contain;
	}

	.btn-bg-lightgray {
  background: url("../img/n-btn-pink-back.png") repeat center center / contain;
	}

	.btn-bg-lightgray .text {
		margin-right: 10px
	}

	.btn-bg-lightgray.btn-buy {
		border: 1px solid #9ba2ab
	}

	.btn-buy + .btn-buy {
		margin-top: 13px
	}

	.btn-buy {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		position: relative;
		height: 52px
	}

	.btn-buy .icon-box {
		background:url("../img/n-btn-15off-back.png") repeat-x bottom center;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		width: 45px;
		height: 50px
	}

	.btn-buy .icon-15off {
		font-size: 0;
		width: 37px
	}

	.btn-buy .btn-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		position: relative;
		width: 156px
	}

	.btn-buy .icon-arrow {
		position: absolute;
		right: 10px;
		height: 10px
	}

	.section {
		margin: auto;
		max-width: 1440px
	}

	.section.section-top-banner {
		margin: 0 auto
	}

	.section.section-main {
		margin: 0 auto
	}

	.section-main {
		position: relative;
		padding-bottom: 60px
	}

	.section-main:before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background: url("../img/products-bg.jpg") repeat-y center top
	}
	.section-main.lvl2:before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background: none
	}


	.section-main .bg {
		position: absolute;
		background-image: url("../img/n-main-kv.jpg");
		background-position: center top;
		background-repeat: no-repeat;
		width: 100%;
		left: 0;
		top: 0;
		height: 100%;
  max-height: 780px;
	}

	.section-main .section--inner {
		width: 100%;
		position: relative;
		z-index: 1
	}

	.section-main .main-copy {
		position: absolute;
		z-index: 1;
		width: 365px;
		top: 200px;
		left: 50%;
		margin-left: -365px
	}

	.section-main .main-pic {
		position: absolute;
		z-index: 2;
		left: 50%;
		width: 400px;
		top: 50px;
		right: 0px
	}

	.section-main .main-info {
		margin: auto;
		width: 780px;
		width: 780px;
		padding-top: 27px;
		padding-right: 30px;
		padding-left: 30px
	}

	.section-main .main-info .logo {
		width: 180px;
		margin-left: 30px
	}

	.section-main .info-holder {
		margin-top: 30px
	}

	.section-main .info-holder.n1 .title-line {
		width: 195px
	}

	.section-main .info-holder.n1 .text {
		font-size: 0;
		margin: auto;
		width: 301px
	}

	.section-main .item-holder.n2 .accordion-contents.n2 {
		padding-bottom: 30px
	}

	.section-main .item-holder .attention {
		padding-top: 25px;
		padding-bottom: 15px
	}

	.section-main .item-holder .box.right {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		margin-left: 30px
	}

	.section-main .item-holder .item-product {
		text-align: center;
		width: 125px
	}

	.section-main .item-holder .item-product .title {
		display: inline-block;
		border-radius: 5px;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 18px
	}

	.section-main .item-holder .item-product.n1 {
		margin-right: 25px
	}

	.section-main .item-holder .item-product.n1 .title {
		background-color: #fff0f7
	}

	.section-main .item-holder .item-product .pic {
		display: block;
		font-size: 0;
		margin: auto;
		width: 117px
	}

	.section-main .item-holder.n1 {
		margin-top: 30px
	}

	.section-main .item-holder.n1 .accordion-box {
		height: 1100px;
		background-image: url("../img/bg-shampoo.jpg");
		color: #616a80
	}

	.section-main .item-holder.n1 .accordion-contents.n2,
	.section-main .item-holder.n1 .accordion-contents.n3 {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.section-main .item-holder.n1 .accordion-contents.n2 .title {
		width: 412px
	}

	.section-main .item-holder.n1 .accordion-contents.n3 .title {
		width: 305px
	}

	.section-main .item-holder.n1 .item-title {
		line-height: 1.25
	}

	.section-main .item-holder.n2 .accordion-box {
		height: 1390px;
		background-image: url("../img/bg-treatment.jpg");
		color: #616a80
	}

	.section-main .item-holder.n2 .accordion-contents.n2 {
		display: block
	}

	.section-main .item-holder.n2 .accordion-contents.n2 .text {
		margin: auto
	}

	.section-main .item-holder.n2 .accordion-contents.n2 .text.n1 {
		width: 386px
	}

	.section-main .item-holder.n2 .accordion-contents.n2 .text.n2 {
		display: block;
		text-align: center;
		color: #4c4c4c;
		line-height: 1.75;
		font-size: 16px;
		margin-top: 30px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 {
		border-bottom: 0;
		padding-top: 30px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .title {
		margin: auto;
		width: 393px;
		margin-bottom: 30px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box {
		display: block;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 315px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box.left .text {
		margin-bottom: 30px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box.left .pic {
		margin-left: auto;
		width: 201px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box.right .box-product {
		margin-top: -7px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product {
		margin-top: 30px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .item-badge {
		width: 100%;
		text-align: center;
		font-size: 16px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .text {
		color: #333;
		line-height: 1.5;
		font-size: 18px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .btn-buy .text {
		margin-bottom: 0 !important;
		color: #fff;
		font-size: 14px
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .sub {
		color: #717683
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .pic {
		width: 100%
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .attention {
		width: 100%;
		padding: 0;
		line-height: 1.6
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .attention:first-of-type {
		margin-top: 20px
	}

	.section-main .item-holder.n3 {
		border: 2px solid #fff;
		border-radius: 5px;
		text-align: center;
		padding: 40px;
		margin-top: 30px
	}

	.section-main .item-holder.n3 .title {
		margin: auto;
		font-size: 0;
		width: 264px;
		margin-bottom: 20px
	}

	.section-main .item-holder.n3 .text {
		color: #4c4c4c;
		line-height: 2.3;
		font-size: 16px
	}

	.section-main .item-holder.n3 .image-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		margin: auto;
		width: 615px;
		margin-top: 40px
	}

	.section-main .item-holder.n3 .image-box .pic {
		position: relative;
		width: 185px
	}

	.section-main .item-holder.n3 .image-box .pic.n2:after,
	.section-main .item-holder.n3 .image-box .pic.n3:after {
		content: "";
		display: block;
		width: 10px;
		height: 14px;
		background-image: url("../img/icon-arrow-right-gray.svg");
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		left: -20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.section-main .item-holder.n3 .image-box .image-text {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		border-radius: 50%;
		text-align: center;
		color: #fff;
		background-color: #8b91a0;
		position: absolute;
		top: -30px;
		right: -30px;
		width: 89px;
		height: 89px;
		font-size: 11px
	}

	.section-main .accordion-contents.typeA,
	.section-main .accordion-contents.typeC,
	.section-different .accordion-contents.typeA,
	.section-different .accordion-contents.typeC {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.section-main .accordion-contents.typeB,
	.section-different .accordion-contents.typeB {
		text-align: center
	}

	.section-main .accordion-contents.typeB .title,
	.section-different .accordion-contents.typeB .title {
		margin: auto;
		font-size: 0;
		margin-bottom: 20px
	}

	.section-main .accordion-contents.typeB .text,
	.section-different .accordion-contents.typeB .text {
		line-height: 1.75;
		font-size: 16px;
		margin-bottom: 10px
	}

	.section-main .accordion-contents.typeB .attention,
	.section-different .accordion-contents.typeB .attention {
		padding: 0
	}

	.section-main .accordion-contents.typeC,
	.section-different .accordion-contents.typeC {
		-webkit-justify-content: space-around;
		justify-content: space-around;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-top: 30px;
		padding-bottom: 10px
	}

	.section-main .accordion-contents.typeC .box,
	.section-main .accordion-contents.typeC .box-product,
	.section-different .accordion-contents.typeC .box,
	.section-different .accordion-contents.typeC .box-product {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start
	}

	.section-main .accordion-contents.typeC .item-pic,
	.section-main .accordion-contents.typeC .pic,
	.section-different .accordion-contents.typeC .item-pic,
	.section-different .accordion-contents.typeC .pic {
		display: block;
		width: 80px;
		margin-right: 20px
	}

	.section-main .accordion-contents.typeC .item-name,
	.section-main .accordion-contents.typeC .item-badge,
	.section-different .accordion-contents.typeC .item-name,
	.section-different .accordion-contents.typeC .item-badge {
		color: #333
	}

	.section-main .accordion-contents.typeC .item-badge,
	.section-different .accordion-contents.typeC .item-badge {
		display: inline-block;
		border-radius: 5px;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-right: 5px;
		padding-left: 5px
	}

	.section-main .accordion-contents.typeC .btn-buy .text,
	.section-different .accordion-contents.typeC .btn-buy .text {
		margin: 0;
		color: #fff
	}

	.section-main .accordion-contents.typeC .btn-buy:nth-child(2),
	.section-different .accordion-contents.typeC .btn-buy:nth-child(2) {
		margin-top: 6px
	}

	.section-main .accordion-contents.typeD,
	.section-different .accordion-contents.typeD {
		border-bottom: 0
	}

	.section-main .accordion-contents.typeD .description-box,
	.section-different .accordion-contents.typeD .description-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
  padding: 0 5%;
	}
.section-main  .description-box{
  padding: 0 3%;
	}
	.section-main .accordion-contents.typeD .item-title,
	.section-different .accordion-contents.typeD .item-title {
		margin: 0
	}

	.section-main .accordion-contents.typeD .item-type,
	.section-different .accordion-contents.typeD .item-type {
		margin-left: 12px
	}

	.section-main .accordion-contents.typeD .description2,
	.section-main .accordion-contents.typeD .description3,
	.section-different .accordion-contents.typeD .description2,
	.section-different .accordion-contents.typeD .description3 {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		position: relative
	}

	.section-main .accordion-contents.typeD .description2 .souryou-text,
	.section-main .accordion-contents.typeD .description2 .icon,
	.section-main .accordion-contents.typeD .description3 .souryou-text,
	.section-main .accordion-contents.typeD .description3 .icon,
	.section-different .accordion-contents.typeD .description2 .souryou-text,
	.section-different .accordion-contents.typeD .description2 .icon,
	.section-different .accordion-contents.typeD .description3 .souryou-text,
	.section-different .accordion-contents.typeD .description3 .icon {
		margin-top: 0;
		margin-left: 12px;
		position: absolute;
		left: 200px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.section .text-svg {
		font-size: 0;
		display: block;
		margin: auto
	}

	.pink {
		color: #f763a1
	}

	.section--inner--min {
		margin: auto;
		max-width: 780px;
		padding: 0;
		position: relative
	}

	.relative {
		position: relative;
		display: inline-block
	}

	.text-note {
		color: #63697e;
		font-size: 12px;
		max-width: 720px;
		margin: auto
	}

	.section-statement {
  max-width: 1440px;
  margin: 0 auto;
		padding-top: 60px;
  padding-bottom: 80px;
		color: #4d4d4d;
  background: url("../img/n-nayami-back.jpg") no-repeat center center / cover;
	}

	.section-statement .section-title {
		width: 395px;
		margin: auto;
		margin-bottom: 26px
	}

	.section-statement .statement {
		text-align: center;
		font-size: 18px;
		line-height: 42px;
font-family: 'Noto Serif JP', sans-serif;
  margin-bottom: 30px;
	}

	.section-concern {
		color: #4d4d4d;
		background-color: #fff;
		position: relative;
		z-index: 1;
		padding-top: 60px
	}

	.section-concern .section-title {
		width: 423px;
		margin: auto;
		margin-bottom: 30px
	}

	.section-statement .concern-list-holder {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 660px;
		margin: auto;
		margin-bottom: 30px;
		border-top: #bec1c9 dashed 1px;
		border-bottom: #bec1c9 dashed 1px
	}

	.section-statement .concern-list {
		padding: 10px
	}

	.section-statement .concern-arrow {
  width: 509px;
  margin: 0 auto 68px;
	}
	.section-statement .concern-text {
  width: 332px;
  margin: 0 auto 0;
	}

.concern-subtit{
  width: 552px;
  margin: 40px auto 24px;
}

.concern-person{
 display: flex;
 justify-content: center;
}
.concern-person figure{
 width: 255px;
 margin: 0 30px 40px;
}




	.section-statement .concern-item {
		padding: 5px;
		font-size: 16px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.section-statement .concern-item:before {
		display: inline-block;
		content: "";
		margin-right: 10px;
		width: 24px;
		height: 24px;
		background: url(../img/icon-check.svg)
	}

	.section-statement .concern-item .strong {
		font-weight: normal;
		font-size: 20px
	}

	.section-statement .concern-text {
		width: 353px;
		margin: auto;
		position: relative
	}

	.section-concern .text-note {
		float: right;
		margin-top: -14px;
		margin-right: 60px
	}

	.section-conclusion {
		overflow: hidden;
		width: 100%;
		position: relative;
		height: 598px;
		padding-top: 56px;
  background: url("../img/n-conclusion-back.jpg") no-repeat center center / cover;
  max-width: 1440px;
  margin: 0 auto;
	}



	.section-conclusion .section-title {
		width: 490px;
		margin: auto;
		margin-bottom: 30px
	}

	.section-conclusion .conclusion {
		text-align: center;
		font-size: 18px;
		line-height: 42px
	}

	.section-point-head {
		margin: 0 auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.section-point-head .section-title {
		width: 720px;
		position: relative;
		margin: auto;
		border-bottom: solid 3px #bec1c9
	}

	.section-point-head .section-title .text-point {
		position: relative;
		margin-bottom: 18px
	}

	.section-point-head .section-title .text-point .text {
		display: block;
		margin: auto;
		background-color: #fdfdfd;
		position: relative;
		z-index: 1;
		box-sizing: content-box;
		width: 111px;
		padding-left: 31px;
		padding-right: 31px
	}
.section-point-head .point-text .sub{
 color: #4c4c4c;
 font-size: 18px;
}


	.section-point-head .section-title .text-point:after {
		position: absolute;
		height: 1px;
		z-index: 0;
		top: 50%;
		left: 0;
		width: 100%;
		content: "";
		background-color: #bec1c9
	}

	.section-point-head .section-title .shoulder {
		display: block;
		width: 219px;
		margin-bottom: 15px
	}

	.section-point-head .section-title .text-catch {
		display: block;
		margin: auto;
		position: relative;
		z-index: 1;
		width: 480px;
		margin-bottom: 35px;
		-webkit-transform: translateX(7px);
		transform: translateX(7px)
	}

	.section-point-head .section-title .pic {
		width: 263px;
		position: absolute;
		bottom: 0;
		right: 3px
	}

	.section-point-head .section-title .text-copyright {
		font-weight: normal;
		color: #717683;
		position: absolute;
		width: 100%;
		text-align: right;
		right: 235px;
		bottom: 5px;
		font-size: 11px
	}

	.section-point-head .point-list {
		margin: auto;
		width: 720px
	}

	.section-point-head .point-list .point-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #fff;
		height: 117px;
		padding-left: 40px;
		padding-right: 40px;
		border-bottom: solid 1px #bec1c9
	}
	.section-point-head .point-list .point-item:nth-of-type(4) {
		border-bottom: none
	}
	.section-point-head .point-list .point-num {
		display: block;
		width: 27px;
		margin-left: 10px
	}

	.section-point-head .point-list .point-text {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		font-size: 24px;
		text-align: center
	}

	.section-point-head .point-list .point-icon {
		display: block;
		width: 20px;
		margin-right: 6px
	}

	.section-point-head .point-list .point-icon svg {
		width: 100%;
		height: auto;
		margin: auto
	}

	.section-point-head .point-list sup {
		font-size: 14px;
		color: #667180;
		margin-left: 3px
	}

	.section-point-head .point-list .text-note {
		font-size: 16px
	}

	.section-point {
		padding-top: 40px;
		padding-bottom: 28px
	}

	.section-point .section--inner--min {
		padding: 0 30px
	}

	.section-point .point-num {
		width: 32px;
		margin: auto;
		margin-bottom: 30px
	}

	.section-point .section-title {
		margin: auto;
		margin-bottom: 30px;
		font-size: 0
	}

	.section-point .text-lead {
		font-size: 0;
		margin-bottom: 33px
	}

	.section-point .pic {
		margin: auto;
		display: block;
		margin-bottom: 40px
	}

	.section-point .text-note {
		color: #717683;
		font-size: 12px
	}

	.section-point-1 {
  max-width: 1440px;
  margin: 0 auto;
		background: url("../img/bg-point01.jpg") center top no-repeat;
		height: 1134px
	}

	.section-point-1 .section-title {
		width: 511px
	}

	.section-point-2 {
  max-width: 1440px;
  margin: 0 auto;
		height: 728px;
		background: url("../img/bg-point02.jpg") center top no-repeat;
  background-size: cover;
	}

	.section-point-2 .section-title {
		width: 100%
	}

	.section-point-2 .pic {
		width: 636px
	}

	.section-point-2 .text-note {
		text-align: left;
		margin-top: -40px
	}

	.section-point-3 {
  max-width: 1440px;
  margin: 0 auto;
		height: 812px;
		background: #fff url("../img/bg-point03.jpg") center top no-repeat
	}

	.section-point-3 .section-title {
		box-sizing: content-box;
	}

	.section-point-3 .pic {
		width: 602px;
		margin-bottom: 33px
	}

	.section-point-3 .text-note.n1 {
		margin-top: 18px
	}

	.section-point-4 {
  max-width: 1440px;
  margin: 0 auto;
		height: 432px;
		background: #fff url("../img/bg-point04.jpg") center top no-repeat;
  background-size: cover;
	}

	.section-point-4 .section-title {
		width: 150px
	}

	.section-point-4 .pic {
		width: 601px;
  margin: 0 auto 10px;
	}

	.section-point-5 {
  max-width: 1440px;
  margin: 0 auto;
		height: 308px;
		background: #fff url("../img/bg-point05.jpg") center top no-repeat;
  background-size: cover;
	}
	.section-point-5 .section-title {
		box-sizing: content-box;
  padding-top: 65px;
	}



	.section-products-head {
		position: relative;
		z-index: 1;
		background-color: #fff
	}

	.section-products-head .section--inner {
		position: relative;
		color: #717683;
		padding-top: 47px
	}

	.section-products-head .section-title {
		width: 557px;
		margin: 0 auto;
		text-align: center
	}

	.section-products-head .pic {
		display: block;
		width: 332px;
		margin: 0 auto;
		margin-top: -7px;
		position: relative;
		top: 18px
	}

	.section-products-head .products-info {
		position: absolute;
		right: 139px;
		bottom: 60px;
		text-align: left
	}

	.section-products-head .products-note {
		font-size: 12px;
		color: #717683;
		display: block;
		margin-top: 12px
	}

	.section-products-head .products-copyright {
		font-size: 11px
	}

	.section-products {
		color: #4d4d4d;
		position: relative;
		padding-bottom: 60px
	}

	.section-products:before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		background: url("../img/products-bg.jpg") repeat-y center top
	}

	.section-products .products-keyvisual {
  max-width: 1440px;
  margin: 0 auto;
		padding-top: 68px;
		position: relative;
		background: url("../img/n-third-kv.png") no-repeat top center / 100%;
	}

	.section-products .keyvisual-catch-holder {
		width: 425px;
		margin-bottom: 18px;
		position: relative
	}

.section-products-name{
 display: flex;
 justify-content: flex-end;
 margin-bottom: 80px;
}
.section-products-name-in{
 background: rgba(255,255,255,0.8);
 padding: 30px 20px;
}


	.section-products .keyvisual-catch-holder:before,
	.section-products .keyvisual-catch-holder:after {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 56px;
		background-color: #bec0c8
	}

	.section-products .keyvisual-catch-holder:before {
		left: 0
	}

	.section-products .keyvisual-catch-holder:after {
		right: 0
	}

	.section-products .keyvisual-catch-holder .keyvisual-catch {
		width: 296px;
		display: block;
		margin: auto
	}

	.section-products .keyvisual-info {
		margin-left: 30px
	}

	.section-products .keyvisual-info .keyvisual-title {
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 1.3
	}

	.section-products .keyvisual-info .icon-iyakubugaihin {
		display: block;
		margin-bottom: 20px
	}

	.section-products .keyvisual-info .title-sub {
		font-weight: normal;
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 11px
	}

	.section-products .keyvisual-info .title-sub .sub {
		font-size: 14px
	}

	.section-products .keyvisual-info .text-info {
		font-size: 14px;
		color: #63697e;
		margin-bottom: 18px
	}

	.section-products .keyvisual-info .text-info .icon-souryou {
		margin-top: 10px;
		display: block
	}

	.section-products .keyvisual-info .text-note {
		margin-left: 0
	}

	.section-products .pickup {
		margin: auto;
		margin-top: 50px;
		width: 720px;
		height: 116px;
		position: relative;
		border-radius: 5px;
		margin-bottom: 10px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: rgba(255, 255, 255, 0.6)
	}

	.section-products .pickup .pickup-title {
		width: 430px;
		margin-left: 8px;
		display: block
	}

	.section-products .pickup .pickup-item {
		left: 24px;
		top: -24px;
		width: 96px;
		position: absolute
	}

	.section-different {
		padding-top: 60px;
		padding-bottom: 50px
	}

	.section-different .item-holder {
		background: url("../img/bg-different.jpg") center top/cover no-repeat
	}

	.section-different .item-holder.n1 .accordion-box {
		padding-bottom: 50px
	}

	.section-different .item-holder.n1 .box-different .text {
		width: 134px;
		position: absolute;
		top: -30px;
		right: 0;
		z-index: 0
	}

	.section-different .title-info.n1 {
		height: 90px
	}

	.section-different .accordion-box {
		padding-top: 30px !important
	}

	.section-different .accordion-contents .title {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		height: 36px;
		margin-top: 35px
	}

	.section-different .accordion-contents .title .text {
		color: #5a5c65
	}

	.section-different .accordion-contents .title-different-volume img {
		width: 305px
	}

	.section-different .accordion-contents .box-different {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		padding: 50px 0
	}

	.section-different .accordion-contents .box-different .box {
		position: relative;
		z-index: 1
	}

	.section-different .accordion-contents .box-different .box.right {
		width: 192px
	}

	.section-different .accordion-contents .box-different .box.left {
		margin-right: 10px
	}

	.section-different .accordion-contents .box-different .box .ill-different {
		display: block;
		margin-top: -20px
	}

	.section-different .accordion-contents .box-different .box .ill-different.n1 {
		width: 213px;
		margin-right: 60px
	}

	.section-different .accordion-contents .box-different .box .ill-different.n2 {
		width: 239px;
		margin-right: 30px
	}

	.section-different .accordion-contents .box-different .box .item {
		width: 82px;
		position: relative;
		z-index: 1
	}

	.section-different .accordion-contents .box-different-contents + .box-different-contents {
		margin-top: 20px
	}

	.section-different .accordion-contents .text-different {
		padding: 0;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.section-different .accordion-contents .text-different .box.left {
		width: 270px
	}

	.section-different .accordion-contents .text-different .box.right {
		width: 360px
	}

	.section-different .accordion-contents .text-different.n1 {
		margin-top: 20px;
		margin-bottom: 20px
	}

	.section-different .accordion-contents .text-different.n1 .box.left {
		margin-top: -43px
	}

	.section-different .accordion-contents .text-different .attention {
		line-height: 1.66
	}

	.section-different .accordion-contents .item-type {
		margin-bottom: 15px
	}

	.section-different .accordion-contents .item-type .type {
		width: 143px;
		display: inline-block;
		background-color: #ebebeb;
		padding: 0 5px;
		border-radius: 5px;
		text-align: center;
		margin-right: 12px;
		font-size: 13px
	}

	.section-different .accordion-contents .item-type .name {
		font-size: 16px;
		color: #363636
	}

	.section-different .accordion-contents .discription {
		display: block;
		font-size: 14px;
		color: #4d4d4d;
		line-height: 1.7
	}

	.section-different .accordion-contents .sub {
		font-size: 12px;
		color: #727581;
		display: inline-block;
		vertical-align: top
	}

	.section-different .accordion-contents.n1 .top-text {
		width: 322px;
		margin: auto
	}

	.section-different .banner-different {
		position: relative;
		margin-top: 30px
	}

	.section-different .banner-different .icon,
	.section-different .banner-different .text,
	.section-different .banner-different .icon-arrow {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.section-different .banner-different .icon-check {
		width: 36px;
		height: 36px;
		left: 85px;
		background-color: #fff
	}

	.section-different .banner-different .text {
		width: 298px;
		left: 150px
	}

	.section-different .banner-different .icon-arrow {
		width: 11px;
		height: 22px;
		fill: #dd75a9;
		left: 467px
	}

	.section-review {
		background: transparent url("../img/review-bg.jpg") center center no-repeat;
		max-height: 632px;
		padding-top: 60px;
		padding-bottom: 60px
	}

	.section-review .section-title {
		position: relative;
		width: 660px;
		margin: auto;
		margin-bottom: 39px
	}

	.section-review .section-title:after,
	.section-review .section-title:before {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 234px;
		background-color: #fff
	}

	.section-review .section-title:before {
		left: 0
	}

	.section-review .section-title:after {
		right: 0
	}

	.section-review .section-title .text {
		width: 134px;
		display: block;
		margin: auto
	}

	.section-review .review-text {
		width: 748px;
		margin: auto;
		margin-bottom: 28px
	}

	.section-review .text-note {
		width: 664px;
		margin: auto;
		letter-spacing: 0
	}

	.section-review .review-magazine {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		width: 640px;
		margin: auto;
		margin-top: 29px
	}

	.section-review .review-magazine .text {
		width: 174px;
		height: 174px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #4c4c4c;
		border-radius: 50%;
		margin-right: -5px
	}

	.section-review .review-magazine .text img {
		width: 139px
	}

	.section-review .review-magazine .pic {
		width: 471px
	}

	.section-voice {
		padding-top: 60px;
		padding-bottom: 60px
	}

	.section-voice .section-title {
		position: relative;
		width: 660px;
		margin: auto;
		margin-bottom: 27px
	}

	.section-voice .section-title:after,
	.section-voice .section-title:before {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 171px;
		background-color: #bec0c8
	}

	.section-voice .section-title:before {
		left: 0
	}

	.section-voice .section-title:after {
		right: 0
	}

	.section-voice .section-title .text {
		width: 249px;
		display: block;
		margin: auto
	}

	.section-voice .voice-catch {
		width: 353px;
		margin: auto;
		margin-bottom: 36px
	}

	.section-voice .voice-list {
		width: 660px;
		margin: auto;
		margin-bottom: 26px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.section-voice .voice-block {
		width: 315px
	}

	.section-voice .voice-block .voice-title {
		font-size: 16px;
		border-radius: 4px;
		padding: 4px;
		text-align: center
	}

	.section-voice .voice-block.block-volume .voice-title {
		background-color: #fbf0f6
	}

	.section-voice .voice-block.block-moist .voice-title {
		background-color: #fcf5d9
	}

	.section-voice .voice-item {
		margin-top: 24px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.section-voice .voice-item .pic {
		width: 90px
	}

	.section-voice .voice-item .text {
		color: #646a7e;
		font-weight: normal;
		font-size: 14px;
		width: 225px;
		padding-left: 10px
	}

	.section-voice .text-note {
		width: 660px;
		margin: auto
	}

	.section-howto {
		margin: auto;
		color: #4d4d4d;
		background-color: #dae2ed;
		padding-top: 54px;
		padding-bottom: 60px;
		max-width: 1440px
	}

	.section-howto .section--inner--min {
		width: 660px
	}

	.section-howto .section-head {
		position: relative;
		padding-bottom: 33px
	}

	.section-howto .section-head .section-title {
		width: 255px;
		margin: auto;
		margin-bottom: 40px
	}

	.section-howto .section-head .text-copyright {
		position: absolute;
		width: 100%;
		color: #717683;
		margin: auto;
		text-align: right;
		right: 250px;
		font-size: 11px;
		bottom: 8px
	}

	.section-howto .section-head .text-lead {
		width: 387px;
		margin-bottom: 30px
	}

	.section-howto .section-head .pic {
		width: 246px;
		bottom: 0;
		right: 5px;
		position: absolute
	}

	.section-howto .point-list-holder {
		background-color: #e8edf3;
		border: #FFF solid 1px;
		position: relative;
		margin-bottom: 30px
	}

	.section-howto .point-list-holder:before {
		content: "";
		border: #FFF solid 1px;
		position: absolute;
		top: 3px;
		left: 3px;
		bottom: 3px;
		right: 3px;
		top: 3px;
		left: 3px;
		bottom: 3px;
		right: 3px
	}

	.section-howto .point-list {
		position: relative;
		padding-left: 25px;
		padding-right: 25px
	}

	.section-howto .point-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding-top: 25px;
		padding-bottom: 25px
	}

	.section-howto .point-item .point-icon {
		width: 140px
	}

	.section-howto .point-item .point-icon:before {
		content: url("../img/howto-icon-point.svg");
		display: block;
		margin: auto;
		width: 62px;
		margin-bottom: 3px
	}

	.section-howto .point-item .point-icon .num {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		border-radius: 50%;
		margin: auto;
		width: 42px;
		height: 42px;
		padding-left: 14px;
		padding-right: 14px;
		border: #646a7e 1px solid
	}

	.section-howto .point-item .text {
		font-size: 18px;
		line-height: 32px;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		color: #4d4d4d
	}

	.section-howto .point-item + .point-item {
		position: relative
	}

	.section-howto .point-item + .point-item:before {
		content: "";
		font-size: 0;
		height: 1px;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		background-image: -webkit-linear-gradient(left, #bec1c9 50%, transparent 50%);
		background-image: linear-gradient(to right, #bec1c9 50%, transparent 50%);
		background-size: 4px 1px;
		background-position: top;
		background-repeat: repeat-x
	}

	.section-howto .accordion-box {
		padding: 0
	}

	.section-howto .step-list {
		background-color: #fff;
		padding-left: 38px;
		padding-right: 38px
	}

	.section-howto .step-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.section-howto .step-item .pic {
		display: block;
		box-sizing: content-box;
		width: 192px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 15px;
		padding-bottom: 15px
	}

	.section-howto .step-item .text {
		display: block;
		width: 322px;
		font-size: 18px;
		line-height: 32px;
		padding-top: 45px;
		padding-bottom: 45px
	}

	.section-howto .step-item .text.text-full {
		text-align: center;
		width: 100%
	}

	.section-howto .step-item + .step-item {
		position: relative
	}

	.section-howto .step-item + .step-item:before {
		content: "";
		font-size: 0;
		height: 1px;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		background-image: -webkit-linear-gradient(left, #bec1c9 50%, transparent 50%);
		background-image: linear-gradient(to right, #bec1c9 50%, transparent 50%);
		background-size: 4px 1px;
		background-position: top;
		background-repeat: repeat-x
	}

	.section-howto .step-item + .step-item:after {
		content: "";
		position: absolute;
		top: -15px;
		margin-left: -32px;
		left: 50%;
		height: 30px;
		width: 64px;
		background: #fff url("../img/howto-arrow.png") center center no-repeat
	}



	.section-answer {
		margin: auto;
		color: #4d4d4d;
		background-color: #fff;
		padding-top: 54px;
		padding-bottom: 60px;
		max-width: 1440px
	}

	.section-answer .section--inner--min {
    width: 720px;
}

	.section-answer .section-title {
		position: relative;
		margin: auto;
		margin-bottom: 38px;
  width: 232px;
	}
.section-answer .accordion-holder + .accordion-holder {
    margin-top: 20px;
}
.section-answer .accordion-holder {
    border: 1px solid #ccc;
}

.section-answer .accordion-holder .accordion-title::before, .section-answer .accordion-holder .accordion-title::after {
    content: "";
    display: block;
    width: 18px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.section-answer .accordion-holder .accordion-title::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.section-answer .accordion-holder .accordion-title::before, .section-answer .accordion-holder .accordion-title::after {
    content: "";
    display: block;
    width: 18px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.section-answer .accordion-holder .accordion-title {
    width: 100%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: 23px 30px 28px;
    position: relative;
}


.section-answer .accordion-holder.open .accordion-title::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}


.section-answer .icon-q {
    margin-right: 20px;
}
.section-answer .icon-q, .section-answer .icon-a {
    width: 28px;
}
.section-answer .icon-a {
    margin-bottom: 15px;
}

.section-answer .accordion-holder .accordion-title .text {
    width: 720px;
    font-size: 18px;
    text-align: left;
    letter-spacing: -0.02em;
 color: #616a80;
}



.section-answer .accordion-holder .accordion-inner {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    padding: 20px 30px 30px;
    border-top: 1px solid #ccc;
    background-color: rgba(240,240,240,0.8);
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.section-answer .accordion-holder .accordion-inner .top-text {
    font-size: 15px;
 color: #616a80;
    line-height: 1.66667;
}

.section-answer .accordion-holder .accordion-inner .top-text strong{
    font-size: 18px;
 font-weight: bold;
}

	.section-totallineup {
		margin: auto;
		background: url("../img/section-totallineup-back.jpg") no-repeat top center / 1440px;
		color: #4d4d4d;
		padding-top: 60px;
		padding-bottom: 70px;
		max-width: 1440px
	}

.section-answer .accordion-holder.open .accordion-inner {
    opacity: 1;
    visibility: visible;
    position: relative;
}

	.section-totallineup .section--inner--min {
		width: 720px
	}

	.section-totallineup .section-title {
		position: relative;
		margin: auto;
		margin-bottom: 27px
	}

	.section-totallineup .section-title:after,
	.section-totallineup .section-title:before {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 138px;
		background-color: #bec1c9
	}

	.section-totallineup .section-title:before {
		left: 0
	}

	.section-totallineup .section-title:after {
		right: 0
	}

	.section-totallineup .section-title .text {
		width: 325px;
		margin: auto;
		display: block
	}

	.section-totallineup .totallineup-catch {
		width: 414px;
		margin: auto;
		margin-bottom: 27px
	}

	.section-totallineup .totallineup-title {
		width: 488px;
		margin: auto;
		margin-bottom: 27px
	}

	.section-totallineup .totallineup-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		position: relative;
		padding-top: 25px;
		padding-bottom: 20px;
  width: 100%;
	}

	.section-totallineup .totallineup-item .title {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		font-weight: normal;
		width: 155px;
		height: 155px;
		margin-left: 40px;
	}

.section-totallineup .totallineup-item .product-item-wrap {
 display: flex;
 justify-content: center;
 width: calc(100% - 195px);
	}

	.section-totallineup .totallineup-item .product-item {
		width: 220px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
	}

	.section-totallineup .totallineup-item .product-item.n2 {
		width: 200px;
		margin-left: 20px
	}

	.section-totallineup .totallineup-item .product-item .pic {
		display: block;
		margin: auto;
		width: 129px
	}
	.section-totallineup .totallineup-item .product-item .icon {
		width: 60px;
  display: block;
  margin: 0 auto 8px;
		margin-top: -20px;
	}
	.section-totallineup .totallineup-item .product-item .icon.lvl2 {
		width: 40px;
	}

.section-totallineup .totallineup-item .product-item a.txt{
  background: url("../img/ico-lineup-arrow.png") no-repeat right 50%;
 display: inline-block;
 color: #4c4c4c;
 
}

.section-totallineup .totallineup-item .text {
		font-size: 14px;
		text-align: center;
	}

	.section-totallineup .totallineup-item .product-item .text-s {
		font-size: 12px;
		text-align: center
	}
	.section-totallineup .totallineup-item .product-item .text-s.price {
		font-size: 12px;
  padding-top: .5em;
		text-align: center
	}
	.section-totallineup .text-s.last {
  text-align: center;
	}

.totallineup-btn{
 width:400px;
 margin: 0 auto;
 margin-top: 20px;
}
.totallineup-btn a{
 background: #fff url("../img/ico-lineup-arrow.png") no-repeat 95% 50%;
 display: block;
 border: 1px solid #cccccc;
 padding: 1em 1.5em;
 text-align: center;
 font-size: 18px;
}

	.section-totallineup .totallineup-item + .totallineup-item:before {
		content: "";
		font-size: 0;
		height: 1px;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		background-image: -webkit-linear-gradient(left, #bec1c9 50%, transparent 50%);
		background-image: linear-gradient(to right, #bec1c9 50%, transparent 50%);
		background-size: 4px 1px;
		background-position: top;
		background-repeat: repeat-x
	}

	.section-totallineup .totallineup-item + .totallineup-item:after {
		content: "";
		position: absolute;
		top: -15px;
		left: 77px;
		height: 30px;
		width: 64px;
		background: url("../img/howto-arrow.png") center center no-repeat
	}

.section-estrogy{
 margin-top:37px;
 margin-bottom: 57px;
}


	.section-estrogy .lineup-item-border {
		margin-top: 60px;
		margin-bottom: 60px
	}

	.section-lineup-list {
		background: transparent url("../img/bg-lineup.jpg") center center no-repeat;
		height: 605px;
		position: relative
	}

	.section-lineup-list .btn-bg-white {
		margin: auto;
		color: #4c4a4a;
		position: absolute !important;
		font-size: 18px;
		width: 400px;
		height: 70px;
		left: 0px;
		right: 0px;
		bottom: 60px
	}

	body[data-pageid="ad-lp_ktm"] .header-ver19,
	body[data-pageid="ad-lp_ktm"] .section-top-banner {
		display: none
	}

	body[data-pageid="ad-lp_ktm"] .section-main .main-copy,
	body[data-pageid="ad-lp_ktm"] .section-main .main-pic {
		display: none
	}

	body[data-pageid="ad-lp_ktm"] .section-main .bg {
		background-image: url("../img/bg-main-ad_ktm.jpg");
		background-position: top left
	}

	body[data-pageid="ad-lp_ktm"] .section-main .main-info .logo {
		margin: auto
	}

	body[data-pageid="ad-lp_ktp"] .header-ver19 {
		display: none
	}
	/* 20200120追加 */
	.add20200120.add-item-name {
		color: #4c4c4c;
		text-align: left;
		font-size: 12px;
		margin-top: 10px;
	}
	.add20200120.add-text-note-wrap .text-note{
		float: none;
		margin-top: 0;
		margin-right: 0;
		font-size: 16px;
		color: #717683;
	}
	.add20200120.add-text-note-wrap {
		text-align: center;
		font-size: 16px;
		margin-top: 15px;
	}
	.add20200120.text-note{
		text-align: right;
		margin-top: -35px;
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 640px) {
	.wrap {
		overflow: hidden
	}

	.icon {
		font-size: 0
	}

	.icon.icon-iyakubugaihin,
	.icon.icon-souryou {
		width: 18.75vw
	}

	.icon.icon-15off {
		width: 7.65625vw
	}

	.icon.icon-15off2 {
		width: 18.4375vw
	}

	.icon.icon-new {
		width: 6.09375vw;
		height: 3.28125vw
	}

	.attention {
		color: #717683;
		font-size: 3.125vw
	}

	.souryou-text {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		border: 1px solid #61697d;
		width: 30.78125vw;
		height: 6.5625vw;
		margin-top: 1.5625vw;
		font-size: 3.4375vw
	}

	.souryou-text .text-s {
		font-size: 2.8125vw
	}

	.sub {
		color: #717683;
		display: inline-block;
		vertical-align: top;
		font-size: 3.125vw
	}

	.title-info {
		margin: auto;
		position: relative
	}

	.title-info .text {
		margin: auto;
		color: #4c4c4c
	}

	.title-info .title-line {
		height: .15625vw;
		background-color: #bec1c9;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.title-info .title-line.line-left {
		left: 0vw
	}

	.title-info .title-line.line-right {
		right: 0vw
	}

	.description-box {
		color: #4c4c4c;
		padding-top: 9.375vw;
		padding-bottom: 9.375vw
	}

	.description-box .item-title {
		line-height: 1.53333;
		font-size: 4.6875vw;
		margin-bottom: 1.875vw
	}

	.description-box .item-text {
		line-height: 1.5;
		font-size: 3.75vw;
		margin-top: 6.25vw;
		margin-bottom: 6.25vw
	}

	.description-box .item-description {
		color: #616a80;
		line-height: 1.5;
		position: relative;
		font-size: 3.75vw;
		margin-bottom: 6.25vw
	}

	.description-box .item-description .text-price {
		font-size: 4.6875vw
	}

	.description-box .item-description .icon {
		position: absolute;
		bottom: 0;
		right: 0
	}

	.head-three-type {
		position: relative;
		z-index: 0;
		padding-top: 9.375vw;
		padding-bottom: 9.375vw
	}
	.head-three-type.lvl2 {
  width: 560px;
  margin: 0 auto;
	}
 
	.head-three-type:before {
		content: "";
		display: block;
		width: 100vw;
		height: 100%;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: -6.25vw;
		z-index: -1
	}
	.head-three-type.lvl2:before {
		content: "";
		display: block;
		width: 100vw;
		height: 100%;
		background: none;
		position: absolute;
		top: 0;
		left: -6.25vw;
		z-index: -1
	}
	.head-three-type .title-info {
		margin-bottom: 6.25vw
	}

	.head-three-type .title-info .text {
		width: 83.59375vw
	}

	.head-three-type .product-list .item {
		position: relative
	}

	.head-three-type .product-list .item + .item {
		margin-top: 3.125vw
	}

	.head-three-type .product-list .box-text {
		color: #4c4c4c;
		text-align: center;
	}

	.head-three-type .product-list .box-text .text {
		font-size: 3.75vw;
		margin-bottom: 1.5625vw
	}

	.head-three-type .product-list .box-text .name {
		font-size: 3.4375vw
	}

	.head-three-type .product-list .title {
		display: block;
		text-align: center;
		line-height: 1.61538;
		font-size: 4.0625vw;
		margin-bottom: 4.6875vw;
  font-weight: bold;
	}

	.head-three-type .product-list .item-set {
		color: #333;
		font-size: 3.125vw;
		margin-top: -2.1875vw
	}

	.head-three-type .product-list .item-set .text {
		display: block;
		line-height: 1.63636;
		letter-spacing: -0.15em
	}

	.head-three-type .product-list .pic {
		margin: auto
	}

	.head-three-type .product-list .box-info {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

 .head-three-type.lvl2 .product-list .box-info {
		align-items: flex-start
	}
 
	.head-three-type .product-list .box-content {
		width: 56.25vw
	}

	.head-three-type .product-list .item-pic {
		width: 65.625vw;
		margin-top: 3.125vw;
		margin-left: -9.375vw;
		margin-right: -7.8125vw
	}
	.head-three-type.lvl2 .product-list .item-pic {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		margin-right: -280px
	}
	.head-three-type .product-list .btn-holder {
		margin-top: 3.125vw
	}
	.head-three-type.lvl2 .product-list .box-content {
  margin-top: 0;
  padding-top: 70px;
  margin-bottom: 30px;
	}

	.head-three-type .product-list .btn-holder .btn-buy .icon-arrow {
		right: 2.8125vw
	}

	.head-three-type .product-list .btn-holder .btn-bg-lightgray .text {
		margin-right: -4.6875vw
	}

	.item-volume {
		background-color: #feeff6
	}

	.item-moist {
		background-color: #fff5d9
	}

	.item-mix .title {
		background-color: #ffecde
	}

	.box-15off {
		padding-top: 4.6875vw
	}

	.box-15off .box-row {
		text-align: center
	}

	.box-15off .box-row .text .text-l {
		font-size: 3.75vw
	}

	.box-15off .box-row .text .text-s {
		font-size: 3.125vw
	}

	.box-15off .box-row .text .text-mt {
		font-size: 3.4375vw
	}

	.box-15off .box-row .text .text-pink {
		color: #f763a1
	}

	.box-15off .row1 {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #fff;
		height: 12.96875vw
	}

	.box-15off .row1 .text {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		color: #333;
		font-size: 3.75vw;
		margin-right: .78125vw
	}

	.box-15off .row2 .text,
	.box-15off .row3 .text {
		padding-top: 4.6875vw;
		padding-bottom: 4.6875vw
	}

	.box-15off .row3 {
		background-color: #fcdeeb;
		position: relative
	}

	.box-15off .row3:before {
		content: "";
		display: block;
		border-top: solid transparent;
		border-left: solid #fcdeeb;
		border-right: solid #fcdeeb;
		border-top-width: 7.1875vw;
		border-left-width: 43.75vw;
		border-right-width: 43.75vw;
		position: absolute;
		top: -7.03125vw
	}

	.note-text {
		display: block;
		color: #717683;
		font-size: 3.125vw;
		margin-top: 3.125vw;
		padding-bottom: 7.8125vw
	}

	.btn-holder {
		margin-top: 5.46875vw
	}

	.btn-holder .btn-buy {
		color: #fff;
		position: relative;
		min-height: 12.1875vw
	}

	.btn-holder .btn-buy .icon-arrow {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 1.875vw;
		height: 3.28125vw
	}

	.btn-holder .btn-buy .text {
		color: #fff;
		line-height: 1.16667;
		font-size: 3.75vw
	}

	.btn-holder .btn-bg-gray {
  background: url("../img/n-normal-btn-back.png") no-repeat center center / cover;
	}

	.btn-holder .btn-bg-lightgray {
  background: url("../img/n-btn-pink-back.png") repeat center center / contain;
		margin-top: 3.90625vw
	}

 
 .btn-bg-lightgray.btn-buy {
		border: 1px solid #9ba2ab
	}
 
	.btn-holder .icon-box {
		background:url("../img/n-btn-15off-back.png") repeat-x bottom center / contain;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: .3125vw;
		width: 9.375vw;
		height: 11.5625vw
	}

	.btn-holder .btn-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		text-align: center;
		position: relative;
		min-height: 12.1875vw
	}

	.btn-holder .btn-box .text {
		color: #fff
	}

	.btn-holder .btn-box .icon-arrow {
		position: absolute;
		right: 4.6875vw
	}

	.section {
		margin: auto
	}

	.section.section-top-banner {
		margin: 0 auto
	}

	.section.section-main {
		margin: 0 auto
	}

	.section-main {
		position: relative
	}

	.section-main:before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: -1;
		background: none;
	}

	.section-main .bg {
		position: absolute;
		background-image: url("../img/bg-main-sp.jpg");
		background-position: center top;
		background-repeat: no-repeat;
		width: 100%;
		left: 0;
		top: 0;
		height: 125vw
	}

	.section-main .main-copy,
	.section-main .main-pic {
		position: absolute
	}

	.section-main .main-copy {
		width: 51.40625vw;
		top: 9.375vw;
		left: 6.25vw
	}

	.section-main .main-pic {
		width: 56.25vw;
		top: 47.65625vw;
		left: 37.5vw
	}

	.section-main .main-info {
		padding-top: 0;
		padding-bottom: 9.375vw
	}

	.section-main .logo {
		width: 28.125vw
	}

	.section-main .info-holder.n1 {
		margin-top: 9.375vw
	}

	.section-main .info-holder.n1 .title-info .text {
		margin: auto;
		width: 70.46875vw
	}

	.section-main .info-holder.n1 .title-line {
		width: 5.625vw
	}

	.section-main .info-holder.n1 .description-box {
		padding-top: 6.25vw
	}

	.section-main .item-holder.n1 .accordion-box {
		background-image: url("../img/bg-shampoo-sp.jpg")
	}

	.section-main .item-holder.n1 .accordion-contents.typeB {
		padding-top: 9.375vw;
		padding-bottom: 6.5625vw
	}

	.section-main .item-holder.n1 .accordion-contents.typeB .attention {
		margin-top: 2.03125vw
	}

	.section-main .item-holder.n2 .title-info .text {
		letter-spacing: -0.05em
	}

	.section-main .item-holder.n2 .accordion-box {
		background-image: url("../img/bg-treatment-sp.jpg")
	}

	.section-main .item-holder.n2 .accordion-contents.n2 .text {
		margin: auto
	}

	.section-main .item-holder.n2 .accordion-contents.n2 .text.n1 {
		width: 70vw;
		margin-bottom: 4.6875vw
	}

	.section-main .item-holder.n2 .accordion-contents.n2 .text.n2 {
		color: #4c4c4c;
		text-align: center;
		line-height: 1.76923;
		font-size: 4.0625vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3 {
		padding-bottom: 0
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .title {
		margin: auto;
		width: 71.71875vw;
		margin-bottom: 6.25vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC {
		padding-top: 5.9375vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC .box .box-text {
		position: relative
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC .box .box-text .text {
		position: absolute;
		top: 15vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC .box .text-box {
		width: 48.4375vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC .box .text {
		color: #4c4c4c;
		text-align: left;
		line-height: 1.53846;
		width: 50vw;
		font-size: 4.0625vw;
		margin-bottom: 3.90625vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC .box .pic {
		margin-left: auto;
		width: 47.5vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC .box .btn-buy .text {
		color: #fff;
		line-height: 1.16667;
		margin-bottom: 0;
		font-size: 3.75vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC .box.left {
		margin-bottom: 7.8125vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3.typeC .box.right .text {
		width: 40vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product {
		position: relative;
		text-align: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		margin-top: 4.6875vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product .item-pic {
		width: 40vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product .item-pic img {
		width: 14.84375vw;
		margin-bottom: -4.0625vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product .btn-holder {
		margin-top: 0
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product .btn-holder .btn-buy .text {
		text-align: center
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product .btn-holder .btn-bg-lightgray .text {
		margin-right: -4.6875vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product .btn-holder .icon-arrow {
		right: 2.8125vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product .item-name {
		text-align: left
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .box-product .item-badge {
		margin: auto 0;
		margin-top: 1.5625vw;
		margin-bottom: 2.34375vw;
		width: 17.96875vw;
		font-size: 3.125vw
	}

	.section-main .item-holder.n2 .accordion-contents.n3 .item-badge {
		width: 100%;
		position: relative;
		top: 0vw;
		left: 0vw;
		font-size: 4.0625vw;
		margin-bottom: 3.90625vw
	}

	.section-main .item-holder.n3 {
		margin: auto;
		border: 2px solid #fff;
		border-radius: 5px;
		text-align: center;
		position: relative;
		width: 87.5vw;
		padding: 6.25vw;
		padding-left: 0vw;
		padding-right: 0vw;
		margin-top: 9.375vw;
		border-radius: .78125vw
	}

	.section-main .item-holder.n3:before {
		width: 100vw;
		height: 351.5625vw;
		content: "";
		display: block;
		position: absolute;
		top: -9.53125vw;
		left: -6.25vw;
		z-index: -1;
		background: -webkit-linear-gradient(left, #e2e1e6, #f9f9f9 40%, #f9f9f9 70%, #dddfe3);
		background: linear-gradient(to right, #e2e1e6, #f9f9f9 40%, #f9f9f9 70%, #dddfe3)
	}

	.section-main .item-holder.n3 .title {
		margin: auto;
		font-size: 0;
		width: 49.53125vw;
		margin-bottom: 3.125vw
	}

	.section-main .item-holder.n3 .text {
		color: #4c4c4c;
		line-height: 2.07692;
		text-align: center;
		letter-spacing: -0.03em;
		font-size: 4.0625vw
	}

	.section-main .item-holder.n3 .image-box {
		margin: auto;
		width: 62.5vw;
		margin-top: 7.8125vw
	}

	.section-main .item-holder.n3 .image-box .pic {
		position: relative
	}

	.section-main .item-holder.n3 .image-box .pic + .pic {
		margin-top: 9.375vw
	}

	.section-main .item-holder.n3 .image-box .pic.n2:after,
	.section-main .item-holder.n3 .image-box .pic.n3:after {
		content: "";
		display: block;
		margin: 0 auto;
		background-image: url("../img/icon-arrow-right-gray.svg");
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		left: 0;
		right: 0;
		bottom: 0;
		top: -6.25vw;
		width: 3.125vw;
		height: 4.53125vw
	}

	.section-main .item-holder.n3 .image-box .image-text {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		border-radius: 50%;
		text-align: center;
		color: #fff;
		background-color: #8b91a0;
		position: absolute;
		top: -4.6875vw;
		right: -7.8125vw;
		width: 25.3125vw;
		height: 25.3125vw;
		font-size: 3.28125vw
	}

	.item-holder {
		position: relative;
		border-bottom: 0;
		border-top: 4px solid #bec1c9;
		width: 100vw;
		margin-top: 4.6875vw;
		margin-left: -6.25vw
	}

	.item-holder.n1 {
		margin-top: 0
	}

	.item-holder .accordion-box {
		position: fixed;
		opacity: 0;
		visibility: hidden;
		background-size: 100% 100%;
		background-position: center top;
		background-repeat: no-repeat;
		-webkit-transition: opacity 1s;
		transition: opacity 1s;
		padding: 6.25vw;
		padding-top: 0vw;
		padding-bottom: 9.375vw
	}

	.item-holder .accordion-box .description-box {
		padding: 0
	}

	.item-holder .accordion-contents {
		position: relative;
		border-bottom: 2px dashed #bec1c9;
		padding-top: 7.03125vw;
		padding-bottom: 7.03125vw
	}

	.item-holder .accordion-contents:last-of-type {
		border-bottom: 0
	}

	.item-holder .title-info {
		width: 100%;
		border-bottom: 2px solid #bec1c9 !important;
		background-color: #fff !important;
		text-align: center;
		position: relative;
		color: #4c4c4c;
		height: 16.25vw;
		padding-left: 3.90625vw;
		padding-right: 3.90625vw;
		font-size: 4.0625vw
	}

	.item-holder .title-info .icon-new {
		display: block;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 6.25vw
	}

	.item-holder .title-info .item-title {
		margin-top: 0vw
	}

	.item-holder .title-info .item-title .text {
		font-size: 3.75vw
	}

	.item-holder .title-info .item-title .text-s {
		font-size: 2.8125vw
	}

	.item-holder .title-info:before,
	.item-holder .title-info:after {
		content: "";
		display: block;
		background-color: #333;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 6.25vw;
		width: 3.90625vw;
		height: .3125vw
	}

	.item-holder .title-info:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.item-holder .item-title {
		margin-top: 0vw
	}

	.item-holder .item-title .text {
		font-size: 4.6875vw
	}

	.item-holder .item-title .text-s {
		font-size: 3.75vw
	}

	.item-holder .description-inline {
		color: #616a80;
		font-size: 3.4375vw
	}

	.item-holder .description-inline .icon-souryou {
		margin-top: 1.5625vw
	}

	.item-holder .description1 {
		margin-top: 3.125vw;
		margin-bottom: 3.125vw
	}

	.item-holder .description3 {
		margin-top: 3.90625vw
	}

	.item-holder .attention {
		margin-top: 4.6875vw
	}

	.item-holder .attention.n2 {
		margin-top: 0
	}

	.item-holder.open .accordion-box {
		opacity: 1;
		visibility: visible;
		position: relative;
		border-bottom: 1px solid #bec1c9
	}

	.item-holder.open .title-info:after {
		opacity: 0
	}

	.accordion-contents.typeA .box.right {
		width: 40vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-top: 7.8125vw
	}

	.accordion-contents.typeA .item-product {
		width: 18.75vw
	}

	.accordion-contents.typeA .item-product .title {
		color: #585c66;
		margin: auto;
		text-align: center;
		width: 17.96875vw;
		font-size: 3.125vw;
		margin-bottom: 3.90625vw;
		border-radius: .78125vw
	}

	.accordion-contents.typeB.n2 .title {
		width: 78.125vw
	}

	.accordion-contents.typeB.n3 .title {
		width: 49.21875vw
	}

	.accordion-contents.typeB .title {
		margin: auto;
		margin-bottom: 4.6875vw
	}

	.accordion-contents.typeB .text {
		color: #4c4c4c;
		text-align: center;
		line-height: 2.07692;
		font-size: 4.0625vw
	}

	.accordion-contents.typeC.n4 {
		padding-bottom: 0
	}

	.accordion-contents.typeC .item-name {
		display: block;
		margin: auto;
		line-height: 1.63636;
		color: #333;
		text-align: left;
		font-size: 3.4375vw
	}

	.accordion-contents.typeC .item-badge {
		margin: auto;
		color: #585c66;
		text-align: center;
		position: absolute;
		right: 3.125vw;
		top: 5.9375vw;
		width: 17.96875vw;
		font-size: 3.125vw;
		border-radius: .78125vw
	}

	.accordion-contents.typeC.n4 .box + .box {
		margin-top: 4.6875vw
	}

	.accordion-contents.typeC.n4 .box {
		text-align: center;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.accordion-contents.typeC.n4 .box .pic {
		width: 40vw;
		margin-bottom: -3.90625vw
	}

	.accordion-contents.typeC.n4 .box .pic img {
		margin: auto;
		width: 13.90625vw
	}

	.accordion-contents.typeC.n4 .text-box {
		position: relative;
		width: 48.4375vw
	}

	.accordion-contents.typeC.n4 .btn-buy .icon-arrow {
		right: 2.8125vw
	}

	.accordion-contents.typeC.n4 .btn-bg-lightgray .text {
		margin-right: -4.6875vw
	}

	.accordion-contents.typeD {
		border-bottom: 0;
		padding-bottom: 0
	}

	.accordion-contents.typeD .description3 {
		margin-top: 0;
		float: right
	}

	.accordion-contents.typeD .description3 .text {
		letter-spacing: -0.01em
	}

	.accordion-contents.typeD .description2,
	.accordion-contents.typeD .description3 {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;
		margin-bottom: 3.125vw
	}

	.accordion-contents.typeD .description2 .souryou-text,
	.accordion-contents.typeD .description2 .icon-souryou,
	.accordion-contents.typeD .description3 .souryou-text,
	.accordion-contents.typeD .description3 .icon-souryou {
		margin: 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 46.09375vw
	}

	.accordion-contents.typeD .description3 {
		margin-bottom: 6.25vw
	}

	.section-different {
		padding-bottom: 6.25vw;
	}

	.section-different .title-info.n1 .t-space {
		letter-spacing: -0.1em
	}

	.section-different .item-holder {
		margin-top: 3.75vw
	}

	.section-different .item-holder.n1 {
		margin-top: 0
	}

	.section-different .item-holder.n2 .accordion-contents.typeC .box,
	.section-different .item-holder.n3 .accordion-contents.typeC .box {
		width: 100%
	}

	.section-different .item-holder.n3 .item-badge {
		margin: auto 0;
		position: relative;
		top: 1.5625vw;
		left: 0vw
	}

	.section-different .banner-different {
		margin-top: 6.25vw
	}

	.section-different .box-different-contents + .box-different-contents {
		margin-top: 5.46875vw
	}

	.section-different .box-different {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex
	}

	.section-different .box-different .box {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		position: relative
	}

	.section-different .box-different .box.left {
		width: 54.6875vw
	}

	.section-different .box-different .box.right {
		width: 26.5625vw
	}

	.section-different .box-different .ill-different {
		margin-top: -5.9375vw
	}

	.section-different .box-different .ill-different.n2 {
		margin-left: -2.65625vw
	}

	.section-different .box-different .item {
		width: 11.09375vw;
		margin-bottom: -11.40625vw;
		margin-top: 11.71875vw
	}

	.section-different .box-different .text {
		position: absolute;
		z-index: -1;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: -.9375vw;
		width: 22.5vw
	}

	.section-different .box-different .item-type {
		color: #333;
  display: flex;
	}

	.section-different .box-different .item-type .type {
		display: block;
		text-align: center;
		background: #ececec;
		line-height: 1.61538;
		font-size: 3.75vw;
		border-radius: .78125vw;
		margin-bottom: 3.125vw;
  width: 40%;
  box-sizing: border-box;
	}

	.section-different .box-different .item-type .name {
		display: block;
		font-size: 4.0625vw;
		margin-bottom: 2.34375vw;
  box-sizing: border-box;
  width: 60%;
  padding-left: 2%;
	}

	.section-different .box-different .discription {
		color: #4c4c4c;
		text-align: left;
		line-height: 1.75;
		font-size: 3.75vw
	}

	.section-different .attention {
		line-height: 1.8
	}

	.section-different .attention + .attention {
		margin-top: 0
	}

	.section-different .attention + .title {
		margin-top: 9.375vw
	}

	.section-different .text-different {
		display: block
	}

	.section-different .text-different .box {
		display: block
	}

	.section-different .text-different .box.left {
		margin: auto;
		margin-top: 6.25vw
	}

	.section-different .text-different .box.right {
		width: 100%
	}

	.section-different .text-different.n1 {
		margin-top: 9.375vw
	}

	.section-different .text-different.n1 .box.left {
		width: 77.1875vw;
		margin-bottom: 6.25vw
	}

	.section-different .text-different.n2 {
		margin-top: 4.6875vw
	}

	.section-different .text-different.n2 .box.left {
		width: 50.625vw
	}

	.section-different .accordion-contents.n1 {
		padding-bottom: 0
	}

	.section-different .accordion-contents.n1 .top-text {
		margin: auto;
		width: 77.5vw;
		margin-bottom: 6.25vw
	}

	.section-different .accordion-contents.n1 .title {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		height: 8.125vw;
		border-radius: .78125vw;
		margin-bottom: 7.8125vw
	}

	.section-different .accordion-contents.n1 .title .text {
		color: #585c66;
		line-height: 1;
		font-size: 3.125vw
	}

	.section-different .accordion-contents.n1 .title img {
		width: 62.5vw;
		margin-left: 1.25vw
	}

	.section-lineup-list {
		position: relative;
		height: 75.78125vw;
		background: url(../img/bg-lineup-sp.jpg) no-repeat center center/100% auto
	}

	.section-lineup-list .btn-bg-white {
		position: absolute;
		width: 62.5vw;
		height: 16.875vw;
		top: 50vw
	}

	.section-lineup-list .text {
		color: #4c4948;
		font-size: 3.75vw
	}

	.section-lineup-list .icon-arrow-right {
		display: block;
		width: 1.875vw;
		height: 3.28125vw
	}

	.pink {
		color: #f763a1
	}

	.text-svg {
		font-size: 0;
		display: block;
		margin: auto
	}

	.section--inner--min {
		margin: auto;
		width: 87.5vw;
		padding: 0;
		position: relative
	}

	.relative {
		position: relative;
		display: inline-block
	}

	.text-note {
		color: #63697e;
		font-size: 3.125vw;
		margin: auto
	}

	.section-statement {
		position: relative;
		z-index: 1;
		padding-bottom: 50px;
		color: #4d4d4d;
		background: none;
	}

	.section-statement .section-title {
		margin: auto;
		width: 61.71875vw;
		margin-bottom: 2.5vw;
		padding-top: 9.375vw
	}

	.section-statement .statement {
		text-align: center;
font-family: 'Noto Serif JP', sans-serif;
		letter-spacing: -0.02em;
		font-size: 24px;
		line-height: 8.4375vw;
  padding-top: 60px;
	}


	.section-statement .concern-arrow {
  width: 509px;
  margin: 0 auto 68px;
	}
	.section-statement .concern-text {
  width: 70%;
  margin: 0 auto 0;
	}

.concern-subtit{
  width: 70%;
  margin: 40px auto 24px;
}

.concern-person{
 display: flex;
 justify-content: center;
}
.concern-person figure{
 width: 46%;
 margin: 0 2% 40px;
}
.concern-last{
  width: 75%;
  margin: 0 auto 24px;
}
 
 
	.section-concern {
		color: #4d4d4d;
		background-color: #fff;
		position: relative;
		z-index: 1;
		padding-top: 9.375vw
	}

	.section-statement .section-title {
		width: 76.875vw;
		margin: auto;
		margin-bottom: 4.6875vw
	}

	.section-statement .concern-list-holder {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		margin: auto;
		margin-bottom: 4.6875vw;
		border-top: #bec1c9 dashed 2px;
		border-bottom: #bec1c9 dashed 2px
	}

	.section-statement .concern-list {
		width: 100%;
		padding: 3.125vw;
		padding-bottom: 3.125vw
	}

	.section-statement .concern-item {
		padding-top: 1.5625vw;
		padding-bottom: 1.5625vw;
		font-size: 3.75vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex
	}

	.section-statement .concern-item:before {
		display: inline-block;
		content: "";
		margin-top: 1.09375vw;
		margin-right: 2.34375vw;
		width: 3.75vw;
		height: 3.75vw;
		background: url(../img/icon-check.svg)
	}

	.section-statement .concern-item .strong {
		font-weight: bold;
  font-size: 110%;
	}

	.section-statement .concern-text {
		width: 55.15625vw;
		margin: auto;
		position: relative;
		text-align: center;
		-webkit-transform: translateX(3%);
		transform: translateX(3%)
	}

	.section-concern .text-note {
		display: block;
		text-align: center;
		margin-top: 4.6875vw
	}

	.section-conclusion {
		position: relative;
		color: #4d4d4d;
  height: 500px;
  padding-top: 50px;
  box-sizing: border-box;
		background: transparent url(../img/bg-trouble-sp.jpg) no-repeat center bottom/100% auto
	}



	.section-conclusion .section-title {
		margin: auto;
		width: 84.375vw;
	}

	.section-conclusion .conclusion {
		text-align: center;
		font-size: 4.0625vw;
		line-height: 8.4375vw
	}

	.section-point-head {
		margin: 0 auto;
  
	}

	.section-point-head .section--inner--min {
		width: 100%
	}

	.section-point-head .section-title {
		position: relative;
		margin: auto;
		border-bottom: solid 2px #bec1c9
	}

	.section-point-head .section-title .text-point {
		margin: auto;
		position: relative;
		width: 87.5vw;
		margin-bottom: 7.1875vw
	}

	.section-point-head .section-title .text-point .text {
		display: block;
		margin: auto;
		position: relative;
		z-index: 1;
		width: 20.9375vw
	}
	.section-point-head .point-text .sub {
  font-size: 26px;
	}
	.section-point-head .section-title .text-point:before,
	.section-point-head .section-title .text-point:after {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 30.46875vw;
		background-color: #bec1c9
	}

	.section-point-head .section-title .text-point:before {
		left: 0
	}

	.section-point-head .section-title .text-point:after {
		right: 0
	}

	.section-point-head .section-title .shoulder {
		display: block;
		width: 39.21875vw;
		margin-bottom: 2.34375vw
	}

	.section-point-head .section-title .text-catch {
		display: block;
		margin: auto;
		position: relative;
		z-index: 1;
		width: 79.21875vw;
		margin-bottom: 5.46875vw;
		-webkit-transform: translateX(.2%);
		transform: translateX(.2%)
	}

	.section-point-head .section-title .pic {
		width: 40.78125vw;
		position: absolute;
		bottom: 0;
		right: -10.625vw
	}

	.section-point-head .section-title .text-copyright {
		font-weight: normal;
		color: #717683;
		position: absolute;
		white-space: nowrap;
		right: 36.71875vw;
		bottom: .78125vw;
		font-size: 1.71875vw
	}

	.section-point-head .point-list {
		margin: auto
	}

	.section-point-head .point-list .point-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #fff;
		padding-top: 5.46875vw;
		padding-bottom: 5.46875vw;
		padding-left: 5.46875vw;
		padding-right: 5.46875vw;
		border-bottom: solid 1px #bec1c9
	}

	.section-point-head .point-list .point-num {
		display: block;
		width: 4.21875vw;
		margin-right: 3.125vw
	}

	.section-point-head .point-list .point-text {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		font-size: 30px
	}

	.section-point-head .point-list .point-icon {
		display: block;
		width: 3.125vw;
		margin-right: .9375vw
	}

	.section-point-head .point-list .point-icon svg {
		width: 100%;
		height: auto;
		margin: auto
	}

	.section-point-head .point-list .icon-arrow polygon {
		fill: #8990a1
	}

	.section-point-head .point-list sup {
		color: #667180;
		font-size: 3.75vw;
		margin-left: .46875vw
	}

	.section-point-head .point-list .text-note {
		font-size: 19px
	}

	.section-point {
		padding-top: 6.25vw;
		padding-bottom: 6.25vw
	}

	.section-point .point-num {
		width: 5vw;
		margin: auto;
		margin-bottom: 4.6875vw
	}

	.section-point .section-title {
		margin: auto;
		margin-bottom: 6.71875vw;
		font-size: 0
	}

	.section-point .text-lead {
		font-size: 0;
		margin: auto;
		margin-bottom: 5.15625vw
	}

	.section-point .pic {
		margin: auto;
		display: block;
		margin-bottom: 4.6875vw
	}

	.section-point .text-note {
		color: #717683
	}

	.section-point-1 {
		background: #fcf9f2 url("../img/bg-point01-sp.jpg") no-repeat center top/100% auto
	}

	.section-point-1 .section-title {
		width: 70.15625vw
	}

	.section-point-1 .text-lead {
		width: 70.9375vw;
		margin-bottom: 6.71875vw
	}

	.section-point-2 {
		background: #e6eaef url("../img/bg-point02-sp.jpg") no-repeat center bottom/100% auto
	}

	.section-point-2 .section-title {
		width: 84.0625vw
	}

	.section-point-2 .text-lead {
		width: 78.125vw;
		margin-bottom: 8.28125vw
	}

	.section-point-2 .text-note {
		text-align: left
	}

	.section-point-3 {
		background: #f9fafb url("../img/bg-point03-sp.jpg") no-repeat center bottom/cover
	}

	.section-point-3 .section-title {
		box-sizing: content-box;
		width: 100%;
	}

	.section-point-3 .pic {
		margin-bottom: 5.15625vw
	}

	.section-point-3 .text-note.n1 {
		margin-top: 2.8125vw
	}

	.section-point-3 .point-info {
		margin: auto;
		width: 87.5vw
	}

	.section-point-4 {
		background: #fff url("../img/bg-point04-sp.jpg") no-repeat center top/cover
	}

	.section-point-4 .section-title {
		width: 23.4375vw
	}

	.section-point-4 .text-lead {
		width: 65.625vw
	}

	.section-point-4 .pic {
		width: 78.4375vw
	}
 
 	.section-point-5 {
  max-width: 1440px;
  margin: 0 auto;
		height: 200px;
		background: #fff url("../img/bg-point05-sp.jpg") center top no-repeat;
  background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
	}
	.section-point-5 .section-title {
		box-sizing: content-box;
  padding: 0;
  margin: 0;
	}

	.section-products-head {
		position: relative;
		z-index: 1;
		background-color: #fff;
		color: #717683;
		padding-top: 9.375vw
	}

	.section-products-head .section-title {
		margin: auto;
		width: 60.625vw;
		-webkit-transform: translateX(3%);
		transform: translateX(3%);
		margin-bottom: 1.5625vw;
		text-align: center
	}

	.section-products-head .pic {
		display: block;
		margin: auto;
		width: 51.875vw;
		position: relative;
		top: 2.8125vw
	}

	.section-products-head .products-info {
		position: absolute;
		right: 2.34375vw;
		bottom: 9.0625vw;
		text-align: left
	}

	.section-products-head .products-note {
		font-size: 2.8125vw;
		display: block;
		margin-top: 3.28125vw
	}

	.section-products-head .products-copyright {
		font-size: 1.875vw
	}

	.section-products {
		color: #4d4d4d;
		position: relative
	}

	.section-products:before {
		content: "";
		position: absolute;
		height: 100%;
		width: 100%;
	}

	.section-products .products-keyvisual {
		padding-top: 614px;
		position: relative;
		background: transparent url("../img/n-third-kv-sp.jpg") no-repeat center top/100% auto
	}
 
 .section--inner.lvl2{
  padding: 0;
 }

	.section-products .keyvisual-catch-holder {
		position: relative;
		margin-bottom: 7.8125vw
	}

	.section-products .keyvisual-catch-holder:before,
	.section-products .keyvisual-catch-holder:after {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 6.25vw;
		background-color: #bec0c8
	}

	.section-products .keyvisual-catch-holder:before {
		left: 0
	}

	.section-products .keyvisual-catch-holder:after {
		right: 0
	}

	.section-products .keyvisual-catch-holder .keyvisual-catch {
		margin: auto;
		width: 68.90625vw;
		display: block
	}

	.section-products .keyvisual-info .keyvisual-title {
		font-weight: normal;
		font-size: 4.6875vw;
		line-height: 1.3;
		margin-bottom: 2.65625vw
	}

	.section-products .keyvisual-info .icon-iyakubugaihin {
		display: block;
		margin-bottom: 3.125vw
	}

	.section-products .keyvisual-info .title-sub {
		font-weight: normal;
		line-height: 1.4;
		font-size: 3.75vw;
		margin-bottom: 3.125vw
	}

	.section-products .keyvisual-info .title-sub .sub {
		line-height: 1.4;
		font-size: 3.75vw;
		color: #4d4d4d
	}

	.section-products .keyvisual-info .text-info {
		color: #63697e;
		font-size: 3.75vw;
		margin-bottom: 3.125vw
	}

	.section-products .keyvisual-info .text-info .small {
		font-size: 3.4375vw
	}

	.section-products .keyvisual-info .text-info .large {
		font-size: 4.6875vw
	}

	.section-products .keyvisual-info .text-info .icon-souryou {
		display: inline-block;
		vertical-align: middle;
		margin-left: 1em
	}

	.section-products .pickup {
		margin: auto;
		position: relative;
		background-color: rgba(255, 255, 255, 0.6);
		width: 100vw;
		height: 41.71875vw;
		margin-top: 7.8125vw;
		margin-left: -6.25vw;
		margin-rigth: -6.25vw;
		margin-bottom: 6.25vw;
		padding-top: 6.25vw
	}

	.section-products .pickup .pickup-title {
		margin: auto;
		width: 77.1875vw;
		display: block
	}

	.section-products .pickup .pickup-item {
		width: 19.25vw;
		left: 4.9375vw;
		bottom: -5.78125vw;
		position: absolute
	}

	.section-products .pickup + .text-note {
		margin-bottom: 9.375vw
	}

	.section-review {
		background: transparent url("../img/review-bg-sp.jpg") no-repeat center center/cover;
		padding-top: 9.375vw;
		padding-bottom: 9.375vw
	}

	.section-review .section-title {
		position: relative;
		margin: auto;
		margin-bottom: 3.90625vw
	}

	.section-review .section-title:after,
	.section-review .section-title:before {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 28.4375vw;
		background-color: #fff
	}

	.section-review .section-title:before {
		left: 0
	}

	.section-review .section-title:after {
		right: 0
	}

	.section-review .section-title .text {
		width: 25vw;
		display: block;
		margin: auto
	}

	.section-review .review-text {
		width: 96.875vw;
		margin-left: -4.6875vw;
		margin-right: -4.6875vw;
		margin-bottom: 5.46875vw
	}

	.section-review .text-note {
		margin: auto;
		letter-spacing: 0
	}

	.section-review .review-magazine {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 7.8125vw
	}

	.section-review .review-magazine .text {
		width: 36.40625vw;
		height: 36.40625vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		background-color: #4c4c4c;
		border-radius: 50%;
		margin-right: -3.125vw
	}

	.section-review .review-magazine .text img {
		width: 28.4375vw
	}

	.section-review .review-magazine .pic {
		width: 54.21875vw
	}

	.section-voice {
		padding-top: 9.375vw;
		padding-bottom: 9.375vw
	}

	.section-voice .section-title {
		position: relative;
		margin: auto;
		margin-bottom: 4.21875vw
	}

	.section-voice .section-title:after,
	.section-voice .section-title:before {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 17.5vw;
		background-color: #bec0c8
	}

	.section-voice .section-title:before {
		left: 0
	}

	.section-voice .section-title:after {
		right: 0
	}

	.section-voice .section-title .text {
		width: 46.875vw;
		display: block;
		margin: auto
	}

	.section-voice .voice-catch {
		width: 60.78125vw;
		margin: auto;
		margin-bottom: 6.5625vw
	}

	.section-voice .voice-list {
		margin: auto;
		margin-bottom: 4.0625vw
	}

	.section-voice .voice-block .voice-title {
		font-size: 4.0625vw;
		border-radius: .625vw;
		padding: .625vw;
		margin-bottom: 6.5625vw;
		margin-top: 7.5vw;
		text-align: center
	}

	.section-voice .voice-block.block-volume .voice-title {
		background-color: #fbf0f6
	}

	.section-voice .voice-block.block-moist .voice-title {
		background-color: #fcf5d9
	}

	.section-voice .voice-item {
		margin-top: 4.6875vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.section-voice .voice-item .pic {
		width: 21.25vw
	}

	.section-voice .voice-item .text {
		color: #646a7e;
		font-weight: normal;
		font-size: 3.75vw;
		width: 61.71875vw;
		padding-left: 4.6875vw
	}

	.section-voice .text-note {
		margin: auto
	}

	.section-howto {
		margin: auto;
		color: #4d4d4d;
		padding-top: 7.8125vw;
		padding-bottom: 9.375vw
	}

	.section-howto .section--inner--min {
		width: 100vw
	}

	.section-howto .section-head {
		position: relative;
		padding-bottom: 5.15625vw
	}

	.section-howto .section-head .section-title {
		width: 52.03125vw;
		margin: auto;
		margin-bottom: 6.875vw
	}

	.section-howto .section-head .text-lead {
		width: 58.59375vw;
		margin-left: 6.25vw
	}

	.section-howto .section-head .pic {
		width: 42.96875vw;
		right: -9.375vw;
		bottom: 0;
		position: absolute
	}

	.section-howto .section-head .text-copyright {
		position: absolute;
		width: 100%;
		color: #717683;
		margin: auto;
		text-align: right;
		right: 40.625vw;
		font-size: 1.875vw;
		bottom: 1.25vw
	}

	.section-howto .point-list-holder {
		width: 100vw;
		background-color: #e8edf3;
		position: relative;
		margin-bottom: 4.6875vw
	}

	.section-howto .point-list-holder:before {
		content: "";
		border: #FFF solid 1px;
		position: absolute;
		top: .9375vw;
		left: .9375vw;
		bottom: .9375vw;
		right: .9375vw;
		border-radius: .625vw
	}

	.section-howto .point-list {
		position: relative;
		padding-left: 6.25vw;
		padding-right: 6.25vw;
		padding-top: 1.09375vw;
		padding-bottom: 1.09375vw
	}

	.section-howto .point-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding-top: 6.875vw;
		padding-bottom: 6.875vw
	}

	.section-howto .point-item .point-icon {
		width: 14.53125vw;
		margin-right: 5.3125vw
	}

	.section-howto .point-item .point-icon:before {
		content: "";
		background: url("../img/howto-icon-point.svg") no-repeat center center/100% auto;
		display: block;
		margin: auto;
		width: 14.53125vw;
		height: 2.96875vw;
		margin-bottom: 2.8125vw
	}

	.section-howto .point-item .point-icon .num {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		border-radius: 50%;
		margin: auto;
		width: 9.84375vw;
		height: 9.84375vw;
		padding-left: 3.4375vw;
		padding-right: 3.4375vw;
		margin-right: 3.4375vw;
		border: #646a7e 1px solid
	}

	.section-howto .point-item .text {
		font-size: 4.0625vw;
		line-height: 6.25vw;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		color: #4d4d4d
	}

	.section-howto .point-item + .point-item {
		position: relative;
		border-top: #bec1c9 dashed 2px
	}

	.section-howto .item-holder {
		margin-left: 0;
		margin-right: 0
	}

	.section-howto .accordion-box {
		padding: 0
	}

	.section-howto .step-list {
		background-color: #fff;
		padding-left: 5.9375vw;
		padding-right: 5.9375vw
	}

	.section-howto .step-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center
	}

	.section-howto .step-item .pic {
		display: block;
		box-sizing: content-box;
		width: 31.71875vw;
		padding-left: 2.5vw;
		padding-right: 2.5vw;
		padding-top: 3.90625vw;
		padding-bottom: 3.90625vw
	}

	.section-howto .step-item .text {
		display: block;
		width: 52.8125vw;
		font-size: 4.0625vw;
		line-height: 6.25vw;
		padding-left: 4.375vw;
		padding-top: 8.75vw;
		padding-bottom: 8.75vw
	}

	.section-howto .step-item .text.text-full {
		text-align: center;
		width: 100%
	}

	.section-howto .step-item + .step-item {
		position: relative;
		border-top: #bec1c9 dashed 2px
	}

	.section-howto .step-item + .step-item:after {
		content: "";
		position: absolute;
		top: -3.28125vw;
		margin-left: -6.71875vw;
		left: 50%;
		height: 6.5625vw;
		width: 13.4375vw;
		background: #fff url("../img/howto-arrow.png") no-repeat center center/7.8125vw auto
	}

 
 

	.section-answer {
		margin: auto;
		color: #4d4d4d;
		background-color: #fff;
		padding-top: 54px;
		padding-bottom: 60px;
		max-width: 1440px
	}

	.section-answer .section--inner--min {
    width: 100%;
  box-sizing: border-box;
  padding: 0 40px;
}

	.section-answer .section-title {
		position: relative;
		margin: auto;
		margin-bottom: 38px;
  width: 232px;
	}
.section-answer .accordion-holder + .accordion-holder {
    margin-top: 20px;
}
.section-answer .accordion-holder {
    border: 1px solid #ccc;
 width: 560px;
 margin: 0 auto;
}

.section-answer .accordion-holder .accordion-title::before, .section-answer .accordion-holder .accordion-title::after {
    content: "";
    display: block;
    width: 18px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.section-answer .accordion-holder .accordion-title::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.section-answer .accordion-holder .accordion-title::before, .section-answer .accordion-holder .accordion-title::after {
    content: "";
    display: block;
    width: 18px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.section-answer .accordion-holder .accordion-title {
    width: 100%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: 23px 50px 28px 30px;
 box-sizing: border-box;
}


.section-answer .accordion-holder.open .accordion-title::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}


.section-answer .icon-q {
    margin-right: 20px;
}
.section-answer .icon-q, .section-answer .icon-a {
    width: 28px;
}
.section-answer .icon-a {
    margin-bottom: 15px;
}

.section-answer .accordion-holder .accordion-title .text {
    width: 100%;
    font-size: 24px;
    text-align: left;
    letter-spacing: -0.02em;
 color: #616a80;
 box-sizing: border-box;
}



.section-answer .accordion-holder .accordion-inner {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    padding: 20px 30px 30px;
    border-top: 1px solid #ccc;
    background-color: rgba(240,240,240,0.8);
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
 box-sizing: border-box;
}
.section-answer .accordion-holder .accordion-inner .top-text {
    font-size: 24px;
 color: #616a80;
    line-height: 1.66667;
}

.section-answer .accordion-holder .accordion-inner .top-text strong{
    font-size: 30px;
 font-weight: bold;
}

	.section-totallineup {
		margin: auto;
		color: #4d4d4d;
		padding-top: 60px;
		padding-bottom: 70px;
		max-width: 1440px
	}

.section-answer .accordion-holder.open .accordion-inner {
    opacity: 1;
    visibility: visible;
    position: relative;
}

 
	.section-totallineup {
		margin: auto;
		color: #4d4d4d;
		padding-top: 9.375vw;
		padding-bottom: 6.25vw
	}

	.section-totallineup .section-title {
		position: relative;
		margin: auto;
		margin-bottom: 3.4375vw
	}

	.section-totallineup .section-title:after,
	.section-totallineup .section-title:before {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 8.75vw;
		background-color: #bec1c9
	}

	.section-totallineup .section-title:before {
		left: 0
	}

	.section-totallineup .section-title:after {
		right: 0
	}

	.section-totallineup .section-title .text {
		width: 64.53125vw;
		margin: auto;
		display: block
	}

	.section-totallineup .totallineup-catch {
		width: 80.78125vw;
		margin: auto;
		margin-bottom: 3.4375vw
	}

	.section-totallineup .totallineup-title {
		width: 100%;
		margin: auto;
		margin-bottom: 1.5625vw
	}

	.section-totallineup .totallineup-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		position: relative;
		padding-top: 7.5vw;
		padding-bottom: 7.5vw
	}

	.section-totallineup .totallineup-item .title {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		font-weight: normal;
		width: 22.5vw;
		font-size: 4.6875vw;
		margin-right: 4.6875vw
	}
 .product-item-wrap{
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 27.1875vw);
 }
  .product-item-wrap.lvl2{
   justify-content: center;
 }
 
 
	.section-totallineup .totallineup-item .product-item {
		width: 50%;
	}

	.section-totallineup .totallineup-item .product-item.n2 {
		width: 30vw
	}

	.section-totallineup .totallineup-item .product-item .pic {
		display: block;
		margin: auto;
		width: 30vw
	}
 
 	.section-totallineup .totallineup-item .product-item .icon {
   width: 90px;
   display: block;
   margin: 0 auto 10px;
	}
  	.section-totallineup .totallineup-item .product-item .icon.lvl2 {
   width: 60px;
   display: block;
   margin: 0 auto 10px;
	}
 .section-totallineup .totallineup-item .product-item a.txt{
  background: url("../img/ico-lineup-arrow.png") no-repeat right 50%;
 display: block;
 color: #4c4c4c;
  text-align: center;
 
}
 

	.section-totallineup .totallineup-item .product-item .text {
		font-size: 3.75vw;
		text-align: center
	}

	.section-totallineup .totallineup-item .product-item .text-s {
		text-align: center;
		letter-spacing: -0.031em;
		font-size: 2.8125vw
	}

	.section-totallineup .totallineup-item:last-of-type {
		padding-bottom: 10.9375vw
	}


	.section-totallineup .totallineup-item + .totallineup-item {
		border-top: #bec1c9 dashed 2px
	}

	.section-totallineup .totallineup-item + .totallineup-item:after {
		content: "";
		position: absolute;
		top: -3.28125vw;
		margin-left: -6.71875vw;
		left: 50%;
		height: 6.5625vw;
		width: 13.4375vw;
		background: url("../img/howto-arrow.png") no-repeat center center/7.8125vw auto
	}

 
 
.totallineup-btn{
 width:400px;
 margin: 0 auto;
 margin-top: 20px;
}
.totallineup-btn a{
 background: #fff url("../img/ico-lineup-arrow.png") no-repeat 95% 50%;
 display: block;
 border: 1px solid #cccccc;
 padding: 1em 1.5em;
 text-align: center;
 font-size: 24px;
}
 
 
	.section-estrogy {
		padding-top: 1.5625vw;
		padding-bottom: 7.5vw
	}

	.section-estrogy .lineup-item-border {
		border: 2px solid #ccc
	}

	.section-estrogy .title-text {
		width: 52.1875vw
	}

	body[data-pageid="ad-lp_ktm"] .header-ver19,
	body[data-pageid="ad-lp_ktm"] .section-top-banner {
		display: none
	}

	body[data-pageid="ad-lp_ktm"] .section-main .main-copy,
	body[data-pageid="ad-lp_ktm"] .section-main .main-pic {
		display: none
	}

	body[data-pageid="ad-lp_ktm"] .section-main .bg {
		background-image: url("../img/bg-main-ad_ktm-sp.jpg")
	}

	body[data-pageid="ad-lp_ktm"] .section-main .main-info .logo {
		margin: auto
	}

	body[data-pageid="ad-lp_ktm"] .section-main .info-holder.n1 {
		margin-top: 4.6875vw
	}

	body[data-pageid="ad-lp_ktp"] .header-ver19 {
		display: none
	}
	.add20200120.text-note{
		text-align: right;
	}
}

.breadcrumbs {
    margin-top:20px;
    margin-bottom: 20px;
}

.breadcrumbs ul {
    display: table;
    font-size: 13px;
}
 
.breadcrumbs ul li {
    margin: 0 10px 0 0;
    font-size: 13px;
    float: left;
}
 
.breadcrumbs ul li:first-child::before {
    padding: 0 3px 0 0;
    content: "\f015";
    font-family: FontAwesome;
    font-size: 14px;
}
 
.breadcrumbs ul li::before {
    padding: 0 10px 0 0;
    content: "\f105";
    font-family: FontAwesome;
    font-size: 14px;
}
@media screen and (min-width: 641px) {
  .addBlock200828_set{max-width: 720px;margin:0 auto;}
}


/*  new style 2020.10  */

@media all and (min-width: 641px) {
 
 
.n-beaute-kv{
 width:100%;
 background: url("../img/n-main-kv.jpg") no-repeat center center;
 max-width: 1440px;
 margin: 0 auto;
 height: 750px;
}


.n-inner-nav{
 background: #fff;
 padding-bottom: 40px;
}
.n-inner-nav ul{
 max-width: 720px;
 width: 100%;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 padding: 32px 0 20px;
}

.n-inner-nav p{
 font-size:12px;
 text-align: center;color: #4c4c4c;
 }


.n-aword-area{
 background: url("../img/n-aword-back.jpg") no-repeat center center / cover;
 max-width: 1440px;
 margin: 0 auto;
}

.n-aword-inner{
 max-width: 780px;
 width: 100%;
 margin: 0 auto 0;
 padding: 60px 0;
 color: #4c4c4c;
 font-size: 12px;
}

.n-aword-title{
 width:590px;
 margin: 0 auto 30px;
}
.n-aword-label{
 width:752px;
 margin: 0 auto 20px;
}

.n-price-area{ 
 max-width: 720px;
 width:100%;
 margin: 0 auto 30px;
}

.n-price-area p{
 color: #717683;
 font-size: 12px;
}

.n-price-wrap{
 background: url("../img/n-price-area-back.png") no-repeat center center;
 display: flex;
 justify-content: space-between;
}



.n-price-left{
 width: 50%;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
}
.n-price-left span{
 color: #fff;
 font-weight: normal;
 font-size: 14px;
}



.n-price-right{
 width: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 padding: 2% 4%;
 box-sizing: border-box;
 color: #fff;
}


.n-price-right .red-label{
 background: #cc0033;
 display: inline-block;
 padding: 0 5%.2%;
 line-height: 1.2;
}
.n-price-right .fs18{
 font-size: 18px;
}
.n-price-right .fs16{
 font-size: 16px;
}
.n-price-right .fs24{
 font-size: 24px;
}
.n-price-right .fs20{
 font-size: 20px;
}
.n-price-right .underline{
 font-size: 22px;
 border-bottom: 2px solid #cc0033;
}


.n-teiki-block{
 background: #fff;
 padding: 30px;
 margin-bottom: 55px;
}

.n-teiki-title{
 width: 530px;
 margin: 0 auto 30px;
}
.n-teiki-subtitle{
 width: 416px;
 margin: 0 auto 10px;
}

.n-teiki-point-area{
 margin-bottom :5px;
}


.n-teiki-point-area ul{
 display: flex;
 justify-content: center;
}

.n-teiki-point-area li{
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 width: 140px;
 height: 140px;
 background: url("../img/n-teiki-point-back.png") no-repeat center center;
}

.n-teiki-point-area li em{
 font-style: normal;
 font-weight: bold;
 line-height: 1.3;
}
.n-teiki-point-area li .red{
 font-style: normal;
 font-weight: bold;
 color: #cc0033;
}

.n-teiki-point-area li .fs23{
 font-size: 23px;
}
.n-teiki-point-area li .fs12{
 font-size: 12px;
}
.n-teiki-point-area li .fs15{
 font-size: 15px;
}
.n-teiki-point-area li .fs10{
 font-size: 10px;
}


.n-teiki-price-area{
 background: #efefef;
 padding-bottom: 20px;
 margin-bottom: 1em;
}

.n-teikei-price-in{
 display: flex;
 padding: 20px 0 20px 20px;
 align-items: center;
}

.n-teikei-btn{
 width: 500px;
 margin: 0 auto;
}


.n-teiki-block p{
 color: #717683;
 font-size: 12px;
}

.n-teikei-price-r{
 display: flex;
}
.n-teikei-price-r .spflex{
 display: flex;
 align-items: center;
}
.n-teikei-price-l{
 color: #c92850;
 font-size: 13px;
}

.n-teikei-price-l label{
 background: #cccccc;
 color: #444444;
 font-size: 12px;
 padding: .1% 4%;
}
.n-teikei-price-l strong{
 font-size: 24px;
}

.n-teikei-price-c{
 background: #fff;
 padding: 5px;
 color: #c92850;
 line-height: 1.2;
 font-weight: bold;
}
.n-teikei-price-c strong{
 font-size: 27px;
}
.n-teikei-price-c span{
 font-size: 12px;
 font-weight: normal;
}
.n-teikei-price-c sup{
 font-size: 9px;
}

.n-teikei-price-r{
 color: #c92850;
 margin-left: 5px;
 display: flex;
 align-items: center;
 font-weight: bold;
}
.n-teikei-price-r p{
 color: #c92850;
}

.n-teikei-price-r strong{
 font-size: 42px;
 color: #c92850;
}

.n-teikei-price-r label{
 background: #fff;
 font-size: 15px;
 padding: 5px;
 line-height: 1.1;
 display: inline-block;
 margin: 0 5px;
}

.n-teikei-price-r span.lvl1{
 font-size: 22px;
}
.n-teikei-price-r span.lvl2{
 font-size: 14px;
}



.n-center-main-kv{
background: url("../img/n-center-main-kv.jpg") no-repeat center center;
 height: 806px;
 max-width: 1440px;
 margin: 0 auto;
}




.n-3step-care{
 background: #fff url("../img/n-3step-back.jpg") no-repeat top center;
 max-width: 1440px;
 margin: 0 auto;
 padding-top: 50px;
 padding-bottom: 80px;
}

.n-3step-in{
 max-width: 720px;
 width: 100%;
 margin: 0 auto;
}


.n-3step-title{
 width: 593px;
 margin: 0 auto;
}

.n-3step-sub{
 width:450px;
 margin-bottom: 50px;
}
.n-3step-text{
 box-shadow: 0 0 30px rgba(0,0,0,0.15);
}

.n-3step-inner{
 border:  10px solid #eeeeee;
 background: #fff;
 padding: 25px 0 0;
}


.n-3step-inner-first{
 display: flex;
 padding: 0 15px 50px;
}

.n-3step-inner-first figure figcaption{
 font-size: 12px; 
 color: #717683;
 padding-top: 1em;
}


.n-3step-inner-first figure.lvl1 figcaption{
 padding-left: 3em;
 text-align: left !important;
}

.n-3step-inner-first figure.lvl2 figcaption{
 text-align: center;
}

.n-3step-inner-first figure.lvl3 figcaption{
 text-align: right !important;
}


.n-3ste-inner-text{
 padding-top: 20px;
 display : flex;
 font-size: 14px;
 color: #717683;
 text-align: left;
 justify-content: center;
}

.box-price{
 font-weight: bold;
 color: #c92850;
 font-size: 24px;
 text-align: center;
 margin-bottom: 15px;
}
.box-price span{
 font-weight: normal;
 font-size: 13px;
}

 
 
}


@media screen and (max-width: 640px) {
 
 body.ver19 img {
    max-width: 100%;
    height: auto;
}
 
 .n-beaute-kv{
 width:100%;
 background: url("../img/n-main-kv-sp.jpg") no-repeat center center;
 max-width: 100%;
 margin: 0 auto;
 height: 568px;
}

 

.n-inner-nav{
 background: #fff;
 padding-bottom: 40px;
}
.n-inner-nav ul{
 max-width: 100%;
 width: 100%;
 margin: 0 auto;
 display: flex;
 justify-content:center;
 padding: 60px 0 40px;
}
.n-inner-nav li{
 margin: 0 15px;
 }
 
.n-inner-nav p{
 font-size:18px;
 text-align: center;
 color: #4c4c4c;
 }

 
.n-aword-area{
 background: url("../img/n-aword-back-sp.jpg") no-repeat center center / cover;
 max-width: 100%;
 min-height: 520px;
 margin: 0 auto;
}

.n-aword-inner{
 max-width: 100%;
 width: 100%;
 margin: 0 auto 0;
 padding: 60px 40px;
 color: #4c4c4c;
 font-size: 18px;
 box-sizing: border-box;
}

.n-aword-title{
 width:100%;
 margin: 0 auto 30px;
}
.n-aword-label{
 width:100%;
 margin: 0 auto 20px;
}
 
 
 
 
.n-price-area{ 
 max-width: 100%;
 width:100%;
 margin: 0 auto 60px;
}

.n-price-area p{
 color: #717683;
 font-size: 18px;
}

.n-price-wrap{
 background: url("../img/n-price-area-back-sp.png") no-repeat center center / cover;
 display: flex;
 justify-content: space-between;
 margin-bottom: 10px;
}



.n-price-left{
 width: 35%;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 24px;
 font-weight: bold;
 text-align: center;
 line-height: 1.3;
}
.n-price-left span{
 color: #fff;
 font-weight: normal;
 font-size: 14px;
}



.n-price-right{
 width: 65%;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 padding: 2% 1%;
 box-sizing: border-box;
 color: #fff;
}

 .n-price-right div{
 display: flex;
  width: 100%;
 }
.n-price-right div .spflex{
 display: flex;
 flex-direction: column;
 line-height: 1.3;
 }
 .n-price-right div .spflex br{
  display: none;
 }
 
 
.n-price-right .red-label{
 background: #cc0033;
 padding: 0 5%.2%;
 line-height: 1.2;
 display: flex;
 flex-direction: column;
 align-items: center;
 white-space: nowrap;
 width: 45%;
 margin-right: 5%;
 justify-content: center;
}
.n-price-right .fs18{
 font-size: 22px;
}
.n-price-right .fs16{
 font-size: 20px;
}
.n-price-right .fs24{
 font-size: 28px;
}
.n-price-right .fs20{
 font-size: 24px;
}
.n-price-right .underline{
 font-size: 26px;
 border-bottom: none;
}


.n-teiki-block{
 background: #fff;
 padding: 0;
 margin-bottom: 55px;
}

.n-teiki-title{
 width: 95%;;
 margin: 0 auto 30px;
}
.n-teiki-subtitle{
 width: 90%;
 margin: 0 auto 20px;
}

.n-teiki-point-area{
 margin-bottom :5px;
}


.n-teiki-point-area ul{
 display: flex;
 justify-content: center;
}

.n-teiki-point-area li{
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 width: 140px;
 height: 140px;
 background: url("../img/n-teiki-point-back.png") no-repeat center center;
}

.n-teiki-point-area li em{
 font-style: normal;
 font-weight: bold;
 line-height: 1.3;
}
.n-teiki-point-area li .red{
 font-style: normal;
 font-weight: bold;
 color: #cc0033;
 font-size: 16px;
}

.n-teiki-point-area li .fs23{
 font-size: 27px;
 line-height: 1;
}
.n-teiki-point-area li .fs12{
 font-size: 16px;
}
.n-teiki-point-area li .fs15{
 font-size: 19px;
}
.n-teiki-point-area li .fs10{
 font-size: 14px;
}


.n-teiki-price-area{
 background: #efefef;
 padding-bottom: 20px;
 margin-bottom: 1em;
}

.n-teikei-price-in{
 display: flex;
 padding: 20px 0 20px 20px;
 align-items: center;
}

.n-teikei-btn{
 width: 500px;
 margin: 0 auto;
}


.n-teiki-block p{
 color: #717683;
 font-size: 18px;
}

.n-teikei-price-r{
 display: flex;
}

.n-teikei-price-l{
 color: #c92850;
 font-size: 13px;
}

.n-teikei-price-l label{
 background: #cccccc;
 color: #444444;
 font-size: 12px;
 padding: .1% 4%;
}
.n-teikei-price-l strong{
 font-size: 24px;
}

.n-teikei-price-c{
 background: #fff;
 padding: 5px;
 color: #c92850;
 line-height: 1.2;
 font-weight: bold;
}
.n-teikei-price-c strong{
 font-size: 27px;
}
.n-teikei-price-c span{
 font-size: 12px;
 font-weight: normal;
}
.n-teikei-price-c sup{
 font-size: 9px;
}

.n-teikei-price-r{
 color: #c92850;
 margin-left: 5px;
 display: flex;
 align-items: center;
 font-weight: bold;
}
.n-teikei-price-r p{
 color: #c92850;
}

.n-teikei-price-r strong{
 font-size: 30px;
 color: #c92850;
}

.n-teikei-price-r label{
 background: #fff;
 font-size: 15px;
 padding: 5px;
 line-height: 1.1;
 display: inline-block;
 margin: 0 5px;
}

.n-teikei-price-r span.lvl1{
 font-size: 22px;
}
.n-teikei-price-r span.lvl2{
 font-size: 14px;
}



.n-center-main-kv{
background: url("../img/n-center-main-kv-sp.jpg") no-repeat center center;
 height: 580px;
 max-width: 1440px;
 margin: 0 auto;
}




.n-3step-care{
 background: none;
 max-width: 1440px;
 margin: 0 auto;
 padding-top: 50px;
 padding-bottom: 80px;
 background: url("../img/n-3step-back-sp.jpg") no-repeat top center;
}

.n-3step-in{
 max-width: 720px;
 width: 100%;
 margin: 0 auto;
}


.n-3step-title{
 width: 560px;
 margin: 0 auto 112px;
}

.n-3step-sub{
 width:100%;
 margin-bottom: 50px;
 padding: 0 40px;
 box-sizing: border-box;
}
 
 .n-3step-subtitle{
 margin-left: 40px;
 width: 264px;
  margin-bottom: 119px;
 } 
 
.n-3step-text{
 box-shadow: 0 0 30px rgba(0,0,0,0.15);
 margin-bottom: 55px;
}

.n-3step-inner{
 border:  10px solid #eeeeee;
 background: #fff;
 padding: 25px 0 0;
}


.n-3step-inner-first{
 display: block;
 padding: 0 15px 50px;
}

.n-3step-inner-first figure figcaption{
 display: none;
 }

.n-3ste-inner-text{
 display: none;
}

.box-price{
 font-weight: bold;
 color: #c92850;
 font-size: 47px;
 text-align: center;
 margin-bottom: 15px;
}
.box-price span{
 font-weight: normal;
 font-size: 25px;
}

 
 
 
 
 
}







