@charset "UTF-8";
img {
  width: 100%;
}

.test1 {
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  -webkit-transition: all 0.4s ease-out 0.01s;
  transition: all 0.4s ease-out 0.01s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform: scale(1);
  transform: rotate(-45deg);
  border-radius: 50%;
  animation: Flash1 1s infinite;
  animation: beyooon_a 1s forwards;
  animation: beyooon_b 1s forwards;
  font-family: "Noto Serif JP", serif;
  background: linear-gradient(90deg, rgb(0, 72, 110) 0%, rgb(0, 120, 155) 100%);
}

@keyframes Flash1 {
  50% {
    opacity: 0;
  }
}
@keyframes beyooon_a {
  0% {
    transform: translate(-50%, 0%) scale(0.5);
  }
  16% {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1.22);
  }
  28% {
    transform: translate(-50%, 0%) scale(1);
  }
  88% {
    transform: translate(-50%, 0%) scale(1);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
}
@keyframes beyooon_b {
  0% {
    transform: scale(0.5);
  }
  16% {
    transform: scale(1.32);
  }
  28% {
    transform: scale(0.87);
  }
  44% {
    transform: scale(1.05);
  }
  59% {
    transform: scale(0.98);
  }
  73% {
    transform: scale(1.01);
  }
  88% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.test {
  content: "\f105";
  font-family: FontAwesome;
}

.shadow {
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4), 1px 3px 3px rgba(0, 0, 0, 0.4), 1px 2px 3px rgba(0, 0, 0, 0.4);
}

/**scss共通ここまで***/
body {
  background-color: #000;
}

body {
  overflow: hidden;
}

main {
  overflow: hidden;
  background-color: #000;
}
main.active1 {
  overflow: hidden;
  height: 100vh;
}
main.active2 {
  overflow: hidden;
  height: auto;
}

#section01 {
  width: 100%;
  font-family: "Noto Serif JP", serif;
  padding: 210px 0 90px 0;
  background-color: #fff;
}
@media screen and (max-width:800px) {
  #section01 {
    padding: 100px 0 50px 0;
  }
}
#section01 h1 {
  width: auto;
  margin: 0 auto 70px auto;
  text-align: center;
}
#section01 h1 figure {
  width: auto;
  height: 40px;
  margin-bottom: 18px;
}
@media screen and (max-width:1200px) {
  #section01 h1 figure {
    height: 3vw;
  }
}
@media screen and (max-width:800px) {
  #section01 h1 figure {
    height: 5.6vw;
    margin: 0 auto 35px;
  }
}
#section01 h1 img {
  width: auto;
  height: 40px;
  margin-bottom: 18px;
}
@media screen and (max-width:1200px) {
  #section01 h1 img {
    height: 3vw;
  }
}
@media screen and (max-width:800px) {
  #section01 h1 img {
    height: 5.6vw;
  }
}
#section01 h1 span {
  display: block;
  text-align: center;
  font-size: 22px;
}
@media screen and (max-width:1200px) {
  #section01 h1 span {
    font-size: 1.9vw;
  }
}
@media screen and (max-width:800px) {
  #section01 h1 span {
    font-size: 4.5vw;
  }
}
#section01 .base_text {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  line-height: 180%;
}
@media screen and (max-width:800px) {
  #section01 .base_text {
    width: 100%;
    font-size: 3.8vw;
  }
}

#section02 {
  width: 100%;
  /*background-color: #fff;*/
  background-color: black;
  font-family: "Noto Serif JP", serif;
  padding-bottom: 160px;
}
@media screen and (max-width:800px) {
  #section02 {
    padding-bottom: 80px;
  }
}

#section02a {
  width: 100%;
  background-color: #fff;
  font-family: "Noto Serif JP", serif;
  padding-bottom: 160px;
}
@media screen and (max-width:800px) {
  #section02a {
    padding-bottom: 80px;
  }
}

.section_photo_contena {
  width: 100%;
  overflow: hidden;
  background-color: #000;
}
.section_photo_contena ul {
  display: flex;
  width: 125vw;
  justify-content: space-between;
  margin-bottom: 1vw;
}
.section_photo_contena ul.ul1 {
  margin-left: -10vw;
}
.section_photo_contena ul.ul2 {
  margin-left: -21vw;
}
.section_photo_contena ul li {
  width: 24.5%;
  position: relative;
}
.section_photo_contena ul li .base {
  position: relative;
}
.section_photo_contena ul li .base_1 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 1.75s linear;
  opacity: 0;
}
.section_photo_contena ul li .base_1.active {
  opacity: 1;
}
.section_photo_contena ul li .base_2 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transition: all 1.75s linear;
  opacity: 0;
}
.section_photo_contena ul li .base_2.active {
  opacity: 1;
}

.sp_tops {
  pointer-events: none;
  opacity: 0;
  transition: all 1.8s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  position: fixed;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
}
.sp_tops.active {
  opacity: 1;
}

.scrolltext2 {
  position: absolute;
  left: 50.2%;
  top: 70%;
  width: 1px;
  height: 40px;
  z-index: 30;
  font-family: "Noto Serif JP", serif;
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
}
@media screen and (max-width:800px) {
  .scrolltext2 {
    top: auto;
    display: block;
    bottom: calc(115px + 25vw);
    top: auto;
    bottom: 32.5%;
  }
}
.scrolltext2.active {
  opacity: 0;
  pointer-events: none;
}
.scrolltext2 .scrolltext__moji {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translate(-50%, 0%);
  color: #000;
}
.scrolltext2 .scrolltext__moji.active_pc {
  color: #000;
}
@media screen and (max-width:800px) {
  .scrolltext2 .scrolltext__moji.active_pc {
    color: #000;
  }
}
.scrolltext2 .scrolltext__intext {
  width: 100%;
  height: 100%;
  background-color: #000;
  animation: scrollmoves 1.4s ease-in-out infinite;
  position: absolute;
  top: 0;
  left: 0;
}
.scrolltext2 .scrolltext__intext.active_pc {
  background-color: #000;
}
@media screen and (max-width:800px) {
  .scrolltext2 .scrolltext__intext.active_pc {
    background-color: #000;
  }
}
@keyframes scrollmoves {
  0% {
    height: 0;
    top: 0;
    transform: translate(0%, 0%);
  }
  30% {
    height: 40px;
    top: 0%;
    transform: translate(0%, 0%);
  }
  100% {
    height: 0;
    top: 100%;
    transform: translate(0%, 0%);
  }
}

h2.top_first {
  position: absolute;
  bottom: 30px;
  transform: translate(0%, 0%);
  z-index: 40;
  left: 0%;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  display: none;
}
@media screen and (max-width:800px) {
  h2.top_first {
    display: block;
    top: 75%;
    opacity: 1;
  }
}
h2.top_first.active {
  opacity: 0;
  pointer-events: none;
}
h2.top_first .textsub {
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 160%;
}
@media screen and (max-width:800px) {
  h2.top_first .textsub {
    font-size: 2.8vw;
  }
}
h2.top_first .textmain {
  letter-spacing: -0.05em;
  color: #fff;
  text-align: center;
  font-size: 38px;
  color: #fff;
  line-height: 125%;
}
@media screen and (max-width:800px) {
  h2.top_first .textmain {
    font-size: 5.8vw;
  }
}

#section01_pop {
  padding: 150px 0 80px 0;
  background-color: #fff;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width:800px) {
  #section01_pop {
    padding: 120px 0 50px 0;
  }
}
#section01_pop .section__in {
  width: 90%;
  max-width: 920px;
  margin: 0 auto;
  padding-bottom: 130px;
}
@media screen and (max-width:800px) {
  #section01_pop .section__in {
    padding-bottom: 40px;
  }
}
#section01_pop h2.re1 {
  width: 40.1%;
  margin: 0 auto 40px auto;
}
@media screen and (max-width:800px) {
  #section01_pop h2.re1 {
    width: 65%;
    margin: 0 auto 40px auto;
  }
}
#section01_pop h2.re1_2 {
  width: 40.1%;
  margin: 0 auto 80px auto;
}
@media screen and (max-width:800px) {
  #section01_pop h2.re1_2 {
    width: 65%;
    margin: 0 auto 40px auto;
  }
}
#section01_pop h2.re2 {
  width: 48.8%;
  margin: 0 auto 40px auto;
}
@media screen and (max-width:800px) {
  #section01_pop h2.re2 {
    width: 75%;
    margin: 0 auto 40px auto;
  }
}
#section01_pop .zutextbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#section01_pop .text {
  width: 33%;
}
@media screen and (max-width:800px) {
  #section01_pop .text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
    align-items: center;
  }
}
#section01_pop .zu {
  width: 62%;
  max-width: 550px;
}
@media screen and (max-width:800px) {
  #section01_pop .zu {
    width: 100%;
    margin: 0 auto;
  }
}
#section01_pop .zu figure {
  width: 100%;
}
@media screen and (max-width:800px) {
  #section01_pop .zu figure {
    width: 90%;
    margin: 0 auto 15px auto;
  }
}
#section01_pop .zu figure.right {
  width: 100%;
}
@media screen and (max-width:800px) {
  #section01_pop .zu figure.right {
    width: 90%;
    margin: 0 0 15px auto;
  }
}
#section01_pop h3.type_title {
  width: 100%;
  border-bottom: 1px solid #999;
  margin-bottom: 8px;
}
#section01_pop .ptext {
  line-height: 120%;
}
#section01_pop .spec01 {
  line-height: 120%;
}
@media screen and (max-width:800px) {
  #section01_pop .spec01 .f32 {
    font-size: 6vw;
  }
  #section01_pop .spec01 .f18 {
    font-size: 2.4vw;
  }
}
#section01_pop .spec02 {
  margin-bottom: 35px;
}
@media screen and (max-width:800px) {
  #section01_pop .spec02 {
    font-size: 2vw;
  }
}
@media screen and (max-width:800px) {
  #section01_pop .textsp_left1 {
    width: 52.5%;
  }
}
#section01_pop .torikago1 {
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width:800px) {
  #section01_pop .torikago1 {
    width: 45%;
  }
}
@media screen and (max-width:800px) {
  #section01_pop .textsp_left2 {
    width: 70%;
  }
}
#section01_pop .torikago2 {
  width: 65%;
  margin: 0 auto 20px auto;
}
@media screen and (max-width:800px) {
  #section01_pop .torikago2 {
    width: 27.5%;
  }
}
#section01_pop ul.merit {
  width: 100%;
}
@media screen and (max-width:800px) {
  #section01_pop ul.merit {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 2.6vw;
  }
}
#section01_pop ul.merit li {
  width: 100%;
  padding: 0.3em 0.35em 0;
  background-color: #94826e;
  color: #fff;
  text-align: center;
  margin-bottom: 12px;
  min-height: 54px;
  display: flex;
  align-items: center;
}
@media screen and (max-width:800px) {
  #section01_pop ul.merit li {
    width: 48.5%;
    margin-bottom: 2.5vw;
  }
}
#section01_pop ul.merit li span {
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 0.2em;
}
#section01_pop .minispec {
  width: 90%;
}
@media screen and (max-width:800px) {
  #section01_pop .minispec {
    width: 50%;
  }
}
#section01_pop .sidebt {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto 45px auto;
  display: flex;
  justify-content: space-between;
}
#section01_pop .sidebt a {
  display: block;
  width: 90px;
}
@media screen and (max-width:800px) {
  #section01_pop .sidebt a {
    width: 18%;
  }
}
#section01_pop .closebotanwaku {
  text-align: center;
}
#section01_pop a.closebotan {
  display: inline-block;
  width: 230px;
  padding: 0.65em 0 0.7em 0;
  background-color: #595757;
  color: #fff;
  text-align: center;
}
#section01_pop p.minitext {
  width: 90%;
  max-width: 1100px;
  margin: 40px auto 0px auto;
  text-align: center;
  line-height: 160%;
}

/******************************/
#section01photo {
  width: 100%;
}
#section01photo .section__in {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section01photo .section__in .item01, #section01photo .section__in .item02, #section01photo .section__in .item03, #section01photo .section__in .item04, #section01photo .section__in .item04b {
  position: relative;
  overflow: hidden;
}
#section01photo .section__in .item01::before, #section01photo .section__in .item02::before, #section01photo .section__in .item03::before, #section01photo .section__in .item04::before, #section01photo .section__in .item04b::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  opacity: 1;
}
#section01photo .section__in .item01 .base, #section01photo .section__in .item02 .base, #section01photo .section__in .item03 .base, #section01photo .section__in .item04 .base, #section01photo .section__in .item04b .base {
  transform: scale(1);
  transition: all 0.4s ease-out 0.01s;
}
#section01photo .section__in .item01:hover, #section01photo .section__in .item02:hover, #section01photo .section__in .item03:hover, #section01photo .section__in .item04:hover, #section01photo .section__in .item04b:hover {
  cursor: pointer;
}
#section01photo .section__in .item01:hover::before, #section01photo .section__in .item02:hover::before, #section01photo .section__in .item03:hover::before, #section01photo .section__in .item04:hover::before, #section01photo .section__in .item04b:hover::before {
  opacity: 0.3;
}
@media screen and (max-width:800px) {
  #section01photo .section__in .item01:hover::before, #section01photo .section__in .item02:hover::before, #section01photo .section__in .item03:hover::before, #section01photo .section__in .item04:hover::before, #section01photo .section__in .item04b:hover::before {
    opacity: 1;
  }
}
#section01photo .section__in .item01:hover .base, #section01photo .section__in .item02:hover .base, #section01photo .section__in .item03:hover .base, #section01photo .section__in .item04:hover .base, #section01photo .section__in .item04b:hover .base {
  transform: scale(1.075);
}
@media screen and (max-width:800px) {
  #section01photo .section__in .item01:hover .base, #section01photo .section__in .item02:hover .base, #section01photo .section__in .item03:hover .base, #section01photo .section__in .item04:hover .base, #section01photo .section__in .item04b:hover .base {
    transform: scale(1);
  }
}
#section01photo .section__in .item01 {
  /*width: 33.3333333333%;*/
  width: 25%;
}
@media screen and (max-width:800px) {
  #section01photo .section__in .item01 {
    width: 100%;
  }
}
#section01photo .section__in .item02 {
  /*width: 33.3333333333%;*/
  width: 25%;
}
@media screen and (max-width:800px) {
  #section01photo .section__in .item02 {
    width: 100%;
  }
}
#section01photo .section__in .item03 {
  width: 25%;
}
@media screen and (max-width:800px) {
  #section01photo .section__in .item03 {
    width: 100%;
  }
}
#section01photo .section__in .item04 {
  width: 25%;
}
@media screen and (max-width:800px) {
  #section01photo .section__in .item04 {
    width: 100%;
  }
}
#section01photo .section__in .item04b {
  width: 1000%;
}
@media screen and (max-width:800px) {
  #section01photo .section__in .item04b {
    width: 100%;
  }
}
#section01photo .section__in h2.title {
  width: 60%;
  max-width: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 90;
}
@media screen and (max-width:800px) {
  #section01photo .section__in h2.title {
    width: 36%;
  }
}
#section01photo .section__in h2.title2 {
  width: 60%;
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 90;
}
@media screen and (max-width:800px) {
  #section01photo .section__in h2.title2 {
    top: 50%;
    width: 36%;
  }
}

#section01photo_rega {
  width: 100%;
}
#section01photo_rega .section__in {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section01photo_rega .section__in .item01, #section01photo_rega .section__in .item02, #section01photo_rega .section__in .item03, #section01photo_rega .section__in .item04, #section01photo_rega .section__in .item04b {
  position: relative;
  overflow: hidden;
}
#section01photo_rega .section__in .item01::before, #section01photo_rega .section__in .item02::before, #section01photo_rega .section__in .item03::before, #section01photo_rega .section__in .item04::before, #section01photo_rega .section__in .item04b::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  opacity: 1;
}
#section01photo_rega .section__in .item01 .base, #section01photo_rega .section__in .item02 .base, #section01photo_rega .section__in .item03 .base, #section01photo_rega .section__in .item04 .base, #section01photo_rega .section__in .item04b .base {
  transform: scale(1);
  transition: all 0.4s ease-out 0.01s;
}
#section01photo_rega .section__in .item01:hover, #section01photo_rega .section__in .item02:hover, #section01photo_rega .section__in .item03:hover, #section01photo_rega .section__in .item04:hover, #section01photo_rega .section__in .item04b:hover {
  cursor: pointer;
}
#section01photo_rega .section__in .item01:hover::before, #section01photo_rega .section__in .item02:hover::before, #section01photo_rega .section__in .item03:hover::before, #section01photo_rega .section__in .item04:hover::before, #section01photo_rega .section__in .item04b:hover::before {
  opacity: 0.3;
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in .item01:hover::before, #section01photo_rega .section__in .item02:hover::before, #section01photo_rega .section__in .item03:hover::before, #section01photo_rega .section__in .item04:hover::before, #section01photo_rega .section__in .item04b:hover::before {
    opacity: 1;
  }
}
#section01photo_rega .section__in .item01:hover .base, #section01photo_rega .section__in .item02:hover .base, #section01photo_rega .section__in .item03:hover .base, #section01photo_rega .section__in .item04:hover .base, #section01photo_rega .section__in .item04b:hover .base {
  transform: scale(1.075);
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in .item01:hover .base, #section01photo_rega .section__in .item02:hover .base, #section01photo_rega .section__in .item03:hover .base, #section01photo_rega .section__in .item04:hover .base, #section01photo_rega .section__in .item04b:hover .base {
    transform: scale(1);
  }
}
#section01photo_rega .section__in .item01 {
  /*width: 33.3333333333%;*/
  /*width: 25%;*/
  width: 50%;
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in .item01 {
    width: 100%;
  }
}
#section01photo_rega .section__in .item02 {
  width: 33.3333333333%;
  /*width: 25%;*/
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in .item02 {
    width: 100%;
  }
}
#section01photo_rega .section__in .item03 {
  /*width: 25%;*/
  /*width: 33.3333333333%;*/
  width: 50%;
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in .item03 {
    width: 100%;
  }
}
#section01photo_rega .section__in .item04 {
  /*width: 25%;*/
  width: 33.3333333333%;
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in .item04 {
    width: 100%;
  }
}
#section01photo_rega .section__in .item04b {
  width: 1000%;
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in .item04b {
    width: 100%;
  }
}
#section01photo_rega .section__in h2.title {
  width: 60%;
  max-width: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 90;
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in h2.title {
    width: 36%;
  }
}
#section01photo_rega .section__in h2.title2 {
  width: 60%;
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 90;
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in h2.title2 {
    top: 50%;
    width: 36%;
  }
}
#section01photo_rega .section__in h2.title_rega01 {
  width: 60%;
  max-width: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 90;
}
@media screen and (max-width:800px) {
  #section01photo_rega .section__in h2.title_rega01 {
    width: 36%;
    max-width: 800px;
  }
}

/********************************/
#section02a, #section02, #section03, #section04, #section04b {
  position: relative;
  z-index: 99;
  /*background-color: #fff;*/
  background-color: black;
  min-height: 500px;
  padding: 200px 0 0px 0;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width:800px) {
  #section02a, #section02, #section03, #section04, #section04b {
    padding: 100px 0 0px 0;
  }
}
#section02a .section__in, #section02 .section__in, #section03 .section__in, #section04 .section__in, #section04b .section__in {
  width: 100%;
  max-width: 855px;
  margin: 0 auto;
}
#section02a h2, #section02 h2, #section03 h2, #section04 h2, #section04b h2 {
  width: 225px;
  margin: 0 auto 40px auto;
}
@media screen and (max-width:800px) {
  #section02a h2, #section02 h2, #section03 h2, #section04 h2, #section04b h2 {
    width: 45%;
    margin: 0 auto 20px auto;
  }
}

#section04 {
  padding-bottom: 80px;
}
@media screen and (max-width:800px) {
  #section04 {
    padding-bottom: 40px;
  }
}

#section04b {
  padding-bottom: 80px;
}
@media screen and (max-width:800px) {
  #section04b {
    padding-bottom: 40px;
  }
}

/***********/
/****************************/
.thumbnail, .thumbnail2, .thumbnail3, .thumbnail_rega01 {
  width: 100%;
  margin-top: 45px;
}
@media screen and (max-width:800px) {
  .thumbnail, .thumbnail2, .thumbnail3, .thumbnail_rega01 {
    width: 94%;
    margin: 5vw auto 0 auto;
  }
}

.slick-img {
  position: relative;
}

.thumbnail .slick-track {
  transform: unset !important;
}

.thumbnail2 .slick-track {
  transform: unset !important;
}

.thumbnail3 .slick-track {
  transform: unset !important;
}

.thumbnail_rega01 .slick-track {
  transform: unset !important;
}

.thumbnail-img {
  width: 164px !important;
  position: relative;
  margin-right: 7px;
  margin-bottom: 9px;
  background-color: #000;
  /*
  &.last1,&.last3,&.last5,&.last7,&.last9,&.last2,&.last4,&.last6,&.last8,&.last10{

  	margin-right: 25px;
  	margin-top: 25px;
  	@media screen and (max-width:800px){
  		margin-right: 3%;
  		margin-top: 3vw;
  	}
  }
  &.last3,&.last6,&.last9{
  	@media screen and (max-width:800px){
  		margin-right: 0%;
  	}
  }


  &.last5{
  	margin-right: 0;
  	@media screen and (max-width:800px){
  		width: 31.3% !important;
  		margin-right: 3%;
  	}
  }
  &.last10{
  	margin-right: 0;
  	@media screen and (max-width:800px){
  		width: 31.3% !important;
  		margin-right: 3%;
  	}
  }
  */
}
.thumbnail-img img {
  opacity: 0.3;
  transition: opacity 0.3s linear;
}
@media screen and (max-width:800px) {
  .thumbnail-img {
    width: 31.3% !important;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 7px;
  }
}
.thumbnail-img:hover {
  cursor: pointer;
}
.thumbnail-img:hover > img {
  opacity: 0.8 !important;
}

.thumbnail .slick-current img {
  opacity: 1;
}

.thumbnail2 .slick-current img {
  opacity: 1;
}

.thumbnail3 .slick-current img {
  opacity: 1;
}

.thumbnail_rega01 .slick-current img {
  opacity: 1;
}

.prev2 {
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 10;
  transition: all 0.4s ease-out;
  transform: translate(0, -50%);
  width: 75px;
}
.prev2:hover {
  cursor: pointer;
  opacity: 0.7 !important;
}
@media screen and (max-width:800px) {
  .prev2 {
    width: 12.5vw !important;
    left: 0px;
  }
}

.next2 {
  position: absolute;
  top: 50%;
  right: 0px;
  z-index: 10;
  transition: all 0.4s ease-out;
  transform: translate(0, -50%);
  width: 75px;
}
.next2:hover {
  cursor: pointer;
  opacity: 0.7 !important;
}
@media screen and (max-width:800px) {
  .next2 {
    width: 12.5vw !important;
    right: 0px;
  }
}

.textbig {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 24px;
  color: #000;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.5), 0 0 4px rgba(255, 255, 255, 0.5), 0 0 4px rgba(255, 255, 255, 0.3);
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 100%;
}
.textbig.white {
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:800px) {
  .textbig {
    font-size: 3.6vw;
    bottom: 0.5em;
  }
}

.textsam {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.5), 0 0 4px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:800px) {
  .textsam {
    font-size: 2.6vw;
  }
}

.anime_a_time1_model {
  clip-path: inset(0% 0% 100% 0 round 0px);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) 0.01s;
}
@media screen and (max-width:800px) {
  .anime_a_time1_model {
    clip-path: inset(0% 100% 0% 0 round 0px);
    transition: clip-path 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.01s;
  }
}
.anime_a_time1_model.active {
  clip-path: inset(0% 0% 0% 0 round 0px);
}

.anime_a_time2_model {
  clip-path: inset(0% 0% 100% 0 round 0px);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
}
@media screen and (max-width:800px) {
  .anime_a_time2_model {
    clip-path: inset(0% 0% 0% 100% round 0px);
    transition: clip-path 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
  }
}
.anime_a_time2_model.active {
  clip-path: inset(0% 0% 0% 0 round 0px);
}

.anime_a_time3_model {
  clip-path: inset(0% 0% 100% 0 round 0px);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
}
@media screen and (max-width:800px) {
  .anime_a_time3_model {
    clip-path: inset(0% 100% 0% 0 round 0px);
    transition: clip-path 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.6s;
  }
}
.anime_a_time3_model.active {
  clip-path: inset(0% 0% 0% 0 round 0px);
}

.anime_a_time4_model {
  clip-path: inset(0% 0% 100% 0 round 0px);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) 0.9s;
}
@media screen and (max-width:800px) {
  .anime_a_time4_model {
    clip-path: inset(0% 100% 0% 0 round 0px);
    transition: clip-path 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.9s;
  }
}
.anime_a_time4_model.active {
  clip-path: inset(0% 0% 0% 0 round 0px);
}

.anime_a_time_rega01_model {
  clip-path: inset(0% 0% 100% 0 round 0px);
  transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) 0.01s;
}
@media screen and (max-width:800px) {
  .anime_a_time_rega01_model {
    clip-path: inset(0% 100% 0% 0 round 0px);
    transition: clip-path 0.6s cubic-bezier(0.65, 0, 0.35, 1) 0.01s;
  }
}
.anime_a_time_rega01_model.active {
  clip-path: inset(0% 0% 0% 0 round 0px);
}

.view360s_wide {
  width: 92%;
  max-width: 1120px;
  margin: 0 auto;
}
@media screen and (max-width:800px) {
  .view360s_wide {
    margin: 0 auto 0 3.6%;
  }
}
.view360s_wide .view360 {
  width: 100%;
  max-width: 1120px;
  height: 0;
  padding-top: 61.14%;
  position: relative;
  margin-top: 80px;
}
@media screen and (max-width:800px) {
  .view360s_wide .view360 {
    margin-top: 4vw;
    padding-top: 133%;
  }
}
.view360s_wide iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#attens_contents {
  /*background-color: #fff;*/
  background-color: black;
}
#attens_contents .section__in p {
  /*color: #000;*/
  color: white;
}

/*****************************/
#sectionitltes {
  width: 100%;
  /*background-color: #fff;*/
  background-color: black;
  color: white;
  padding-top: 2em;
  padding-bottom: 5px;
}
#sectionitltes .h2titles {
  text-align: center;
  margin-bottom: 1em;
  font-family: "EB Garamond", serif;
}

/****************************/
.botanbox_nav {
  width: 100%;
  max-width: 646px;
  margin: 90px auto 30px auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:800px) {
  .botanbox_nav {
    width: 90%;
    margin: 45px auto 30px auto;
  }
}
.botanbox_nav a {
  width: 48.5%;
  max-width: 313px;
}

#section02_botans {
  width: 100%;
  /*background-color: #fff;*/
  background-color: black;
  font-family: "Noto Serif JP", serif;
  padding: 100px 0;
}
@media screen and (max-width:800px) {
  #section02_botans {
    padding-bottom: 80px;
  }
}
#section02_botans .miplans {
  width: 90%;
  max-width: 880px;
  margin: 0px auto 0 auto;
  /*background : linear-gradient(0deg, rgba(147, 14, 20, 1) 0%, rgba(83, 0, 0, 1) 100%);*/
  padding: 25px 0;
  color: #fff;
  background: url("../images/modelroom/siryou_back.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}
@media screen and (max-width:800px) {
  #section02_botans .miplans {
    margin: 0px auto 0 auto;
  }
}
#section02_botans .miplans::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  border: 1px solid #fff;
}
#section02_botans .miplans .section__ins {
  width: 90%;
  margin: 0 auto;
}
#section02_botans .miplans h3 {
  text-align: center;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.35em;
}
@media screen and (max-width:800px) {
  #section02_botans .miplans h3 {
    font-size: 3.8vw;
    margin-bottom: 0.75em;
    padding-bottom: 0.75em;
  }
}
#section02_botans .miplans .base_text {
  text-align: center;
  line-height: 160%;
}
@media screen and (max-width:800px) {
  #section02_botans .miplans .base_text {
    font-size: 2.8vw;
  }
}
#section02_botans .miplans .botanwaku {
  width: 100%;
  max-width: 650px;
  margin: 20px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
#section02_botans .miplans .botanwaku a {
  display: block;
  width: 47.5%;
  text-align: center;
  padding: 0.6em 0 0.7em 0;
  /*color: #fff;
  background-color: #231815;*/
  color: white;
  background-color: #947748;
  letter-spacing: 0.1em;
}
#section02_botans .miplans .botanwaku a.raij {
  /*background-color: #004098;*/
  background-color: #752c39;
}
@media screen and (max-width:800px) {
  #section02_botans .miplans .botanwaku a {
    padding: 0.3em 0 0.4em 0;
    font-size: 3.6vw;
  }
}/*# sourceMappingURL=modelroom.css.map */