* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	/* font-family: "A1 Gothic R", sans-serif; */
	/* font-feature-settings: "pkna" 1; */
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position: relative;
	line-height: 1;
	letter-spacing: 0;
	color: #1a1a1a;
	/* background-image: url("../img/pc_lotion_bk.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top; */
	-webkit-text-size-adjust: 100%;
}
img {
	vertical-align: bottom;
	border: none;
}
a {
	color: #1a1a1a;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
a:hover {
	opacity: 0.8;
}
ul {
	list-style-type: none;
}
sup {
	font-size: 10px;
	position: relative;
	top: 0;
	margin-right: 4px;
}
input[type="text"], select, textarea {
	-webkit-appearance: none;
	appearance: none;
}
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
.a1gm {
	font-family: "A1 Gothic M", sans-serif;
	font-feature-settings: "pkna" 1;
}
br.br--sp {
	display: none;
}
br.br--tb {
	display: none;
}
br.br--pc {
	display: block;
}
.sp_only {
	display: none;
}
.is-pc {
	display: block;
}
.is-sp {
	display: none;
}
@media (max-width: 1000px) {
	.is-pc {
		display: none;
	}
	.is-sp {
		display: block;
	}
	br.br--pc {
		display: none;
	}
	br.br--tb {
		display: block;
	}
	.sub__head {
		margin-left: 48px;
	}
}
@media (max-width: 640px) {
	.sp_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	br.br--sp {
		display: block;
	}
}

header {
	position: absolute;
	padding: 7px;
	z-index: 9999;
	display: none;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes scrollPointer {
	0% {
		top: -100%;
	}
	100% {
		top: 100%;
	}
}

.flare-box {
	position: relative;
	z-index: 200;
	opacity: 0;
	transition: all 0.8s ease-in-out;
}

.flare-box.is-active {
	opacity: 1;
}

/* .flare01 {
	-webkit-animation: flash01 ease 20s alternate infinite;
	animation: flash01 ease 20s alternate infinite;
}

.flare02 {
	-webkit-animation: flash02 ease 20s alternate infinite;
	animation: flash02 ease 20s alternate infinite;
}
.flare03 {
	-webkit-animation: flash02 ease 20s alternate infinite;
	animation: flash02 ease 20s alternate infinite;
}

.flare03 {
	width: 30vw;
	height: 30vw;
	opacity: .1;
	margin: -15vw 0 0 -15vw;
}

.flare_color01 {
	width: 10vw;
	height: 10vw;
	opacity: .9;
	margin: -5vw 0 0 -5vw;
	-webkit-animation: flash04 ease 20s alternate infinite;
	animation: flash04 ease 20s alternate infinite;
}

.flare_color02 {
	width: 30vw;
	height: 30vw;
	opacity: .1;
	margin: -15vw 0 0 -15vw;
	-webkit-animation: flare_color02 ease 20s alternate infinite;
	animation: flare_color02 ease 20s alternate infinite;
}

.flare_color03 {
	width: 20vw;
	height: 20vw;
	opacity: 1;
	margin: -10vw 0 0 -10vw;
	-webkit-animation: flash04 ease 20s alternate infinite;
	animation: flash04 ease 20s alternate infinite;
} */
/* .flare_color01 {
	-webkit-animation: flare_color01 ease 20s alternate infinite;
	animation: flare_color01 ease 20s alternate infinite;
}

.flare_color02 {
	-webkit-animation: flare_color02 ease 20s alternate infinite;
	animation: flare_color02 ease 20s alternate infinite;
}
.flare_color03 {
	-webkit-animation: flare_color03 ease 20s alternate infinite;
	animation: flare_color03 ease 20s alternate infinite;
} */

/* .flare:before {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	-webkit-animation: move1 linear 100s alternate infinite;
	animation: move1 linear 100s alternate infinite;
}

.flare-move1:before {
	-webkit-animation: move1 linear 100s alternate infinite;
	animation: move1 linear 100s alternate infinite;
	z-index: 1;
}
.flare-move2:before {
	-webkit-animation: move2 linear 100s alternate infinite;
	animation: move2 linear 100s alternate infinite;
	z-index: 2;
}
.flare-move3:before {
	-webkit-transform: translate3d(-50vw, 50vh, 0);
	transform: translate3d(-50vw, 50vh, 0);
	-webkit-animation: move3 linear 70s alternate infinite;
	animation: move3 linear 70s alternate infinite;
	z-index: 3;
}
.flare-move4:before {
	-webkit-transform: translate3d(40vw, -40vh, 0);
	transform: translate3d(40vw, -40vh, 0);
	-webkit-animation: move4 linear 30s alternate infinite;
	animation: move4 linear 30s alternate infinite;
	z-index: 4;
}
.flare-move5:before {
	-webkit-transform: translate3d(50vw, 40vh, 0);
	transform: translate3d(50vw, 40vh, 0);
	background: #e7d4dd;
	-webkit-animation: move5 linear 20s alternate infinite;
	animation: move5 linear 20s alternate infinite;
	z-index: 5;
}
.flare-move6:before {
	background: #c7d9e7;
	-webkit-transform: translate3d(40vw, -30vh, 0);
	transform: translate3d(40vw, -30vh, 0);
	-webkit-animation: move6 linear 50s alternate infinite;
	animation: move6 linear 50s alternate infinite;
	background: #E0EFFF !important;
	z-index: 6;
} */

.jsc_fade_parent {
	opacity: 0;
}

.jsc_fade_parent.active {
	-webkit-animation: fadeIn 0.6s ease-out 0.1s;
	animation: fadeIn 0.6s ease-out 0.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.lotion img {
	width: 100%;
}

.lotion_contetn {
	background-image: url(../img/renewal_2104/feature_bg.png);
	background-position: center top;
	background-repeat: repeat-y;
	-webkit-background-size: 100%;
	background-size: 100%;
	position: relative;
	z-index: 100;
}

.lotion .c-title {
	font-size: 32px;
	text-align: center;
	position: relative;
	letter-spacing: 0.3em;
}

.lotion .c-title:after {
	position: absolute;
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	background: #000;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -40px;
}


.inner {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

.page_navi {
	position: fixed;
	top: 30px;
	left: 40px;
	transition: opacity 0.4s ease-in-out;
	opacity: 0;
	z-index: 1000;
}

.page_navi.is-active {
	opacity: 1;
}

.page_navi li {
	margin: 20px 0 0;
	transition: all 0.1s ease;
	width: 184px;
}

.page_navi li:first-child {
	margin: 0;
}

.page_navi li a img {
	transition: all 0.2s ease-in-out;
}

.page_navi li a:hover,
.page_navi li a:hover img {
	opacity: 0.8;
}

.fix_btn {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 1000;
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.fix_btn.is-active {
	opacity: 1;
}

.fix_btn.is-active.is-hide {
	opacity: 0;
}


.main {
	position: relative;
	padding: 60px 0 0 ;
}

.main .list {
	/* padding: 0 40px; */
}

.main .main_inner {
	margin: 0 90px;
	padding: 0;
	position: relative;
}

.main .logo {
	max-width: 860px;
	position: absolute;
	bottom: -36px;
	left: -40px;
	z-index: 200;
}

.concept {
	padding: 196px 0 28px;
	text-align: center;
	background: #fff;
	position: relative;
	z-index: 100;
}

.concept .title {
	width: 356px;
	margin: 0 auto;
}

.concept .text {
	margin: 50px auto 0;
	width: 678px;
}

.concept .logo {
	width: 275px;
	margin: 65px auto 0;
}

.concept .img {
	width: 100%;
	margin: 150px auto 0;
	height: 500px;
	background: -moz-linear-gradient(left, #e8cfd9, #e8cfd9 50%, #3a9ee4 50%, #3a9ee4);
	background: -webkit-linear-gradient(left, #e8cfd9, #e8cfd9 50%, #3a9ee4 50%, #3a9ee4);
	background: linear-gradient(to right, #e8cfd9, #e8cfd9 50%, #3a9ee4 50%, #3a9ee4);
}

.concept .img_inner {
	height: 100%;
	background-image: url(../img/renewal_2104/lead.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

.concept .button {
	width: 360px;
	margin: 80px auto 0;
}

.scroll_bar {
	position: absolute;
	bottom: 0;
	right: 9vw;
	top: 84vh;
	z-index: 200;
	opacity: 1;
	transition: all 0.4s ease-in-out;
}
.scroll_bar.is-active {
	opacity: 0;
}

.scroll_text {
	position: absolute;
	display: block;
	transform-origin: left;
	transform: rotate( 90deg);
	font-size: 2rem;
	font-size: 1rem;
	top: -76px;
	left: 0;
	font-size: 12px;
	letter-spacing: 0.2em;
}

.scroll_wrap {
	overflow: hidden;
}

.scroll_rail {
	position: relative;
	background: #c9c9c9;
	height: 15vw;
	width: 1px;
	overflow: hidden;
	height: 149px;
}

.scroll_pointer {
	display: block;
	width: 100%;
	height: 40%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	-webkit-animation: scrollPointer 2s cubic-bezier(.29,.68,.69,.31) infinite;
	animation: scrollPointer 2s cubic-bezier(.29,.68,.69,.31) infinite;
}


.feature {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 100;
}


.feature_mask-top {
	margin-bottom: 150px;
}

.feature_mask-bottom {
	margin-top: 230px;
}

.feature .title {
	width: 780px;
	margin: 0 auto;
}


.feature .item {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	position: relative;
	width: 100%;
	text-align: left;
	margin: 100px 0 0;
	z-index: 100;
}

.feature .item .img {
	position: relative;
	flex-basis: calc(50% - 32px);
	margin-left: 80px;
	z-index: 200;
	/* max-width: 700px; */
}

.feature .item .content {
	position: relative;
	width: 550px;
	top: 102px;
	/* bottom: 48px; */
	padding: 78px 62px 78px 120px;
	background-color: #fff;
	left: -38px;
	z-index: 100;
}

.feature .item .number {
}

.feature .item .number01 {
	width: 40px;
}
.feature .item .number02 {
	width: 48px;
}
.feature .item .number03 {
	width: 48px;
}

.feature .item .lead01 {
	width: 252px;
}
.feature .item .lead02 {
	width: 230px;
}
.feature .item .lead03 {
	width: 306px;
}

.feature .item .lead {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #040000;
	letter-spacing: 0.1em;
	margin: 20px 0 0;
}

.feature .item .lead:after {
	position: absolute;
	bottom: -29px;
	left: 0;
	content: '';
	width: 20px;
	height: 2px;
	display: block;
	background: #000;
}


.feature .item .text {
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: 0.1em;
	margin: 70px 0 0;
}

.feature .item .annotation {
	font-size: 12px;
	line-height: 1.75;
	letter-spacing: 0.1em;
	margin: 13px 0 0;
}

.feature .item.first {
	margin: 150px 0 0;
}

.feature .item:nth-of-type(2n){
	justify-content: flex-end;
	margin: 292px 0 0
}

.feature .item:nth-of-type(2n) .img{
	margin-right: 80px;
	margin-left: 0;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.feature .item:nth-of-type(2n) .content{
	top: -130px;
	right: -60px;
	/* right: 50%; */
	left: inherit;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.graphic {
	padding: 70px 0 0;
	background: #fff;
	position: relative;
	z-index: 100;
}

.graphic .inner {
	z-index: 100;
}

.graphic .inner .title {
	width: 158px;
	margin: 0 auto;
}

.graphic .list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
}

.graphic .list a {
	width: 480px;
	margin-top: 40px;;
	margin-right: 40px;
	border: 1px solid #cccccc;
}

.graphic .list a:nth-of-type(2n){
	margin-right: 0;
}

.movie {
	padding: 130px 0 230px;
	background: #fff;
	position: relative;
	z-index: 100;
}

.movie .inner {
	z-index: 100;
}
.movie .title {
	width: 110px;
	margin: 0 auto;
}

.movie .img {
	margin: 102px 0 0;
}


.movie .img img,
.interview .img img {
	transition: all 0.2s ease-in-out;
}

.movie .img a:hover img,
.interview .img a:hover img {
	opacity: 0.8;
}

.interview {
	position: relative;
	z-index: 100;
}


.interview_mask-top {
	margin-bottom: 150px;
}
.interview_mask-bottom {
	margin-top: 150px;
}
.interview .img {
	margin: 102px 0 0;
}
.interview .title {
	width: 194px;
	margin: 0 auto;
}

.profile {
	margin: 150px 0 0;
}

.interview .profile .title {
	width: 144px;
	margin: 0 auto;
}

.profile .content {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #fff;
	padding: 40px 62px;
	margin: 104px 0 0;
}

.profile .content .img {
	width: 240px;
	margin: 0;
}

.profile .content .body {
	width: 594px;
	margin-left: 38px;
}

.profile .content .name {
	width: 236px;
}

.profile .content .text {
	font-size: 14px;
	line-height: 1.7;
	margin: 20px 0 0;
	letter-spacing: 0.2em;
}

img.mfp-img {
	padding: 0;
	cursor: none;
}

.mfp-bottom-bar,
.mfp-close {
	display: none;
}

.mfp-container {
	max-width: 1000px;
	right: 0;
	margin: 0 auto;
}

.mfp-wrap {
	cursor: none;
}

.mfp-bg {
	background: #000;
	opacity: 0.9;
}

.mfp-arrow {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.mfp-arrow-right:before,
.mfp-arrow-right:after,
.mfp-arrow-left:before,
.mfp-arrow-left:after {
	display: none;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: none;
	background-size: 0;
	width: auto;
	height: auto;
	top: 0;
}

button.mfp-arrow-left,
button.mfp-arrow-right,
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	opacity: 1;
	width: 80px;
	height: 120px;
	cursor: none;
}

.pswp--zoom-allowed .pswp__img {
	cursor: none;
}

.pswp__bg {
	background: #000;
	opacity: 0.9 !important;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
	opacity: 1;
}
.pswp__ui--idle .pswp__button--arrow--left:hover,
.pswp__ui--idle .pswp__button--arrow--right:hover {
	opacity: 0.5;
}

.pswp__button:focus, .pswp__button:hover,
.mfp-iframe-holder .mfp-close:hover {
	opacity: 0.5;
}

.pswp__scroll-wrap {
	max-width: 1000px;
	margin: auto;
	right: 0;
	bottom: 0;
}

button.mfp-arrow-left,
.pswp__button--arrow--left:before {
	background-image: url(../img/renewal_2104/arrow_left.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 40px;
	background-size: 40px;
	width: 100%;
	height: 100%;
	opacity: 1;
}

button.mfp-arrow-right,
.pswp__button--arrow--right:before {
	background-image: url(../img/renewal_2104/arrow_right.png);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: 40px;
	background-size: 40px;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.pswp__ui--over-close .pswp__button--close,
.pswp__ui--idle .pswp__top-bar {
	opacity: 1;
}

button.mfp-close,
.mfp-iframe-holder .mfp-close,
.pswp__button--close {
	background-image: url(../img/renewal_2104/icon_close.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 101px;
	height: 101px;
	line-height: initial;
	top: 40px;
	right: 40px;
	opacity: 1;
	padding: 0;
	display: block;
	cursor: none;
	position: fixed;
}

.pswp__button--close {
	-webkit-background-size: 101px;
	background-size: 101px;
}


.mfp-iframe-holder .mfp-close {
	position: fixed;
	top: 40px;
	right: 40px;
	transition: all 0.2s ease-in-out;
}


.cursor {
	position: fixed;
	left: 30px;
	top: 30px;
	right: auto;
	bottom: auto;
	z-index: 99999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 60px;
	height: 60px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: url(../img/renewal_2104/cursor.png);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
}


.stalker {
	position: fixed;
	left: -80px;
	top: -80px;
	right: auto;
	bottom: auto;
	z-index: 99999;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 160px;
	height: 160px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	transition: transform 0.2s ease;
	pointer-events: none;
	-moz-transform: scale(0.5,0.5);
	-webkit-transform: scale(0.5,0.5);
	-o-transform: scale(0.5,0.5);
	-ms-transform: scale(0.5,0.5);
}

.stalker.is-active{
	-moz-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	left: -80px;
	top: -80px;
}

body,
body a:hover {
	cursor: none;
}

.mfp-close:active {
	top: 40px;
}


@media (max-width: 1000px) {
	body,
	body a:hover {
		cursor: auto;
	}
	.cursor,
	.stalker {
		display: none;
	}
	.main {
		padding: 0;
	}

	.main .main_inner {
		margin: 0;
	}

	.main .logo {
		left: 0;
		bottom: 50px;
		bottom: 11vw;
		max-width: 81.33%;
	}

	.scroll_bar {
		position: relative;
		top: 0;
		right: 0;
	}

	.scroll_text {
		transform: rotate(0);
		top: 0;
		position: relative;
		text-align: center;
	}

	.scroll_rail {
		position: relative;
		background: #c9c9c9;
		height: 15vw;
		width: 1px;
		overflow: hidden;
		height: 60px;
		margin: 10px auto 0;
	}

	.fix_btn {
		width: 50px;
		right: 20px;
		bottom: 20px;
	}

	.fix_btn img {
		width: 100%;
	}

	.page_navi {
		top: 15px;
		left: 15px;
		width: 100%;
	}

	.page_navi.is-active {
		opacity: 1;
	}

	.page_navi li {
		margin: 0;
		width: 111px;
	}
	.page_navi li a {
		color: #fff;
		display: block;
	}

	.page_navi li.is-active {
		opacity: 1;
	}

	.page_navi li.is-active a {
		color: #000;
	}

	.concept {
		padding: 96px 0;
	}

	.concept .title {
		width: 73.333%;
	}

	.concept .text {
		width: 76.266%;
		margin: 40px auto 0;
	}

	.concept .logo {
		width: 58.666%;
		margin: 50px auto 0;
	}

	.concept .img {
		margin: 100px auto 0;
		height: 250px;
	}

	.concept .img_inner {
		-webkit-background-size: cover;
		background-size: cover;
	}

	.concept .button {
		width: 61.33%;
		margin: 50px auto 0;
	}

	.feature {
		margin: 0;
	}

	.feature .title {
		width: 69.6%;
	}

	/* .feature .title span {
		display: block;
		border-bottom: 2px solid #000;
		margin: 20px 0 0;
		padding: 0 0 10px;
	} */

	/* .feature .title span:first-child {
		margin: 0;
	} */

	.feature .item {
		display: block;
	}

	.feature .item.first {
		margin: 65px 0 0;
	}

	.feature .item .img {
		margin-left: 0;
		flex-basis: auto;
		width: 84%;
	}

	.feature .item .content {
		width: 84%;
		margin-left: auto;
		left: 0;
		top: 0;
		padding: 40px 33px;
	}

	.feature .item .number {
		font-size: 30px;
	}

	.feature .item .number01 {
		width: 9.523809524%;
	}

	.feature .item .number02 {
		width: 11.428%;
	}

	.feature .item .number03 {
		width: 11.428%;
	}

	.feature .item .lead {
		margin: 14px 0 0;
	}

	.feature .item .lead01 {
		width: 74.263%;
	}

	.feature .item .lead02 {
		width: 70.78189%;
	}

	.feature .item .lead03 {
		width: 86.516%;
	}

	.feature .item .lead:after {
		bottom: -20px;
	}

	.feature .item .text {
		margin: 40px 0 0;
		font-size: 14px;
	}

	.feature .item .annotation {
		font-size: 10px;
		margin: 10px 0 0;
	}

	.feature .item:nth-of-type(2n) {
		margin: 60px 0 0;
	}

	.feature .item:nth-of-type(2n) .img {
		margin: 60px 0 0;
		margin-right: 0;
		margin-left: auto;
	}

	.feature .item:nth-of-type(2n) .content {
		top: 0;
		right: inherit;
		left: 0;
		margin-left: 0;
	}

	.feature .item:nth-of-type(3) .img {
	}
	.feature .item:nth-of-type(3) .img {
		margin-left: auto;
	}
	.feature .item:nth-of-type(3) .content {
		margin-left: auto;
		margin-right: auto;
	}

	.feature_mask-top {
		margin-bottom: 80px;
	}
	.feature_mask-bottom {
		margin-top: 80px;
	}

	.graphic {
		padding: 75px 0 0;
	}

	.lotion .c-title {
		font-size: 24px;
	}

	.lotion .c-title:after {
		bottom: -25px;
	}

	.graphic .list {
		padding: 0 20px;
	}

	.graphic .list a {
		width: 47.761%;
		margin-top: 15px;
		margin-right: 4.477%;
	}

	.graphic .inner .title {
		width: 30.4%;
	}

	.movie {
		padding: 75px 0;
	}

	.movie .title {
		width: 22.933%;
	}

	.movie .img,
	.interview .img {
		margin: 62px 0 0;
		padding: 0 20px;
	}


	.interview {
		margin: 0;
	}

	.interview .title {
		width: 38.133%;
	}

	.interview .profile {
		margin: 75px 0 0;
	}

	.interview .profile .title {
		width: 28%;
	}

	.interview .profile .content {
		margin: 62px 20px 36px;
		padding: 25px 20px;
		display: block;
	}

	.profile .content .img {
		width: 40.677%;
		margin: 0 auto;
		padding: 0;
	}

	.profile .content .body {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.profile .content .name {
		width: 52.835820896%;
		margin: 0 auto 0;
	}

	.profile .content .text {
		font-size: 12px;
		margin: 14px 0 0;
	}

	.interview_mask-top {
		margin-bottom: 80px;
	}

	.interview_mask-bottom {
		margin-top: 80px;
	}

	.top_bottomInner {
		background-image: url(../img/renewal_2104/bk-mask_sp.png) !important;
	}

	.mfp-image-holder .mfp-content,
	.mfp-iframe-holder .mfp-content {
		max-width: 80%;
	}

	.pswp__zoom-wrap {
		width: 80%;
		margin: 0 auto;
	}

	.pswp__img {
		width: 100% !important;
		height: auto !important;
	}

	button.mfp-arrow-left,
	button.mfp-arrow-right {
		width: 20px;
	}

	.mfp-arrow-right {
		right: 10px;
	}
	.mfp-arrow-left {
		left: 10px;
	}

	button.mfp-close,
	.mfp-iframe-holder .mfp-close {
		top: 20px;
		right: 20px;
		width: 50px;
		height: 50px;
	}


	.pswp--svg  .pswp__button--close {
		top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
		background-image: url(../img/renewal_2104/icon_close.png);
	}

	.pswp__button--arrow--left:before,
	.pswp__button--arrow--right:before {
		top: 0;
		width: 20px;
	}
	.pswp--svg .pswp__button--arrow--left {
		background-image: url(../img/renewal_2104/arrow_left.png);
		width: 20px;
		height: 40px;
		-webkit-background-size: 100%;
		background-size: 100%;
		left: 7px;
		z-index: 9999;
	}

	.pswp--svg .pswp__button--arrow--right {
		background-image: url(../img/renewal_2104/arrow_right.png);
		width: 20px;
		height: 40px;
		-webkit-background-size: 100%;
		background-size: 100%;
		right: 7px;
		z-index: 9999;
		display: block;
		opacity: 1 !important;
	}

	.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
		opacity: 1;
	}

	.pswp--svg .pswp__button--arrow--left:before {
		display: none;
		width: 20px;
		left: 0;
		background-image: url(../img/renewal_2104/arrow_left.png);
	}
	.pswp--svg .pswp__button--arrow--right:before {
		display: none;
		width: 20px;
		right: 0;
		background-image: url(../img/renewal_2104/arrow_right.png);
	}

	html {
		margin-right: 0 !important;
	}
}


.top_bottom {
	background-image: url(../img/bk-water.jpg);
	background-repeat: repeat;
	background-size: cover;
	position: relative;
	z-index: 200;
}
.top_bottomInner {
	background-image: url(../img/renewal_2104/bk-mask.png);
	background-size: 2000px auto;
	background-position: top center;
}
.product {
	padding-top: 99px;
	padding-bottom: 235px;
}
.secHead {
	width: 444px;
	display: flex;
	align-items: center;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-size: 21px;
	margin-bottom: 124px;
	margin-left: 80px;
	clear: both;
	letter-spacing: .166em;
}
.secHead img {
	width: 214px;
	height: auto;
}
.secHead::after {
	content: "";
	flex-grow: 0;
	height: 1px;
	background: #8b8c8f;
	display: block;
	margin-left: 16px;
}
.secHead.aos-animate::after {
	flex-grow: 1;
	transition-property: flex-grow;
	-webkit-transition-property: flex-grow;
	transition: all 3s ease;
	-webkit-transition: all 3s ease;
}
.row--product {
	display: flex;
	position: relative;
	width: 100%;
}
.row--product .row__pic {
	position: relative;
	flex-basis: calc(50% - 32px);
	height: 504px;
}
.row--product .row__Head {
	position: absolute;
	z-index: 2;
}
.row--product .row__Head img {
	width: 100%;
}
.row--product .row__picInner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center center;
}
.block--product {
	position: absolute;
	width: 336px;
	top: 60px;
	bottom: 48px;
	padding: 44px 0 48px 48px;
}
.block--product .block__head {
	font-size: 24px;
	line-height: 1.5;
	margin-bottom: 20px;
	letter-spacing: .02em;
}
.block--product .block__head .fadein__br {

}
.block--product .block__head .fadein__br::before {
	content: "\A";
	white-space: pre;
}
.block--product .block__name {
	font-size: 18px;
	margin-bottom: 10px;
	letter-spacing: 0em;
}
.block--product .block__info {
	display: flex;
	align-items: center;
	margin-bottom: 27px;
}
.block--product .block__capacity {
	font-size: 14px;
	margin-right: 15px;
	letter-spacing: 0;
}
.block--product .block__price {
	font-size: 14px;
	letter-spacing: 0;
}
.row--product01 {
	margin-bottom: 104px;
}
.row--product01 .row__pic {
	margin-left: 80px;
}
.row--product01 .row__picInner {
	background-image: url(../img/top_product_block01_bg.jpg);
}
.row--product01 .row__Head {
	top: -26px;
	right: -28px;
	width: 298px;
	/* height: 56px; */
}
.row--product01 .row__item img {
	width: 220px;
	height: auto;
}
.row--product01 .block--product {
	left: 50%;
	background-color: #f7f9fa;
}
.row--product02 {
	justify-content: flex-end;
	margin-bottom: 184px;
}
.row--product02 .row__pic {
	margin-right: 80px;
}
.row--product02 .row__picInner {
	background-image: url(../img/top_product_block02_bg.jpg);
}
.row--product02 .row__Head {
	top: -28px;
	left: -28px;
	width: 296px;
	/* height: 55px; */
}
.row--product02 .row__item img {
	width: 220px;
	height: auto;
}
.row--product02 .block--product {
	right: 50%;
	background-color: #f7f9fa;
}
.row--product03 {
}
.row--product03 .row__pic {
	margin-left: 80px;
}
.row--product03 .row__picInner {
	background-image: url(../img/top_product_block03_bg.jpg);
}
.row--product03 .row__Head {
	top: -27px;
	right: -29px;
	width: 216px;
	/* height: 54px; */
}
.row--product03 .row__item img {
	width: 180px;
	height: auto;
}
.row--product03 .block--product {
	top: 55px;
	padding-top: 40px;
	left: 50%;
	background-color: #1c1818;
	font-family: "A1 Mincho", sans-serif;
}

.row--product03 .block--product .block__head {
	color: #dcbd8b;
}
.row--product03 .block--product .block__name {
	color: #dcbd8b;
	line-height: 1.5;
	margin-bottom: 14px;
}
.row--product03 .block--product .block__info {
	margin-bottom: 30px;
}
.row--product03 .block--product .block__capacity {
	color: #dcbd8b;
	letter-spacing: 0.175em;
}
.row--product03 .block--product .block__price {
	color: #dcbd8b;
	letter-spacing: 0.175em;
}
.list--productBtn .list__item {
	display: flex;
	margin-bottom: 12px;

}
.btn--detail {
border: 1px solid #000;
}
.btn--detail:hover {
	opacity: 1;
	background-color: #f7f9fa;
	color: #000;
}
.btn--detail:hover:after {
	background-image: url(../img/renewal_2104/product_arrow--black.png);
}
.btn--shop:hover {
	opacity: 1;
	background-color: #000;
	color: #fff;
}
.btn--shop:hover:after {
	background-image: url(../img/renewal_2104/product_arrow--half.png);
}
.list--productBtn .list__item:last-child {
	margin-bottom: 0;
}
.btn {
	position: relative;
	display: flex;
	align-items: center;
	width: 212px;
	height: 46px;
	padding-left: 20px;
	color: #fff;
	font-family: "A1 Gothic M", sans-serif;
	font-feature-settings: "pkna" 1;
	font-size: 14px;
	letter-spacing: 0;
}
.btn--detail {
	/* background-image: -moz-linear-gradient( -180deg, rgb(142,194,232) 0%, rgb(163,106,161) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(142,194,232) 0%, rgb(163,106,161) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(142,194,232) 0%, rgb(163,106,161) 100%); */
	background: #000;
}
.btn--shop {
	border: 1px solid #000;
	color: #000;
	/* background-color: #bcbcbc; */
}
.btn::after {
	content: "";
	position: absolute;
	bottom: 23px;
	right: -28px;
	width: 56px;
	height: 6px;
	background-image: url(../img/other_arrow--black_pc.png);
	background-size: 100% auto;
}

.btn--black::after {
	background-image: url(../img/renewal_2104/product_arrow--half.png);
}
.row--product03 .btn::after {
	background-image: url(../img/other_arrow--gold_pc.png);
}
.row--product03 .btn--gold::after {
	background-image: url(../img/renewal_2104/product_arrow--gold_half.png);
}
.row--product03 .btn--detail {
	font-family: "A1 Mincho", sans-serif;
	color: #dcbd8b;
	/* background-image: -moz-linear-gradient( -180deg, rgb(189,65,49) 0%, rgb(135,14,18) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(189,65,49) 0%, rgb(135,14,18) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(189,65,49) 0%, rgb(135,14,18) 100%); */
	background-color: #ffffff;
	color: #000;
}
.row--product03 .btn--shop {
	font-family: "A1 Mincho", sans-serif;
	color: #dcbd8b;
	/* background-color: #666; */
	background-color: #dcbd8b;
	color: #000;
}

.row--product03 .btn--detail:hover {
	background-color: #dcbd8b;
	opacity: 1;
	color: #000;
}
.row--product03 .btn--detail:hover:after {
	background-image: url(../img/renewal_2104/product_arrow--gold_half.png);
}

.row--product03 .btn--shop:hover {
	background-color: #fff;
	color: #000;
}

.row--product03 .btn--shop:hover:after {
	background-image: url(../img/renewal_2104/product_arrow--gold.png);
}

@media (max-width: 1000px) {
	.top_bottomInner {
		background-image: url(../img/bk-mask_tb.png);
		background-size: 100% auto;
		background-position: top center;
	}
	.secHead {
		width: 408px;
		margin-left: 48px;
		margin-bottom: 122px;
	}
	.row--product01 .block--product {
		top: auto;
		bottom: 40px;
		left: auto;
		right: 48px;
		width: 304px;
		padding: 40px 0 40px 32px;
	}
	.row--product01 .row__pic {
		margin-left: 48px;
		flex-basis: calc(100% - 360px);
	}
	.row--product02 .block--product {
		top: auto;
		bottom: 40px;
		right: auto;
		left: 48px;
		width: 304px;
		padding: 40px 0 40px 32px;
	}
	.row--product02 .row__pic {
		margin-right: 48px;
		flex-basis: calc(100% - 360px);
	}
	.row--product03 .block--product {
		top: auto;
		bottom: 40px;
		left: auto;
		right: 48px;
		width: 304px;
		padding: 32px 0 40px 32px;
	}
	.row--product03 .block--product .block__head {
		margin-bottom: 15px;
	}
	.row--product03 .block--product .block__name {
		margin-bottom: 24px;
	}
	.row--product03 .row__pic {
		margin-left: 48px;
		flex-basis: calc(100% - 360px);
	}
}
@media (max-width: 640px) {
	.top_bottomInner {
		background-image: url(../img/bk-mask_sp.png);
		background-size: 100% auto;
		background-position: top center;
	}
	.secHead {
		font-size: 10px;
		margin-left: 24px;
		width: 316px;
		margin-bottom: 80px;
	}
	.secHead::after {
		margin-left: 10px;
	}
	.secHead img {
		width: 107px;
	}
	.product {
		padding: 77px 0 400px;
	}
	.row--product {
		padding: 0 24px;
	}
	.row--product01 {
		margin-bottom: 315px;
	}
	.row--product02 {
		margin-bottom: 316px;
	}
	.row--product .row__Head {
		top: -21px!important;
		right: auto!important;
	}
	.row--product01 .row__Head {
		left: calc(50% - 107px);
		width: 215px;
		height: 41px;
	}
	.row--product02 .row__Head {
		left: calc(50% - 116px);
		width: 232px;
		height: 42px;
	}
	.row--product03 .row__Head {
		left: calc(50% - 99px);
		width: 198px;
		height: 41px;
	}
	.row--product .row__pic {
		flex-basis: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
		height: 429px;
	}
	.row--product .block--product {
		top: 357px!important;
		left: 48px!important;
		right: 48px!important;
		bottom: auto!important;
		width: auto!important;
		height: auto;
		padding: 32px 24px;
	}
	.block--product .block__head {
		font-size: 20px;
		margin-bottom: 12px;
	}
	.block--product .block__name {
		font-size: 16px;
	}
	.btn {
		font-size: 13px;
	}
	.btn::after {
		right: -18px;
		bottom: 19px;
		width: 36px;
		height: 6px;
		background-repeat: no-repeat;
	}
	.block--product .block__info {
		margin-bottom: 22px;
	}
	.list--productBtn .list__item {
		margin-bottom: 14px;
	}
	.row--product01 .row__item {
		padding-bottom: 50px;
	}
	.row--product01 .row__item img {
		width: 150px;
		height: auto;
	}
	.row--product02 .row__item {
		padding-bottom: 50px;
	}
	.row--product02 .row__item img {
		width: 150px;
		height: auto;
	}
	.row--product03 .row__item {
		padding-bottom: 50px;
	}
	.row--product03 .row__item img {
		width: 135px;
		height: auto;
	}
}

footer {
	padding: 0 80px;
}
.footer__inner {
	padding: 46px 0;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #969a9a;
}
.list--social {
	display: flex;
	align-items: center;
	margin-bottom: 35px;
}
.list--social .list__item:nth-child(1) {
	width: 13px;
	margin-right: 23px;
}
.list--social .list__item:nth-child(2) {
	width: 26px;
	margin-right: 20px;
}
.list--social .list__item:nth-child(3) {
	width: 28px;
	margin-right: 25px;
}
.list--social .list__item:nth-child(4) {
	width: 23px;
	margin-right: 24px;
}
.list--social .list__item:nth-child(5) {
	width: 26px;
}
.list--social .list__item img {
	width: 100%;
}
.list--menu {
	display: flex;
	align-items: center;
}
.list--menu .list__item {
	color: #4c4c4c;
	color: #000;
	font-size: 12px;
	margin-right: 18px;
}
.footer__logo {
	margin-bottom: 28px;
	text-align: right;
}
.footer__logo img {
	width: 260px;
}
.footer__copy {
	font-size: 10px;
	color: #4c4c4c;
	letter-spacing: 0;
}
@media (max-width: 1000px) {
	footer {
		padding: 0 48px;
	}
	.footer__inner {
		flex-wrap: wrap;
	}
	.footer__left {
		flex-basis: 100%;
		margin-bottom: 48px;
	}
	.footer__right {
		flex-basis: 100%;
	}
	.list--social {
		justify-content: center;
	}
	.list--menu {
		justify-content: center;
	}
	.footer__logo {
		text-align: center;
	}
	.footer__copy {
		text-align: center;
	}
}
@media (max-width: 640px) {
	footer {
		padding: 0 24px;
	}
	.footer__left {
		margin-bottom: 16px;
	}
	.list--menu {
		flex-wrap: wrap;
	}
	.list--menu .list__item {
		margin-bottom: 16px;
	}
}

.loader-bg {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #ffffff;
	z-index: 10000;
}

.loader {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20000;
	width: 100%;
	height: 100%;
}

.loading_text {
	font-size: 14px;
	letter-spacing: 0.2em;
	position: relative;
	z-index: 200;
}


@media (max-width: 1000px) {

	.main .main_movie video{
		padding: 20px;
	}

	.movie .logo {
		bottom: 5vw;
	}

	.mfp-iframe-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-iframe-holder .mfp-content {
		max-width: 100%;
	}

	.page_navi li a:hover,
	.page_navi li a:hover img {
		opacity: 1;
	}

}