@charset "utf-8";

/* CSS Document */

html.active{
	overflow-y: hidden;
}
body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
	color: #222;
	text-align: left !important;
	line-break: strict;
	word-break: normal;
}
header {
	position: relative;
	z-index: 1000;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: #000;
	height: 60px;
	overflow: hidden !important;
}
header p{
	padding: 0;
}

a:hover, button:hover {
	opacity: 0.7;
}
a, button {
	transition: opacity 0.3s ease-out;
	color: #222;
}
.sp {
	display: none;
}
.pc {
	display: block;
}
@media (max-width: 750px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}

#contents .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#contents .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	z-index: 100;
}
#page-top.fixed {
	position: fixed !important;
}
#page-top img{
	width: 100%;
}
@media screen and (max-width: 750px){
	#page-top {
		bottom: 3vw;
		right: 3vw;
		width: 10.638vw;
		height: 10.638vw;
	}
}

/* -----------------------------------------
contents
-----------------------------------------*/
#container {
	width: 100%;
	margin: auto;
}
#contents {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 26px;
	line-height: 1.6;
}
@media (max-width: 750px) {
	#contents {
		font-size: 3.45vw;
	}
}
.en-text{
	font-family: "Outfit", sans-serif;
}
#contents img {
	width: 100%;
}


/* -----------------------------------------
original
-----------------------------------------*/

.pagewrapper{
	position: relative;
	margin: 0 auto;
}

/*トップ分割*/

.ac_left{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	background-repeat: repeat;
	background-position: center center;
}

.ac_right{
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: repeat;
	background-position: center center;
}

.ac_left-back{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../img/common/ac_left-back.png);
	background-size: cover;
}
.ac_left-back{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.ac_right-back{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../img/common/ac_right-back.png);
	background-size: cover;
}
.ac_right-back{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.ac_inner{
	position: relative;
	z-index: 1;
	width: 376px;
  margin: 0 auto;
	/* background-color: #000; */
}

.pc_titlewrap{
	max-width: 311px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 750px) {
	.ac_left {
		width: calc(50% - 11.75rem);
	}
	.ac_right {
		width: calc(50% - 11.75rem);
	}
	.pc_titlewrap{
		width: 100%;
		display: block;
	}
}

@media screen and (max-width: 750px){
	.ac_left, .ac_right {
		display: none;
	}
	.ac_inner {
		width: 100%;
    max-width: 750px;
		overflow: hidden;
	}
}

@media (max-width: 960px) {
	.pc_titlewrap {
		display: none;
	}
}

/* header */

.main_wrap{
	position: relative;
	z-index: 10;
	margin: 0 auto;
	padding-top: 60px;
}
.header-logo{
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 376px;
	height: 60px;
}
.header-logo .logo-beauty{
	width: 126px;
	line-height: 1;
}
.header-logo .icon-search{
	position: absolute;
	top: 50%;
	left: 4.258%;
	transform: translateY(-50%);
	width: 22px;
	line-height: 1;
}
.header-logo .icon-mypage {
	position: absolute;
	top: 50%;
	right: 15.627%;
	transform: translateY(-50%);
	width: 44px;
	line-height: 1;
}
.header-logo .icon-brand {
	position: absolute;
	top: 50%;
	left: 14.627%;
	transform: translateY(-50%);
	width: 56px;
	line-height: 1;
}

.header-logo .logo-mary{
	width: 242px;
	margin-left: 56.4px;
}
@media screen and (max-width: 750px){
	.main_wrap{
		padding-top: 16vw;
	}
	.header-logo{
		width: 100vw;
		height: 15.957vw;
	}
	.header-logo .logo-beauty{
		width: 33.511vw;
	}
	.header-logo .icon-search{
		width: 5.851vw;
	}
	.header-logo .icon-mypage {
		width: 11.7334vw;
	}
	.header-logo .icon-brand {
		width: 14.9334vw;
	}
	.header-logo .logo-mary{
		width: 64.362vw;
		margin-left: 15vw;
	}
}

/* common parts */

.page-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 296px;
	height: 48px;
	border-radius: 100vmax;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: linear-gradient(180deg, rgba(244, 131, 83, 1) 0%, rgba(229, 87, 26, 1) 100%);
}
.page-btn a::before {
	display: block;
	content: "";
	background-image: url(../img/common/sec-arrow.png);
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	width: 6.5px;
	height: 11px;
}
.btn-link{
	display: block;
	width: 198px;
	margin: 10px auto 0;
}
.btn-brand{
	width: 346px;
	margin: 16px auto 0;
}
.btn-brand a{
	display: block;
	position: relative;
	background-image: url(../img/common/btn_brand.png);
	background-size: 100%;
	width: 100%;
	height: 70px;
}
.btn-brand-2line a{
	background-image: url(../img/common/btn_brand-2line.png);
	height: 82px;
}
.btn-brand a span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 76%;
	font-size: 14px;
	letter-spacing: 0.03em;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 750px){
	.page-btn a {
		width: 78.723vw;
		height: 12.766vw;
		font-size: 4.255vw;
	}
	.page-btn a::before {
		top: 50%;
		right: 4.787vw;
		width: 1.729vw;
		height: 2.926vw;
	}
	.btn-link{
		display: block;
		width: 52.66vw;
		margin: 2.6595vw auto 0;
	}
	.btn-brand{
		width: 92.021vw;
		margin: 4.255vw auto 0;
	}
	.btn-brand a{
		height: 18.617vw;
	}
	.btn-brand-2line a{
		height: 21.809vw;
	}
	.btn-brand a span{
		font-size: 3.723vw;
	}
}

/* mainvisual */

#main{
	position: relative;
	margin-top: 60px;
}
.mainvisual{
	width: 100%;
	margin: 0 auto;
}
#main .arrow{
	position: absolute;
	top: 44.667%;
	transform: translateY(-50%);
	width: 16.5px;
	height: 21px;
}
#main .arrow-left{
	left: 8px;
	transform: translateY(-50%) rotate(180deg);
}
#main .arrow-right{
	right: 8px;
}

/* g-nav */

.page-link{
	display: flex;
	justify-content: center;
	column-gap: 24px;
	margin-top: 14px;
}
.page-link{
	font-size: 12px;
}
.page-link .is-selected{
	position: relative;
	padding-right: 14px;
	border-bottom: solid 1px #BFBFBF;
	color: #BFBFBF;
}
.page-link .is-selected::after{
	display: block;
	content: "";
	background-image: url(../img/common/page-link_arrow_selected.png);
	background-size: 100%;
	width: 5.5px;
	height: 9.5px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.page-link .is-linked a{
	position: relative;
	padding-right: 14px;
	color: #5381BF;
}
.page-link .is-linked a::after{
	display: block;
	content: "";
	background-image: url(../img/common/page-link_arrow_linked.png);
	background-size: 100%;
	width: 5.5px;
	height: 9.5px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.page-link span{
	padding-left: 2px;
	font-size: 16px;
	vertical-align: -0.1em;
}
.g-nav .lead-blck{
	margin-top: 28px;
}
.g-nav .lead-blck .lead-copy{
	width: 317px;
	margin: 0 auto 0 19px;
}
.g-nav .lead-blck .lead-text{
	margin-top: 18px;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0.03em;
	text-align: center;
}
.g-nav .nav-block{
	width: 342px;
	margin: 40px auto 0;
}
.g-nav .nav-category-block{
	width: 336px;
	margin-top: 24px;
}
.g-nav .nav-block .nav-title{
	text-align: center;
	color: #3F639A;
}
.g-nav .nav-block .nav-title p:first-of-type{
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.g-nav .nav-block .nav-title p:last-of-type{
	font-size: 11px;
}
.g-nav .nav-block .nav-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 12px;
}
.g-nav .nav-block .nav-list-content{
	justify-content: center;
}
.g-nav .nav-block .nav-list li a{
	display: block;
	width: 114px;
}
.g-nav .nav-category-block .nav-list li a{
	width: 112px;
}

@media screen and (max-width: 750px){
	#main{
		margin-top: 7.978vw;
	}
	#main .arrow{
		width: 4.388vw;
		height: 5.585vw;
	}
	#main .arrow-left{
		left: 2.128vw;
	}
	#main .arrow-right{
		right: 2.128vw;
	}
	
	/* g-nav */
	
	.page-link{
		column-gap: 6.383vw;
		margin-top: 3.723vw;
	}
	.page-link{
		font-size: 3.191vw;
	}
	.page-link .is-selected{
		padding-right: 3.723vw;
	}
	.page-link .is-selected::after{
		width: 1.463vw;
		height: 2.527vw;
	}
	.page-link .is-linked a{
		padding-right: 3.723vw;
		color: #5381BF;
	}
	.page-link .is-linked a::after{
		width: 1.463vw;
		height: 2.527vw;
	}
	.page-link span{
		padding-left: 0.532vw;
		font-size: 4.255vw;
	}
	.g-nav .lead-blck{
		margin-top: 7.447vw;
	}
	.g-nav .lead-blck .lead-copy{
		width: 84.309vw;
		margin: 0 auto 0 5.0531vw;
	}
	.g-nav .lead-blck .lead-text{
		margin-top: 4.787vw;
		font-size: 3.723vw;
	}
	.g-nav .nav-block{
		width: 90.957vw;
		margin: 10.638vw auto 0;
	}
	.g-nav .nav-category-block{
		width: 89.362vw;
		margin-top: 6.383vw;
	}
	.g-nav .nav-block .nav-title{
		color: #3F639A;
	}
	.g-nav .nav-block .nav-title p:first-of-type{
		font-size: 5.319vw;
	}
	.g-nav .nav-block .nav-title p:last-of-type{
		font-size: 2.926vw;
	}
	.g-nav .nav-block .nav-list{
		margin-top: 3.191vw;
	}
	.g-nav .nav-block .nav-list li a{
		width: 30.319vw;
	}
	.g-nav .nav-category-block .nav-list li a{
		width: 29.787vw;
	}
}

.contents-block{
	margin-top: 58px;
}
.contents-block:first-of-type{
	margin-top: 46px;
}
.brand-title-block{
	width: 328px;
	margin: 0 auto;
}
.brand-title-block .title{
	line-height: 0;
}
.brand-title-block .title-jp{
	margin-top: 12px;
	font-size: 12px;
	text-align: center;
}
.brand-title-block .title-jp span{
	position: relative;
}
.brand-title-block .title-jp span::before,
.brand-title-block .title-jp span::after{
	display: block;
	content: "";
	width: 15px;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: #BFBFBF;
}
.brand-title-block .title-jp span::before{
	left: -24px;
}
.brand-title-block .title-jp span::after{
	right: -24px;
}
.feature_wrap{
	margin-top: 22px;
	padding-bottom: 44px;
	background-color: #EAF0F8;
}
.feature-block{
	width: 296px;
	margin: 0 auto;
	padding-top: 48px;
}
.feature-block .title{
	margin-top: 14px;
	font-size: 14px;
	font-weight: 700;
}
.feature-block .text{
	margin-top: 8px;
	font-size: 14px;
}
.feature-block .text .mini{
	font-size: 9px;
	vertical-align: 0.4em;
}
.feature-block .attention{
	margin-top: 4px;
	font-size: 11px;
}
.feature-block .tax{
	margin-top: 8px;
	font-size: 14px;
}
.recommend_wrap{
	padding: 44px 0 36px;
	background-color: #F3F6FB;
}
.recommend-title {
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #D65174;
}
.recommend-title span{
	position: relative;
}
.recommend-title span::before,
.recommend-title span::after{
	display: block;
	content: "";
	width: 42px;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.recommend-title span::before{
	left: -62px;
	background-image: linear-gradient(90deg, rgba(72, 140, 198, 1), rgba(175, 153, 192, 1) 50%, rgba(235, 136, 165, 1));
}
.recommend-title span::after{
	right: -62px;
	background-image: linear-gradient(90deg, rgba(235, 136, 165, 1), rgba(175, 153, 192, 1) 50%, rgba(72, 140, 198, 1));
}
.recommend_wrap .swiper{
	margin-top: 28px;
	padding: 0 24px 42px;
}
.recommend_wrap .swiper-slide{
	height: 100%;
	background-color: #fff;
	border-radius: 8px;
}
.recommend_wrap .swiper-slide-inner{
	width: 220px;
	height: 100%;
	margin: 0 auto;
	padding: 28px 0 34px;
}
.recommend_wrap .swiper-slide-inner .img{
	width: 200px;
	margin: 0 auto;
}
.recommend_wrap .swiper-slide-inner .title{
	margin-top: 6px;
	font-size: 14px;
	font-weight: 700;
}
.recommend_wrap .swiper-slide-inner .text{
	margin-top: 6px;
	font-size: 14px;
}
.recommend_wrap .swiper-slide-inner .mini{
	font-size: 9px;
	vertical-align: 0.4em;
}
.recommend_wrap .swiper-slide-inner .attention{
	margin-top: 4px;
	font-size: 11px;
}
.recommend_wrap .swiper-slide-inner .tax{
	margin-top: 10px;
	font-size: 14px;
}
.recommend_wrap .swiper-slide-inner .page-link{
	margin-top: 8px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
}
.recommend_wrap .swiper-slide-inner .page-link a{
	text-decoration: underline;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
}
.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 6px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 6px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: #3F639A;
}
.swiper-content{
	padding-bottom: 8px !important;
}
.swiper-content .swiper-wrapper{
	justify-content: center;
}
.swiper-content .swiper-wrapper .swiper-slide{
	margin-right: 0 !important;
}
.present_wrap{
	padding: 44px 0 42px;
	background-color: #EAF0F8;
}
.present_wrap-add{
	margin-top: 40px;
}
.present-title {
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #D65174;
}
.present-title span{
	position: relative;
}
.present-title span::before,
.present-title span::after{
	display: block;
	content: "";
	width: 42px;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.present-title span::before{
	left: -62px;
	background-image: linear-gradient(90deg, rgba(72, 140, 198, 1), rgba(175, 153, 192, 1) 50%, rgba(235, 136, 165, 1));
}
.present-title span::after{
	right: -62px;
	background-image: linear-gradient(90deg, rgba(235, 136, 165, 1), rgba(175, 153, 192, 1) 50%, rgba(72, 140, 198, 1));
}
.present-text{
	margin-top: 26px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
.present-attention{
	margin-top: 8px;
	font-size: 11px;
	text-align: center;
}
.present-img{
	width: 296px;
	margin: 10px auto 0;
}
.btn-link-text{
	margin-top: 26px;
}
.btn-link-text a{
	display: block;
	position: relative;
	width: 198px;
	height: 62px;
	background-image: url(../img/common/btn_link.png);
	background-size: 100%;
}
.btn-link-text a span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	font-weight: 700;
	text-align: 0.03em;
	color: #fff;
}

.btn-lineup{
	width: 346px;
	margin: 50px auto 0;
}
.btn-lineup a{
	display: block;
	position: relative;
	background-image: url(../img/common/btn_lineup.png);
	background-size: 100%;
	width: 100%;
	height: 70px;
}
.btn-lineup a span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 76%;
	font-size: 14px;
	letter-spacing: 0.03em;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
.page-link_bottom{
	margin: 26px auto 44px;
}

@media screen and (max-width: 750px){
	.contents-block{
		margin-top: 15.426vw;
	}
	.contents-block:first-of-type{
		margin-top: 12.234vw;
	}
	.brand-title-block{
		width: 87.234vw;
		margin: 0 auto;
	}
	.brand-title-block .title{
		line-height: 0;
	}
	.brand-title-block .title-jp{
		margin-top: 3.191vw;
		font-size: 3.191vw;
		text-align: center;
	}
	.brand-title-block .title-jp span::before,
	.brand-title-block .title-jp span::after{
		display: block;
		content: "";
		width: 3.989vw;
		height: 0.266vw;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background-color: #BFBFBF;
	}
	.brand-title-block .title-jp span::before{
		left: -6.383vw;
	}
	.brand-title-block .title-jp span::after{
		right: -6.383vw;
	}
	.feature_wrap{
		margin-top: 5.851vw;
		padding-bottom: 11.702vw;
		background-color: #EAF0F8;
	}
	.feature-block{
		width: 78.723vw;
		margin: 0 auto;
		padding-top: 12.766vw;
	}
	.feature-block .title{
		margin-top: 3.723vw;
		font-size: 3.723vw;
		font-weight: 700;
	}
	.feature-block .text{
		margin-top: 2.128vw;
		font-size: 3.723vw;
	}
	.feature-block .text .mini{
		font-size: 2.394vw;
		vertical-align: 0.4em;
	}
	.feature-block .attention{
		margin-top: 1.064vw;
		font-size: 2.926vw;
	}
	.feature-block .tax{
		margin-top: 2.128vw;
		font-size: 3.723vw;
	}
	.recommend_wrap{
		padding: 11.702vw 0 9.574vw;
		background-color: #F3F6FB;
	}
	.recommend-title {
		font-size: 5.319vw;
		text-align: center;
		letter-spacing: 0.1em;
		color: #D65174;
	}
	.recommend-title span{
		position: relative;
	}
	.recommend-title span::before,
	.recommend-title span::after{
		display: block;
		content: "";
		width: 11.17vw;
		height: 0.266vw;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.recommend-title span::before{
		left: -16.489vw;
		background-image: linear-gradient(90deg, rgba(72, 140, 198, 1), rgba(175, 153, 192, 1) 50%, rgba(235, 136, 165, 1));
	}
	.recommend-title span::after{
		right: -16.489vw;
		background-image: linear-gradient(90deg, rgba(235, 136, 165, 1), rgba(175, 153, 192, 1) 50%, rgba(72, 140, 198, 1));
	}
	.recommend_wrap .swiper{
		margin-top: 7.447vw;
		padding: 0 6.383vw 11.17vw;
	}
	.recommend_wrap .swiper-slide{
		height: 100%;
		background-color: #fff;
		border-radius: 2.128vw;
	}
	.recommend_wrap .swiper-slide-inner{
		width: 58.511vw;
		margin: 0 auto;
		padding: 7.447vw 0 9.043vw;
	}
	.recommend_wrap .swiper-slide-inner .img{
		width: 53.191vw;
		margin: 0 auto;
	}
	.recommend_wrap .swiper-slide-inner .title{
		margin-top: 1.596vw;
		font-size: 3.723vw;
		font-weight: 700;
	}
	.recommend_wrap .swiper-slide-inner .text{
		margin-top: 1.596vw;
		font-size: 3.723vw;
	}
	.recommend_wrap .swiper-slide-inner .mini{
		font-size: 2.394vw;
		vertical-align: 0.4em;
	}
	.recommend_wrap .swiper-slide-inner .attention{
		margin-top: 1.064vw;
		font-size: 2.926vw;
	}
	.recommend_wrap .swiper-slide-inner .tax{
		margin-top: 2.66vw;
		font-size: 3.723vw;
	}
	.recommend_wrap .swiper-slide-inner .page-link{
		margin-top: 2.128vw;
		font-size: 3.457vw;
		font-weight: 700;
		text-align: center;
	}
	.recommend_wrap .swiper-slide-inner .page-link a{
		text-decoration: underline;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 0;
	}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1.595vw);
	}
	.swiper-pagination-bullet {
		width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 1.595vw));
		height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 1.595vw));
	}
	.swiper-content{
		padding-bottom: 8px !important;
	}
	.swiper-content .swiper-wrapper{
		justify-content: center;
	}
	.swiper-content .swiper-wrapper .swiper-slide{
		margin-right: 0 !important;
	}
	.present_wrap{
		padding: 11.702vw 0 11.17vw;
		background-color: #EAF0F8;
	}
	.present-title {
		font-size: 5.319vw;
		text-align: center;
		letter-spacing: 0.1em;
		color: #D65174;
	}
	.present-title span{
		position: relative;
	}
	.present-title span::before,
	.present-title span::after{
		display: block;
		content: "";
		width: 11.17vw;
		height: 0.266vw;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.present-title span::before{
		left: -16.489vw;
		background-image: linear-gradient(90deg, rgba(72, 140, 198, 1), rgba(175, 153, 192, 1) 50%, rgba(235, 136, 165, 1));
	}
	.present-title span::after{
		right: -16.489vw;
		background-image: linear-gradient(90deg, rgba(235, 136, 165, 1), rgba(175, 153, 192, 1) 50%, rgba(72, 140, 198, 1));
	}
	.present-text{
		margin-top: 6.915vw;
		font-size: 3.723vw;
		font-weight: 700;
		text-align: center;
	}
	.present-attention{
		margin-top: 2.128vw;
		font-size: 2.926vw;
		text-align: center;
	}
	.present-img{
		width: 78.723vw;
		margin: 2.659vw auto 0;
	}
	.btn-link-text{
		margin-top: 6.915vw;
	}
	.btn-link-text a{
		display: block;
		position: relative;
		width: 52.66vw;
		height: 16.489vw;
	}
	.btn-link-text a span{
		font-size: 3.723vw;
	}
	.btn-lineup{
		width: 92.021vw;
		margin: 13.297vw auto 0;
	}
	.btn-lineup a{
		display: block;
		position: relative;
		background-image: url(../img/common/btn_lineup.png);
		background-size: 100%;
		width: 100%;
		height: 18.617vw;
	}
	.btn-lineup a span{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 76%;
		font-size: 3.723vw;
		letter-spacing: 0.03em;
		font-weight: 700;
		text-align: center;
		color: #fff;
	}
	.page-link_bottom{
		margin: 6.9148vw auto 11.702vw;
	}
	
}







































.information{
	padding: 46px 0;
	background-color: #222222;
}
.information p{
	width: 280px;
	margin: 12px auto 0;
	background-color: #fff;
}
.information p:first-child{
	margin: 0 auto;
}
.information .information-text{
	margin: 5px auto 0;
	font-size: 10px;
	background-color: unset;
	color: #fff;
}
.information .information-banner{
	margin: 9px auto 0;
}

footer{
	position: relative;
	z-index: 1000;
	padding: 15px 10px 15px;
	font-size: 10px;
}
footer p:last-child{
	padding-top: 7px;
}

@media screen and (max-width: 750px){
	.information{
		padding: 12.234vw 0;
	}
	.information p{
		width: 74.468vw;
		margin: 3.1914vw auto 0;
	}
	.information p:first-child{
		margin: 0 auto;
	}
	.information .information-text{
		margin: 1.3297vw auto 0;
		font-size: 2.66vw;
	}
	.information .information-banner{
		margin: 2.3936vw auto 0;
	}
	
	footer{
		padding: 3.989vw 2.66vw 3.989vw;
		font-size: 2.66vw;
		z-index: 10;
	}
	footer p:last-child{
		padding-top: 1.862vw;
	}
	
}