/* header */
.c-header {
  height: 0.6rem;
  background-color: #cdcdbe;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 99;
}
.c-headerLogo {
  width: 1.27rem;
  height: 0.2rem;
  top: 0.16rem;
  left: 0.2rem;
}
.c-headerLogo svg {
  fill: #000000;
  width: 100%;
}
.c-burgerBtn {
  width: 0.3rem;
  height: 0.3rem;
  top: 0.14rem;
  right: 0.2rem;
  cursor: pointer;
  z-index: 99;
}
.c-burgerBtn__inner {
  width: 100%;
  height: 100%;
}
.c-burgerBtn__bar {
  width: 100%;
  height: 1px;
  inset: 0;
  margin: auto;
  background-color: #000000;
  transition: background-color 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.c-burgerBtn__bar:nth-child(1) {
  transform: translateY(-0.05rem) ;
}
.c-burgerBtn__bar:nth-child(3) {
  transform: translateY(0.05rem) ;
}
.c-header.s-active .c-burgerBtn__bar {
  background-color: #d9d9d9;
  
}
.c-header.s-active .c-burgerBtn__bar:nth-child(2) {
  display: none;
}
.c-header.s-active .c-burgerBtn__bar:nth-child(1) {
  transform: translateY(0) rotate(25deg);
}
.c-header.s-active .c-burgerBtn__bar:nth-child(3) {
  transform: translateY(0) rotate(-25deg);
}
.c-header__menu {
  color: #d9d9d9;
  z-index: 98;
}

.c-headerMainNav {
  margin-bottom: 0.2rem;
}
.c-mainNav {
  font-size: 0.16rem;
}

.c-navLink {
  padding-top: 0.08rem;
  padding-bottom: 0.09rem;
  color: #d9d9d9;
  position: relative;
}
.c-navLink.c-navLink--sub {
  
  padding-bottom: 0;
}

.c-hasSubNav {
  grid-template-columns: 37.1% 1fr;
}
.c-subNav {
  padding-bottom: 0.19rem;
}
.c-subnavName {
  padding-top: 0.08rem;
  padding-bottom: 0.09rem;
}
.c-headerLangs {
  margin-top: 0.19rem;
}
.c-headerLang {
  color: #ffffff;
  width: 0.2rem;
  line-height: 0.23rem;
  margin: 0 0.02rem;
  border-bottom: 1px solid transparent;
}
.c-headerLang.s-active {
  border-bottom-color: #ffffff;
}
.c-headerAdditional {
  margin-top: 0.33rem;
}
.c-headerAddress {
  margin-bottom: 0.21rem;
  margin-top: 0.21rem;
}
.c-headerSNSLinks {
  padding-left: 0.03rem;
  padding-right: 0.03rem;
  margin-bottom: 0.18rem;
}
.c-headerExperienceTitle {
  font-size: 0.16rem;
  margin-bottom: 0.08rem;
}
@media screen and (max-width: 779px) {
  .c-main {
    padding-top: 0.6rem;
  }
  
  .c-header__menu {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    inset: 0;
    background-color: #404040;
    max-height: 100svh;
    overflow: auto;
    transition: transform 0.5s ease-in-out;
    transform: translateX(100%);
  }
  .c-header.s-active .c-header__menu {
    transform: translateX(0%);
  }
  .c-mainNav >li {
    border-top: 1px solid rgba(217, 217, 217, 0.25);
  }
  .c-navLink:before {
    width: 0.18rem;
    height: 0.09rem;
    top: 0.2rem;
    right: 0.03rem;
    content: '';
    display: block;
    position: absolute;
    background-image: url('../images/chevron-right-white.svg');
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 780px) {
  .c-header {
    background-color: transparent;
    height: 0.9rem;
  }
  .c-headerLogo {
    width: 1.78rem;
    height: 0.28rem;
    top: 0.3rem;
    left: 0.3rem;
  }
  .c-headerLogo svg {
    fill: #000000;
  }
  .c-header__menu {
    background-color: transparent;
    color: #000000;
  }
  .c-headerMainNav {
    padding-top: 0.24rem;
    margin-bottom: 0;
    margin-right: 0.15rem;
  }
  .c-mainNav >li {
    vertical-align: top;
    margin: 0 0.18rem;
  }
  .c-navLink {
    color: #000000;
  }
  .c-subNav {
    height: 0;
    width: 1.4rem;
    padding-bottom: 0;
    overflow: hidden;
    left: 0.13rem;
    transition: height 0.3s ease-in-out;
  }
  .c-subnavName {
    cursor: pointer;
  }
  .c-subnavName:before {
    content: '';
    display: inline-block;
    margin-right: 0.04rem;
    width: 0.09rem;
    height: 0.08rem;
    background-image: url('../images/chevron-down-black.svg');
    background-size: 100% 100%;
    
  }
  .c-hasSubNav:hover .c-subNav {
    height: 1.4rem;
  }
  .c-subNav:before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0.9rem;
    height: 0;
    background-color: rgba(205, 205, 190, 0.9);
    pointer-events: none;
    transition: height 0.3s ease-in-out;
  }
  .c-hasSubNav:hover .c-subNav:before {
    height: 1.5rem;
  }
  .c-headerLangs {
    
    margin-top: 0;
    margin-left: 0.24rem;
    
  }
  .c-headerLang {
    font-size: 0.14rem;
    text-align: center;
    color: #000000;
  }
  .c-headerLang.s-active {
    border-bottom-color: #000000;
  }
  .c-headerSideLinks {
    top: 0.31rem;
    right: 0.3rem;
  }
  .c-headerSideLink {
    color: #000000;
  }
  .c-headerSideLink + .c-headerSideLink {
    margin-left: 0.26rem;
  }
  .c-headerSideLink span {
    vertical-align: middle;
  }
  .c-headerSideLink:after {
    content: '';
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.04rem;
    vertical-align: middle;
    background-image: url('../images/icon-cup-black-o.svg');
    background-size: 100% 100%;
  }
  .c-headerSideLink.c-headerSideLink--store:after {
    background-image: url('../images/icon-shop-black-o.svg');
  }
  .c-app.s-whiteHeader .c-headerLogo svg {
    fill: #ffffff;
  }
  .c-app.s-whiteHeader .c-subnavName:before {
    background-image: url('../images/chevron-down-white.svg');
  }
  .c-app.s-whiteHeader .c-headerSideLink:after {
    background-image: url('../images/icon-cup-white-o.svg');
  }
  .c-app.s-whiteHeader .c-headerSideLink.c-headerSideLink--store:after {
    background-image: url('../images/icon-shop-white-o.svg');
  }
  .c-app.s-whiteHeader .c-header__menu,
  .c-app.s-whiteHeader .c-navLink,
  .c-app.s-whiteHeader .c-headerLang,
  .c-app.s-whiteHeader .c-headerSideLink {
    color: #ffffff;
  }
  .c-app.s-whiteHeader .c-headerLang.s-active {
    border-bottom-color: #ffffff;
  }
}
@media screen and (min-width: 780px) and (hover: hover) {
  .c-header {
    transition: background-color 0.3s ease-in-out;
  }
  .c-header:hover {
    background-color: rgba(205, 205, 190, 0.9);
  }
  .c-header:hover .c-headerLogo svg {
    fill: #000000;
  }
  .c-header:hover .c-subnavName:before {
    background-image: url('../images/chevron-down-black.svg');
  }
  .c-header:hover .c-headerSideLink:after {
    background-image: url('../images/icon-cup-black-o.svg');
  }
  .c-header:hover .c-headerSideLink.c-headerSideLink--store:after {
    background-image: url('../images/icon-shop-black-o.svg');
  }
  .c-header:hover .c-header__menu,
  .c-header:hover .c-navLink,
  .c-header:hover .c-headerLang,
  .c-header:hover .c-headerSideLink {
    color: #000000;
  }
  .c-header:hover .c-headerLang.s-active {
    border-bottom-color: #000000;
  }
}
/* end header */

/* footer */
.c-footer {
  background-color: #404040;
  color: #d9d9d9;
}
.c-footer__upper {
  padding-top: 0.5rem;
  padding-bottom: 0.38rem;
}
.c-footerGalleryLogo {
  width: 0.8rem;
  height: 0.78rem;
  margin-bottom: 0.32rem;
}
.c-footerGalleryLogo img {
  width: 100%;
}
.c-footerAddress {
  margin-bottom: 0.28rem;
}
.c-footerSNSLinks {
  margin-top: 0.33rem;
  padding-left: 0.03rem;
}
.c-footer__middle {
  padding-top: 0.4rem;
  padding-bottom: 0.39rem;
  border-top: rgba(160, 160, 160, 0.5) solid 1px;
  border-bottom: rgba(160, 160, 160, 0.5) solid 1px;
}
.c-footer__lower {
  padding-top: 0.56rem;
  padding-bottom: 0.59rem;
}
.c-footerWebsiteLogo {
  width: 0.85rem;
  height: 0.24rem;
}
.c-footerWebsiteLogo img {
  width: 100%;
}
.c-footerWebsite,
.c-disclaimer,
.c-copyright {
  font-size: 0.12rem;
}
.c-footerWebsite {
  margin-top: 0.03rem;
}
.c-disclaimer {
  margin-top: 0.2rem;
  margin-bottom: 0.16rem;
  line-height: 1.5;
}

@media screen and (min-width: 780px) {
  .c-footerGalleryLogo {
    width: 1rem;
    height: 0.98rem;
  }
  .c-footer__upper {
    padding-top: 0.6rem;
    padding-bottom: 0.29rem;
    /* grid-template-columns: minmax(2rem, 1fr) minmax(4rem, 1fr) minmax(3.8rem, 1fr) 1fr; */
    grid-template-columns: 17.24137931034483% 34.48275862068966% 32.758620689655174% 1fr;
  }
  .c-footerAddress {
    margin-bottom: 0;
    padding-top: 0.07rem;
  }
  .c-footerSNSLinks {
    padding-left: 0;
    margin-top: 0;
    right: 0.1rem;
    top: 0.83rem;
  }
  .c-footer__middle {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
  .c-footer__lower {
    padding-top: 0.6rem;
    padding-bottom: 1.1rem;
  }
  .c-footerWebsite {
    margin-top: 0.07rem;
  }
  .c-disclaimer {
    margin-bottom: 0.17rem;
  }
}
@media screen and (min-width: 780px) and (max-width: 959px) {
  .c-footer__upper {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-sideLinkBlock {
    grid-column: 1 / -1;
    width: 3.8rem;
    margin-left: auto;
    margin-right: auto;
  }
}
/* end footer */

/* common */
.c-adressBlock {
  font-size: 0.12rem;
}
.c-adressBlock a {
  color: #d9d9d9;
  text-decoration: underline;
}
.c-sideLinkBlock {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.18rem;
}
.c-sideLinkBtn {
  font-size: 0.14rem;
  line-height: 0.4rem;
  height: 0.4rem;
  padding-left: 0.14rem;
  color: #d9d9d9;
  border: 1px solid rgba(160, 160, 160, 0.5);
  position: relative;
}
.c-sideLinkBtn:before {
  width: 0.16rem;
  height: 0.15rem;
  content: '';
  display: block;
  position: absolute;
  background-image: url('../images/icon-cup-white.svg');
  background-size: 100% 100%;
  top: 0;
  bottom: 0;
  right: 0.16rem;
  margin: auto 0;
}
.c-sideLinkBtn.c-sideLinkBtn--store:before {
  background-image: url('../images/icon-shop-white.svg');
  height: 0.17rem;
}
.c-tourLinkBlock {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.18rem;
}
.c-tourLink img {
  width: 100%;
}

.c-snsLink {
  width: 0.18rem;
  height: 0.18rem;
  background-image: url('../images/icon-instagram-white.svg');
  background-size: 100% 100%;
}
.c-viewMoreBtn {
  width: 1.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  letter-spacing: 0.04em;
  text-align: center;
  border: 1px solid #a0a0a0;
  color: #d9d9d9;
  border-radius: 0.2rem;
}
.c-viewMoreBtn.c-viewMoreBtn--black {
  border-color: #000000;
  color: #000000;
}
.c-sectionTitle {
  font-size: 0.32rem;
}
.c-newsCard {
  border-top: 1px solid rgba(64, 64, 64, 0.25);
  padding-top: 0.3rem;
  padding-bottom: 0.6rem;
  letter-spacing: 0.02em;
}
.c-newsCard__head {
  cursor: pointer;
  color: #000000;
}
.c-newsCard__headInfo.c-newsCard__headInfo--accordion:before, 
.c-newsCard__headInfo.c-newsCard__headInfo--accordion:after {
  content: '';
  position: absolute;
  display: block;
  width: 0.2rem;
  height: 1px;
  background-color: #404040;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
}
.c-newsCard:not(.s-active) .c-newsCard__headInfo.c-newsCard__headInfo--accordion:after {
  transform: rotate(90deg);
}
 
.c-newsCard__headInfo {
  margin-bottom: 0.31rem;
}
.c-newsCard__headMeta {
  margin-bottom: 0.09rem;
}
.c-newsCard__postDate {
  font-size: 0.1rem;
  vertical-align: middle;
  margin-right: 0.14rem;
}
.c-newsTag {
  font-size: 0.1rem;
  border-radius: 0.04rem;
  padding: 0 0.05rem;
  line-height: 1.8;
  vertical-align: middle;
  background-color: rgba(150, 150, 135, 0.25);
}
.c-newsCard__title {
  font-size: 0.16rem;
  margin-bottom: 0.05rem;
}
.c-newsCard__time {
  font-size: 0.12rem;
}
.c-newsCard__figure {
  width: 100%;
  padding-left: 0.92rem;
}
.c-newsCard__figure:before {
  content: '';
  width: 0.55rem;
  height: 1.1rem;
  background-color: #cdcdbe;
  border: 1px solid #404040;
  border-top-right-radius: 0.55rem;
  border-bottom-right-radius: 0.55rem;
  border-left-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.52rem;
  margin: auto 0;
  z-index: 3;
}
.c-newsCard__figureMain {
  aspect-ratio: 258/172;
  object-fit: cover;
}
.c-newsCard__figureTag {
  width: 0.6rem;
  top: 0;
  bottom: 0;
  left: 0.1rem;
  margin: auto 0;
  z-index: 3;
}
.c-newsCard__figureTag.c-newsCard__figureTag--3 {
  width: 0.9rem;
}
.c-newsCard__body {
  padding-top: 0.2rem;
  display: none;
}
.c-subpageTitle {
  font-size: 0.32rem;
}
.c-subpageTitle.c-subpageTitle--concept {
  margin-bottom: 0.29rem;
}
@media screen and (min-width: 780px) {
  .c-adressBlock {
    font-size: 0.14rem;
    letter-spacing: 0.06em;
    line-height: 2;
  }
  .c-sideLinkBlock {
    padding-top: 0.13rem;
  }
  .c-sideLinkBtn {
    font-size: 0.16rem;
  }
  .c-snsLink {
    width: 0.2rem;
    height: 0.2rem;
  }
  .c-tourLinkBlock {
    width: 5.6rem;
    column-gap: 0.4rem;
    margin: 0 auto;
  }
  .c-sectionTitle {
    font-size: 0.4rem;
  }
  .c-newsCard {
    padding-top: 0.39rem;
    padding-bottom: 0.4rem;
  }
  .c-newsCard__head {
    grid-template-columns: 3.62rem 1fr;
  }
  .c-newsCard__headInfo {
    margin-bottom: 0;
    margin-top: -0.04rem;
    padding-left: 0.4rem;
  }
  .c-newsCard__headMeta {
    margin-bottom: 0.12rem;
  }
  .c-newsCard__postDate {
    font-size: 0.12rem;
    margin-right: 0.21rem;
  }
  .c-newsCard__title {
    font-size: 0.18rem;
  }
  .c-newsCard__time {
    font-size: 0.14rem;
  }
  .c-newsTag {
    font-size: 0.12rem;
    padding: 0 0.08rem;
  }
  .c-newsCard__figure {
    order: -1;
    padding-left: 1.02rem;
  }
  .c-newsCard__figure:before {
    width: 0.6rem;
    height: 1.2rem;
    left: 0.57rem;
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
  }
  .c-newsCard__figureTag {
    width: 0.65rem;
    left: 0;
  }
  .c-newsCard__figureTag.c-newsCard__figureTag--3 {
    width: 1.01rem;
  }
  .c-subpageTitle {
    font-size: 0.56rem;
  }
  .c-subpageTitle.c-subpageTitle--concept {
    margin-bottom: 0.55rem;
  }
}
@media screen and (min-width: 780px) and (max-width: 1511px) {
  .c-subpageTitle.c-subpageTitle--scale {
    font-size: 3.7037037037037033vw;
  }
}
@media screen and (hover: hover) {
  .c-viewMoreBtn {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  }
  .c-viewMoreBtn:hover {
    background-color: #d9d9d9;
    color: #404040;
  }
  .c-viewMoreBtn.c-viewMoreBtn--black:hover {
    background-color: #404040;
    border-color: #404040;
    color: #d9d9d9;
  }
}

/* end common */

/* c-heroBanners */
.c-heroBanners {
  height: 100vh;
}
.c-heroLogo {
  width: 2.32rem;
  height: 1rem;
  top: 1.77rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5;
}
.c-heroBanners__bgs >li {
  background-size: cover;
  background-position: center center;
}

.c-heroBanners__noti {
	left: 0;
	right: 0;
	bottom: 0;
  background-color: #416E64;
  
	opacity: 0;
	visibility: hidden;
  z-index: 3;
}
.c-firstViewNoti {
	/*padding: 0.085rem;*/
	font-size: 0.12rem;
	line-height: 1.6666666666666667;
	letter-spacing: 0.02em;
  grid-template-columns: 1.5rem 1fr;
  min-height: 1rem;
	color: #dcded7;
}
.c-firstViewNoti__thumb {
  height: 100%;
  background-size: cover;
  aspect-ratio: 8/5;
}
.c-firstViewNoti__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-firstViewNoti__name {
	padding: 0.05rem 0.2rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.c-firstViewNoti__justname {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-height: 5.25em; */
}

.c-firstViewNoti__bottomBar {
	height: 1px;
	bottom: 0;
	left: 0;
	width: 0%;
  background-color: #ebe6e1;
}
@media screen and (max-width: 779px) {
  .c-heroBanners {
    height: calc(100svh - 0.6rem);
  }
}
@media screen and (min-width: 780px) {
  .c-heroBanners__noti {
    left: auto;
    width: 5.2rem;
    bottom: 0.2rem;
  }
  .c-firstViewNoti {
    font-size: 0.12rem;
    line-height: 1.6666666666666667;
    max-height: 6em;
    grid-template-columns: 1.6rem 1fr;
  }
  .c-firstViewNoti__bottomBar {
    bottom: -1px;
  }
}
/* end c-heroBanners */

/* c-topIntroSection */
.c-topIntroSection {
  padding-top: 0.84rem;
  padding-bottom: 1.32rem;
  background-color: #969687;
}
.c-topIntroArticle {
  margin: 0 auto;
  letter-spacing: 0.27em;
}
.c-topIntroArticle p {
  margin: 0 0.15rem;
  white-space: nowrap;
}
.c-topIntroArticle p .space {
  display: inline-block;
  height: 0.5em;
}
.c-topIntroFigures {
  aspect-ratio: 271/361;
  width: 2.71rem;
  max-width: 100%;
  margin: 0.32rem auto 0;
}
.c-topIntroImage {
  width: 51.66051660516605%;
  top: 0;
  left: 0;
}
.c-topIntroImage.c-topIntroImage--2 {
  width: 36.90036900369004%;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}
.c-topIntroBtnWrap {
  margin-top: 0.32rem;
}
@media screen and (max-width: 779px) {
  .c-topIntroArticle__inner {
    width: 100%;
    padding-right: 0.17rem;
  }
}
@media screen and (min-width: 780px) {
  .c-topIntroSection {
    padding-top: 1.11rem;
    padding-bottom: 1.24rem;
  }
  .c-topIntroSection__inner {
    grid-template-columns: 4.6rem 1fr;
  }
  .c-topIntroArticle {
    margin-right: 0;
    padding-right: 0.04rem;
    letter-spacing: 0.25em;
  }
  .c-topIntroArticle p {
    margin: 0 0 0 0.17rem;
  }
  .c-topIntroFigures {
    order: -1;
    aspect-ratio: 460/581;
    width: 100%;
    margin-top: 0.87rem;
  }
  .c-topIntroImage {
    width: 50%;
  }
  .c-topIntroImage.c-topIntroImage--2 {
    width: 43.47826086956522%;
  }
  .c-topIntroBtnWrap {
    margin-top: 1.03rem;
    padding-left: 0.15rem;
  }
}
/* end c-topIntroSection */

/* c-topOverviewSection */
.c-topOverviewSection {
  background-color: #404040;
  color: #d9d9d9;
}
.c-topOverviewList {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-top: 0.8rem;
  padding-bottom: 1.6rem;
}

.c-topOverview__title {
  padding-left: 0.19rem;
  padding-top: 0.09rem;
  padding-bottom: 1px;
  margin-bottom: 0.5rem;
  line-height: 1;
  border-left: 1px solid #a0a0a0;
}
.c-topOverview__titleName {
  font-size: 0.24rem;
  margin-bottom: 0.32rem;
}
.c-topOverview__titleFloor {
  font-size: 0.14rem;
}
.c-topOverview__thumb {
  width: 2.58rem;
  margin-left: auto;
}
.c-topOverview__thumb.c-topOverview__thumb--vertical {
  width: 1.66rem;
}
.c-topOverview__thumb img {
  width: 100%;
}
.c-topOverviewList >li:nth-child(even) .c-topOverview__thumb {
  margin-right: auto;
  margin-left: 0;
}
.c-topOverview__info {
  margin-top: 0.32rem;
}
.c-topOverview__info h4 {
  font-size: 0.18rem;
  margin-bottom: 0.18rem;
  line-height: 1.7777777777777777;
  letter-spacing: 0.04em;
}
.c-topOverview__moreBtnWrap {
  margin-top: 0.32rem;
}
@media screen and (max-width: 779px) {
  .c-topOverviewList >li+li {
    margin-top: 1.75rem;
  }
}
@media screen and (min-width: 780px) {
  .c-topOverviewSection {
    padding-left: 0.2rem;
    height: 100vh;
  }
  .c-topOverviewSection__inner {
    width: max-content;
    height: 100%;
  }
  .c-topOverviewList {
    padding-top: 1.29rem;
    padding-right: 1.6rem;
    padding-bottom: 1.33rem;
    /* padding-left: 1.78rem; */
    padding-left: calc(50vw - 6rem);
    gap: 2.2rem;
  }
  .c-topOverviewList >li {
    width: 10.6rem;
    min-width: 10.6rem;
  }
  .c-topOverview {
    height: 100%;
  }
  .c-topOverview__title {
    padding-top: 0.05rem;
    padding-bottom: 0.07rem;
    margin-bottom: 0.43rem;
  }
  .c-topOverview__titleName {
    font-size: 0.32rem;
    margin-bottom: 0.22rem;
  }
  .c-topOverview__main {
    
    height: 100%;
    justify-content: space-between;
  }
  .c-topOverviewList >li:nth-child(1) .c-topOverview__main {
    grid-template-columns: 5.6rem 4.6rem;
  }
  .c-topOverviewList >li:nth-child(2) .c-topOverview__main {
    grid-template-columns: 3.6rem 5.6rem;
  }
  .c-topOverviewList >li:nth-child(3) .c-topOverview__main {
    grid-template-columns: 5.6rem 3.6rem;
  }
  .c-topOverviewList >li:nth-child(4) .c-topOverview__main {
    grid-template-columns: 4.6rem 5.6rem;
  }
  .c-topOverview__thumb {
    width: 100%;
    align-self: flex-end;
  }
  .c-topOverview__thumb.c-topOverview__thumb--vertical {
    width: 100%;
  }
  .c-topOverviewList >li:nth-child(even) .c-topOverview__thumb {
    margin-top: 0.34rem;
    align-self: flex-start;
  }
  .c-topOverview__info {
    margin-top: 0;
    line-height: 2;
    order: -1;
    height: 100%;
  }
  .c-topOverviewList >li:nth-child(even) .c-topOverview__info {
    order: initial;
    /* align-self: end; */
    justify-content: flex-end;
  }
  .c-topOverview__info h4 {
    font-size: 0.2rem;
    line-height: 1.6;
  }
  .c-topOverview__moreBtnWrap {
    margin-top: 0.39rem;
  }
  .c-topOverviewBg {
    width: 6.8rem;
    min-width: 6.8rem;
    height: 100%;
  }
  .c-topOverviewBg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #overview-02-side {
    width: 2.2rem;
    top: 0;
    right: 0;
  }
  #overview-03-side {
    width: 4.64rem;
    bottom: 0;
    right: 0;
  }
}
/* end c-topOverviewSection */

/* c-topNewsSection */
.c-topNewsSection {
  padding-top: 1.16rem;
  padding-bottom: 0.78rem;
}
.c-sectionTitle--news {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 780px) {
  .c-topNewsSection {
    padding-top: 1.48rem;
    padding-bottom: 1rem;
  }
  .c-sectionTitle--news {
    margin-bottom: 0.61rem;
  }
  .c-newsViewMoreWrap {
    margin-top: 0.5rem;
  }
}
/* end c-topNewsSection */

/* c-topInformationSection */
.c-topInformationSection {
  padding-top: 0.78rem;
  padding-bottom: 1.13rem;
}
.c-sectionTitle--information {
  margin-bottom: 0.71rem;
}
.c-topInfoArticle {
  line-height: 1.7142857142857142;
}
.c-topInfoArticle + .c-topInfoArticle {
  margin-top: 0.78rem;
}
.c-topInfoArticle__main {
  border-left: 1px solid #404040;
  padding-left: 0.2rem;
  padding-bottom: 0.08rem;
  margin-bottom: 0.4rem;
}
.c-topInfoArticle__main.c-topInfoArticle__main--access {
  padding-bottom: 0;
  margin-bottom: 0.32rem;
}
.c-topInfoArticle h3 {
  font-size: 0.16rem;
  letter-spacing: 0.02em;
  margin-bottom: 0.47rem;
}
.c-topInfoArticle a {
  color: inherit;
  text-decoration: underline;
}
.c-topInfoArticle p + p {
  margin-top: 0.24rem;
}
.c-topInfoArticle h3 + h4 {
  margin-top: -0.09rem;
}
.c-topInfoArticle ul {
  list-style-type: disc;
}
.c-topInfoArticle ul >li {
  margin-left: 1.7em;
}
.c-topInfoArticle h4 + ul {
  margin-top: 0.06rem;
}
.c-topInfoArticle ul >li + li {
  margin-top: 0.06rem;
}
.c-topInfoArticle ul + h4 {
  margin-top: 0.36rem;
}
@media screen and (min-width: 780px) {
  .c-topInformationSection {
    padding-top: 1rem;
    padding-bottom: 3.06rem;
  }
  .c-sectionTitle--information {
    margin-bottom: 0.85rem;
  }
  .c-topInfos {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2.4rem;
  }
  .c-topInfoArticle {
    font-size: 0.14rem;
    line-height: 2;
  }
  .c-topInfoArticle + .c-topInfoArticle {
    margin-top: 1.51rem;
  }
  .c-topInfoArticle__main {
    margin-bottom: 0.39rem;
    padding-bottom: 0;
  }
  .c-topInfoArticle__main.c-topInfoArticle__main--access {
    margin-bottom: 0.4rem;
  }
  .c-topInfoArticle h3 {
    font-size: 0.2rem;
    margin-bottom: 0.44rem;
  }
  .c-topInfoArticle p + p {
    margin-top: 0.29rem;
  }
  .c-topInfoArticle h3 + h4 {
    margin-top: 0.53rem;
  }
  .c-topInfoArticle ul {
    line-height: 1.5;
  }
  .c-topInfoArticle h4 + ul {
    margin-top: 0.1rem;
  }
  .c-topInfoArticle ul >li + li {
    margin-top: 0.13rem;
  }
  .c-topInfoArticle ul + h4 {
    margin-top: 0.3rem;
  }
}
/* end c-topInformationSection */

/* c-topExperienceSection */
.c-topExperienceSection {
  padding-top: 0.76rem;
  padding-bottom: 0.99rem;
  background-color: #dcded7;
}
.c-sectionTitle--experience {
  margin-bottom: 0.56rem;
}
.c-topExperience + .c-topExperience {
  margin-top: 1.34rem;
}
.c-topExperience__inner {
  
  font-size: 0.12rem;
}

.c-topExperience h3 {
  font-size: 0.16rem;
  margin-bottom: 0.26rem;
  line-height: 1.75;
}
.c-topExperience__main {
  margin-bottom: 0.21rem;
  line-height: 1.8333333333333333;
  text-align: justify;
}
.c-topExperience__addInfos {
  line-height: 2;
}
.c-topExperience__addInfos >li+li {
  margin-top: 0.24rem;
}
.c-topExperience__logo {
  width: 2.02rem;
  max-width: 100%;
  margin: 0.19rem auto 0.11rem;
}
.c-ctaBtn {
  font-size: 0.14rem;
  width: 2.6rem;
  height: 0.56rem;
  line-height: 0.56rem;
  border: 1px solid rgba(64, 64, 64, 0.5);
  color: #000000;
}
@media screen and (max-width: 779px) {
  .c-topExperience__figure {
    margin-bottom: 0.27rem;
  }
}

@media screen and (min-width: 780px) {
  .c-topExperienceSection {
    padding-top: 1.48rem;
    padding-bottom: 1.5rem;
  }
  .c-topExperience {
    grid-template-areas: 
      'title title gap2 figs'
      'text text gap2 figs'
      'address logo gap2 figs'
      'button button gap2 figs'
    ;
    grid-template-columns: 2.6rem 2.6rem 0.6rem 4.6rem;
    column-gap: 0.4rem;
  }
  .c-sectionTitle--experience {
    margin-bottom: 1.18rem;
  }
  .c-topExperience + .c-topExperience {
    margin-top: 1.54rem;
  }
  .c-topExperience h3 {
    font-size: 0.24rem;
    margin-bottom: 0.35rem;
    align-self: center;
    grid-area: title;
  }
  .c-topExperience__inner {
    font-size: 0.14rem;
    width: 5.6rem;
    /* margin-bottom: 0.15rem; */
  }
  .c-topExperience__figure {
    width: 4.6rem;
    padding-top: 0.03rem;
    /* right: 0; */
    grid-area: figs;
  }
  .c-topExperience__main {
    grid-area: text;
    font-size: 0.14rem;
    line-height: 1.7142857142857142;
    margin-bottom: 0.07rem;
  }

  .c-topExperience__addInfos {
    grid-area: address;
    padding-top: 0.19rem;
    font-size: 0.14rem;
    line-height: 1.7142857142857142;
  }
  .c-topExperience__addInfos >li+li {
    margin-top: 0.24rem;
  }
  .c-topExperience__logo {
    grid-area: logo;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
  }
  .c-topExperience__moreBtn {
    margin-top: 0.1rem;
    grid-area: button;
  }
  .c-ctaBtn {
    font-size: 0.16rem;
    position: relative;
  }
  .c-ctaBtn:before {
    content: '';
    display: block;
    position: absolute;
    width: 0.11rem;
    height: 0.11rem;
    background-image: url('../images/icon-external-black.svg');
    background-size: 100% 100%;
    top: 0;
    bottom: 0;
    right: 0.15rem;
    margin: auto 0;
  }
}

@media screen and (hover: hover) {
  .c-ctaBtn {
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  .c-ctaBtn:before {
    transition: invert 0.3s ease-in-out;
  }
  .c-ctaBtn:hover {
    background-color: #404040;
    color: #d9d9d9;
  }
  .c-ctaBtn:hover:before {
    filter: invert(1)
  }
}
/* end c-topExperienceSection */

/* c-yuhokanFeaturesSet */
.c-yuhokanFeaturesSet {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  background-color: #dbded5;
}
.c-yuhokanFeatures {
  width: 2.59rem;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.19rem;
  row-gap: 0.18rem;
}
.c-yuhokanFeatureCard {
  font-size: 0.16rem;
  letter-spacing: 0.02em;
  line-height: 1.1875;
  color: #ffffff;
  aspect-ratio: 120/173;
  background-size: cover;
  position: relative;
}
.c-yuhokanFeatureCard:before {
  content: '';
  position: absolute;
  display: block;
  inset: 0;
  background-color: rgba(0,0,0,0.3);
}
.c-yuhokanFeatureCard__name {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 780px) {
  .c-yuhokanFeaturesSet {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .c-yuhokanFeatures {
    width: 10.6rem;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1.4rem;
  }
  .c-yuhokanFeatureCard {
    font-size: 0.2rem;
    line-height: 1.2;
    aspect-ratio: 16/23;
  }
}
/* end c-yuhokanFeaturesSet */

/* c-yuhokanConceptSection */
.c-yuhokanConceptSection {
  background-color: #969687;
  padding-top: 0.46rem;
  padding-bottom: 0.91rem;
}
.c-conceptSubtitle {
  font-size: 0.2rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  margin-bottom: 0.28rem;
}

.c-yuhokanConceptTxt {
  /* width: 2.58rem; */
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
  line-height: 0.28rem
}
.c-yuhokanConceptTxt p + p {
  margin-top: 0.28rem;
}
.c-yuhokanConceptFig {
  width: 100%;
  aspect-ratio: 350/797;
}
#concept-img-1 {
  width: 47.42857142857143%;
  top: 0;
  right: 0;
}
#concept-img-2 {
  width: 28.57142857142857%;
  top: 54.6%;
  right: 6%;
}
#concept-img-3 {
  width: 47.42857142857143%;
  top: 38%;
  left: 0;
}
#concept-img-4 {
  width: 47.42857142857143%;
  left: 0;
  bottom: 0;
}
.c-yuhokanConceptTail {
  width: 2.76rem;
  margin-left: auto;
  margin-top: 0.33rem;
  font-size: 0.12rem;
  line-height: 1.6666666666666667;
  letter-spacing: 0.002em;
}
.c-yuhokanConceptTail em {
  font-style: normal;
  font-size: 0.16rem;
  line-height: 1.75;
  margin-bottom: 0.12rem;
}
@media screen and (min-width: 780px) {
  .c-yuhokanConceptSection {
    padding-top: 1.47rem;
    padding-bottom: 2.02rem;
  }
  .c-conceptSubtitle {
    font-size: 0.4rem;
    margin-bottom: 0.4rem;
    line-height: 1.5;
  }
  .c-yuhokanConceptTxt {
    width: 5.6rem;
    font-size: 0.16rem;
  }
  .c-yuhokanConceptFig {
    aspect-ratio: 1160/1878;
    width: 11.6rem;
    max-width: 100%;
    margin-top: -6.37rem;
  }
  #concept-img-1 {
    width: 39.6551724137931%;
  }
  #concept-img-2 {
    width: 20.43103448275862%;
    right: 25%;
    top: 58.3%;
  }
  #concept-img-3 {
    width: 39.6551724137931%;
    top: 42.6%;
  }
  #concept-img-4 {
    width: 31.03448275862069%;
    left: 17.2%;
  }
  .c-yuhokanConceptTail {
    width: 4.6rem;
    font-size: 0.14rem;
    line-height: 1.7142857142857142;
    margin-top: -2.5rem;
  }
  .c-yuhokanConceptTail em {
    font-size: 0.2rem;
    line-height: 2.4;
    margin-bottom: 0.09rem;
  }
}

/* end c-yuhokanConceptSection */


/* c-otherConceptsSection */
.c-otherConceptsSection {
  padding-top: 1.1rem;
  padding-bottom: 1.27rem;
}

.c-otherConcept {
  letter-spacing: 0.02em;
}
.c-otherConcept + .c-otherConcept {
  margin-top: 1.36rem;
}
.c-otherConcept__main {
  margin-bottom: 0.4rem;
}
.c-otherConcept__name {
  font-size: 0.12rem;
  line-height: 1.6666666666666667;
  height: 0.6rem;
  padding-left: 0.15rem;
  border-left: 1px solid #000000;
  margin-bottom: 0.2rem;
}
.c-otherConcept__title {
  font-size: 0.24rem;
  line-height: 1.6666666666666667;
  letter-spacing: 0.08em;
  margin-bottom: 0.2rem;
}

.c-otherConcept__main p {
  line-height: 0.24rem;
}
.c-otherConcept__main p.smaller {
  margin-top: 0.25rem;
  font-size: 0.13rem;
}
.c-insertOtherConcept {
  margin-top: -0.54rem;
  margin-bottom: 1.15rem;
  letter-spacing: 0.02em;
}
.c-insertOtherConcept__main {
  line-height: 0.24rem;
}
.c-insertOtherConcept__title {
  font-size: 0.18rem;
  margin-bottom: 0.02rem;
}
.c-insertOtherConcept__main p {
  font-size: 0.14rem;
  text-align: justify;
}
@media screen and (max-width: 779px) {
  .c-insertOtherConcept__img {
    width: 1.38rem;
    margin-bottom: 0.23rem;
  }
}
@media screen and (min-width: 780px) {
  .c-otherConceptsSection {
    padding-top: 1.85rem;
    padding-bottom: 2.21rem;
  }
  .c-otherConcept + .c-otherConcept {
    margin-top: 2.7rem;
  }
  .c-otherConcept__main {
    width: 3.6rem;
  }
  .c-otherConcept__name {
    font-size: 0.14rem;
    margin-bottom: 0.15rem;
    line-height: 2;
  }
  .c-otherConcept__title {
    font-size: 0.4rem;
    margin-bottom: 0.28rem;
    line-height: 1.5;
  }
  .c-otherConcept__main p {
    font-size: 0.14rem;
  }
  .c-otherConcept__main p.smaller {
    font-size: 0.12rem;
    margin-top: 0.46rem;
    line-height: 1.6666666666666667;
  }
  #otherConcept-gallery {
    padding-top: 1.5rem;
  }
  #otherConcept-gallery .c-otherConcept__main {
    top: 0;
    left: 0;
  }
  #otherConcept-shop .c-otherConcept__main {
    top: 0.77rem;
    left: 5rem;
  }
  #otherConcept-cafe {
    padding-top: 0.86rem;
  }
  #otherConcept-cafe .c-otherConcept__main {
    top: 0;
    left: 3rem;
  }
  #otherConcept-event .c-otherConcept__main {
    right: 0;
    top: 1.16rem;
  }
  .c-insertOtherConcept {
    width: 8.6rem;
    margin-left: auto;
    grid-template-columns: 4.6rem 3.6rem;
    justify-content: space-between;
    letter-spacing: 0.02em;
    margin-top: 1.27rem;
    margin-bottom: 2.38rem;
  }
  .c-insertOtherConcept__main {
    order: -1;
  }
  .c-insertOtherConcept h3 {
    font-size: 0.2rem;
    margin-bottom: 0.11rem;
    line-height: 1.8;
  }
  .c-insertOtherConcept p {
    font-size: 0.14rem;
    line-height: 1.7142857142857142;
  }
}
@media screen and (min-width: 780px) and (max-width: 1159px) {
  .c-otherConceptsSection {
    padding-top: 15.948275862068966vw;
    padding-bottom: 19.051724137931032vw;
  }
  .c-otherConcept + .c-otherConcept {
    margin-top: 23.275862068965516vw;
  }
  .c-otherConcept__main {
    width: 31.03448275862069vw;
  }
  .c-otherConcept__name {
    font-size: 1.206896551724138vw;
    margin-bottom: 1.293103448275862vw;
  }
  .c-otherConcept__title {
    font-size: 3.4482758620689653vw;
    margin-bottom: 2.413793103448276vw;
  }
  .c-otherConcept__main p {
    font-size: 1.206896551724138vw;
  }
  .c-otherConcept__main p.smaller {
    font-size: 1.0344827586206897vw;
    margin-top: 3.9655172413793105vw;
  }
  #otherConcept-gallery {
    padding-top: 12.931034482758621vw;
  }
  #otherConcept-shop .c-otherConcept__main {
    top: 6.637931034482758vw;
    left: 43.103448275862064vw;
  }
  #otherConcept-cafe {
    padding-top: 7.413793103448276vw;
  }
  #otherConcept-cafe .c-otherConcept__main {
    left: 25.862068965517242vw;
  }
  #otherConcept-event .c-otherConcept__main {
    top: 10vw;
  }
}
/* end c-otherConceptsSection */

/* c-subpageIntroSection */
.c-subpageIntroSection {
  padding-top: 0.45rem;
  padding-bottom: 0.65rem;
  background-color: #969687;
}
.c-subpageIntroSection.c-subpageIntroSection--news {
  padding-bottom: 0.5rem;
}
.c-subpageIntroSliderWrap {
  margin-bottom: 0.13rem;
  padding: 0.42rem 0.3rem 0.21rem 0.3rem;
}
.c-subpageIntroSliderWrap.no-side-pad {
  /* padding-left: 0; */
  /* padding-right: 0; */
}
.c-subpageIntroSlider {
  line-height: 0;
  /* margin-bottom: 0.11rem; */
  
  width: 100%;
  
  margin: 0 auto;
}
.c-subpageIntroSideSlideWrap {
  width: 2.4rem;
  right: calc(100% - 0.15rem);
  bottom: 0;
  pointer-events: none;
}
.c-subpageIntroSideSlideWrap.c-subpageIntroSideSlideWrap--right {
  width: 2.4rem;
  left: calc(100% - 0.15rem);
  top: 0;
}
.c-subpageIntroSlide {
  vertical-align: top;
}


.c-subpageIntroSlider .slick-dots {
  margin-top: 0.24rem;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-subpageIntroSlider .slick-dots >li {
  width: 0.06rem;
  height: 0.06rem;
  margin: 0 0.07rem;
  border-radius: 100%;
  background-color: #d9d9d9;
}
.c-subpageIntroSlider .slick-dots >li.slick-active {
  background-color: #404040;
}
.c-subpageIntroArticle {
  padding-bottom: 0.1rem;
  letter-spacing: 0.04em;
  text-align: justify;
}
.c-subpageIntroArticle em {
  font-style: normal;
  font-size: 0.18rem;
  line-height: 1.5555555555555556;
  margin-bottom: 0.11rem;
}
.c-subpageIntroArticle figure {
  width: 1.51rem;
  margin: 0.61rem auto 0.54rem;
}
.c-subpageIntroArticle figure img {
  width: 100%;
}
@media screen and (min-width: 780px) {
  .c-subpageIntroSection {
    padding-top: 1.48rem;
    padding-bottom: 1.19rem;
  }
  .c-subpageIntroSection.c-subpageIntroSection--news {
    padding-bottom: 0;
  }
  .c-subpageIntroSliderWrap {
    padding-top: 1.2rem;
    padding-bottom: 1.32rem;
    margin-top: -0.65rem;
    margin-bottom: -0.02rem;
  }
  .c-subpageIntroSlider.c-subpageIntroSlider--main {
    width: 76.71957671957672vw;
  }
  .c-subpageIntroSideSlideWrap {
    width: 50.264550264550266vw;
    right: 91.2037037037037vw;
  }
  .c-subpageIntroSideSlideWrap.c-subpageIntroSideSlideWrap--right {
    width: 50.264550264550266vw;
    left: 91.00529100529101vw;
  }
  .c-subpageIntroSlider .slick-dots {
    margin-top: 0.2rem;
  }
  .c-subpageIntroSlider .slick-dots >li {
    width: 0.08rem;
    height: 0.08rem;
    margin: 0 0.06rem;
  }
  .c-subpageIntroArticle {
    padding-bottom: 0.58rem;
    width: 9.6rem;
    max-width: 100%;
    margin-left: auto;
    /* grid-template-columns: 2.6rem 5.6rem; */
    grid-template-columns: minmax(2.6rem, 1fr) minmax(5.6rem, 1fr);
    /* justify-content: space-between; */
    column-gap: 1.4rem;
    line-height: 2;
  }
  .c-subpageIntroArticle figure {
    width: 100%;
    margin: 0;
  }
  .c-subpageIntroArticle em {
    margin-top: 0.15rem;
    margin-bottom: 0.25rem;
    font-size: 0.2rem;
    line-height: 1.6;
    
  }
  #cafeSubpageIntro {
    position: relative;
    top: -0.1rem;
  }
}
@media screen and (min-width: 1512px) {

  .c-subpageIntroSlider.c-subpageIntroSlider--main {
    width: 11.6rem;
  }
  .c-subpageIntroSideSlideWrap {
    width: 7.6rem;
    right: calc(50vw + 6.23rem);
  }
  .c-subpageIntroSideSlideWrap.c-subpageIntroSideSlideWrap--right {
    width: 7.6rem;
    left: calc(50vw + 6.2rem);
  }
  #cafeSubpageIntro {
    top: -0.6613756613756614vw;
  }
}
/* end c-subpageIntroSection */

/* c-subpageScheduleSection */
.c-subpageScheduleSection {
  padding-top: 1.49rem;
  padding-bottom: 0.86rem;
}
.c-subpageScheduleTitle {
  font-size: 0.24rem;
  margin-bottom: 0.31rem;
}
.c-subpageScheduleViewMoreWrap {
  margin-top: 0.34rem;
}
@media screen and (min-width: 780px) {
  .c-subpageScheduleSection {
    padding-top: 1.52rem;
    padding-bottom: 1.29rem;
  }
  .c-subpageScheduleTitle {
    font-size: 0.4rem;
    margin-bottom: 0.59rem;
  }
  .c-subpageScheduleViewMoreWrap {
    margin-top: 0.4rem;
  }
}
/* end c-subpageScheduleSection */

/* c-subpageArchiveSection */
.c-subpageArchiveSection {
  padding-top: 0.15rem;
  padding-bottom: 1.53rem;
}
.c-subpageArchive {
  margin-top: -0.12rem;
}
.c-subpageArchive + .c-subpageArchive {
  margin-top: 0.8rem;
}
.c-subpageArchive h4 {
  font-size: 0.14rem;
  line-height: 1.7142857142857142;
  letter-spacing: 0.02em;
  margin-bottom: 0.04rem;
}
.c-subpageArchive p {
  font-size: 0.12rem;
  line-height: 1.6666666666666667;
  letter-spacing: 0.02em;
}
.c-subpageArchive p + p {
  margin-top: 0.03rem;
}
.c-subpageArchive p.c-archiveListblock {
  display: flex;
}
.c-subpageArchive p.c-archiveListblock >span:nth-child(1) {
  width: 0.86rem;
}
.c-subpageArchive p.c-archiveListblock >span:nth-child(2) {
  white-space: nowrap;
}
.c-subpageArchive a {
  color: #416E64;
}
.c-subpageArchive__gallery {
  margin-top: 0.28rem;
  padding-left: calc(50vw - 5.85rem);
  
}
.c-subpageArchive__galleryMain {
  height: 2rem;
  gap: 0.1rem;
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}
.c-subpageArchive__galleryMain li {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}
.c-subpageArchive__gallery img {
  width: auto;
  max-width: none;
  height: 2rem;
}
.c-subpageArchive__arrows {
  margin-top: 0.25rem;
}
.c-subpageArchive__arrow {
  width: 0.25rem;
  height: 0.15rem;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/icon-arrow-left-black.svg');
}
.c-subpageArchive__arrow.c-subpageArchive__arrow--right {
  background-image: url('../images/icon-arrow-right-black.svg');
}
@media screen and (min-width: 780px) {
  .c-subpageArchiveSection {
    padding-top: 0.21rem;
    padding-bottom: 3.41rem;
  }
  .c-subpageArchive {
    margin-top: -0.04rem;
  }
  .c-subpageArchive + .c-subpageArchive {
    margin-top: 1.63rem;
  }
  .c-subpageArchive__gallery {
    margin-top: 0.36rem;
  }
  .c-subpageArchive__galleryMain {
    height: 4.2rem;
    padding-left: 0;
    padding-right: 0;
  }
  .c-subpageArchive__gallery img {
    height: 4.2rem;
  }
  .c-subpageArchive h4 {
    margin-bottom: 0.07rem;
  }
  .c-subpageArchive p + p {
    margin-top: 0.07rem;
  }
  .c-subpageArchive p.c-archiveListblock >span:nth-child(1) {
    width: 1.61rem;
  }
  .c-subpageArchive__arrows {
    margin-top: 0.34rem;
  }
  .c-subpageArchive__arrow {
    width: 0.4rem;
    height: 0.31rem;
  }
}
/* end c-subpageArchiveSection */

/* c-subpageSection */
.c-subpageSection {
  padding-top: 1.1rem;
}
.c-subpageSectionIntro__title {
  font-size: 0.2rem;
  letter-spacing: 0.02em;
  margin-bottom: 0.29rem;
  line-height: 2;
}
.c-subpageSectionIntro__text {
  line-height: 2;
}
.c-subpageSectionIntro__text p + p {
  margin-top: 0.28rem;
}
@media screen and (min-width: 780px) {
  .c-subpageSection {
    padding-top: 1.57rem;
  }
  .c-subpageSectionIntro.c-subpageSectionIntro--shop {
    grid-template-columns: 1fr 5.6rem;
  }
  .c-subpageSectionIntro.c-subpageSectionIntro--cafe {
    padding-bottom: 8.09rem;
  }
  
  .c-subpageSectionIntro__title {
    font-size: 0.4rem;
    line-height: 1.6;
    margin-bottom: 0.57rem;
  }
  .c-subpageSectionIntro__text {
    margin-top: 0.03rem;
  }
  .c-subpageSectionIntro__text.c-subpageSectionIntro__text--cafe {
    width: 5.6rem;
  }
  .c-subpageSectionIntro__text p + p {
    margin-top: 0.32rem;
  }
  .c-subpageSectionIntro__text p.smaller {
    font-size: 0.14rem;
    line-height: 1.7142857142857142;
  }
  .c-subpageSectionIntro__text p + p.smaller {
    margin-top: 0.19rem;
  }
  .c-subpageSectionIntro__text p.smaller + p.smaller {
    margin-top: 0.24rem;
  }
}
/* end c-subpageSection */



/* c-subpageSection: SHOP */
.c-subpageShopSection {
  padding-top: 0.75rem;
  padding-bottom: 2.32rem;
}
.c-subpageShopList {
  /* padding-top: 0.56rem; */
}
.c-subpageShopList__navList {
  font-size: 0.14rem;
  /* margin-left: 0.2rem; */
}
.c-subpageShopList__navList >li:before {
  content: '';
  display: inline-block;
  width: 0.05rem;
  height: 0.1rem;
  background-image: url('../images/chevron-right-black.svg');
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.1rem;
}
.c-subpageShopList__navList >li+li {
  margin-top: 0.04rem;
}
.c-subpageShopList__navList a {
  color: #000000;
  vertical-align: middle;
  letter-spacing: 0.02em;
}
.c-subpageShopList__main {
  padding-top: 1.02rem;
}
.c-shopBlock + .c-shopBlock {
  margin-top: 1.39rem;
}
.c-shopBlock__main {
  row-gap: 0.3rem;
  margin-bottom: 0.4rem;
}
.c-shopBlock__title {
  font-size: 0.2rem;
  letter-spacing: 0.02em;
  line-height: 1.8;
  padding-left: 0.2rem;
  height: 1.8rem;
  border-left: 1px solid #000000;
}
.c-shopBlock__main p {
  line-height: 1.7142857142857142;
}
.c-shopBlock__figs {
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.3rem;
  column-gap: 0.18rem;
}
.c-shopBlock__fig figcaption {
  font-size: 0.12rem;
  margin-top: 0.06rem;
  line-height: 1.6666666666666667;
}
.c-shopBlock__btn {
  margin-top: 0.44rem;
}
.c-shopBlockBtn {
  font-size: 0.16rem;
  width: 2.6rem;
  height: 0.56rem;
  line-height: 0.55rem;
  border: 1px solid #000000;
  color: #000000;
  position: relative;
}
.c-shopBlockBtn:before {
  content: '';
  display: block;
  position: absolute;
  width: 0.11rem;
  height: 0.11rem;
  background-image: url('../images/icon-external-black.svg');
  background-size: 100% 100%;
  top: 0;
  bottom: 0;
  right: 0.15rem;
  margin: auto 0;
}
@media screen and (min-width: 780px) {
  .c-subpageShopSection {
    padding-top: 2rem;
    padding-bottom: 2.64rem;
  }
  .c-subpageShopList {
    /* padding-top: 1.77rem; */
    grid-template-columns: 1fr 8.6rem;
    column-gap: 0.4rem;
  }
  .c-subpageShopList__nav {
    /* padding-top: 0.03rem; */
  }
  .c-subpageShopList__navList {
    position: sticky;
    top: 1rem;
  }
  .c-subpageShopList__navList >li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .c-subpageShopList__navList >li+li {
    margin-top: 0.08rem;
  }
  .c-subpageShopList__main {
    padding-top: 0;
  }
  .c-shopBlock + .c-shopBlock {
    margin-top: 2.04rem;
  }
  .c-shopBlock__main {
    row-gap: 0.4rem;
    column-gap: 0.2rem;
    margin-bottom: 0.6rem;
    grid-template-areas: 
      'title fig'
      'text text'
    ;
    grid-template-columns: repeat(2, 1fr);
  }
  .c-shopBlock__title {
    font-size: 0.24rem;
    line-height: 2;
    height: 2.8rem;
    padding-left: 0.4rem;
    grid-area: title;
  }
  .c-shopBlock__thumb {
    grid-area: fig;
  }
  .c-shopBlock__main p {
    grid-area: text;
    line-height: 1.75;
  }
  .c-shopBlock__figs {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 0.44rem;
    column-gap: 0.2rem;
  }
  .c-shopBlock__fig figcaption {
    font-size: 0.14rem;
    line-height: 1.7142857142857142;
    letter-spacing: 0.02em;
    margin-top: 0.11rem;
  }
  .c-shopBlock__btn {
    margin-top: 0.65rem;
  }
}

@media screen and (hover: hover) {
  .c-shopBlockBtn {
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  }
  .c-shopBlockBtn:hover {
    background-color: #404040;
    color: #ffffff;
  }
  .c-shopBlockBtn:before {
    transition: filter 0.3s ease-in-out;
  }
  .c-shopBlockBtn:hover:before {
    filter: invert(1)
  }
}
/* end c-subpageSection: SHOP */

/* c-subpageSection: CAFE */
.c-subpageSection--cafe {
  padding-bottom: 0.56rem;
}
.c-cafeIntroFig + .c-cafeIntroFig {
  margin-top: 0.8rem;
}

#cafe-intro-01 {
  width: 2.4rem;
  margin-top: 1.07rem;
  margin-left: auto;
}
#cafe-intro-02 {
  width: 1.8rem;
}
#cafe-intro-03 {
  width: 2.4rem;
  margin-left: auto;
}
#cafe-intro-04 {
  width: 2.4rem;
}
.c-cafeIntroFig figcaption {
  font-size: 0.12rem;
  margin-top: 0.1rem;
  line-height: 1.6666666666666667;
}

@media screen and (min-width: 780px) {
  .c-subpageSection--cafe {
    padding-bottom: 1.1rem;
  }
  #cafe-intro-01 {
    width: 3.6rem;
    top: 1.85rem;
    right: 0;
    margin-top: 0;
  }
  #cafe-intro-02 {
    width: 2.6rem;
    right: 5rem;
    top: 5.24rem;
  }
  #cafe-intro-03 {
    width: 2.9rem;
    top: 7.3rem;
    right: 1.3rem;
  }
  #cafe-intro-04 {
    width: 3.6rem;
    bottom: 0;
    left: 3rem;
  }
  .c-cafeIntroFig figcaption {
    font-size: 0.16rem;
    margin-top: 0.16rem;
    line-height: 2;
  }
}
/* end c-subpageSection: CAFE */

/* c-cafeMealSection */
.c-cafeMealSection {
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
}
.c-cafeMealSection.c-cafeMealSection--dessert {
  padding-bottom: 1.4rem;
}
.c-cafeMealTitle {
  font-size: 0.24rem;
  margin-bottom: 0.33rem;
  letter-spacing: 0.02em;
}
.c-cafeMealTagline {
  margin-top: -0.08rem;
  margin-bottom: 0.38rem;
}
.c-cafeFoodCard__main {
  font-size: 0.12rem;
  line-height: 1.6666666666666667;
}
.c-cafeFoodCard__main h5 {
  font-size: 0.14rem;
  margin-top: 0.12rem;
  margin-bottom: 0.14rem;
  line-height: 2;
}
.c-cafeFoodCard__main p + p {
  margin-top: 0.2rem;
}
.c-cafeFoodCard__topTitle {
  font-size: 0.2rem;
  margin-bottom: 0.19rem;
}
.c-foodPriceList {
  margin-top: 0.32rem;
}
.c-foodPriceList >li {
  border-top: 1px solid rgba(64, 64, 64, 0.5);
  padding-top: 0.14rem;
  padding-bottom: 0.15rem;
}
.c-orderJumbotron {
  border: 1px solid rgba(64, 64, 64, 0.5);
  margin-top: 1rem;
  
  padding-top: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;

  line-height: 1.7142857142857142;
}
.c-orderJumbotron h3 {
  font-size: 0.2rem;
  margin-bottom: 0.39rem;
  line-height: 1;
}
.c-orderJumbotron__main p {
  margin-bottom: 0.22rem;
}
.c-orderJumbotron__note {
  font-size: 0.12rem;
  line-height: 1.6666666666666667;
}
.c-orderJumbotron__note + .c-orderJumbotron__note {
  margin-top: 0.06rem;
}
.c-orderJumbotron__links {
  padding-top: 0.38rem;
  padding-bottom: 0.39rem;
}
.c-orderBtn {
  font-size: 0.14rem;
  color: #d9d9d9;
  background-color: #404040;
  height: 0.5rem;
  line-height: 0.5rem;
  width: 100%;
}
.c-orderBtn + .c-orderBtn {
  /* margin-top: 0.2rem; */
}
@media screen and (max-width: 779px) {
  .c-cafeFoodList >li + li {
    margin-top: 0.67rem;
  }
  .c-cafeFoodList.c-cafeFoodList--dessert >li+li {
    margin-top: 0.52rem;
  }
}
@media screen and (min-width: 780px) {
  .c-cafeMealSection {
    padding-top: 1.18rem;
    padding-bottom: 1.08rem;
  }
  .c-cafeMealSection.c-cafeMealSection--dessert {
    padding-bottom: 1.8rem;
  }
  .c-cafeMealTitle {
    font-size: 0.4rem;
    margin-bottom: 0.15rem;
  }
  .c-cafeMealTagline {
    margin-bottom: 0.77rem;
    letter-spacing: 0.04em;
  }
  .c-cafeFoodList {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.4rem;
    row-gap: 1.06rem;
  }
  .c-cafeFoodList.c-cafeFoodList--dessert {
    row-gap: 0.82rem;
  }
  .c-cafeFoodList__full {
    grid-column: 1 / -1;
  }
  .c-cafeFoodCard__main {
    font-size: 0.16rem;
    line-height: 1.75;
  }
  .c-cafeFoodCard__main.c-cafeFoodCard__main--half {
    width: 50%;
  }
  .c-cafeFoodCard__main h5 {
    font-size: 0.2rem;
    line-height: 1.6;
    margin-top: 0.21rem;
    margin-bottom: 0.13rem;
  }
  .c-cafeFoodCard__main h5.c-foodPrice__head {
    margin-top: 0.32rem;
    margin-bottom: -0.23rem;
  }
  .c-cafeFoodCard__main p.note {
    font-size: 0.12rem;
    line-height: 1.6666666666666667;
  }
  .c-cafeFoodCard__main p + p {
    margin-top: 0.34rem;
  }
  .c-cafeFoodCard__main p + p.note {
    margin-top: 0.16rem;
  }
  .c-cafeFoodCard__topTitle {
    font-size: 0.32rem;
    margin-bottom: 0.41rem;
  }
  .c-foodPriceList {
    margin-top: 0.5rem;
    font-size: 0.16rem;
    line-height: 2;
  }
  .c-foodPriceList >li {
    padding-top: 0.13rem;
    padding-bottom: 0.14rem;
  }
  .c-orderJumbotron {
    margin-top: 1.47rem;
    padding-top: 0.67rem;
    padding-left: 0.59rem;
    padding-right: 0.59rem;
    padding-bottom: 0.84rem;
  }
  .c-orderJumbotron__main {
    grid-template-columns: 1fr 4rem;
  }
  .c-orderJumbotron h3 {
    font-size: 0.28rem;
    line-height: 1.7142857142857142;
    margin-bottom: 0.35rem;
  }
  .c-orderJumbotron__main p {
    margin-bottom: 0.21rem;
  }
  .c-orderJumbotron__note {
    font-size: 0.14rem;
    line-height: 2;
  }
  .c-orderJumbotron__note + .c-orderJumbotron__note {
    margin-top: 0;
  }
  .c-orderJumbotron__links {
    margin-top: -0.54rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .c-orderTxt {
    line-height: 0.28rem;
  }
  .c-orderBtn {
    font-size: 0.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0.13rem 0;
    letter-spacing: 0.08em;
  }
  .c-orderBtn + .c-orderBtn {
    /* margin-top: 0.4rem; */
  }
}
/* end c-cafeMealSection */

/* c-characterSection */
.c-characterSection {
  padding-top: 0.71rem;
  padding-bottom: 0.79rem;
  background-color: #969687;
}
.c-characterTitle {
  font-size: 0.24rem;
  margin-bottom: 0.27rem;
}
.c-characterInfo h4 {
  font-size: 0.16rem;
  line-height: 2;
}
.c-characterInfo h5 {
  font-size: 0.12rem;
  margin-bottom: 0.11rem;
  line-height: 2.3333333333333335;
}
.c-characterInfo p {
  line-height: 1.7142857142857142;
}
@media screen and (max-width: 779px) {
  .c-characterInfo__fig {
    margin-top: 0.37rem;
  }
}
@media screen and (min-width: 780px) {
  .c-characterSection {
    padding-top: 0.91rem;
    padding-bottom: 1.4rem;
  }
  .c-characterTitle {
    font-size: 0.4rem;
    margin-bottom: 0.2rem;
  }
  .c-characterInfo {
    grid-template-columns: 48.275862068965516% 39.6551724137931%;
    justify-content: space-between;
  }
  .c-characterInfo h4 {
    font-size: 0.2rem;
    line-height: 1.6;
  }
  .c-characterInfo h5 {
    font-size: 0.14rem;
    line-height: 2;
  }
  .c-characterInfo p {
    line-height: 2;
  }
}
/* end c-characterSection */

/* news list page */
.c-newsCategories {
  margin-top: 0.31rem;
  grid-template-columns: repeat(2, 1fr);
}
.c-newsCatBtn {
  font-size: 0.16rem;
  color: #000000;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
}
.c-newsCatBtn.s-active {
  background-color: #cdcdbe;
}
.c-subpageNewsSection {
  padding-top: 0.6rem;
  padding-bottom: 0.67rem;
}
.c-newsPagination {
  margin-top: 0.07rem;
}
.c-newsPagination >li {
  margin: 0 0.05rem;
}
.c-newsPagination a {
  color: #000000;
  height: 0.3rem;
  width: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.16rem;
  text-align: center;
}
.c-newsPagination a.s-active {
  color: #969687;
}
@media screen and (min-width: 780px) {
  
  .c-newsCategories {
    margin-top: 0.56rem;
  }
  .c-newsCatBtn {
    font-size: 0.2rem;
    line-height: 0.6rem;
    height: 0.6rem;
    padding: 0 0.28rem;
  }
  .c-subpageNewsSection {
    padding-top: 0.81rem;
    padding-bottom: 1.13rem;
  }
  .c-newsPagination {
    padding-top: 1.57rem;
  }
}
/* end news list page */

/* news detail Page */
.c-newsDetailPage {
  padding-top: 0.4rem;
  padding-bottom: 1.14rem;
}
.c-newsDetailInfos {
  grid-template-columns: 1.1rem 1fr;
  margin-bottom: 0.4rem;
}
.c-newsDetailInfos__tags {
  height: 1.1rem;
}
.c-newsDetailInfos__tags img {
  width: 0.6rem;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  z-index: 4;
}
.c-newsDetailInfos__tags.c-newsDetailInfos__tags--type3 img {
  width: 0.9rem;
}
.c-newsDetailInfos__tags:before {
  content: '';
  width: 0.55rem;
  height: 1.1rem;
  background-color: #cdcdbe;
  border: 1px solid #404040;
  border-top-right-radius: 0.55rem;
  border-bottom-right-radius: 0.55rem;
  border-left-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  z-index: 3;
}
.c-newsDetailInfos__info {
  padding-left: 0.17rem;
  padding-top: 0.02rem;
}
.c-newsDetail__postDate {
  font-size: 0.1rem;
}
.c-newsDetailTitle {
  font-size: 0.2rem;
  line-height: 2;
}
.c-newsDetailDate {
  font-size: 0.12rem;
  margin-bottom: 0.08rem;
  margin-bottom: 0.36rem;
  line-height: 2;
}
.c-newsDetailThumb {
  width: 9.6rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.c-newsDetailThumb figcaption {
  font-size: 0.1rem;
  margin-top: 0.1rem;
  line-height: 1.8;
}
.c-newsDetail {
  padding-top: 0.4rem;
  line-height: 1.7142857142857142;
}
.c-newsDetail__partFirst {
  margin-bottom: 0.76rem;
}
.c-newsDetail__part + .c-newsDetail__part {
  /* margin-top: 0.8rem; */
  margin-top: 3em;
}
.c-newsDetail a {
  color: #416E64;
}
.c-newsDetail h3 {
  font-size: 0.16rem;
  padding-left: 0.15rem;
  padding-top: 0.04rem;
  padding-bottom: 0.04rem;
  margin-bottom: 0.3rem;
  font-weight: 400;
  border-left: 1px solid #404040;
  line-height: 2;
}
.c-newsDetail p + table {
  margin-top: 0.31rem;
}
.c-newsDetail table {
  border-collapse: collapse;
  width: 100%;
}
.c-newsDetail table tr {
  border-top: 1px solid rgba(64, 64, 64, 0.25);
}
.c-newsDetail table th {
  font-weight: 400;
  width: 1rem;
  text-align: left;
  vertical-align: top;
}
.c-newsDetail table th,
.c-newsDetail table td {
  padding-top: 0.09rem;
  padding-bottom: 0.12rem;
  
}
.c-newsDetail figure figcaption {
  font-weight: 400;
  font-size: 0.1rem;
  margin-top: 0.1rem;
}
.c-btnWrap {
  margin-top: 0.13rem;
}
.c-newsCtaBtn {
  height: 0.51rem;
  line-height: 0.51rem;
  color: #000000;
  width: 1.84rem;
  border: 1px solid #404040;
}
.c-newsDetail a.c-newsCtaBtn {
  color: #000000;
}
.c-newsDetail__lastPart {
  margin-top: 3em;
  
}
.c-2figures {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.18rem;
}
.c-newsDetail .c-jumbotron {
  padding: 0.19rem;
  border: 1px solid rgba(64, 64, 64, 0.25);
}

.c-newsDetailInfoList >li {
  display: grid;
  grid-template-columns: 1.14rem 1fr;
  column-gap: 0.36rem;
  align-items: center;
}
.c-newsDetailInfoList >li + li {
  margin-top: 0.4rem;
}
.c-newsDetailInfoList h5 {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 1.4285714285714286;
  margin-bottom: 0.09rem;
}
.c-newsDetailInfoList p {
  font-size: 0.12rem;
  line-height: 1.5;
}
.c-newsDetail__middlePart {
  margin-top: 1.45rem;
  margin-bottom: 2.2rem;
}
.c-newsDetailInfoList.c-newsDetailInfoList--wider {
  width: 8.6rem;
  max-width: 100%;
  margin-left: auto;
}
.c-newsDetailInfoList.c-newsDetailInfoList--wider >li {
  column-gap: 0.86rem;
  align-items: start;
  
}
.c-characters {
  display: flex;
  gap: 0.1rem;
  margin-top: 0.61rem;
  margin-bottom: 0.4rem;
}
.c-characters >li {
  width: 1.4rem;
}
@media screen and (min-width: 780px) {
  .c-newsDetailPage {
    padding-top: 1.4rem;
    padding-bottom: 2.24rem;
  }
  .c-newsDetailInfos {
    grid-template-columns: 1.2rem 1fr;
    margin-bottom: 0.41rem;
  }
  .c-newsDetailInfos__tags {
    height: 1.2rem;
  }
  .c-newsDetailInfos__tags:before {
    height: 1.2rem;
    width: 0.6rem;
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
  }
  .c-newsDetailInfos__tags img {
    width: 0.65rem;
  }
  .c-newsDetailInfos__tags.c-newsDetailInfos__tags--type3 img {
    width: 1.01rem;
  }
  .c-newsDetailInfos__info {
    padding-left: 0.41rem;
    padding-top: 0;
  }
  .c-newsDetail__postDate {
    font-size: 0.12rem;
    margin-bottom: 0.05rem;
  }
  .c-newsDetailTitle {
    font-size: 0.28rem;
    line-height: 1.4642857142857142;
    margin-bottom: 0.2rem;
  }
  .c-newsDetailDate {
    font-size: 0.16rem;
    margin-bottom: 0.46rem;
    line-height: 1.4375;
  }
  .c-newsDetail {
    padding-top: 0.71rem;
  }
  .c-newsDetail__partFirst {
    line-height: 1.75;
    margin-bottom: 0.91rem;

    width: 7.6rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -0.23rem;
  }
  .c-newsDetail__part {
    line-height: 2;
    width: 7.6rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .c-newsDetail__part + .c-newsDetail__part {
    /* margin-top: 1.79rem; */
  }
  .c-newsDetail__lastPart {
    width: 7.6rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .c-newsDetail__middlePart {
    width: 9.6rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .c-newsDetail__lastPart.c-newsDetail__lastPart--wider {
    width: 8.32rem;
  }
  .c-newsDetail__part + .c-newsDetail__lastPart {
    margin-top: 1.08rem;
  }
  .c-newsDetail h3 {
    font-size: 0.2rem;
    padding-top: 0.01rem;
    padding-left: 0.2rem;
    margin-bottom: 0.25rem;
  }
  .c-newsDetail p.spec {
    line-height: 1.75;
  }
  .c-newsDetail p.spec + p.spec {
    margin-top: 0.28rem;
  }
  .c-newsDetail p + table {
    margin-top: 0.29rem;
  }
  .c-newsDetail table.spec-table {
    margin-bottom: 0.84rem;
  }
  .c-newsDetail p.spec + table.spec-table {
    margin-top: 0.85rem;
  }
  
  .c-newsDetail table th {
    width: 2rem;
    vertical-align: middle;
  }
  .c-newsDetail table th,
  .c-newsDetail table td {
    padding-top: 0.14rem;
    padding-bottom: 0.14rem;
  }
  .c-2figures {
    column-gap: 0.32rem;
  }
  .c-btnWrap {
    margin-top: 0.3rem;
  }
  .c-newsCtaBtn {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 1.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
  }
}
/* end news detail Page */

/* c-newsFeatures */
.c-newsFeatures {
  background-color: #969687;
  padding-top: 0.36rem;
  padding-bottom: 0.39rem;
}
.c-newsFeatures__title {
  font-size: 0.32rem;
  margin-bottom: 0.31rem;
}
.c-newsFeatures__list {
  grid-template-columns: repeat(2, 1fr);
}
.c-newsFeatures__list a {
  color: #000000;
  font-size: 0.16rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
@media screen and (min-width: 780px) {
  .c-newsFeatures {
    padding-top: 0.67rem;
    padding-bottom: 1.28rem;
  }
  .c-newsFeatures__title {
    font-size: 0.24rem;
    margin-bottom: 0.09rem;
  }
  .c-newsFeatures__list a {
    font-size: 0.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0 0.26rem;
  }
}
/* end c-newsFeatures */


/* spinner */
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.c-lazySpinner {
  width: 0.4rem;
  height: 0.4rem;

  margin: 0 auto;
  background-image: url('../../img/lazy_spinner.svg');
  background-size: 100% 100%;
  animation: spinning 1s infinite;
}
/* end spinner */