@charset "utf-8";
/* CSS Document */


/*----------------------------------
 フォント
----------------------------------*/
@font-face {
  font-family: "HardwearDisplay";
  src: url("../font/HardwearDisplay-Light.otf") format("opentype");
  font-weight: 300;
}

@font-face {
  font-family: "HardwearDisplay";
  src: url("../font/HardwearDisplay-Medium.otf") format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: "HardwearDisplay";
  src: url("../font/HardwearDisplay-SemiBold.otf") format("opentype");
  font-weight: 600;
}

@font-face {
  font-family: "HardwearDisplay";
  src: url("../font/HardwearDisplay-Bold.otf") format("opentype");
  font-weight: 700;
}
.min {
  font-family: 'Noto Serif JP', serif,'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.hard {
  font-family: 'HardwearDisplay',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}


/*----------------------------------
 デバイス
----------------------------------*/

@media screen and (min-width: 800px) {
.only-sp {
  display: none;
}
.only-pc {
  display: block;
}
}
@media screen and (max-width: 799px) {
.only-sp {
  display: block;
}
.only-pc {
  display: none;
}
}


/* font color */
:root {
  --color-base: #333;
  --color-base2: #100f10;
  --color-white: #fff;
  --color-yellow: #f3fd30;
}


body .s25mountainliving {
  position: relative;
  font-family: "Noto Sans JP","source-han-sans-japanese", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(10px, 1vw, 14px);
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0;
  line-height: 1.46;
}

@media screen and (min-width: 800px) {
  body .s25mountainliving {
    font-size: 1.8rem;
    min-width: 1280px;
    letter-spacing: 0;
  }
}
.s25mountainliving a {
  text-decoration: none;
  color: #100f10;
}
.s25mountainliving a:hover {
  opacity: 1;
  text-decoration: none;
}

@media screen and (min-width: 800px) {
  .s25mountainliving a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 799px) {
.s25mountainliving a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
}
.s25mountainliving img {
  max-width: 100%;
  vertical-align: bottom;
}
.s25mountainliving .slick-dots button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
.s25mountainliving .wrapper {
  position: relative;
  overflow: inherit;
}
.s25mountainliving .secInner {
  overflow: hidden;
}

*:focus {
  outline: none;
}


/* font */
.s25mountainliving .en {
  font-family: "CircularPro-Book", sans-serif;
  color: #000;
}
.s25mountainliving .enb {
  font-family: "CircularPro-Black", sans-serif;
  color: #000;
}
.s25mountainliving p {
  line-height: 1.64;
}
.s25mountainliving .sup {
  font-size: 50%;
  vertical-align: top;
  position: relative;
  top: -0.05em;
}
.s25mountainliving .sup2 {
  vertical-align: top;
  position: relative;
  top: -0.2em;
}


/* item btn */
.s25mountainliving .itemBtnArea {
  margin: -26px auto 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.s25mountainliving .itemBtnArea a.notYet {
  pointer-events: none;
}
@media screen and (min-width: 800px) {
.s25mountainliving .itemBtnArea a {
  width: 180px;
  margin: 0 auto;
  padding: 1.0em 1.8em;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.04em;
  color: #333;
  background-color: #f3fd30;
  background: linear-gradient(135deg, transparent 8px, #f3fd30 0) top left,
  linear-gradient(-135deg, transparent 8px, #f3fd30 0) top right,
  linear-gradient(-45deg, transparent 8px, #f3fd30 0) bottom right,
  linear-gradient(45deg, transparent 8px, #f3fd30 0) bottom left;
  background-size: 52% 52%;
  background-repeat: no-repeat;
  display: block;
  transition: none;
}
.s25mountainliving .itemBtnArea a:hover {
  background-color: #100f10;
  background: linear-gradient(135deg, transparent 8px, #100f10 0) top left,
  linear-gradient(-135deg, transparent 8px, #100f10 0) top right,
  linear-gradient(-45deg, transparent 8px, #100f10 0) bottom right,
  linear-gradient(45deg, transparent 8px, #100f10 0) bottom left;
  background-size: 52% 52%;
  background-repeat: no-repeat;
  color: #fff;
  opacity: 1;
}
}
@media screen and (max-width: 799px) {
  .s25mountainliving .itemBtnArea {
    margin: -13px auto 0;
  }
  .s25mountainliving .itemBtnArea a {
    width: 130px;
    margin: 0 auto;
    padding: 1em 1em;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.04em;
    color: #333;
    background-color: #f3fd30;
    background: linear-gradient(135deg, transparent 6px, #f3fd30 0) top left,
    linear-gradient(-135deg, transparent 6px, #f3fd30 0) top right,
    linear-gradient(-45deg, transparent 6px, #f3fd30 0) bottom right,
    linear-gradient(45deg, transparent 6px, #f3fd30 0) bottom left;
    background-size: 52% 52%;
    background-repeat: no-repeat;
    display: block;
    transition: none;
  }
  .s25mountainliving .itemBtnArea a:hover {
    background-color: #f3fd30;
    background: linear-gradient(135deg, transparent 6px, #f3fd30 0) top left,
    linear-gradient(-135deg, transparent 6px, #f3fd30 0) top right,
    linear-gradient(-45deg, transparent 6px, #f3fd30 0) bottom right,
    linear-gradient(45deg, transparent 6px, #f3fd30 0) bottom left;
    background-size: 52% 52%;
    background-repeat: no-repeat;
    color: #333;
    opacity: 1;
  }
}























.pane-main {
  padding-bottom: 0;
}

/* hero */
.s25mountainliving {
  background-color: #100f10;
}
.s25mountainliving_hero {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(990/1918*100vw);
  z-index: 1;
  background-color: #100f10;
  pointer-events: none;
}
.s25mountainliving_heroInner {
  width: 100%;
  margin: 0 auto;
  padding-top: 80px;
}
.s25mountainliving_hero .mvArea {
  width: 100%;
  height: calc(990 / 1918 * 100vw);
  position: relative;
}
.s25mountainliving_hero .mvArea .mvAreaImg img {
  width: 100%;
}
.s25mountainliving_hero .mvAreaText {
  width: 292px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(170 / 1918 * 100vw);
}
@media screen and (max-width: 799px) {
.s25mountainliving_hero {
  height: calc(1320/780*100vw);
}
  .s25mountainliving_heroInner {
    padding-top: 64px;
  }
  .s25mountainliving_hero .mvArea {
    height: auto;
    background: none;
  }
  .s25mountainliving_hero .mvArea .mvAreaText {
    width: 100%;
    height: calc(1206/780*100vw);
    margin: 0;
    padding: 0;
  }
  .s25mountainliving_hero .mvAreaText {
    display: none;
  }
}


/* content */
.s25mountainliving_cont {
  margin: calc(990 / 1918 * 100vw) auto 0;
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 3;
  background-color: #100f10;
}
.s25mountainliving_cont .secLead {
  padding: 0;
  font-size: 70px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.s25mountainliving_cont .secLeadText {
  font-size: 70px;
  line-height: 1;
  position: relative;
  display: block;
  z-index: 1;
}

.s25mountainliving_cont .secLead:after {
  content: "";
  width: 100%;
  height: 1px;
  margin-top: 10px;
  display: block;
  background-color: var(--color-yellow);
}


.s25mountainliving_cont .secLeadText p {
  line-height: 0.9;
}
@media screen and (max-width: 799px) {
.s25mountainliving_cont {
  margin: calc(1200/780*100vw) auto 0;
  min-width: inherit;
}
.s25mountainliving_cont .secLead {
  font-size: calc(56/780*100vw);
}
.s25mountainliving_cont .secLeadText {
  font-size: calc(56/780*100vw);
}
.s25mountainliving_cont .secLead:after {
  margin-top: 6px;
}
}


.s25mountainliving_About .s25mountainliving_AboutInner {
  background-color: #fff;
}
.s25mountainliving_About .text01 {
  padding: 120px 290px 140px;
  font-size: 22px;
  font-weight: 600;
  color: var(--color-base);
  line-height: 2.0;
  letter-spacing: 0.04em;
  text-align: center;
}
.s25mountainliving_About .text01 .lead {
  margin-bottom: 1em;
  font-size: 38px;
  display: block;
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 799px) {
  .s25mountainliving_About .text01 {
    width: 100%;
    margin: 0 auto;
    padding: calc(140/780*100vw) 0 calc(130/780*100vw);
    font-size: calc(22/780*100vw);
    line-height: 2;
  }
  .s25mountainliving_About .text01 .lead {
    margin-bottom: 1.5em;
    font-size: calc(38/780*100vw);
    line-height: 1.8;
  }
}


.s25mountainliving_Collabo .s25mountainliving_CollaboInner {
  padding: 110px 0 60px;
  position: relative;
  color: var(--color-yellow);
}
.s25mountainliving_Collabo .text01 {
  margin-bottom: 100px;
  text-align: center;
  line-height: 1.8;
  font-size: 22px;
}
.s25mountainliving_Collabo .secLeadText:after {
  content: "";
  width: 6.25em;
  height: 1px;
  margin-top: 10px;
  display: block;
  background-color: var(--color-yellow);
}
.s25mountainliving_Collabo .detailSlideArea .slick-slide {
  width: 630px;
  margin: 0 64px;
}
.s25mountainliving_Collabo .detailSlideArea {
  margin-bottom: 110px !important;
}
.s25mountainliving_Collabo .aboutDeen .lead {
  margin-bottom: 0.6em;
  font-size: 22px;
  text-align: center;
}
.s25mountainliving_Collabo .aboutDeen .text {
  width: 100%;
  max-width: 630px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.8;
}
@media screen and (min-width: 1640px) {
.s25mountainliving_Collabo .secLead {
  position: absolute;
  left: 80px;
  top: 80px;
}
.s25mountainliving_Collabo .secLeadText {
  position: absolute;
  left: 80px;
  top: 248px;
}
}
@media screen and (min-width: 800px) and (max-width: 1639px) {
.s25mountainliving_Collabo .secLead {
  position: relative;
  margin-left: 80px;
  margin-top: 80px;
}
.s25mountainliving_Collabo .secLeadText {
  position: relative;
  margin-left: 80px;
  margin-top: 80px;
  margin-bottom: 80px;
}
}
@media screen and (max-width: 799px) {
.s25mountainliving_Collabo .s25mountainliving_CollaboInner {
  padding: calc(36/780*100vw) 0;
}
.s25mountainliving_Collabo .text01 {
  margin-bottom: calc(100/780*100vw);
  font-size: calc(22/780*100vw);
}
.s25mountainliving_Collabo .secLeadText:after {
  margin-top: 6px;
}
.s25mountainliving_Collabo .detailSlideArea .slick-slide {
  width: calc(586/780*100vw);
  margin: 0 calc(24/780*100vw);
}
.s25mountainliving_Collabo .detailSlideArea {
  margin-bottom: calc(136/780*100vw) !important;
}
.s25mountainliving_Collabo .secLead {
  margin: 0 0 calc(76/780*100vw) calc(40/780*100vw);
}
.s25mountainliving_Collabo .secLeadText {
  margin: 0 0 calc(90/780*100vw) calc(40/780*100vw);
}
.s25mountainliving_Collabo .aboutDeen .lead {
  width: calc(700/780*100vw);
  margin: 0 auto 0.8em;
  font-size: calc(28/780*100vw);
}
.s25mountainliving_Collabo .aboutDeen .text {
  width: calc(700/780*100vw);
  margin: 0 auto;
  font-size: calc(22/780*100vw);
}
}



.s25mountainliving_Concept .conceptArea {
  position: relative;
}
.s25mountainliving_Concept .conceptArea img {
  width: 100%;
}
.s25mountainliving_Concept .conceptArea .conceptImg12 {
  width: calc(750/1920*100vw);
  position: absolute;
  bottom: 140px;
  right: calc(210/1920*100vw);
}
.s25mountainliving_Concept .conceptArea .conceptImg13 {
  padding: calc(84/1920*100vw) 186px calc(472/1920*100vw);
}
.s25mountainliving_Concept .conceptArea .conceptImg13 img {
  width: 227px;
}
.s25mountainliving_Concept .conceptArea .conceptImg21 {
  margin-bottom: 10px;
}
.s25mountainliving_Concept .conceptArea .conceptImg22 {
  width: calc(750/1920*100vw);
  position: absolute;
  top: calc((990/1920*100vw) + 140px);
  left: calc(210/1920*100vw);
}
@media screen and (min-width: 800px) and (max-width: 1640px) {
.s25mountainliving_Concept .conceptArea .conceptImg22 {
  width: 640px;
  top: calc(846px + 140px);
}
}
.s25mountainliving_Concept .conceptArea .conceptImg23 {
  padding: calc(460/1920*100vw) 186px calc(88/1920*100vw);
  text-align: right;
}
.s25mountainliving_Concept .conceptArea .conceptImg23 img {
  width: 227px;
}
.s25mountainliving_Concept .conceptArea .imgFlex {
  padding-bottom: 10px;
  display: flex;
  gap: 0 10px;
}
.s25mountainliving_Concept .conceptArea .conceptImg24,
.s25mountainliving_Concept .conceptArea .conceptImg25 {
  width: 100%;
}
.s25mountainliving_Concept .conceptArea .conceptImg32 {
  width: calc(750/1920*100vw);
  position: absolute;
  bottom: 135px;
  right: calc(210/1920*100vw);
}
.s25mountainliving_Concept .conceptArea .conceptImg33 {
  padding: calc(80/1920*100vw) 186px calc(472/1920*100vw);
}
.s25mountainliving_Concept .conceptArea .conceptImg33 img {
  width: 227px;
}
.s25mountainliving_Concept .conceptArea .conceptImg41 {
  margin-bottom: 10px;
}
@media screen and (max-width: 799px) {
  .s25mountainliving_Concept .conceptArea .conceptImg12 {
    width: calc(480/780*100vw);
    bottom: calc(80/780*100vw);
    right: calc(80/780*100vw);
  }
  .s25mountainliving_Concept .conceptArea .conceptImg13 {
    padding: calc(40/780*100vw) 0 calc(310/780*100vw) calc(38/780*100vw);
  }
  .s25mountainliving_Concept .conceptArea .conceptImg13 img {
    width: calc(132/780*100vw);
  }
  .s25mountainliving_Concept .conceptArea .conceptImg21 {
    margin-bottom: 5px;
  }
  .s25mountainliving_Concept .conceptArea .conceptImg22 {
    width: calc(480/780*100vw);
    top: calc(856/780*100vw);
    left: calc(80/780*100vw);
  }
  .s25mountainliving_Concept .conceptArea .conceptImg23 {
    padding: calc(308/780*100vw) calc(38/780*100vw) calc(38/780*100vw) 0;
  }
  .s25mountainliving_Concept .conceptArea .conceptImg23 img {
    width: calc(132/780*100vw);
  }
  .s25mountainliving_Concept .conceptArea .imgFlex {
    padding-bottom: 5px;
    gap: 0 5px;
  }
  .s25mountainliving_Concept .conceptArea .conceptImg32 {
    width: calc(480/780*100vw);
    bottom: calc(80/780*100vw);
    right: calc(80/780*100vw);
  }
  .s25mountainliving_Concept .conceptArea .conceptImg33 {
    padding: calc(40/780*100vw) 0 calc(310/780*100vw) calc(38/780*100vw);
  }
  .s25mountainliving_Concept .conceptArea .conceptImg33 img {
    width: calc(132/780*100vw);
  }
  .s25mountainliving_Concept .conceptArea .conceptImg41 {
    margin-bottom: 5px;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
  }



.s25mountainliving .detailSlideArea {
  margin-bottom: 300px;
}
.s25mountainliving .detailSlideArea .slick-dots {
  margin: 54px auto 0;
  display: flex;
  justify-content: center;
  gap: 0 12px;
  position: absolute;
  bottom: -64px;
  left: 0;
  right: 0;
}
.s25mountainliving .detailSlideArea .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0;
  background: #8f8b94;
  cursor: pointer;
  border-radius: 12px;
}
.s25mountainliving .detailSlideArea .slick-dots li.slick-active {
  background-color: var(--color-yellow);
}
.s25mountainliving_Collabo .detailSlideArea li {
  opacity: .3;
  transition: all .3s;
}
.s25mountainliving_Collabo .detailSlideArea li.slick-active {
  opacity: 1;
}
.s25mountainliving .detailSlideArea .slick-dots li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 0;
}
.s25mountainliving .detailSlideArea .slide-arrow {
  width: 30px;
  height: 54px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.s25mountainliving .detailSlideArea .slide-arrow.prev-arrow {
  transform: translateX(-364px);
}
.s25mountainliving .detailSlideArea .slide-arrow.next-arrow {
  transform: translateX(364px);
}
.s25mountainliving .detailSlideArea .slide-arrow:hover {
  opacity: .7;
  cursor: pointer;
}
.slickArrow {
  width: 50px;
  height: 50px;
  background-color: var(--color-yellow);
  position: relative;
}
.slickArrow:before {
  content: "";
  width: 12px;
  height: 12px;
  margin: auto;
  border-top: #100f10 4px solid;
  border-right: #100f10 4px solid;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  right: 4px;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.slickArrow:hover {
  background-color: #100f10;
  cursor: pointer;
  opacity: 1;
}
.slickArrow:hover:before {
  border-top: var(--color-white) 4px solid;
  border-right: var(--color-white) 4px solid;
  opacity: 1;
}
.slickArrow.arrowLeft:before {
  transform: rotate(-135deg);
  left: 4px;
  right: 0;
}
@media screen and (max-width: 799px) {
  .s25mountainliving .detailSlideArea {
    margin-bottom: calc(300/780*100vw);
  }
  .s25mountainliving .detailSlideArea .slick-dots {
    margin: 0 auto;
    bottom: calc(-72/780*100vw);
  }
  .s25mountainliving .detailSlideArea .slick-dots li {
    width: calc(24/780*100vw);
  }
  .s25mountainliving .detailSlideArea .slick-dots li:first-of-type:before {
  width: 14px;
  height: 10px;
}
.s25mountainliving .detailSlideArea .slick-dots li:last-of-type:before {
  width: 14px;
  height: 10px;
}
  .s25mountainliving .detailSlideArea .slide-arrow {
    width: calc(30/780*100vw);
    height: calc(54/780*100vw);
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
  }
  .s25mountainliving .detailSlideArea .slide-arrow.prev-arrow {
    transform: translateX(calc(-320/780*100vw));
  }
  .s25mountainliving .detailSlideArea .slide-arrow.next-arrow {
    transform: translateX(calc(320/780*100vw));
  }
  .s25mountainliving .detailSlideArea .slide-arrow:hover {
    opacity: 1;
  }
  .slickArrow {
  width: calc(70/780*100vw);
  height: calc(70/780*100vw);
  }
  .slickArrow:before {
  content: "";
  width: calc(20/780*100vw);
  height: calc(20/780*100vw);
  right: calc(5/780*100vw);
}
.slickArrow:hover {
  background-color: var(--color-yellow);
}
.slickArrow.arrowLeft:before {
  left: calc(5/780*100vw);
  right: 0;
}
.slickArrow:hover:before {
  border-top: #100f10 4px solid;
  border-right: #100f10 4px solid;
  opacity: 1;
}
}


.s25mountainliving_ProductLInner {
  padding: 64px 0 388px;
  background: url(../img/bg_product01-pc.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
.s25mountainliving_ProductL .secLead {
  margin: 0 0 80px;
  padding-left: 80px;
  color: var(--color-yellow);
}
.s25mountainliving_ProductL .secLeadText {
  margin-bottom: 32px;
  padding-left: 80px;
  color: var(--color-yellow);
}
.s25mountainliving_ProductL .text01 {
  margin-bottom: 32px;
  padding-left: 80px;
  color: var(--color-yellow);
  letter-spacing: 0.22em;
  font-size: 15px;
  font-weight: 300;
}
.s25mountainliving .s25mountainliving_ProductL .itemBtnArea {
  width: 180px;
  margin: 0 0 0 80px;
  position: relative;
  z-index: 1;
}
.s25mountainliving_ProductL .itemImg {
  margin: auto;
  width: 940px;
  position: absolute;
  top: 180px;
  left: 0;
  right: 0;
  z-index: 1;
}
@media screen and (min-width: 800px) and (max-width: 1980px) {
.s25mountainliving_ProductLInner {
  padding: 64px 0 188px;
}
.s25mountainliving_ProductL .itemImg {
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  margin-top: -120px;
}
}
@media screen and (max-width: 799px) {
.s25mountainliving_ProductLInner {
  padding: calc(36/780*100vw) 0 calc(130/780*100vw);
  background: url(../img/bg_product01-pc.jpg) no-repeat center center;
  background-size: cover;
}
.s25mountainliving_ProductL .secLead {
  margin: 0 0 calc(72/780*100vw);
  padding-left: calc(40/780*100vw);
}
.s25mountainliving_ProductL .secLeadText {
  margin-bottom: calc(28/780*100vw);
  padding-left: calc(40/780*100vw);
}
.s25mountainliving_ProductL .text01 {
  margin-bottom: calc(32/780*100vw);
  padding-left: calc(40/780*100vw);
  font-size: calc(22/780*100vw);
}
.s25mountainliving .s25mountainliving_ProductL .itemBtnArea {
  width: calc(250/780*100vw);
  margin: 0 0 0 calc(40/780*100vw);
  position: relative;
  z-index: 2;
}
.s25mountainliving_ProductL .itemImg {
  margin: calc(-110/780*100vw) auto 0;
  width: calc(756/780*100vw);
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
}
}



.s25mountainliving_Tech .s25mountainliving_TechInner {
  background-color: var(--color-white);
}
.s25mountainliving_Tech .techWrap {
  display: flex;
  position: relative;
}
.s25mountainliving_Tech .techWrap .tech01,
.s25mountainliving_Tech .techWrap .tech02  {
  width: 50%;
  height: 490px;
  position: relative;
}
.s25mountainliving_Tech .techWrap .tech01 {
  background: url(../img/img_tech01-pc.png) no-repeat center center;
  background-size: cover;
}
.s25mountainliving_Tech .techWrap .tech02 {
  background: url(../img/img_tech02-pc.png) no-repeat center center;
  background-size: cover;
}
.s25mountainliving_Tech .techWrap .techTextBox {
  margin: auto;
  width: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 106px;
  z-index: 1;
}
.s25mountainliving_Tech .techWrap .techTextBox .techCopy {
  text-align: center;
  font-size: 38px;
  font-weight: 600;
}
.s25mountainliving_Tech .techWrap .techTextBox .techText {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
.s25mountainliving_Tech .texhIcon {
  width: 40px;
  height: 40px;
  margin: auto;
  background-color: var(--color-yellow);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  transition: all .2s;
}
.s25mountainliving_Tech .texhIcon:before {
  content: "";
  width: 60%;
  height: 2px;
  margin: auto;
  background-color: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  transition: all .2s;
}
.s25mountainliving_Tech .texhIcon:after {
  content: "";
  width: 2px;
  height: 60%;
  margin: auto;
  background-color: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  transition: all .2s;
}
.s25mountainliving_Tech .texhIcon:hover {
  background-color: #000;
}
.s25mountainliving_Tech .texhIcon:hover:before,
.s25mountainliving_Tech .texhIcon:hover:after  {
  background-color: #fff;
}
.s25mountainliving_Tech .techLabel {
  width: 180px;
  height: 164px;
  padding: 2em;
  margin: auto;
  background-color: var(--color-yellow);
  display: block;
  pointer-events: none;
  transition: all .2s;
  font-size: 15px;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.s25mountainliving_Tech .texhIcon:hover + .techLabel {
  opacity: 1;
}
.s25mountainliving_Tech .techLabel .labelLead {
  margin-bottom: 1em;
}
.s25mountainliving_Tech .tech01 .techLabel {
  transform: translateX(-66%);
}
.s25mountainliving_Tech .tech02 .techLabel {
  transform: translateX(66%);
}
@media screen and (max-width: 799px) {
.s25mountainliving_Tech .techWrap {
  flex-direction: column;
}
.s25mountainliving_Tech .techWrap .tech01,
.s25mountainliving_Tech .techWrap .tech02  {
  width: 100%;
  height: calc(516/780*100vw);
  position: relative;
}
.s25mountainliving_Tech .techWrap .tech01 {
  background: url(../img/img_tech01-sp.png) no-repeat center center;
  background-size: cover;
}
.s25mountainliving_Tech .techWrap .tech02 {
  background: url(../img/img_tech02-sp.png) no-repeat center center;
  background-size: cover;
}
.s25mountainliving_Tech .techWrap .techTextBox {
  width: 100%;
  position: relative;
  height: calc(516/780*100vw);
  top: inherit;
  left: inherit;
  right: inherit;
}
.s25mountainliving_Tech .texhIcon {
  width: 24px;
  height: 24px;
}
.s25mountainliving_Tech .techLabel {
  width: calc(270/780*100vw);
  height: calc(248/780*100vw);
  font-size: calc(22/780*100vw);
}
.s25mountainliving_Tech .techWrap .techTextBox .techCopy {
  margin: calc(90/780*100vw) 0 calc(36/780*100vw);
  padding: 0;
  font-size: calc(38/780*100vw);
}
.s25mountainliving_Tech .techWrap .techTextBox .techText {
  font-size: calc(22/780*100vw);
}
}


.s25mountainliving_Colum .s25mountainliving_ColumInner {
  width: 100%;
  padding: 220px 0 50px;
  background: url(../img/bg_colum-pc.jpg) no-repeat center;
  background-size: cover;
  background-color: var(--color-base);
}
.s25mountainliving_Colum .columTextArea {
  width: 100%;
  max-width: 560px;
  margin: 0 0 0 120px;
  color: var(--color-yellow);
  font-size: 32px;
  font-weight: 600;
}
.s25mountainliving_Colum .columTextArea .text01 {
  text-align: justify;
  line-height: 2;
  letter-spacing: 0.12em;
}
.s25mountainliving_Colum .columTextArea .name {
  margin-top: 0.5em;
  text-align: right;
  line-height: 2;
  letter-spacing: 0.12em;
  position: relative;
}
.s25mountainliving_Colum .columTextArea .name:after {
  content: "";
  width: 3em;
  height: 2px;
  margin: auto 0;
  display: block;
  background-color: var(--color-yellow);
  position: absolute;
  right: 8.5em;
  top: 0;
  bottom: 0;
}
/* Safari */
_::-webkit-full-page-media, _:future, :root .s25mountainliving_Colum .columTextArea .name:after {
  right: 9em;
}
@media screen and (max-width: 799px) {
.s25mountainliving_Colum .s25mountainliving_ColumInner {
  padding: calc(32/780*100vw) 0 calc(952/780*100vw);
  background: url(../img/bg_colum-sp.jpg) no-repeat center;
  background-size: cover;
  background-color: var(--color-base);
}
.s25mountainliving_Colum .columTextArea {
  width: calc(700/780*100vw);
  margin: 0 auto;
  font-size: calc(30/780*100vw);
}
.s25mountainliving_Colum .columTextArea .name:after {
  content: "";
  width: 3em;
  height: 1px;
  right: 7.5em;
}
/* Safari */
_::-webkit-full-page-media, _:future, :root .s25mountainliving_Colum .columTextArea .name:after {
  right: 8em;
}
.s25mountainliving_Colum .columTextArea .text01,
.s25mountainliving_Colum .columTextArea .name {
  letter-spacing: 0.02em;
}
}


.s25mountainliving .s25mountainliving_Product .detailSlideArea {
  width: 572px;
  margin: 0 auto;
}
.s25mountainliving .s25mountainliving_Product .detailSlideArea .slick-dots {
    margin: 54px auto 0;
    bottom: 4px;
}
.s25mountainliving .s25mountainliving_Product .product01 {
  width: 100%;
  margin-bottom: 10px;
  padding: 90px 0 100px;
  background: url(../img/bg_product02-pc.jpg) no-repeat top center;
  background-size: cover;
}
.s25mountainliving .s25mountainliving_Product .name {
  width: 486px;
  margin: 0 auto 30px;
}
.s25mountainliving .s25mountainliving_Product .price {
  width: 252px;
  margin: 60px auto 56px;
}
.s25mountainliving .s25mountainliving_Product .product02 {
  width: 100%;
  padding: 110px 0 100px;
  background: url(../img/bg_product03-pc.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 799px) {
.s25mountainliving .s25mountainliving_Product .detailSlideArea {
  width: calc(640/780*100vw);
  margin: 0 auto;
}
.s25mountainliving .s25mountainliving_Product .detailSlideArea .slick-dots {
  margin: calc(20/780*100vw) auto 0;
  bottom: -4px;
}
.s25mountainliving .s25mountainliving_Product .product01 {
  margin-bottom: 5px;
  padding: calc(90/780*100vw) 0 calc(120/780*100vw);
  background: url(../img/bg_product02-pc.jpg) no-repeat top center;
  background-size: cover;
}
.s25mountainliving .s25mountainliving_Product .name {
  width: calc(546/780*100vw);
  margin: 0 auto calc(90/780*100vw);
}
.s25mountainliving .s25mountainliving_Product .price {
  width: calc(336/780*100vw);
  margin: calc(80/780*100vw) auto calc(64/780*100vw);
}
.s25mountainliving .s25mountainliving_Product .product02 {
  padding: calc(110/780*100vw) 0 calc(120/780*100vw);
  background: url(../img/bg_product03-pc.jpg) no-repeat top center;
  background-size: cover;
}
}


.s25mountainliving_cont .s25mountainliving_SpecialInner {
  padding: 80px 0 160px;
  background-color: var(--color-white);
  color: #333;
}
.s25mountainliving_cont .s25mountainliving_Special .secLead {
  margin: 0 0 30px 80px;
}
.s25mountainliving_cont .s25mountainliving_Special .secLead:after {
  background-color: #333;
}
.s25mountainliving_cont .s25mountainliving_Special .copy {
  margin-bottom: 1.1em;
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
}
.s25mountainliving_cont .s25mountainliving_Special .text01 {
  margin-bottom: 3em;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: center;
}
.s25mountainliving_cont .s25mountainliving_Special .img01 {
  margin: 0 auto 30px;
  width: 630px;
}
.s25mountainliving_cont .s25mountainliving_Special .text02 {
  margin-bottom: 3em;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.8;
  text-align: center;
}
.s25mountainliving .s25mountainliving_Special .itemBtnArea a {
  width: 310px;
  padding: 1.2em 1em;
  font-size: 15px;
  color: var(--color-white);
  background: linear-gradient(135deg, transparent 8px, #100f10 0) top left, linear-gradient(-135deg, transparent 8px, #100f10 0) top right, linear-gradient(-45deg, transparent 8px, #100f10 0) bottom right, linear-gradient(45deg, transparent 8px, #100f10 0) bottom left;
  background-size: 52% 52%;
  background-repeat: no-repeat;
  letter-spacing: 0.1em;
  position: relative;
}
/*
.s25mountainliving .s25mountainliving_Special .itemBtnArea a:after {
  content: "";
  width: 1.2em;
  height: 1.2em;
  display: block;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  position: absolute;
  top: 1.6em;
  right: 1.7em;
  transform: rotate(-45deg);
}
*/
@media screen and (min-width: 800px) {
.s25mountainliving .s25mountainliving_Special .itemBtnArea a:hover {
  background-color: #f3fd30 ;
  background: linear-gradient(135deg, transparent 8px, #f3fd30  0) top left, linear-gradient(-135deg, transparent 8px, #f3fd30  0) top right, linear-gradient(-45deg, transparent 8px, #f3fd30  0) bottom right, linear-gradient(45deg, transparent 8px, #f3fd30  0) bottom left;
  background-size: 52% 52%;
  background-repeat: no-repeat;
  color: #100f10;
}
.s25mountainliving .s25mountainliving_Special .itemBtnArea a:hover:after {
  border-top: #100f10 2px solid;
  border-right: #100f10 2px solid;
}
}
@media screen and (max-width: 799px) {
.s25mountainliving_cont .s25mountainliving_SpecialInner {
  padding: calc(36/780*100vw) 0 calc(146/780*100vw);
}
.s25mountainliving_cont .s25mountainliving_Special .secLead {
  margin: 0 0 calc(110/780*100vw) calc(40/780*100vw);
}
.s25mountainliving_cont .s25mountainliving_Special .copy {
  margin-bottom: 1.1em;
  font-size: calc(38/780*100vw);
}
.s25mountainliving_cont .s25mountainliving_Special .text01 {
  margin-bottom: 2em;
  font-size: calc(22/780*100vw);
}
.s25mountainliving_cont .s25mountainliving_Special .img01 {
  margin: 0 auto calc(46/780*100vw);
  width: calc(576/780*100vw);
}
.s25mountainliving_cont .s25mountainliving_Special .text02 {
  font-size: calc(22/780*100vw);
}
.s25mountainliving .s25mountainliving_Special .itemBtnArea a {
  width: calc(400/780*100vw);
  font-size: calc(22/780*100vw);
  background: linear-gradient(135deg, transparent 6px, #100f10 0) top left, linear-gradient(-135deg, transparent 6px, #100f10 0) top right, linear-gradient(-45deg, transparent 6px, #100f10 0) bottom right, linear-gradient(45deg, transparent 6px, #100f10 0) bottom left;
  background-size: 52% 52%;
  background-repeat: no-repeat;
}
.s25mountainliving .s25mountainliving_Special .itemBtnArea a:after {
  width: 1em;
  height: 1em;
  top: 1.7em
}
}



.s25mountainliving .__btn {
  text-align: right;
}
.s25mountainliving .__pagetop {
  padding: 110px 0 140px;
  text-align: center;
}
.s25mountainliving .__pagetop a {
  margin-right: 100px;
  color: var(--color-white);
  font-weight: bold;
}
.s25mountainliving .__pagetop a .icon {
  width: 50px;
  margin-left: 2em;
  position: relative;
  top: 12px;
  display: inline-block;
}
@media screen and (min-width: 800px) {
.s25mountainliving .__pagetop a:hover {
  background-color: inherit;
  transition: all ease .3s;
  opacity: .6;
}
}
@media screen and (max-width: 799px) {
.s25mountainliving .__pagetop a .icon {
  width: 35px;
  height: 35px;
  top: 10px;
}
.s25mountainliving .__pagetop {
  padding: 34px 0 64px;
}
.s25mountainliving .__pagetop a {
  margin-right: calc(100/780*100vw);
}
}