/*@mixin minchoBold {
font-family: "shippori-mincho", sans-serif;
font-weight: 700;
font-style: normal;
font-feature-settings: 'palt';
}
@mixin en_Paganini {
	font-family: "paganini", serif;
font-weight: 400;
font-style: normal;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_I {
font-family: "paganini", serif;
font-weight: 400;
font-style: italic;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_B {
font-family: "paganini", serif;
font-weight: 700;
font-style: normal;
	font-feature-settings: 'palt';
}
@mixin en_Paganini_BI {
font-family: "paganini", serif;
font-weight: 700;
font-style: italic;
font-feature-settings: 'palt';
}*/
/*$btn-request-off-color:*/
/*#9e7013*/
/*#BD8617;*/
/*$btn-request-on-color:#db9b1a;*/
/*$btn-request-off-color:#a72126;
$btn-request-on-color:#d83c42;*/
/*$btn-reserve-off-color:#9c9e73;
$btn-reserve-on-color:#b5b886;*/
.intro { background-color: #EAE9E1; max-width: none; }
.intro .completion-merit-menu { max-width: 1040px; margin: auto; }
@media screen and (max-width: 600px) { .intro .completion-merit-menu { width: 80%; } }

.breaking-out-container { container-type: inline-size; }

.comp-merits-list { overflow-x: hidden; padding-inline: calc(50vw - 50%); padding-top: 5rem; }
.comp-merits-list .merits-block { margin-bottom: 4rem; }
.comp-merits-list .merits-block .merits-block-inner { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; max-width: 1040px; margin-left: auto; margin-right: auto; }
.comp-merits-list .merits-block .merits-block-inner * { min-height: 0%; }
.comp-merits-list .merits-block .text { width: 40%; }
.comp-merits-list .merits-block .text .merit-head { font-size: 1rem; text-align: left; line-height: 1.2; letter-spacing: 0.05em; margin-bottom: 1rem; color: #9e9faf; }
.comp-merits-list .merits-block .text .merit-head .num { font-size: 200%; }
.comp-merits-list .merits-block .text .merit-head span { display: inline-block; width: 32%; max-width: 164px; }
.comp-merits-list .merits-block .text .maincopy, .comp-merits-list .merits-block .text .lead { text-align: left; }
.comp-merits-list .merits-block .text .maincopy { font-size: 1.25rem; padding-bottom: 0; margin-bottom: 1rem; }
.comp-merits-list .merits-block .text .maincopy b { font-size: 144%; font-weight: 400; }
.comp-merits-list .merits-block .image { width: 54vw; margin-right: calc(50% - 50cqi); aspect-ratio: 884/356; /**.img-inner { clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%); overflow-x: hidden;
}**/ }
.comp-merits-list .merits-block .image .cap { padding-right: 0.8%; }
.comp-merits-list .merits-block:last-of-type { margin-bottom: 0; }
.comp-merits-list .merits-block:nth-of-type(even) .merits-block-inner { flex-direction: row-reverse; }
.comp-merits-list .merits-block:nth-of-type(even) .image { margin-left: calc(50% - 50cqi); }
.comp-merits-list .merits-block:nth-of-type(even) .image .img-inner { /**clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);**/ }
.comp-merits-list .merits-block:nth-of-type(even) .image .cap { padding-right: 0.8%; }
.comp-merits-list .merits-block:nth-of-type(1) { margin-bottom: 6rem; }
.comp-merits-list .merits-block:nth-of-type(1) .image .view { margin: 0; overflow: hidden; }
.comp-merits-list .merits-block:nth-of-type(1) .image .view .view-inner { /**clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%);**/ }
.comp-merits-list .merits-block:nth-of-type(1) .image .view #view-gimic { aspect-ratio: 884/356; height: auto; width: 100%; scrollbar-width: none; }
.comp-merits-list .merits-block:nth-of-type(1) .image .view .view-container .view-arrow-cls#arrow-left { left: 12%; }
.comp-merits-list .merits-block:nth-of-type(1) .image .view .note { margin-top: 0; text-align: left; }
.comp-merits-list .merits-block:nth-of-type(5) .figure { margin-inline: calc(50% - 50cqi); margin-top: 5rem; padding-inline: calc(50cqi - 50%); padding-top: 4rem; padding-bottom: 5rem; background-color: #EAE9E1; /**max-width: 960px;**/ }
.comp-merits-list .merits-block:nth-of-type(5) .figure .fig-inner { max-width: 960px; margin: 0rem auto 0; }
.comp-merits-list .merits-block:nth-of-type(5) .figure .fig-title { background-color: #317564; color: #fff; font-size: 1.125rem; text-align: center; line-height: 1.2; letter-spacing: 0.2em; padding: 4px; }
@media screen and (max-width: 768px) { .comp-merits-list { padding-top: 5rem; }
  .comp-merits-list .merits-block .merits-block-inner { flex-direction: row-reverse; }
  .comp-merits-list .merits-block .text { width: 100%; padding-left: 3.8647342995%; padding-right: 3.8647342995%; }
  .comp-merits-list .merits-block .text .merit-head { margin-bottom: 0.5rem; }
  .comp-merits-list .merits-block .text .merit-head span { width: 24%; }
  .comp-merits-list .merits-block .image { width: 96vw; margin-top: 1.5rem; }
  .comp-merits-list .merits-block:nth-of-type(even) .merits-block-inner { flex-direction: row; }
  .comp-merits-list .merits-block:nth-of-type(1) { margin-bottom: 5rem; padding-bottom: 3rem; }
  .comp-merits-list .merits-block:nth-of-type(1) .image .view .note { margin-top: 0; }
  .comp-merits-list .merits-block:nth-of-type(5) .figure { margin-top: 1.5rem; padding: 2rem 3.8647342995% 2rem; }
  .comp-merits-list .merits-block:nth-of-type(5) .figure .img .js-scrollable { width: 100vw; height: 280px; padding: 0 22px 12px 8px; margin-inline: calc(50% - 50cqi); }
  .comp-merits-list .merits-block:nth-of-type(5) .figure .img .js-scrollable img { width: auto; height: 100%; object-fit: cover; }
  .comp-merits-list .merits-block:nth-of-type(5) .figure .img .cap { font-size: 16px; }
  .comp-merits-list .merits-block:nth-of-type(5) .figure .img .cap.out { margin-top: 8px; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; justify-content: space-around; text-align: center; line-height: 1; }
  .comp-merits-list .merits-block:nth-of-type(5) .figure .img .cap.out * { min-height: 0%; }
  .comp-merits-list .merits-block:nth-of-type(5) .figure .img .cap.out .symbol { font-size: 120%; } }
