@charset "utf-8";
/*---------------------
top
----------------------*/


.top .contents .btn01 {
  position: absolute;
  margin: -30px 60px 0;
}

.top .contents .btn02 {
  position: absolute;
  margin: -250px 430px 0;
}



/*---------------------
remarks
----------------------*/

.p_top .remarks {
  margin: 0 auto 50px;
  width: 650px;
  font-size: 22px;
}


.p_top .remark {
  padding: 30px 60px 80px 60px ;
  letter-spacing: 0;
  font-feature-settings: "palt";
  background-image: url("..//img/top/contents17.jpg");
}




/*---------------------
retro
----------------------*/


.p_retro .remark {
  padding: 100px 60px 30px 60px ;
  letter-spacing: 0;
  font-feature-settings: "palt";
  background-image: url("..//img/retro/contents10.jpg");
}

.retro .contents .btn01 {
  position: absolute;
  margin: -300px 40px 0;
}

.retro .contents .btn02 {
  position: absolute;
  margin: -300px 400px 0;
}

/*---------------------
resort
----------------------*/

.p_resort .remark {
  padding: 100px 60px 30px 60px ;
  letter-spacing: 0;
  font-feature-settings: "palt";
  background-image: url("..//img/retro/contents10.jpg");
}

.resort .contents .btn01 {
  position: absolute;
  margin: -300px 40px 0;
}

.resort .contents .btn02 {
  position: absolute;
  margin: -300px 400px 0;
}


/*---------------------
accordion
----------------------*/

.accordion {
  position: relative;
}
.accordion p:nth-of-type(1) {
  position: relative;
  height: 140px;
  overflow: hidden;
  transition: height 0.7s ease;
}
.accordion.accordion01 p:nth-of-type(1).active {
  height: 1261px;
}
.accordion p:nth-of-type(2) {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  height: 93px;
  cursor: pointer;
}
.accordion p:nth-of-type(2) img:nth-of-type(1) {
  opacity: 1;
  visibility: visible;
  display: block;
}
.accordion p:nth-of-type(2) img:nth-of-type(2) {
  opacity: 0;
  visibility: hidden;
  display: contents;
}
.accordion p:nth-of-type(2).active {
  bottom: 20px;
}
.accordion p:nth-of-type(2).active img:nth-of-type(1) {
  opacity: 0;
  visibility: hidden;
  display: contents;
}
.accordion p:nth-of-type(2).active img:nth-of-type(2) {
  opacity: 1;
  visibility: visible;
  display: block;
}