/* common */
#skin-perfection-gel,
.main-modal {
	font-size: 15px;
	font-family: '游明朝','Yu Mincho','游明朝体','YuMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
}

#skin-perfection-gel .for-pc {
	display: block;
}

#skin-perfection-gel .for-sp {
	display: none;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel,
	.main-modal {
		font-size: 3.4vw;
		overflow-x: hidden;
		font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
	}

	.main-modal {
		z-index: 10000;
	}

	#skin-perfection-gel .for-pc {
		display: none;
	}

	#skin-perfection-gel .for-sp {
		display: block;
	}
}

@media screen and (min-width: 769px) {
	/*
	#skin-perfection-gel a:hover,
	#skin-perfection-gel .btn-link.more:hover {
		opacity: .7;
		transition: .3s;
	}
	*/
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel a:active,
	#skin-perfection-gel .btn-link.more:active {
		opacity: .7;
		transition: .3s;
	}
}


#skin-perfection-gel .wrap {
	width: 820px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .wrap {
		width: 100%;
	}
}

#skin-perfection-gel .sec {
	line-height: 2;
	position: relative;
}

#skin-perfection-gel h1 {
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: .12em;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel h1 {
		font-size: 6vw;
	}
}

#skin-perfection-gel h1 span {
	color: #c36;
}

#skin-perfection-gel h1 + .desc-area {
	padding-top: 30px;
	letter-spacing: .12em;
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro08 .desc-area {
		padding-top: 30px;
		letter-spacing: .12em;
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel h1 + .desc-area {
		padding: 10vw 5.5vw 15vw;
	}
}

#skin-perfection-gel img {
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel img {
		width: 100%;
	}
}

#skin-perfection-gel sup {
	font-size: 60%;
	vertical-align: super;
}

#skin-perfection-gel .fl-w {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#skin-perfection-gel .al-item-c {
	align-items: center;
}

#skin-perfection-gel .js-content-c {
	justify-content: center;
}

#skin-perfection-gel .js-content-sb {
	justify-content: space-between
}

#skin-perfection-gel .line {
	border-bottom: 1px solid #7e807f;
}

#skin-perfection-gel .note {
	font-size: 10px;
	font-family: Arial, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .note {
		font-size: 2.8vw;
	}
}

#skin-perfection-gel .btn-link.more,
#skin-perfection-gel .btn-link a {
	border: 1px solid #808080;
	padding: 5px 0;
	line-height: 1;
	display: block;
}

#skin-perfection-gel .btn-link a:hover,
#skin-perfection-gel .btn-link.more:hover {
	background: rgba(255,255,255.8);
}

/* 固定ナビゲーション */
#skin-perfection-gel .fixed-nav {
	background: #ca3265;
	color: #fff;
	padding: 15px 0;
	z-index: 100;
	width: 100%;
}

#skin-perfection-gel .fixed-nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 25px;
	line-height: 1;
	font-size: 11px;
}

#skin-perfection-gel .fixed-nav li {
	position: relative;
	line-height: 1;
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .fixed-nav li::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		height: 0.8em;
		border-right: double #fff;
	}

	#skin-perfection-gel .fixed-nav li:last-of-type::after {
		border-right: 0;
	}
}

#skin-perfection-gel .fixed-nav ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .fixed-nav {
		background: #ca3265;
		color: #fff;
		padding: 0;
		z-index: 100;
	}

	#skin-perfection-gel .fixed-nav a {
		text-decoration: none;
		font-family: Arial, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
		font-size: 3vw;
		display: block;
		padding: 2.5vw;
		position: relative;
		font-weight: bold;
	}

	#skin-perfection-gel .fixed-nav ul:first-of-type a::before {
		content: "";
		width: 5vw;
		height: 5vw;
		background: url('../img/skincare/series/skin-perfection-gel_220920/link-ic_sp.svg') no-repeat center center;
		background-size: 100%;
		z-index: 3;
		display: inline-block;
		vertical-align: middle;
		margin-right: 1vw;
	}

	#skin-perfection-gel .fixed-nav ul:first-of-type li:nth-of-type(-n+2) a {
		padding-bottom: 0;
	}

	#skin-perfection-gel .fixed-nav ul:first-of-type {
		flex-wrap: wrap;
	}

	#skin-perfection-gel .fixed-nav ul:first-of-type li {
		width: 50%;
	}

	#skin-perfection-gel .fixed-nav ul:last-of-type {
		justify-content: flex-end;
		background: #822343;
	}

	#skin-perfection-gel .fixed-nav ul:last-of-type li {
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
	}

	#skin-perfection-gel .fixed-nav ul:last-of-type li:last-of-type {
		padding-right: 5vw;
	}

	#skin-perfection-gel .fixed-nav ul:last-of-type a {
		background: #ca3265;
		border-radius: 1vw;
		padding-top: 1.5vw;
		padding-bottom: 1.5vw;
		margin-left: 3vw;
	}

	#skin-perfection-gel .fixed-nav li::after {
		border-right: 0;
		height: 0;
		position: static;
	}
}

/* メインビジュアル */
#skin-perfection-gel .main {
	min-height: 750px;
	height: calc(100vh - 190px);
	position: relative;
	overflow: hidden;
	/* background: url('../img/skincare/series/skin-perfection-gel_220920/mv.jpg') no-repeat center center; */
	background: url('../img/skincare/series/skin-perfection-gel_220920/mv_01.jpg') no-repeat center center;
	background-size: cover;
	transition: 2s;
	transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	opacity: 0.7;
}

#skin-perfection-gel .main.active02 {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .main {
		min-height: auto;
		height: 160vw;
		/* background: url('../img/skincare/series/skin-perfection-gel_220920/mv_sp.jpg') no-repeat center center; */
		background: url('../img/skincare/series/skin-perfection-gel_220920/mv_sp_01.jpg') no-repeat center bottom;
		background-size: cover;
		transition: 2s;
		transform: matrix(1.1, 0, 0, 1.1, 0, 0);
		opacity: 0.7;
	}

	#skin-perfection-gel .main.active02 {
			opacity: 1;
			transform: matrix(1, 0, 0, 1, 0, 0);
	}
}

#skin-perfection-gel .main .wrap {
	width: auto;
}

#skin-perfection-gel .main_txt {
	display: none;
}

#skin-perfection-gel .main .note {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .main .note {
		display: block;
		bottom: 3vw;
	}
}

/* ブロック背景 */
#skin-perfection-gel .intro01 {
	min-height: 530px;
	background: url('../img/skincare/series/skin-perfection-gel_220920/intro01_bg.jpg') no-repeat left top;
	background-size: cover;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro01 {
		min-height: initial;
		background: url('../img/skincare/series/skin-perfection-gel_220920/intro01_bg_sp.jpg') no-repeat left top;
		background-size: cover;
		padding: 10vw 5.5vw 3.5vw;
	}
}

#skin-perfection-gel .intro02 {
	margin-top: 50px;
	min-height: 570px;
	background: url('../img/skincare/series/skin-perfection-gel_220920/intro02_bg.jpg') no-repeat right top;
	background-size: cover;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro02 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/intro02_bg_sp.jpg') no-repeat center bottom;
		background-size: 100% auto;
		margin-top: 0;
		min-height: auto;
		padding-bottom: 3.5vw;
	}
}

#skin-perfection-gel .intro03 {
	background: url('../img/skincare/series/skin-perfection-gel_220920/intro03_bg.png') no-repeat right top;
	background-size: 450px auto;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro03 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/intro03_bg_sp.jpg') no-repeat center top;
		background-size: 100% auto;
		padding-bottom: 3.5vw;
	}
}

#skin-perfection-gel .intro04 {
	background: #f7f0f8;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro04 {
		padding: 10vw 3.5vw 5.5vw;
	}
}

#skin-perfection-gel .intro05 {
	margin-top: 50px;
	height: 595px;
	background: url('../img/skincare/series/skin-perfection-gel_220920/intro05_bg.jpg') no-repeat right top;
	background-size: auto 100%;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 {
		background: none;
		margin-top: 0;
		height: auto;
	}

	#skin-perfection-gel .intro05 .slide-inner {
		background: url('../img/skincare/series/skin-perfection-gel_220920/intro05_bg00_sp.jpg') no-repeat center center;
		background-size: cover;
		padding-bottom: 10vw;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w01 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/intro05_bg01_sp.jpg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w02 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/intro05_bg02_sp.jpg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w03 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/intro05_bg03_sp.jpg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w04 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/intro05_bg04_sp.jpg') no-repeat center center;
		background-size: cover;
	}
}

#skin-perfection-gel .intro08 {
	margin-top: 90px;
	height: 530px;
	background: url('../img/skincare/series/skin-perfection-gel_220920/intro08_bg.jpg') no-repeat left center;
	background-size: cover;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro08 {
		margin-top: 0;
		height: auto;
		background: none;
	}
}

#skin-perfection-gel .intro07 {
	background: #f7f0f8;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro06,
	#skin-perfection-gel .intro07 {
		margin: 0 3.5vw;
	}
}


/* ブロック詳細 */
#skin-perfection-gel .intro01 .wrap {
	display: flex;
	justify-content: flex-end;
}

#skin-perfection-gel .intro01 .wrap,
#skin-perfection-gel .intro02 .wrap {
	padding-top: 100px;
	width: 1000px;
}

#skin-perfection-gel .intro03 .wrap {
	padding: 160px 0 10px;
}

#skin-perfection-gel .intro05 .wrap {
	width: 1000px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

#skin-perfection-gel .intro06 .wrap {
	width: 100%;
}

#skin-perfection-gel .intro06 .wrap,
#skin-perfection-gel .intro07 .wrap {
	padding: 90px 0 60px;
}

#skin-perfection-gel .intro07 .wrap {
	width: 1040px;
}

#skin-perfection-gel .intro08 .wrap {
	width: 1000px;
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro01 .wrap,
	#skin-perfection-gel .intro02 .wrap {
		width: 100%;
		padding-top: 0;
	}

	#skin-perfection-gel .intro03 .wrap {
		padding: 37vw 0 3.5vw;
	}

	#skin-perfection-gel .intro05 .wrap {
		width: 100%;
		display: block;
	}

	#skin-perfection-gel .intro06 .wrap,
	#skin-perfection-gel .intro07 .wrap {
		padding: 20vw 0 10vw;
	}

	#skin-perfection-gel .intro07 .wrap {
		width: auto;
	}

	#skin-perfection-gel .intro08 .wrap {
		width: 100%;
		display: block;
	}
}

#skin-perfection-gel #contents > .intro08 {
	padding-bottom: 0;
	margin-bottom: 150px;
	position: relative;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel #contents > .intro08 {
		display: block;
		padding-top: 20vw;
	}
}

#skin-perfection-gel .note {
	position: absolute;
	bottom: 10px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .note {
		position: static;
		padding: 0 5.3vw;
	}
}

#skin-perfection-gel .intro01 .col-r {
	width: 53%;
}

#skin-perfection-gel .intro01 .note.n01 {
	width: 450px;
	left: 50%;
}

#skin-perfection-gel .intro01 .note.n02 {
	left: 40px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro01 .col-r {
		width: 100%;
	}

	#skin-perfection-gel .intro01 .note.n01 {
		width: auto;
		padding: 0;
	}

	#skin-perfection-gel .intro01 .note.n02 {
	padding: 0;
	}	
}

#skin-perfection-gel .intro02 .note,
#skin-perfection-gel .intro03 .note,
#skin-perfection-gel .intro04 .note,
#skin-perfection-gel .intro08 .note {
	left: 40px;
	right: 0;
	margin: auto;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro02 .note {
		text-align: right;
		padding-top: 3.5vw;
	}

	#skin-perfection-gel .intro03 .note {
		text-align: right;
	}

	#skin-perfection-gel .intro04 .note {
		padding: 0;
	}
}

#skin-perfection-gel .intro01 .desc-area {
	width: 210px;
	margin-left: 50px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro01 .desc-area {
		width: 50%;
		margin-left: 0;
		padding: 5.5vw 0 30vw;
	}
}

#skin-perfection-gel .intro01 .btn-link.more {
	transform: translate(300px, -30px);
	cursor: pointer;
	text-align: center;
	width: 120px;
	height: 26px;
	line-height: 26px;
	padding: 0;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro01 .btn-link.more {
		transform: none;
		width: 35%;
		height: 7vw;
		line-height: 7vw;
		margin-bottom: 20vw;
	}
}

#skin-perfection-gel .intro01 .btn-link.more.active {
	display: flex;
}

#skin-perfection-gel .intro01 .btn-link.more.active img {
	width: 12px;
	margin: 0 auto;
	height: 100%;
}

#skin-perfection-gel .intro01 .more-desc .wrap {
	padding-top: 0;
	padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro02 h1 {
		position: relative;
		background: #fff;
		padding: 10vw 5.5vw 3vw 5.5vw;
	}

	#skin-perfection-gel .intro02 h1::after {
		content: "";
		position: absolute;
		left: 50%;
		width: 0;
		height: 0;
		border: 3vw solid transparent;
		border-top-color: #fff;
		margin-left: -3vw;
		top: 100%;
	}
}

#skin-perfection-gel .intro02 .btn-wrap {
	width: 240px;
	justify-content: space-between;
	padding: 30px 0;
}

#skin-perfection-gel .intro02 .btn-img {
	width: 110px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro02 .btn-wrap {
		justify-content: start;
		flex-wrap: wrap;
		width: 35vw;
		padding: 0 0 0 5.5vw;
	}

	#skin-perfection-gel .intro02 .btn-wrap a:first-of-type {
		margin-bottom: 2.5vw;
	}

	#skin-perfection-gel .intro02 .btn-img {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro03 h1 {
		padding: 0 5.5vw;
	}
}

#skin-perfection-gel .intro03-desc {
	display: flex;
	justify-content: space-between;
	padding: 110px 0 80px;
	width: 760px;
}

#skin-perfection-gel .intro03-desc .inner {
	width: 350px;
	margin: initial;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro03-desc {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
	}

	#skin-perfection-gel .intro03-desc .inner {
		width: 100%;
		padding: 0;
	}

	#skin-perfection-gel .intro03-desc .inner .fl-w.al-item-c {
		background: rgb(253,243,153);
		background: linear-gradient(90deg, rgba(253,243,153,1) 0%, rgba(255,225,178,1) 100%);
		padding: 4.5vw 5.5vw;
	}
}

#skin-perfection-gel .intro03-desc .icon {
	width: 100px;
	height: auto;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro03-desc .icon {
		width: 25vw;
		height: auto;
	}
}

#skin-perfection-gel .intro03-desc .txt {
	flex: 1;
	font-size: 14px;
	line-height: 1.6;
	padding-left: 20px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro03-desc .txt {
		font-size: 3.4vw;
		line-height: 1.6;
		padding-left: 3.4vw;
	}	
}

#skin-perfection-gel .intro03-desc .img {
	width: 90%;
	margin: 30px auto 0;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro03-desc .img {
		padding: 0 5.5vw 6.5vw;
		margin: 0 auto;
		transform: translateY(-3.5vw);
	}	
}

#skin-perfection-gel .intro04 .tl-head {
	overflow: hidden;
	padding: 60px 0 10px;
}

#skin-perfection-gel .intro04 .tl-head p {
	color: #c36;
	position: relative;
	display: inline-block;
	padding: 0 20px;
	font-size: 20px;
	letter-spacing: .12em;
}

#skin-perfection-gel .intro04 .tl-head p span {
	font-size: 26px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro04 .tl-head {
		padding: 0;
		border-bottom: 1px solid #9a9699;
		margin-bottom: 3.5vw;
	}

	#skin-perfection-gel .intro04 .tl-head p {
		padding: 0;
		font-size: 4.5vw;
	}

	#skin-perfection-gel .intro04 .tl-head p span {
		font-size: 6vw;
	}
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro04 .tl-head p::before,
	#skin-perfection-gel .intro04 .tl-head p::after {
	  position: absolute;
	  top: 50%;
	  content: '';
	  width: 1000%;
	  height: 1px;
	  background-color: #9a9699;
	}
}

#skin-perfection-gel .intro04 .tl-head p::before {
	right: 100%;
}

#skin-perfection-gel .intro04 .tl-head p::after {
	left: 100%;
}

#skin-perfection-gel .intro04 .tl-head,
#skin-perfection-gel .intro04 h1 {
	text-align: center;
}

#skin-perfection-gel .intro04 .desc-img {
	width: 820px;
	margin: 0 auto;
	padding: 60px 0 120px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro04 .desc-img {
		width: 100%;
		padding: 3.5vw 0;
	}	
}

#skin-perfection-gel .intro05 .num4 {
	display: inline-block;
	vertical-align: bottom;
	height: 45px;
	padding: 0 5px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .num4 {
		width: auto;
		height: 10vw;
	}
}

#skin-perfection-gel .intro05 h1 {
	padding-top: 90px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 h1 {
		padding: 20vw 5.5vw 0 5.5vw;
	}
}

#skin-perfection-gel .intro05 .slide-btn {
	display: flex;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-btn {
		display: block;
	}
}

#skin-perfection-gel .intro05 .slide-btn li {
	padding-left: 8px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-btn li {
		padding: 3.4vw 3.4vw 0;
	}
}

#skin-perfection-gel .intro05 .slide-btn li > p {
	width: 42px;
	height: 595px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-btn li > p {
		width: 100%;
		height: 10vw;
	}
}

#skin-perfection-gel .intro05 .slide-btn li .slide-btn01,
#skin-perfection-gel .intro05 .slide-btn li .slide-btn02,
#skin-perfection-gel .intro05 .slide-btn li .slide-btn03,
#skin-perfection-gel .intro05 .slide-btn li .slide-btn04 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

#skin-perfection-gel .intro05 .slide-btn li .slide-btn01 {
	background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn01.svg') no-repeat center center;
	background-size: cover;
}

#skin-perfection-gel .intro05 .slide-btn li .slide-btn02 {
	background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn02.svg') no-repeat center center;
	background-size: cover;
}

#skin-perfection-gel .intro05 .slide-btn li .slide-btn03 {
	background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn03.png') no-repeat center center;
	background-size: cover;
}

#skin-perfection-gel .intro05 .slide-btn li .slide-btn04 {
	background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn04.png') no-repeat center center;
	background-size: cover;
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-btn li .slide-btn01:hover {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn01a.svg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-btn li .slide-btn02:hover {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn02a.svg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-btn li .slide-btn03:hover {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn03a.png') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-btn li .slide-btn04:hover {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn04a.png') no-repeat center center;
		background-size: cover;
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-btn li .slide-btn01 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn01_sp.svg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-btn li .slide-btn02 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn02_sp.svg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-btn li .slide-btn03 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn03_sp.png') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-btn li .slide-btn04 {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn04_sp.png') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-btn li .slide-btn01:active,
	#skin-perfection-gel .intro05 .slide-btn li .slide-btn02:active,
	#skin-perfection-gel .intro05 .slide-btn li .slide-btn03:active,
	#skin-perfection-gel .intro05 .slide-btn li .slide-btn04:active {
		opacity: .7;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .slide-next,
#skin-perfection-gel .intro05 .slide-inner-sub .slide-back {
	position: absolute;
	right: 40px;
	top: 0;
	bottom: -40px;
	margin: auto;
	width: 45px;
	height: 45px;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .slide-next,
	#skin-perfection-gel .intro05 .slide-inner-sub .slide-back,
	#skin-perfection-gel .intro07 .howto-desc .slide-next,
	#skin-perfection-gel .intro07 .howto-desc .slide-back {
		position: absolute;
		right: 3.5vw;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 8vw;
		height: 8vw;
		cursor: pointer;
	}

	#skin-perfection-gel .intro07 .howto-desc .slide-next,
	#skin-perfection-gel .intro07 .howto-desc .slide-back {
		transform: translateY(-7vw);
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w01,
#skin-perfection-gel .intro05 .slide-inner-sub .w02,
#skin-perfection-gel .intro05 .slide-inner-sub .w03,
#skin-perfection-gel .intro05 .slide-inner-sub .w04 {
	position: relative;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w01,
	#skin-perfection-gel .intro05 .slide-inner-sub .w02,
	#skin-perfection-gel .intro05 .slide-inner-sub .w03,
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 {
		display: flex; /* slick高さ合わせ */
		width: 100%;
	}
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w01::before,
	#skin-perfection-gel .intro05 .slide-inner-sub .w02::before,
	#skin-perfection-gel .intro05 .slide-inner-sub .w03::before,
	#skin-perfection-gel .intro05 .slide-inner-sub .w04::before {
		content: "";
		height: 595px;
		width: 42px;
		position: absolute;
		left: 0;
		z-index: 2;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w01::before {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn01a.svg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w02::before {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn02a.svg') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w03::before {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn03a.png') no-repeat center center;
		background-size: cover;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w04::before {
		background: url('../img/skincare/series/skin-perfection-gel_220920/05_btn04a.png') no-repeat center center;
		background-size: cover;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub h1 {
	text-align: right;
	padding: 40px 40px 20px 0;
	font-size: 18px;
}

#skin-perfection-gel .intro05 .slide-inner-sub h1 .num4 {
	height: 30px;
}

#skin-perfection-gel .intro05 .slide-inner-sub .wrap-bg {
	background: rgba(255,255,255,.5);
	height: 480px;
}

#skin-perfection-gel .intro05 .slide-inner-sub .wrap {
	display: block;
	width: 900px;
	margin: 0 auto;
	padding: 40px 0;
	transform: translateX(42px);
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .wrap-bg {
		height: auto;
		width: 100%;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .wrap {
		width: 100%;
		transform: none;
		padding: 10vw 5vw;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .desc-tl {
	padding-right: 40px;
}

#skin-perfection-gel .intro05 .slide-inner-sub .desc-tl img {
	width: 50px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .desc-tl {
		padding-bottom: 5vw;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .desc-tl img {
		height: 12vw;
		width: auto;
	}	
}

#skin-perfection-gel .intro05 .slide-inner-sub .desc-txt {
	font-size: 14px;
	flex: 1;
	letter-spacing: .12em;
}

#skin-perfection-gel .intro05 .slide-inner-sub .note {
	position: static;
	padding-top: 20px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .note {
		position: static;
		padding: 5vw 0 0 0;
	}	
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap {
		flex: 1;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap .head-tl {
	font-size: 18px;
	line-height: 1.6;
	padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap .head-tl {
		font-size: 4.5vw;
		padding-bottom: 5vw;
	}
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap .head-tl {
		font-weight: bold;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap .head-tl span {
	color: #ca0269;
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap .desc {
		font-size: 14px;
		line-height: 1.6;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap .sec-inner {
	padding-left: 10px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap .sec-inner {
		padding-left: 3vw;
		flex-wrap: wrap;
		flex: 1;
	}
}

/* こだわりスライド内個別 */
#skin-perfection-gel .intro05 .slide-inner-sub .w01 .desc-wrap .img {
	width: 390px;
}
@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w01 .desc-wrap .img {
		width: 90%;
		display: block;
		margin: 0 auto;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w01 .desc-wrap .desc {
	padding-top: 30px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w01 .desc-wrap .desc {
		padding-top: 5vw;
	}
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .sec {
		display: flex;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .sec .sec-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .sec .sec-inner:not(:first-of-type) {
		margin-left: 20px;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .sec .sec-inner.in01 {
		width: 270px;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .img img {
	height: 200px;
	max-width: none;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .img img {
		height: 50vw;
		max-width: none;
		width: auto;
		display: block;
		margin: 0 auto;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .desc {
	padding-top: 30px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .desc {
		padding-top: 5vw;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .desc.col2 {
	display: flex;
}

#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .desc.col2 .sub-h {
	font-weight: bold;
	padding-right: 8px;
}

#skin-perfection-gel .intro05 .slide-inner-sub .w02 .desc-wrap .desc.col2 .sub-txt {
	border-left: 1px solid #333;
	padding-left: 8px;
}

#skin-perfection-gel .intro05 .slide-inner-sub .w03 .desc-wrap .img {
	width: 320px;
}

#skin-perfection-gel .intro05 .slide-inner-sub .w03 .desc-wrap .desc {
	padding-bottom: 20px;
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .desc {
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w03 .desc-wrap .img {
		width: 90%;
		margin: 0 auto;
	}
	
	#skin-perfection-gel .intro05 .slide-inner-sub .w03 .desc-wrap .desc {
		padding-bottom: 5vw;
	}
	
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .desc {
		padding-bottom: 5vw;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec-all {
	display: flex;
	flex-flow: column wrap;
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec {
	display: flex;
	align-items: center;
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec .ic {
	width: 70px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec {
		align-items: flex-start;
	}
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec .ic {
		width: 20vw;
	}
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec-inner {
		font-size: 14px;
		line-height: 1.4;
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec-inner {
		flex-wrap: wrap;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec1 .img {
	width: 65px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec1 .img {
		width: 18vw;
		margin-right: 2vw;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec1 .img:not(:nth-of-type(-n+3)) {
		margin-top: 2vw;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec1 .sec-inner {
	display: flex;
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec1 .sec-inner .img {
		margin-right: 10px;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2 .sec-inner {
	flex: 1;
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2 .sec-inner > div {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2 .sec-inner > div {
		flex-flow: column ;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2,
#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec3 {
	padding-top: 10px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2,
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec3 {
		padding-top: 8vw;
	}
}

#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2 img {
	width: 80px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2 img {
		width: 30vw;
	}
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2 .txt {
		flex: 1;
		padding-left: 10px;
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .slide-inner-sub .w04 .desc-wrap .sec.sec2 .txt {
		padding-top: 3vw;
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro05 .fl-w {
		display: block;
	}
}







#skin-perfection-gel .intro06 h1,
#skin-perfection-gel .intro06 h2,
#skin-perfection-gel .intro07 h1,
#skin-perfection-gel .intro07 h2 {
	text-align: center;
}

#skin-perfection-gel .intro06 h2,
#skin-perfection-gel .intro07 h2 {
	letter-spacing: .12em;
}

#skin-perfection-gel .intro06 h1,
#skin-perfection-gel .intro07 h1 {
	position: relative;
	padding-top: 30px;
}

#skin-perfection-gel .intro06 h1::before,
#skin-perfection-gel .intro07 h1::before {
	content: "";
	border-top: 2px solid #333;
	width: 20px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#skin-perfection-gel .intro06 .lineup01,
#skin-perfection-gel .intro06 .lineup02 {
	padding: 90px 0 30px;
}

#skin-perfection-gel .intro06 .lineup01 {
	background: #fefbea;
	margin-top: 60px;
}

#skin-perfection-gel .intro06 .lineup01 ul,
#skin-perfection-gel .intro06 .lineup02 ul {
	width: 600px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 auto;
}

#skin-perfection-gel .intro06 .lineup01 li,
#skin-perfection-gel .intro06 .lineup02 li {
	width: 250px;
}

#skin-perfection-gel .intro06 .lineup01 li {
	text-align: center;
}

#skin-perfection-gel .intro06 .lineup01 .product-tl {
	width: 180px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#skin-perfection-gel .intro06 .lineup02 .product-tl {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#skin-perfection-gel .intro06 .lineup02 .product-img {
	width: 150px;
	margin: 0 0 0 auto;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro06 .lineup01,
	#skin-perfection-gel .intro06 .lineup02 {
		padding: 10vw 0 0;
	}

	#skin-perfection-gel .intro06 .lineup01 {
		margin-top: 10vw;
	}

	#skin-perfection-gel .intro06 .lineup01 ul,
	#skin-perfection-gel .intro06 .lineup02 ul {
		width: auto;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	#skin-perfection-gel .intro06 .lineup01 li,
	#skin-perfection-gel .intro06 .lineup02 li {
		width: auto;
		text-align: center;
	}

	#skin-perfection-gel .intro06 .lineup01 .product-tl {
		width: 180px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	
	#skin-perfection-gel .intro06 .lineup02 .product-tl {
		width: 600px;
		margin: 0 auto;
		padding-bottom: 30px;
	}

	@media screen and (max-width: 768px) {
		#skin-perfection-gel .intro06 .lineup01 .product-tl {
			width: 40vw;
			margin: 0;
			padding-bottom: 10vw;
			transform: translateX(-26vw);
		}

		#skin-perfection-gel .intro06 .lineup01 .product-img {
			width: 50vw;
			margin: 0 auto;
		}

		#skin-perfection-gel .intro06 .lineup02 .product-tl {
			width: 70%;
			margin: 0 auto;
			padding-bottom: 10vw;
		}
	}

	#skin-perfection-gel .intro06 .lineup02 .product-img {
		width: 30vw;
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro06 .lineup01 .txt-wrap {
		transform: translateY(-15vw);
		width: 70vw;
	}

	#skin-perfection-gel .intro06 .lineup02 .txt-wrap {
		transform: translateY(-5vw);
		width: 70vw;
	}
}

#skin-perfection-gel .intro06 h3 {
	text-align: center;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro06 h3 {
		font-size: 4.5vw;
		padding-bottom: 3.5vw;
	}
}

#skin-perfection-gel .intro06 .mark,
#skin-perfection-gel .intro06 .product-sup,
#skin-perfection-gel .intro06 .detail {
	text-align: center;
}

#skin-perfection-gel .intro06 .mark,
#skin-perfection-gel .intro06 .product-sup,
#skin-perfection-gel .intro06 .detail span {
	font-size: 70%;
}

#skin-perfection-gel .intro06 .mark {
	display: inline-block;
	border: 1px solid #808080;
	line-height: 1;
	padding: 3px 4px;
}

#skin-perfection-gel .intro06 .detail {
	padding: 30px 0 20px;
}

#skin-perfection-gel .intro06 .btn-link a {
	text-align: center;
	font-size: 13px;
	padding: 10px 0;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro06 .detail {
		padding: 5.5vw 0;
	}

	#skin-perfection-gel .intro06 .btn-link a {
		font-size: 3.5vw;
		padding: 3vw 0;
	}	
}

#skin-perfection-gel .intro07 .desc-area.desc01 {
	width: 760px;
	margin: 0 auto;
}

#skin-perfection-gel .intro07 .desc-area.desc02 {
	width: 840px;
	margin: 0 auto;
}

#skin-perfection-gel .intro07 .desc-area.desc03 {
	width: 840px;
	margin: 0 auto;
}


#skin-perfection-gel .intro07 .desc-area.desc03 .tl {
	display: flex;
	background-color: #ca0269;
	border-radius: 6px;
	width: 180px;
	text-align: center;
	color: #fff;
	justify-content: center;
	align-items: center;
	line-height: 1.6;
	margin-right: 20px;
}

#skin-perfection-gel .intro07 .desc-area.desc03 .tl2 {
	/* flex: 1; */
}


#skin-perfection-gel .intro07 .desc-tl {
	width: 230px;
	margin: 0 auto;
	padding: 60px 0 20px;
	display: flex;
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl {
		width: auto;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro07 .desc-area.desc01,
	#skin-perfection-gel .intro07 .desc-area.desc02,
	#skin-perfection-gel .intro07 .desc-area.desc03 {
		width: auto;
		padding-top: 10vw;
	}

	#skin-perfection-gel .intro07 .desc-area.desc02,
	#skin-perfection-gel .intro07 .desc-area.desc03 {
		padding-top: 0;
	}

	#skin-perfection-gel .intro07 .desc-tl {
		width: auto;
		margin: 10vw auto;
		text-align: center;
		padding: 0;
		display: block;
	}

	#skin-perfection-gel .intro07 .desc-tl p,
	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl > div {
		display: inline-block;
		padding: 2vw 11vw 2vw 3vw;
		background: #fff;
		border-radius: 1vw;
		position: relative;
	}

	#skin-perfection-gel .intro07 .desc-tl p::after,
	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl > div::after {
		content: "";
		position: absolute;
		right: 1.5vw;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 6vw;
		height: 6vw;
	}

	#skin-perfection-gel .intro07 .desc-tl p::after,
	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl > div::after {
		background: url('../img/skincare/series/skin-perfection-gel_220920/howto_open_sp.svg') no-repeat center center;
		background-size: 100%;
	}

	#skin-perfection-gel .intro07 .desc-tl.active p::after,
	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl.active > div::after {
		background: url('../img/skincare/series/skin-perfection-gel_220920/howto_close_sp.svg') no-repeat center center;
		background-size: 100%;
	}

	#skin-perfection-gel .intro07 .desc-tl img {
		height: 5vw;
		width: auto;
		max-width: auto;
	}
}

#skin-perfection-gel .intro07 .desc-txt {
	text-align: center;
}

#skin-perfection-gel .intro07 .howto-desc {
	display: flex;
	justify-content: space-between;
	padding: 40px 0 80px;
	margin: 0 auto;
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro07 .desc-area.desc03 .howto-desc {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	#skin-perfection-gel .intro07 .desc-area.desc03 .howto-desc li {
		width: calc((100% - 80px) / 3);
	}

	#skin-perfection-gel .intro07 .desc-area.desc03 .howto-desc li:not(:nth-of-type(-n+3)) {
		margin-top: 40px;
	}

	#skin-perfection-gel .intro07 .desc-area.desc03 .howto-desc li:nth-of-type(3n+2),
	#skin-perfection-gel .intro07 .desc-area.desc03 .howto-desc li:nth-of-type(3n+3) {
		margin-left: 40px;
	}
}


@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro07 .desc01 .howto-desc,
	#skin-perfection-gel .intro07 .desc03 .howto-desc {
		display: block;
		/* padding: 0 15vw; */
		padding: 0;
	}

	#skin-perfection-gel .intro07 .desc01 .howto-desc > div,
	#skin-perfection-gel .intro07 .desc03 .howto-desc > div {
		position: relative;
	}

	#skin-perfection-gel .intro07 .desc01 .howto-desc .txt {
	padding: 3.5vw 3.5vw 0;
	}

	#skin-perfection-gel .intro07 .desc02 .howto-desc,
	#skin-perfection-gel .intro07 .desc03 .howto-desc {
		flex-wrap: wrap;
		padding: 0;
	}

	#skin-perfection-gel .intro07 .desc02 .howto-desc {
		padding-bottom: 10vw;
	}
}

#skin-perfection-gel .intro07 .desc01 .howto-desc li {
	width: 225px;
	position: relative;
}

#skin-perfection-gel .intro07 .desc02 .howto-desc li {
	width: 180px;
}

#skin-perfection-gel .intro07 .desc03 .howto-desc li {
	width: 180px;
}

@media screen and (max-width: 768px) {	
	#skin-perfection-gel .intro07 .desc01 .howto-desc li,
	#skin-perfection-gel .intro07 .desc02 .howto-desc li,
	#skin-perfection-gel .intro07 .desc03 .howto-desc li {
		width: 100%;
	}

	#skin-perfection-gel .intro07 .desc02 .howto-desc li {
		display: flex;
		align-items: center;
	}

	#skin-perfection-gel .intro07 .desc02 .howto-desc li > p:nth-of-type(2n) {
		flex: 1;
		padding: 0 4vw 0 0.5vw;
		font-size: 3.4vw;
	}

	#skin-perfection-gel .intro07 .desc02 .howto-desc.d01 {
		width: 80%;
		padding: 0 0 10vw 0;
	}

	#skin-perfection-gel .intro07 .desc02 .howto-desc.d01 li > p:nth-of-type(2n) {
		padding: 0 0 0 4vw;
	}

	#skin-perfection-gel .intro07 .desc02 .howto-desc.d02 li:not(:first-of-type) {
		margin-top: 3vw;
	}

	#skin-perfection-gel .intro07 .desc02 .howto-desc.d02 li > p:nth-of-type(2n+1) {
		width: 57%;
		transform: translateX(-3.5vw);
		height: auto;
		margin: 0;
	}

	#skin-perfection-gel .intro07 .desc02 .point-ic img {
		height: 7vw;
		margin-bottom: 3.5vw;
		width: auto;
	}
}

#skin-perfection-gel .intro07 .desc01 .sup-icon {
	position: absolute;
	width: 155px;
	height: 155px;
	bottom: 25px;
	transform: translate(-50%, -50%);
}

#skin-perfection-gel .intro07 .desc02 .sup-icon {
	width: 155px;
	height: 155px;
	margin: 0 auto;
	margin-top: 50px;
}

#skin-perfection-gel .intro07 .desc03 .sup-icon {
	width: 155px;
	height: 155px;
	margin: 0 auto;
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro07 .desc01 .ac-wrap {
		margin-bottom: 10vw;
	}

	#skin-perfection-gel .intro07 .desc01 .sup-icon {
		width: 40vw;
		height: auto;
		position: static;
		transform: none;
		margin: 0 auto;
		padding-bottom: 10vw;
	}

	#skin-perfection-gel .intro07 .desc02 .sup-icon {
		width: 40vw;
		height: auto;
		margin-top: 0;
	}

	#skin-perfection-gel .intro07 .desc03 .sup-icon {
		width: 40vw;
		height: auto;
		margin-top: 0;
	}
}

#skin-perfection-gel .intro07 .howto-link-wrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

#skin-perfection-gel .intro07 .howto-link.link1,
#skin-perfection-gel .intro07 .howto-link.link2 {
	display: block;
	width: 360px;
	height: 30px;
	/* margin: 0 0 0 auto; */
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	/* transform: translateX(50px); */
}

#skin-perfection-gel .intro07 .howto-link.link1 {
	background: url('../img/skincare/series/skin-perfection-gel_220920/howto_more1.png') no-repeat center center;
	background-size: 100% auto;
}

#skin-perfection-gel .intro07 .howto-link.link2 {
	background: url('../img/skincare/series/skin-perfection-gel_220920/howto_more2.png') no-repeat center center;
	background-size: 100% auto;
}

/*
#skin-perfection-gel .intro07 .howto-link.link2:hover {
	background: url('../img/skincare/series/skin-perfection-gel_220920/howto_more_a.svg') no-repeat center center;
	background-size: 100% auto;
}
*/

#skin-perfection-gel .intro07 .txt {
	line-height: 1.6;
	font-size: 13px;
	padding: 20px 10px 0;
}

#skin-perfection-gel .intro08 .col-r {
	width: 50%;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro07 .txt {
		font-size: 3.4vw;
		padding: 0 3.4vw 0 0;
		flex: 1;
	}

	#skin-perfection-gel .intro07 .desc-area.desc03 .txt {
		padding: 3.4vw 0 0;
	}

	#skin-perfection-gel .intro08 .col-r {
		width: auto;
	}

	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl p {
		padding: 0;
		background: none;
		position: static;
		display: inline;
	}
	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl {
		position: relative;
	}
	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl .ic img {
		position: absolute;
		background: none;
		padding: 0;
		border-radius: 0;
		z-index: 2;
		top: -3.8vw;
		left: -2.5vw;
	}
	#skin-perfection-gel .intro07 .desc-area.desc03 .desc-tl .ic::after {
		display: none;
	}

	#skin-perfection-gel .intro05 .slide-inner-sub .desc-wrap .sec-inner.in02 .img-col2 > div {
		display: flex;
		justify-content: center;
	}
}

#skin-perfection-gel .intro08 .desc-img img {
	height: 530px;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro08 .desc-img img {
		height: auto;
	}
	#skin-perfection-gel .intro08 .desc-area {
		padding: 5.3vw;
	}
}

#skin-perfection-gel .intro08 .note {
	bottom: -30px;
}

/* modal */
.mfp-bg {
	background: rgba(255,255,255,.2);
}

.mfp-content {
	width: 570px !important;
}

.spg-modal-win {
	border: 2px solid #c36;
	background: rgba(255,255,255,.9);
	padding: 30px;
	margin: 0 auto;
}

.spg-modal-win h1 {
	text-align: center;
	font-size: 26px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-weight: bold;
	letter-spacing: .12em;
}

@media screen and (max-width: 768px) {
	.mfp-content {
		width: 100% !important;
	}

	.spg-modal-win {
		padding: 5.5vw;
	}

	.spg-modal-win h1 {
		font-size: 6vw;
		padding-bottom: 3.5vw;
		margin-bottom: 5.5vw;
	}
}

.spg-modal-win h1 span {
	font-size: 70%;
}

.spg-modal-win h1::after {
	content: "";
	border-bottom: 3px double #c36;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 165px;
}

.spg-modal-win .inner-w {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.spg-modal-win .inner-w .desc-img {
	width: 260px;
}

.spg-modal-win .inner-w .desc-txt {
	width: 220px;
	line-height: 1.8;
	font-size: 13px;
}

@media screen and (max-width: 768px) {
	.spg-modal-win .inner-w {
		display: block;
	}

	.spg-modal-win .inner-w .desc-img {
		width: auto;
	}

	.spg-modal-win .inner-w .desc-txt {
		width: auto;
		padding-top: 3.5vw
	}
}

.spg-modal-win .desc-img img {
	max-width: 100%;
}

.mfp-close-btn-in .mfp-close {
	color: #c36;
	background: #f6eaf0;
	top: 2px;
	right: 2px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

@media screen and (max-width: 768px) {
	.mfp-close-btn-in .mfp-close {
		width: 10vw;
		height: 10vw;
		line-height: 10vw;
		font-size: 6vw;
	}
}

/* slick */
#skin-perfection-gel .slick-slider {
	overflow: hidden;
}

#skin-perfection-gel .slick-slide {
	outline: none;
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro07 .desc01 .slick-slide,
	#skin-perfection-gel .intro07 .desc03 .slick-slide {
		padding: 0 15vw;
		position: relative;
	}

	#skin-perfection-gel .intro05 .slick-track,
	#skin-perfection-gel .intro05 .slick-list,
	#skin-perfection-gel .intro05 .slick-initialized .slick-slide {
		display: flex; /* slick高さ合わせ */
	}
}

#skin-perfection-gel .intro07 .howto-link.link2 .slick-next {
	width: 360px;
	height: 30px;
	right: 0;
}

#skin-perfection-gel .intro07 .howto-link.link2 .slick-next:before {
	content:"";
}

/* IE11 */
_:lang(x)::-ms-backdrop, #skin-perfection-gel .intro06 .mark {
	padding-top: 5px
}

/* IE11 */
_:lang(x)::-ms-backdrop, #skin-perfection-gel .intro06 .lineup01 ul {
	width: 650px;
}

/* IE11 */
_:lang(x)::-ms-backdrop, #skin-perfection-gel .intro06 .lineup01 li.txt-wrap {
	width: 300px;
}

/* sec intro01　画像追加調整 */
#skin-perfection-gel .intro01{
	min-height:560px;
}
#skin-perfection-gel .intro01 .desc-area{
	width: auto;
	margin: 0;
	display: flex;
	justify-content: center;
}
@media screen and (min-width: 769px) {
	#skin-perfection-gel .intro01 .desc-area{
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro01 .desc-area{
		width: auto;
	}
}
#skin-perfection-gel .intro01 .desc-area .img01 {
	width: 210px;
	margin: 0 20px;
}
#skin-perfection-gel .intro01 .desc-area .img02 {
	width: 210px;
}
@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro01 .desc-area .img01 {
		margin: 0 5px 0 0;
		width: 47%;
	}
	#skin-perfection-gel .intro01 .desc-area .img02 {
		margin-left: 5px;
		width: 47%;
	}
}
#skin-perfection-gel .intro01 .btn-link.more{
	transform: none;
	margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
	#skin-perfection-gel .intro01 .btn-link.more{
		transform: none;
		margin: 0;
		margin-bottom: 20vw;
	}
}

#skin-perfection-gel .intro06 .btn-link{
	display: block;
	margin-bottom: 20px;
}
#skin-perfection-gel .intro06 .btn a{
	font-weight: normal;
}
#skin-perfection-gel .intro06 .btn a:hover,
#skin-perfection-gel .intro06 .btn.more:hover{
	background: #333;
}

/* ロゴタブ追加　広告LP  フッターシンプル版 */
#contents .lp-logo-tab {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media screen and (min-width: 769px) {
	#contents .lp-logo-tab {
		width: 1000px;
	}
	#contents .lp-logo-tab img {
		width: 160px;
	}
}

@media screen and (max-width: 768px) {
	#contents .lp-logo-tab {
		left: 3vw;
	}
	#contents .lp-logo-tab img {
		width: 22vw;
	}
}

@media screen and (min-width: 769px) {
	#skin-perfection-gel.lp .main {
		height: 100vh;
	}
	#skin-perfection-gel.lp .main_txt.active {
		transform: translate(-450px, -50%);
	}
}

@media screen and (max-width: 768px) {
	#skin-perfection-gel.lp {
		margin-top: -14.6vw;
	}
}

@media screen and (min-width: 769px) {
	.slide-inner .slide-next {
		position: absolute;
		z-index: 1000000;
		width: 45px;
		height: 45px;
		top: 0;
		bottom: 0;
		right: -100px;
		margin: auto;
		left: auto;
		cursor: pointer;
	}
}

@media screen and (max-width: 768px) {
	.slide-inner .slide-next {
		display: none;
	}
}

.for-pc.slide-howto .slick-slide {
	position: relative;
}

.for-pc.slide-howto .slick-dots {
	position: static;
	bottom: auto;
	margin-top: 20px;
}

.for-pc.slide-howto .slick-dots li button:before {
	font-size: 30px;
}

.for-pc.slide-howto .slick-prev,
.for-pc.slide-howto .slick-next {
	width: 45px;
	height: 45px;
	z-index: 2;
}

.for-pc.slide-howto .slick-prev {
	left: 0;
}

.for-pc.slide-howto .slick-next {
	right: 0;
}

.for-pc.slide-howto .slick-prev::before,
.for-pc.slide-howto .slick-next::before {
	content: "";
	width: 45px;
	height: 45px;
	display: block;
}

.for-pc.slide-howto .slick-next::before {
	background: url(../img/skincare/series/skin-perfection-gel_220920/next.svg) no-repeat;
}

.for-pc.slide-howto .slick-prev::before {
	background: url(../img/skincare/series/skin-perfection-gel_220920/next.svg) no-repeat;
	transform: rotate(-180deg);
}

/*
.for-pc.slide-howto .slick-prev.slick-disabled,
.for-pc.slide-howto .slick-next.slick-disabled {
	display: none !important;
}
*/