/*---------------------------------------------------------------
	base
---------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
  body > .width01 {
    width: 500%;
  }
  .temple-treasure .text-area02 {
    width: 10%;
    height: 80vh;
    display: flex;
    align-items: flex-end;
  }
  .photo-effect01 figure::before {
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: 0.3s;
  }
  .photo-effect01 figure p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #fff;
    z-index: 3;
    transition: 0.3s;
    font-family: "Noto Serif JP", serif;
  }
  .photo-effect01 figure:hover::before {
    opacity: 1;
  }
  .photo-effect01 figure:hover p {
    opacity: 1;
  }
  .temple-treasure #section1 .photo-area {
    width: 80%;
  }
  .temple-treasure #section1 .text-area02 {
    width: 20%;
    height: 100vh;
    background-color: #006d46;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .temple-treasure #section1 .text-area02 div {
    width: 100%;
  }
  .temple-treasure #section1 .text-area02 div h2 {
    font-size: 1.6rem;
    font-family: "Hina Mincho", serif;
    letter-spacing: 0.2rem;
    color: #fff;
    text-align: right;
    padding: 0 64px;
    margin-bottom: 64px;
  }
  .temple-treasure #section1 .photo-effect01 figure img {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%);
  }
  .temple-treasure #section1 .photo-effect01 .img100vh {
    -o-object-position: 64% 100%;
       object-position: 64% 100%;
  }
  .temple-treasure #section2 .photo-area {
    width: 90%;
    height: 80vh;
  }
  .temple-treasure #section2 .photo-area .photo-effect01 {
    width: 100%;
    display: flex;
    height: 80vh;
  }
  .temple-treasure #section2 .photo-area .photo-effect01 figure {
    position: relative;
  }
  .temple-treasure #section2 .photo-area .photo-effect01 figure img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100vh;
  }
  .temple-treasure #section2 .photo-area .photo-effect01:after {
    content: "";
    width: auto;
    display: block;
  }
  .temple-treasure #section3 .text-area02 {
    align-items: flex-start;
  }
  .temple-treasure #section3 .text-area02 h2.vertical {
    margin-left: 64px;
    margin-right: 0;
  }
  .temple-treasure #section3 .photo-area {
    width: 90%;
    height: 80vh;
  }
  .temple-treasure #section3 .photo-area .photo-effect01 {
    width: 100%;
    display: flex;
    height: 100%;
  }
  .temple-treasure #section3 .photo-area .photo-effect01 figure {
    position: relative;
  }
  .temple-treasure #section3 .photo-area .photo-effect01 figure img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 80vh;
  }
  .temple-treasure #section3 .photo-area .photo-effect01:after {
    content: "";
    width: auto;
    display: block;
  }
  .temple-treasure #section4 .text-area02 h2.vertical {
    margin-left: 64px;
    margin-right: 0;
  }
  .temple-treasure #section4 .photo-area {
    width: 90%;
    height: 80vh;
  }
  .temple-treasure #section4 .photo-area .photo-effect01 {
    width: 100%;
    height: 40vh;
    margin-top: 3px;
  }
  .temple-treasure #section4 .photo-area .photo-effect01 figure {
    position: relative;
  }
  .temple-treasure #section4 .photo-area .photo-effect01 figure img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 40vh;
  }
  .temple-treasure #section4 .photo-area .photo-effect01:after {
    content: "";
    width: auto;
    display: block;
  }
  .temple-treasure #section5 .photo-area {
    width: 90%;
    height: 80vh;
  }
  .temple-treasure #section5 .photo-area .photo-effect01 {
    width: 100%;
    display: flex;
    height: 40vh;
  }
  .temple-treasure #section5 .photo-area .photo-effect01 figure {
    position: relative;
  }
  .temple-treasure #section5 .photo-area .photo-effect01 figure img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 40vh;
  }
  .temple-treasure #section5 .photo-area .photo-effect01:after {
    content: "";
    width: auto;
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .photo-area .photo-effect01 figure {
    position: relative;
  }
  .photo-area .photo-effect01 figure p {
    position: absolute;
    bottom: 1vh;
    right: 5%;
    color: #fff;
    z-index: 3;
    transition: 0.3s;
    font-family: "Noto Serif JP", serif;
  }
  .photo-area .photo-effect01 figure p.bk {
    color: #000;
  }
  .temple-treasure #section1 .text-area02 {
    background-color: #006d46;
    padding: 10vw;
  }
  .temple-treasure #section1 .text-area02 div {
    width: 100%;
  }
  .temple-treasure #section1 .text-area02 div h2 {
    font-family: "Hina Mincho", serif;
    color: #fff;
    margin-top: 0;
  }
  .temple-treasure #section1 .photo-effect01 figure img {
    top: 20%;
    left: 50%;
  }
  .temple-treasure #section1 .photo-effect01 .img100vh {
    -o-object-position: 64% 100%;
       object-position: 64% 100%;
  }
  .temple-treasure #section2 .photo-area {
    margin-top: 10vw;
  }
  .temple-treasure #section2 .photo-area .photo-effect01 {
    width: 100%;
  }
  .temple-treasure #section2 .photo-area .photo-effect01 figure {
    position: relative;
  }
  .temple-treasure #section2 .photo-area .photo-effect01 figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .temple-treasure #section2 .photo-area .photo-effect01:after {
    content: "";
    width: auto;
    display: block;
  }
  .temple-treasure #section3 .section-flex {
    display: flex;
    flex-direction: column;
  }
  .temple-treasure #section3 .section-flex .text-area02 {
    align-items: flex-start;
  }
  .temple-treasure #section3 .section-flex .text-area02 h2.vertical {
    margin-bottom: 10vw;
  }
  .temple-treasure #section3 .section-flex .photo-area {
    order: 1;
  }
  .temple-treasure #section3 .section-flex .photo-area .photo-effect01 {
    width: 100%;
  }
  .temple-treasure #section3 .section-flex .photo-area .photo-effect01 figure {
    position: relative;
  }
  .temple-treasure #section3 .section-flex .photo-area .photo-effect01 figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .temple-treasure #section3 .section-flex .photo-area .photo-effect01:after {
    content: "";
    width: auto;
    display: block;
  }
  .temple-treasure #section4 .section-flex {
    display: flex;
    flex-direction: column;
  }
  .temple-treasure #section4 .section-flex .text-area02 {
    order: -1;
  }
  .temple-treasure #section4 .section-flex .text-area02 h2.vertical {
    margin-bottom: 10vw;
    margin-right: 0;
  }
  .temple-treasure #section4 .section-flex .photo-area .photo-effect01 {
    width: 100%;
  }
  .temple-treasure #section4 .section-flex .photo-area .photo-effect01 figure {
    position: relative;
  }
  .temple-treasure #section4 .section-flex .photo-area .photo-effect01 figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .temple-treasure #section4 .section-flex .photo-area .photo-effect01:after {
    content: "";
    width: auto;
    display: block;
  }
  .temple-treasure #section5 .text-area02 {
    margin-bottom: 10vw;
  }
  .temple-treasure #section5 .photo-area .photo-effect01 {
    width: 100%;
  }
  .temple-treasure #section5 .photo-area .photo-effect01 figure {
    position: relative;
  }
  .temple-treasure #section5 .photo-area .photo-effect01 figure img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .temple-treasure #section5 .photo-area .photo-effect01:after {
    content: "";
    width: auto;
    display: block;
  }
}/*# sourceMappingURL=temple-treasure.css.map */