@charset "UTF-8";
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@500&display=swap");
* { box-sizing: border-box; }

::before, ::after { box-sizing: inherit; }

/* Document */
/* ============================================ */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Remove gray overlay on links for iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ }

/* Sections */
/* ============================================ */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }

/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul, ol { margin: 0; padding: 0; list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt { font-weight: bold; }

dd { margin-left: 0; }

/* Grouping content */
/* ============================================ */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border: 0; border-top: 1px solid; margin: 0; clear: both; color: inherit; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

address { font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; text-decoration: none; color: inherit; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 100%; position: relative; vertical-align: top; }

sub { bottom: -0.25em; }

sup { top: 0.5em; }

/* Embedded content */
/* ============================================ */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; vertical-align: bottom; }

embed, object, iframe { border: 0; vertical-align: bottom; }

/* Forms */
/* ============================================ */
/** Reset form fields to make them styleable */
button, input, optgroup, select, textarea { -webkit-appearance: none; appearance: none; vertical-align: middle; color: inherit; font: inherit; border: 0; background: transparent; padding: 0; margin: 0; outline: 0; border-radius: 0; text-align: inherit; }

/** Reset radio and checkbox appearance to preserve their look in iOS. */
[type="checkbox"] { -webkit-appearance: checkbox; appearance: checkbox; }

[type="radio"] { -webkit-appearance: radio; appearance: radio; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; -webkit-appearance: none; appearance: none; }

button[disabled], [type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled] { cursor: default; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Remove arrow in IE10 & IE11 */
select::-ms-expand { display: none; }

/** Remove padding */
option { padding: 0; }

/** Reset to invisible */
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the outline style in Safari. */
[type="search"] { outline-offset: -2px; /* 1 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Clickable labels */
label[for] { cursor: pointer; }

/* Interactive */
/* ============================================ */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Remove outline for editable content. */
[contenteditable] { outline: none; }

/* Table */
/* ============================================ */
table { border-collapse: collapse; border-spacing: 0; }

caption { text-align: left; }

td, th { vertical-align: top; padding: 0; }

th { text-align: left; font-weight: bold; }

/* Misc */
/* ============================================ */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/******************************************************

base

******************************************************/
#top {   /**#header {
		.header-inner{
			.logo{ 	a{
					img{
						&.color{
							opacity: 0;
						}
						&.white{
							opacity: 1;
						}
					}
				}
			}
		}
	}
	.sp-menu-switch {
		.text {
			color: #fff;
		}
	}
	&.add-scroll{
		#header {
			.header-inner{
				.logo{
					a{
						img{
							&.color{
								opacity: 1;
							}
							&.white{
								opacity: 0;
							}
						}
					}
				}
			}
		}
		.sp-menu-switch {
			span {
				background-color: #000;
			}
			.text {
				color: #000;
			}
		}
		&.menu-opened {
			.sp-menu-switch {
				.text {
					color: #fff;
				}
			}
		}
	}**/ }
#top #page-head { height: 0; }
@media screen and (max-width: 768px) { #top #page-head { height: 0px; } }

.top-main .top_mv_slide_wrap .slick-dots { bottom: 0; padding-bottom: 1rem; }
.top-main .top_mv_slide_wrap .slick-dots li button::before { content: none; }
.top-main .top_mv_slide_wrap .slick-dots li button::after { border-radius: 50%; content: ""; display: block; width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.48); box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
.top-main .top_mv_slide_wrap .slick-dots li.slick-active button::after { background-color: white; }
@media screen and (max-width: 500px) { .top-main { padding-top: 60px; } }

.merit { text-align: center; max-width: 1400px; width: 90%; margin: auto; border-bottom: 1px solid #76546f; padding: 2rem 0; }
.merit img { max-width: 1200px; width: 100%; height: auto; }
@media screen and (max-width: 640px) { .merit { max-width: 400px; padding: 5% 0; width: 86%; } }

.bnr_wrap .bnr { margin: auto; }
.bnr_wrap .bnr a { display: block; width: 100%; transition: all .4s; }
.bnr_wrap .bnr a:hover { filter: brightness(108%); }
.bnr_wrap .bnr img { width: 100%; height: auto; line-height: 1; vertical-align: middle; }
.bnr_wrap .xmas { max-width: 868px; }

.information { padding-bottom: 8vw; }
.information .inner { padding: 6rem 0 1rem; }
.information .info-ttl { text-align: center; font-family: "cormorant", serif; font-weight: 300; font-style: normal; font-size: 2rem; color: #7c5271; }
.information .info-midashi { text-align: center; font-family: "yu-mincho-pr6n", "游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo",serif; font-weight: 400; font-style: normal; line-height: 1.4; font-size: 3.4rem; font-feature-settings: "palt"; letter-spacing: 0.3rem; margin-top: 4rem; }
.information .info-midashi .fs_harf { font-size: 64%; vertical-align: text-top; margin-right: 4px; }
.information .info-midashi .digit { font-size: 200%; color: #862d44; vertical-align: sub; }
.information .info-midashi .note { vertical-align: text-top; }
@media screen and (max-width: 500px) { .information .info-midashi { font-size: 7vw; letter-spacing: 0.8vw; }
  .information .info-midashi .fs_harf { vertical-align: bottom; }
  .information .info-midashi .note { font-size: 3.5vw; vertical-align: top; } }
.information .sml { font-size: 70%; }
.information .info-bana { max-width: 36rem; margin: auto; margin-top: 2.5rem; }
.information .lead { text-align: center; margin-top: 1rem; line-height: 1.6; font-size: 1.6rem; }
.information .holiday { /*margin: 3rem auto;*/ margin: 3rem auto 0; text-align: center; }
.information .holiday .inner { display: inline-block; width: 100%; /*max-width: 72rem;*/ max-width: 868px; padding: 1.5rem; font-size: 1rem; line-height: 1.6; color: #862d44; font-feature-settings: "palt"; letter-spacing: 0.05em; border: 1px solid #862d44; }
.information .holiday .lead { margin-top: 0; }
.information .info-campaign { padding-top: 2.4rem; }
.information .info-campaign .info-txt { text-align: center; font-size: 3.5rem; line-height: 1.5; font-feature-settings: "palt"; margin-top: 3rem; color: #5b1747; }
.information .info-campaign .info-txt .info-ss { font-size: 2.2rem; }
.information .info-campaign .info-txt.info-bar { color: #5b1747; box-sizing: border-box; border: 1px solid #5b1747; margin: auto; margin-top: 3rem; max-width: 72rem; padding: 1.5rem 0 1rem; }
.information .info-campaign .info-txt.info-bar .info-ss { display: block; }

.pickup-area { background: #eae2e7; }
.pickup-area .inner { text-align: center; }
.pickup-area .category-name { font-size: 4rem; color: #7c5271; margin-top: 1rem; }

.video-box { position: relative; width: 100%; max-width: 860px; margin: 4rem auto 0; }
.video-box::before { content: ""; display: block; width: 100%; padding-bottom: 56.25%; }
@keyframes fadeOutMotion { 0% { opacity: 1; }
  100% { opacity: 0; } }
.video-box video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.video-box .img.movie { margin-top: 0; position: absolute; top: 0; left: 0; }
.video-box .movie-play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.video-box .movie-play .movie-arrow { width: 20%; max-width: 150px; }
.video-box .movie-play .movie-arrow img { width: 100%; height: auto; }
.video-box.js-movie-play .img.movie, .video-box.js-movie-play .movie-play { pointer-events: none; animation: fadeOutMotion 0.3s linear 0s forwards; }
.video-box + .note { width: 100%; max-width: 860px; margin: 4px auto 0; text-align: left; }

.cont-area { margin: auto; max-width: 1400px; margin-top: 8rem; }
@media screen and (max-width: 600px) { .cont-area { margin-top: 4rem; } }
.cont-area .c-body { display: flex; align-items: center; padding-top: 5rem; position: relative; }
.cont-area .c-body:before { content: ""; width: 55%; background: #7c5271; position: absolute; z-index: 1; top: 0; bottom: 50%; }
@media screen and (max-width: 600px) { .cont-area .c-body { padding-top: 2.5rem; padding-bottom: 6rem; } }
.cont-area .c-body .photo { width: 60%; z-index: 2; }
.cont-area .c-body .photo img { width: 100%; object-fit: cover; object-position: center top; height: 42rem; }
@media screen and (max-width: 1000px) { .cont-area .c-body .photo img { height: auto; } }
@media screen and (max-width: 500px) { .cont-area .c-body .photo img { height: 25rem; } }
.cont-area .c-body .copy { position: absolute; z-index: 3; padding: 1.5rem 5%; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.cont-area .c-body .copy h3 { position: absolute; display: block; top: 0; width: 100%; box-sizing: border-box; padding: 1rem 5%; font-family: "cormorant", serif; font-weight: 300; font-style: normal; line-height: 1; color: #fff; font-size: 4rem; transform: translateY(-100%); }
.cont-area .c-body .copy h3 .digit { font-family: "joly-headline", serif; font-weight: 400; font-style: normal; }
.cont-area .c-body .copy h4 { font-size: 3.2rem; letter-spacing: 0.4rem; line-height: 1.4; font-feature-settings: "palt"; }
.cont-area .c-body .copy .btn-area { position: absolute; bottom: 0; transform: translateY(100%); }
.cont-area .c-body .copy .btn-area .btn-body { display: block; margin: auto; height: 5.5rem; width: 86%; max-width: 30rem; margin-top: 4rem; position: relative; background: linear-gradient(to right, #261923, #6e5367); transition: 0.5s filter; }
.cont-area .c-body .copy .btn-area .btn-body .kana { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.6rem; line-height: 1.5; white-space: nowrap; }
.cont-area .c-body .copy .btn-area .btn-body:before { content: ""; position: absolute; right: 8%; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 1rem; height: 1rem; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.cont-area .c-body .copy .btn-area.soon .btn-body { background: linear-gradient(to right, #aaa, #ddd); }
.cont-area .c-body .copy .btn-area.soon .btn-body .kana { opacity: 0.5; }
.cont-area .c-body .copy .btn-area.soon .btn-body:before { display: none; }
@media screen and (max-width: 600px) { .cont-area .c-body .copy h3 { font-size: 5vw; }
  .cont-area .c-body .copy h4 { font-size: 4vw; } }
.cont-area a { cursor: pointer !important; display: block; background: #fff; }
.cont-area a:hover .c-body .copy .btn-area .btn-body { filter: brightness(1.6); }
.cont-area.right-p .c-body:before { left: 0; }
.cont-area.right-p .c-body .photo { margin-left: 40%; }
.cont-area.right-p .c-body .copy { text-align: left; background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)); }
.cont-area.right-p .c-body .copy h3 { text-align: left; left: 0; }
.cont-area.right-p .c-body .copy .btn-area { left: 0; right: 60%; }
@media screen and (max-width: 600px) { .cont-area.right-p .c-body .copy .btn-area { left: 0; right: 0%; } }
.cont-area.left-p .c-body:before { right: 0; }
.cont-area.left-p .c-body .photo { margin-right: 40%; }
.cont-area.left-p .c-body .photo .note { text-align: left; left: 1rem; }
.cont-area.left-p .c-body .copy { text-align: right; background: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0)); }
.cont-area.left-p .c-body .copy h3 { text-align: right; right: 0; }
.cont-area.left-p .c-body .copy .btn-area { left: 60%; right: 0; }
@media screen and (max-width: 600px) { .cont-area.left-p .c-body .copy .btn-area { left: 0; right: 0%; } }

.concept-en { text-align: center; font-family: "cormorant", serif; font-weight: 300; font-style: normal; font-size: 3.5rem; color: #7c5271; margin-top: 8rem; }

.concept-area { position: relative; border-top: 1px solid #7c5271; margin: auto; max-width: 1400px; margin-top: 4rem; display: flex; flex-wrap: wrap; }
.concept-area .conc-img01 { width: 46.5%; z-index: 1; }
.concept-area .conc-img02 { width: 22.1%; position: absolute; right: 5%; top: 0; display: flex; justify-content: space-between; align-items: flex-start; }
.concept-area .conc-img02 .conc-pic-cls { width: 13.0718954248%; overflow: hidden; position: relative; }
.concept-area .conc-img02 .conc-pic-cls img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.concept-area .conc-img02 .conc-pic-cls::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #fff; transition: 1s ease 0s transform; }
.concept-area .conc-img02.aos-animate .conc-pic-cls::after { transform: translateY(100%); }
.concept-area .conc-img02.aos-animate .pic01::after { transition-delay: 0.0s; }
.concept-area .conc-img02.aos-animate .pic02::after { transition-delay: 0.1s; }
.concept-area .conc-img02.aos-animate .pic03::after { transition-delay: 0.2s; }
.concept-area .conc-img02.aos-animate .pic04::after { transition-delay: 0.3s; }
.concept-area .conc-img02.aos-animate .pic05::after { transition-delay: 0.4s; }
.concept-area .conc-img02.aos-animate .pic06::after { transition-delay: 0.5s; }
.concept-area .conc-img03 { width: 100%; margin-top: 2%; }
.concept-area .conc-copy { width: 50%; margin-right: 5%; margin-left: -1.5%; margin-top: 21%; position: relative; z-index: 2; }
.concept-area .conc-copy .concept-txt { width: 52%; }
.concept-area .conc-copy .lead { font-feature-settings: "palt"; letter-spacing: 0.2rem; margin-top: 8%; }
@media screen and (max-width: 768px) { .concept-area .conc-copy { margin-top: 26%; } }
@media screen and (max-width: 600px) { .concept-area .conc-img01 { width: 80%; margin-right: 20%; }
  .concept-area .conc-img02 { width: 40%; z-index: 2; right: 0%; }
  .concept-area .conc-copy { width: 85%; margin-left: 10%; margin-right: 7%; margin-top: -28%; position: relative; z-index: 3; }
  .concept-area .conc-img03 { width: 100%; margin-top: 5%; } }

.members-area { background: linear-gradient(to bottom, #dcd8c9, #f5f3eb); margin: auto; margin-top: 6rem; max-width: 1000px; padding: 4rem 4% 0; margin-bottom: 5rem; }
@media screen and (max-width: 768px) { .members-area { padding: 4rem 8% 0; margin-bottom: 10rem; } }
.members-area .members-ttl { text-align: center; font-family: "cormorant", serif; font-weight: 300; font-style: normal; line-height: 1.4; font-size: 2.8rem; color: #000; }
.members-area .members-obi { color: #fff; background: #76546f; line-height: 1.4; font-size: 2.8rem; text-align: center; padding: 0.5rem 1rem; margin-top: 2rem; }
@media screen and (max-width: 768px) { .members-area .members-obi { font-size: 2.1rem; } }
.members-area .entry-merit { margin: auto; max-width: 61rem; margin-top: 2.5rem; }
@media screen and (max-width: 768px) { .members-area .entry-merit { text-align: center !important; }
  .members-area .entry-merit img { max-width: 40rem; margin: auto; } }
.members-area .lead { margin-top: 2rem; }
.members-area .members-btn { display: block; margin-bottom: -3rem; position: relative; bottom: 0; transform: translateY(50%); }
.members-area .bana-members { margin: auto; max-width: 36rem; }

.charmpoints_wrap { padding: 4rem 0 4rem; background-image: linear-gradient(to bottom, #fff 12%, #d8bcd1 20%, #eae2e7 40%, #eae2e7 100%); position: relative; }
.charmpoints_wrap::before { content: ""; display: block; width: 88%; height: 1px; background-color: #7c5271; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); }
.charmpoints_wrap > .inner { padding-bottom: 0.8rem; }
.charmpoints_wrap .point-ttl { line-height: 1.2; }
.charmpoints_wrap .point-ttl .p-txt01 { display: inline-block; margin: auto; padding: 0 2rem; position: relative; }
.charmpoints_wrap .point-ttl .p-txt01::before, .charmpoints_wrap .point-ttl .p-txt01::after { content: ""; width: 1px; height: 2.5rem; background: #7c5271; position: absolute; top: 50%; }
.charmpoints_wrap .point-ttl .p-txt01::before { left: 0; transform: translateY(-50%) rotate(-20deg); }
.charmpoints_wrap .point-ttl .p-txt01::after { right: 0; transform: translateY(-50%) rotate(20deg); }
.charmpoints_wrap .point-ttl .p-txt02 { color: #323232; font-size: 3.2rem; font-feature-settings: 'palt'; letter-spacing: 0.1em; margin-top: -1em; }
.charmpoints_wrap .point-ttl .p-txt02 .digit { font-size: 224%; color: #7c5271; margin-left: 4px; margin-right: 2px; }
.charmpoints_wrap .charm_cont_container { background-color: #d8bcd1; margin-top: 1rem; width: 100%; aspect-ratio: 1400/440; position: relative; }
.charmpoints_wrap .charm_cont_container .bg_img { width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; align-content: flex-start; }
.charmpoints_wrap .charm_cont_container .bg_img .image_photo { width: calc((800/1400)*100%); height: 100%; }
.charmpoints_wrap .charm_cont_container .bg_img .image_photo .img .note { right: auto; left: 1.2rem; }
.charmpoints_wrap .charm_cont_container .bg_img .image_photo.aos-init { transform: translate3d(-100px, 0, 0); }
.charmpoints_wrap .charm_cont_container .bg_img .image_photo.aos-animate { transform: translateZ(0); }
.charmpoints_wrap .charm_cont_container .bg_img .images { width: calc((600/1400)*100%); height: 100%; display: grid; grid-auto-columns: repeat(2, 1fr); }
.charmpoints_wrap .charm_cont_container .bg_img .images .img .note { line-height: 1.2; }
.charmpoints_wrap .charm_cont_container .bg_img .images .size_l { grid-column: span 2; }
.charmpoints_wrap .charm_cont_container .bg_img .images.aos-init { transform: translate3d(100px, 0, 0); }
.charmpoints_wrap .charm_cont_container .bg_img .images.aos-animate { transform: translateZ(0); }
.charmpoints_wrap .charm_cont_container .page_name { position: absolute; right: 12px; top: 12px; }
.charmpoints_wrap .charm_cont_container .page_name .en { font-family: "cormorant", serif; font-weight: 300; font-style: normal; color: #fff; font-size: 5vw; letter-spacing: 0.05em; line-height: 1.2; text-align: right; text-shadow: 0 0 2px #666, 0 0 2px #666, 0 0 8px #000; }
.charmpoints_wrap .charm_cont_container .text_box { width: 64%; position: absolute; left: 0; top: 4vw; }
.charmpoints_wrap .charm_cont_container .text_box.aos-init { transform: translate3d(-100px, 0, 0); }
.charmpoints_wrap .charm_cont_container .text_box.aos-animate { transform: translateZ(0); }
.charmpoints_wrap .charm_cont_container .text_box .upper { padding: 1.6rem; background-color: #7c5271; color: #fff; }
.charmpoints_wrap .charm_cont_container .text_box .upper .head { display: inline-block; font-size: 2.4rem; text-align: left; padding-right: 1.2rem; border-right: thin solid #fff; }
.charmpoints_wrap .charm_cont_container .text_box .upper .head .digit { font-size: 200%; margin-left: 4px; }
.charmpoints_wrap .charm_cont_container .text_box .upper .copy { padding-top: 8px; font-size: clamp(2rem, 2.25vw, 3.2rem); text-align: left; line-height: 1.36; }
.charmpoints_wrap .charm_cont_container .text_box .bottoms { padding: 1.6rem 1.6rem 4rem; background-color: #eae2e7; position: relative; }
.charmpoints_wrap .charm_cont_container .text_box .bottoms .lead { font-size: 2rem; line-height: 1.44; }
.charmpoints_wrap .charm_cont_container .text_box .bottoms .btn { position: absolute; left: 50%; bottom: -3rem; transform: translate(-50%, 0); }
.charmpoints_wrap .charm_cont_container .text_box .bottoms .btn .btn-body { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 20vw; max-width: 30rem; height: 6rem; margin: 0 auto; padding: 8px 4rem; background: linear-gradient(to right, #261923, #6e5367); transition: 0.5s filter; }
.charmpoints_wrap .charm_cont_container .text_box .bottoms .btn .btn-body .kana { color: #fff; font-size: 2rem; line-height: 1.5; white-space: nowrap; }
.charmpoints_wrap .charm_cont_container .text_box .bottoms .btn .btn-body:before { content: ""; position: absolute; right: 8%; top: 50%; transform: translateY(-50%) rotate(-45deg); width: 1rem; height: 1rem; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.charmpoints_wrap .charm_cont_container .text_box .bottoms .btn .btn-body:hover { filter: brightness(1.6); }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .bg_img { flex-direction: row-reverse; }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .bg_img .image_photo.aos-init { transform: translate3d(100px, 0, 0); }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .bg_img .image_photo.aos-animate { transform: translateZ(0); }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .bg_img .image_photo .img .note { left: auto; right: 1.2rem; }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .bg_img .images.aos-init { transform: translate3d(-100px, 0, 0); }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .bg_img .images.aos-animate { transform: translateZ(0); }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .page_name { right: auto; left: 12px; top: auto; bottom: 12px; }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .text_box { left: auto; right: 0; }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .text_box.aos-init { transform: translate3d(100px, 0, 0); }
.charmpoints_wrap .charm_cont_container:nth-of-type(odd) .text_box.aos-animate { transform: translateZ(0); }
.charmpoints_wrap .charm_cont_container.cont_loc .bg_img .img .note { right: auto; left: 1.2rem; bottom: auto; top: 1.2rem; }
@media screen and (max-width: 1200px) { .charmpoints_wrap { background-image: linear-gradient(to bottom, #fff 12%, #d8bcd1 24%, #eae2e7 40%, #eae2e7 100%); }
  .charmpoints_wrap .point-ttl { margin-bottom: 1rem; } }
@media screen and (max-width: 1024px) { .charmpoints_wrap .point-ttl { margin-bottom: 0; }
  .charmpoints_wrap .charm_cont_container .page_name .en { font-size: 4vw; }
  .charmpoints_wrap .charm_cont_container .text_box .upper .head { font-size: 2rem; }
  .charmpoints_wrap .charm_cont_container .text_box .bottoms .lead { font-size: 1.8rem; }
  .charmpoints_wrap .charm_cont_container .text_box .bottoms .btn .btn-body { width: 24vw; height: 5.6rem; } }
@media screen and (max-width: 834px) { .charmpoints_wrap .point-ttl { margin-bottom: 0.5rem; }
  .charmpoints_wrap .charm_cont_container .text_box { width: 72%; }
  .charmpoints_wrap .charm_cont_container .text_box .upper .head { font-size: 1.8rem; }
  .charmpoints_wrap .charm_cont_container .text_box .upper .copy { display: inline-block; padding-left: 1rem; }
  .charmpoints_wrap .charm_cont_container .text_box .bottoms .lead { font-size: 1.6rem; }
  .charmpoints_wrap .charm_cont_container .text_box .bottoms .btn .btn-body { height: 5.2rem; }
  .charmpoints_wrap .charm_cont_container .text_box .bottoms .btn .btn-body .kana { font-size: 1.6rem; } }
@media screen and (max-width: 672px) { .charmpoints_wrap .point-ttl .p-txt02 { margin-top: 2rem; }
  .charmpoints_wrap .point-ttl .p-txt02 > .aw:first-of-type { margin-top: -0.28em; }
  .charmpoints_wrap .charm_cont_container { aspect-ratio: initial; }
  .charmpoints_wrap .charm_cont_container .bg_img .image_photo { width: 100%; height: 32vw; }
  .charmpoints_wrap .charm_cont_container .bg_img .image_photo .img { height: 100%; }
  .charmpoints_wrap .charm_cont_container .bg_img .image_photo .img img { height: 100%; object-fit: cover; object-position: center top; }
  .charmpoints_wrap .charm_cont_container .bg_img .images { width: 100%; grid-template-columns: repeat(3, 1fr); }
  .charmpoints_wrap .charm_cont_container .bg_img .images .img { height: 100%; height: 100%; }
  .charmpoints_wrap .charm_cont_container .bg_img .images .img img { height: 100%; object-fit: cover; }
  .charmpoints_wrap .charm_cont_container .bg_img .images .img .note { bottom: auto; top: 2px !important; right: auto; left: 3px !important; }
  .charmpoints_wrap .charm_cont_container .bg_img .images .size_l { grid-column: span 1; }
  .charmpoints_wrap .charm_cont_container .page_name { left: 12px; right: auto; top: auto; bottom: 0; }
  .charmpoints_wrap .charm_cont_container .page_name .en { font-size: 10vw; line-height: 1; }
  .charmpoints_wrap .charm_cont_container .text_box { width: 80%; left: auto; right: 0; top: 28%; }
  .charmpoints_wrap .charm_cont_container .text_box.aos-init { transform: translate3d(100px, 0, 0); }
  .charmpoints_wrap .charm_cont_container .text_box.aos-animate { transform: translateZ(0); }
  .charmpoints_wrap .charm_cont_container:nth-of-type(odd) .page_name { left: auto; right: 12px; bottom: 0; }
  .charmpoints_wrap .charm_cont_container:nth-of-type(odd) .text_box { left: 0; right: auto; }
  .charmpoints_wrap .charm_cont_container:nth-of-type(odd) .text_box.aos-init { transform: translate3d(-100px, 0, 0); }
  .charmpoints_wrap .charm_cont_container:nth-of-type(odd) .text_box.aos-animate { transform: translateZ(0); } }
@media screen and (max-width: 600px) { .charmpoints_wrap .charm_cont_container .bg_img .image_photo { height: initial; } }
@media screen and (max-width: 440px) { .charmpoints_wrap { padding-bottom: 0; }
  .charmpoints_wrap .point-ttl { margin-bottom: 1rem; }
  .charmpoints_wrap .point-ttl .p-txt02 { font-size: 5vw; }
  .charmpoints_wrap .charm_cont_container .bg_img .image_photo { height: 72vw; }
  .charmpoints_wrap .charm_cont_container .text_box { top: 12%; }
  .charmpoints_wrap .charm_cont_container .text_box .bottoms .btn .btn-body { width: 56vw; } }

.pickup_conts_bnr_wrap { padding: 4rem 0 6.4rem; margin: auto; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider { max-width: 1400px; margin: auto; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr { margin: auto 2rem; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a { display: block; width: 100%; border: thin solid #d8bcd1; transition: .3s all; position: relative; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .img .note { bottom: 6px; right: auto; left: 8px; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { width: 32%; position: absolute; left: 66%; bottom: 5%; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore { display: inline-block; font-size: 1.4rem; text-align: left; line-height: 1.6; margin-top: 4px; padding: 0 12px 2px 6px; border-bottom: thin solid #323232; position: relative; transition: .4s all; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore::before { content: ""; display: block; width: 8px; height: 8px; border-right: thin solid #323232; position: absolute; bottom: -4px; right: 1px; transform: rotate(-45deg); }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt { text-align: center; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt .en { font-family: "cormorant", serif; font-weight: 300; font-style: normal; font-size: 1.3rem; letter-spacing: 0.1em; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt .kana { font-size: 1.2rem; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore.white { color: #fff; border-bottom: thin solid #fff; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore.white::before { border-right: thin solid #fff; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .kana-new { font-family: "cormorant", serif; font-weight: 300; font-style: normal; background: #d5cb98; color: #000; font-size: 1.4rem; line-height: 1; padding: 0.4rem 0.8rem 0.2rem; display: inline-block; white-space: nowrap; position: absolute; right: 0; top: 0; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a:hover { filter: brightness(105%); }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a:hover .btn .readmore { padding-right: 24px; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-arrow { width: 3.2vw; max-width: 40px; height: auto; max-height: 112px; aspect-ratio: 20/56; z-index: 3; opacity: 0.8; background: url("../img/top/slider_arrow.png") center center/contain no-repeat; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-arrow::before { content: none; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-arrow.slick-prev { left: 3%; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-arrow.slick-next { right: 3%; transform: scaleX(-1) translate(0, -50%); }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-dots { bottom: -10%; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-dots li { width: auto; height: auto; margin: 0 8px; padding: 0; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-dots li button { width: auto; height: auto; padding: 0; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-dots li button::before { content: none; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-dots li button::after { content: ""; display: block; width: 4rem; height: 8px; background-color: rgba(255, 255, 255, 0.32); border: 1px solid #e4d0de; }
.pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-dots li.slick-active button::after { background-color: #d1b0c8; box-shadow: none; }
@media screen and (max-width: 1360px) { .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr { margin: auto 1rem; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { width: 34%; left: 68%; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt .en { font-size: 1.2rem; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt .kana { font-size: 1.1rem; } }
@media screen and (max-width: 1200px) { .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { left: 64%; } }
@media screen and (max-width: 1024px) { .pickup_conts_bnr_wrap { padding-bottom: 8rem; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr { margin: auto 1rem; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { width: 48%; left: 62%; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore { padding-right: 10px; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a:hover .btn .readmore { padding-right: 14px; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-arrow { max-width: 32px; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-dots { bottom: -16%; } }
@media screen and (max-width: 960px) { .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { left: 60%; } }
@media screen and (max-width: 834px) { .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { left: 62%; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt .en { font-size: 13px; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt .kana { font-size: 12px; } }
@media screen and (max-width: 768px) { .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { left: 60%; } }
@media screen and (max-width: 672px) { .pickup_conts_bnr_wrap { padding: 1rem 0 24vw; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr { margin: auto 12px; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { left: 66%; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore { margin-top: 2px; padding-bottom: 0; padding-right: 12px; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt .en { font-size: 3vw; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore .txt .kana { font-size: 3vw; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a:hover .btn .readmore { padding-right: 20px; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-arrow { width: 8vw; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .slick-dots { bottom: -10%; } }
@media screen and (max-width: 520px) { .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn { left: 62%; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a .btn .readmore { padding-right: 10px; }
  .pickup_conts_bnr_wrap .pickup_conts_bnr_slider .pickup_conts_bnr a:hover .btn .readmore { padding-right: 14px; } }

.conts-links-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 8rem 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; }
.conts-links-wrap .conts-link-box a { display: block; width: 100%; color: #fff; position: relative; transition: .3s all; }
.conts-links-wrap .conts-link-box a .image { width: 100%; }
.conts-links-wrap .conts-link-box a .image .img .note { width: 100%; text-align: right; right: 4px; bottom: 4px; }
.conts-links-wrap .conts-link-box a .cont-name, .conts-links-wrap .conts-link-box a .copy, .conts-links-wrap .conts-link-box a .btn { position: absolute; z-index: 2; }
.conts-links-wrap .conts-link-box a .cont-name { width: 96%; font-family: "cormorant", serif; font-weight: 300; font-style: normal; font-size: 2.4rem; letter-spacing: 0.05em; text-align: center; line-height: 1.2; left: 50%; top: 40%; transform: translate(-50%, -50%); }
.conts-links-wrap .conts-link-box a .copy { width: 92%; font-size: 1.4rem; text-align: left; line-height: 1.6; left: 50%; bottom: 10%; transform: translateX(-50%); }
.conts-links-wrap .conts-link-box a .copy .readmore { display: inline-block; margin-top: 4px; padding: 0 12px 2px 6px; border-bottom: thin solid #fff; position: relative; transition: .4s all; }
.conts-links-wrap .conts-link-box a .copy .readmore::before { content: ""; display: block; width: 8px; height: 8px; border-right: thin solid #fff; position: absolute; bottom: -4px; right: 1px; transform: rotate(-45deg); }
.conts-links-wrap .conts-link-box a .copy .readmore .txt { font-family: "cormorant", serif; font-weight: 300; font-style: normal; font-size: 1.3rem; letter-spacing: 0.1em; text-align: center; }
.conts-links-wrap .conts-link-box a:hover { filter: brightness(120%); }
.conts-links-wrap .conts-link-box a:hover .copy .readmore { padding-right: 24px; }
@media screen and (max-width: 834px) { .conts-links-wrap .conts-link-box a .cont-name { top: 38%; }
  .conts-links-wrap .conts-link-box a .copy { bottom: 7%; } }
@media screen and (max-width: 768px) { .conts-links-wrap { grid-template-columns: repeat(2, 1fr); }
  .conts-links-wrap .conts-link-box a .cont-name { top: 36%; }
  .conts-links-wrap .conts-link-box a .copy { font-size: 2.5vw; }
  .conts-links-wrap .conts-link-box a .copy .readmore { margin-top: 2px; padding-bottom: 0; }
  .conts-links-wrap .conts-link-box a .copy .readmore .txt { font-size: 2.5vw; }
  .conts-links-wrap #Brand-link { grid-column: span 2; }
  .conts-links-wrap #Brand-link a .image .img { height: 176px; }
  .conts-links-wrap #Brand-link a .image .img img { height: 100%; object-fit: cover; } }

/******************************************************

MODAL

******************************************************/
.modal-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index: 10000; }
@keyframes ModalFadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.modal-wrap a:hover { filter: brightness(110%); }
.modal-wrap img { width: 100%; height: auto; }
.modal-wrap .note { margin-top: 0.5rem; font-size: 0.6rem; color: #fff; }
.modal-wrap .modal-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); }
.modal-wrap .modal-inner { position: relative; max-width: 1000px; width: 80%; }
.modal-wrap .modal-close { width: 40px; height: 40px; background-color: #444444; position: absolute; top: -45px; right: 0; cursor: pointer; }
.modal-wrap .modal-close .line1, .modal-wrap .modal-close .line2 { position: absolute; top: 50%; left: 50%; display: block; width: 100%; height: 1px; translate: -50% -50%; background-color: white; }
.modal-wrap .modal-close .line1 { transform: rotate(-45deg); }
.modal-wrap .modal-close .line2 { transform: rotate(45deg); }
.modal-wrap.fadeOut { pointer-events: none; animation: ModalFadeOut 1s ease 0s forwards; }