@font-face {
  	font-family: 'gara';
  	src: url(../fonts/gara.otf) format('opentype');
  }
  @font-face {
  	font-family: 'a1';
  	src: url(../fonts/a1.otf) format('opentype');
  }
  @font-face {
  	font-family: 'din';
  	src: url(../fonts/din-next-lt-pro-light-condensed.otf) format('opentype');
  }
  @font-face {
  	font-family: 'Quentin';
  	src: url(../fonts/Quentin.otf) format('opentype');
  }
  @font-face {
  	font-family: 'DIN';
  	src: url(../fonts/DIN_Condensed_Bold.ttf) format('truetype');
  }
  @font-face {
  	font-family: 'optima';
  	src: url(../fonts/optima.ttf) format('truetype');
  }
  @font-face {
  	font-family: 'Hiragino';
  	src: url(../fonts/Hiragino.otf) format('opentype');
  }
  #top{
  	font-family: 'gara','a1', serif;
  }
  .gara{
  	font-family: 'gara', serif;
  }
  .a1{
  	font-family: 'a1', serif;
  }
  .Quentin{
  	font-family: 'Quentin', serif;
  }
  .din{
  	font-family: 'din', sans-serif;
  }
  .DIN{
  	font-family: 'DIN', sans-serif;
  }
  .optima{
  	font-family: 'optima', sans-serif;
  }
  .Hiragino{
  	font-family: 'Hiragino', serif;
  }

 /* 前データ */
  :root {
  --blue: #1e90ff;
  --white: #ffffff;
  --primary: #0B2C3D;
  --primary-haft-oc: rgba(52, 235, 125, 0.5);
  --footer: rgba(47, 218, 115, 0.664);
  --primary-lighter: rgba(52, 235, 125, 0.335);
  --secondary: #1C6BB4;
  --gray: rgba(233, 233, 233, 0.856);
  --yellow-green: #dee24b;
  --dark-blue: #404d61;
  --top-btn: rgba(52, 235, 125, 0.6);
  --black-btn: rgb(0, 0, 0, 0.6);
  --black-hover-btn: rgb(0, 0, 0, 0.8);
  --primary-font: "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", "MS PMincho", serif;
  --secondary-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.mt3 { margin-top: 1em; }
@media (min-width: 768px) {
  .mt3 { margin-top: 3em; }
}

.city-text, .parco-text--h1, .parco-text--h2, .parco-text--h3, .parco-text--h4, .room-text--h1, .container-text-parco, .room-text, .container-text-room, .room-text--h1, .room-text, .access-text--h1, .access-text, .btn-maki, .equipment-text--h1, .equipment-text, .container-slogan, .container-text-access, .container-google-map-text, .container-clap, .sm-logo--container {
  font-family: var(--primary-font);
  font-weight: bold;
}

.news__date, .news__title {
  font-weight: 500;
}

.oc-logo {
  width: 100%;
}


.web-oc {
  text-decoration: none;
  color: black !important;
}


.container-background-news {
  background-color: #CBE4F4;
}

.container-news {
  padding: 45px 20px 85px;
  max-width: 1000px;
  margin: 0 auto;
  font-family: var(--secondary-font);
  font-size: 18px;
}

.news-title {
  font-family: var(--primary-font);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
}

.news-list-container {
  padding: 68px 0 72px;
  max-width: 1000px;
  margin: 0 auto;
}

.news-list-container div.col-12 {
  padding-left: 10px;
  padding-right: 0;
}

.news-list-container div.col-12:nth-child(3n + 2) {
  padding-left: 10px;
  padding-right: 10px;
}

.news-list-container div.col-12:nth-child(3n + 1) {
  padding-left: 0;
  padding-right: 10px;
}

.news-list-container div.col-12 a {
  color: #212529;
  text-decoration: none;
}

.news-list-container div.col-12 img {
  width: 100%;
}

.news-button {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .news-button {
    padding-top: 20px;
  }
  .news__date {
    font-family: var(--secondary-font);
    padding-top: 5px;
    font-size: 16px;
  }
  .news__title {
    font-family: var(--secondary-font);
    padding-bottom: 30px;
    font-size: 14px;
  }
  .news-list-container {
    padding-bottom: 0px;
  }
  .news-list-container div.col-12, .news-list-container div.col-12:nth-child(3n + 1), .news-list-container div.col-12:nth-child(3n + 2) {
    padding-left: 40px;
    padding-right: 40px;
  }
}



/* .news_mdl{
  width: 90%;
  height: 70vh;
  max-width: 1000px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  overflow: scroll;
  opacity: 0;
  z-index: -10;
  transition: 1s;
}
.news_mdl.show{
  opacity: 1;
  z-index: 100;
}
.news_mdl .cls{
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px;
}
.news_mdl .cls::before{
  position: relative;
}
.news_mdl .cls span{
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
}
.news_mdl .cls span:nth-last-of-type(1){
  transform: translate(-50%,-50%) rotate(45deg);
}
.news_mdl .cls span:nth-last-of-type(2){
  transform: translate(-50%,-50%) rotate(-45deg);
} */
 /* 前データ */

 @charset "UTF-8";
 /* #top .news_mdl_btn{
   width: 100%;
   max-width: 200px;
   margin: 0 auto;
   background: #2d57a2;
 }
 #top .news_mdl_btn p{
   color: #fff !important;
   font-size: 16px;
   padding: 10px 0;
   text-align: center;
 } */

 #top .container-news .row{
   display: block;
 }
 #top .container-news .col-12{
   width: 100%;
   padding: 0 0 10px !important;
 }
 #top .container-news .col-12 a{
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 #top .container-news .col-12 a .news__date{
   width: 15%;
 }
 #top .container-news .col-12 a .news__title{
   width: 85%;
 }
 #top .container-news .col-12 img{
   display: none;
 }
 @media screen and (max-width: 768px) {
   #top .container-news .col-12{
     width: 100%;
     padding: 0 0 10px !important;
   }
   #top .container-news .col-12 a .news__date{
     width: 25%;
     padding: 0;
   }
   #top .container-news .col-12 a .news__title{
     width: 75%;
     padding: 0;
   }
 }


 #top p{
   margin-bottom: 0px;
 }
 #top img{
   /* width: 100%; */
 }
 #top .main_mv {
   width: 100%;
   height: 100%;
   background: #000;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9000;
 }
 #top .main_mv::before {
   position: relative;
 }
 #top .main_mv .mv {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   min-width: 100%;
   min-height: 100%;
 }
 #top .main_mv .mvsp {
   width: 100%;
   min-width: auto;
   min-height: auto;
 }
 #top .main_mv .skipbtn {
   width: 100px;
   position: absolute;
   bottom: 10px;
   left: 10px;
   z-index: 10;
   border: solid 1px #fff;
   text-align: center;
   padding: 3px 0 1px;
   background: rgba(255, 255, 255, 0.5);
   cursor: pointer;
 }
 #top .main_mv .skipbtn .skip {
   font-size: 15px;
   color: #fff;
   border-radius: 25px;
 }
 #top .main_mv.noshow {
   opacity: 0;
   z-index: -100;
   transition: 0.5s;
 }
 #top section {
   width: 100%;
 }
 #top section .note_sec {
   position: absolute;
   bottom: 5px;
   right: 5px;
   font-size: 10px;
   letter-spacing: 0.1em;
   color: #fff;
 }
 #top section .scrollbox {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, -10%);
   display: flex;
   flex-direction: column;
   align-items: center;
   z-index: 200;
 }
 #top section .scrollbox .line01 {
   width: 1px;
   height: 35px;
   background: #000;
   position: relative;
 }
 #top section .scrollbox .p_scroll {
   font-size: 16px;
   color: #000;
 }
 #top section .scr_whi .line01 {
   background: #fff;
   filter: drop-shadow(1px 1px 5px #000);
 }
 #top section .scr_whi .p_scroll {
   color: #fff;
   filter: drop-shadow(1px 1px 3px #000);
 }
 #top section.fp-completely .scrollbox .line01 {
   animation: scroll01 ease-out 2s infinite;
 }
 @keyframes scroll01 {
   0% {
     transform: scale(1, 0);
     transform-origin: 0 0;
   }
   35% {
     transform: scale(1, 1);
     transform-origin: 0 0;
   }
   35.1% {
     transform: scale(1, 1);
     transform-origin: 0 100%;
   }
   70%, 100% {
     transform: scale(1, 0);
     transform-origin: 0 100%;
   }
 }
 #top .section1 {
   background-image: url(../img/top/main.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
 #top .section1 .ttl_area {
   width: 40%;
   min-width: 250px;
   position: absolute;
   top: 10%;
   left: 50%;
   transform: translate(-50%, 0%);
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 #top .section1 .ttl_area .logo_main {
   width: clamp(100px,8vw,180px);
   /* width: 40%; */
   /* max-width: 180px; */
   margin: 0px auto 0px;
   opacity: 0;
 }
 #top .section1 .ttl_area .p001 {
   font-size: clamp(10px,2.5vw,30px);
   /* font-size: 30px; */
   writing-mode: vertical-rl;
   color: #fff;
   text-shadow: 2px 2px 4px #333;
   opacity: 0;
 }
 #top .section1 .note_sec {
   color: #fff;
 }
 #top .section1.show .ttl_area .logo_main {
   animation: mainimg ease-out 1.5s forwards;
 }
 #top .section1.show .ttl_area .p001 {
   animation: mainp ease-out 1.5s forwards;
 }
 @keyframes mainimg {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @keyframes mainp {
   0% {
     letter-spacing: 0em;
     opacity: 0;
   }
   100% {
     opacity: 1;
     letter-spacing: 0.2em;
   }
 }
 @keyframes mainp02 {
   0% {
     letter-spacing: 0em;
     opacity: 0;
   }
   100% {
     opacity: 1;
     letter-spacing: 0.3em;
   }
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .section1 .ttl_area .logo_main {
     margin-top: 0px;
     /* margin-top: 10px; */
   }
   #top .section1 .ttl_area .p001 {
     font-size: clamp(10px,6vw,30px);
   }
   #top .section1 .ttl_area .p002 {
     font-size: clamp(10px,4vw,18px);
   }
 }
 #top .section1 .add01_box{
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translate(-50%,0);
   width: 95%;
   max-width: 1000px;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 #top .section1 .add01_box .img_add01_tex{
   width: clamp(100px,23vw,450px);
   margin: 10px auto;
 }
 #top .section1 .add01_box .flbox{
   display: flex;
   align-items: center;
   justify-content: center;
 }
 #top .section1 .add01_box .flbox{
   /* width: 90%;
   margin: 0 auto; */
   color: #fff;
 }
 #top .section1 .add01_box .flbox .line01{
   width: 60px;
   height: 1px;
   background: #fff;
   margin-right: 20px;
 }
 #top .section1 .add01_box .flbox .line01_R{
   margin-right: 0px;
   margin-left: 20px;
 }
 #top .section1 .add01_box .flbox .ad1_te01{
   font-size: clamp(10px,3vw,60px);
   margin-right: 10px;
 }
 #top .section1 .add01_box .flbox .ad1_te02{
   font-size: clamp(10px,2vw,25px);
   margin-left: 10px;
 }
 #top .section1 .add01_box .flbox .ad1_te02 p:nth-of-type(2){
   font-size: 13px;
 }
  @media screen and (max-width: 768px) {
    #top .section1 .add01_box{
      max-width: 400px;
      bottom: 15px;
    }
    #top .section1 .add01_box .img_add01_tex{
      width: 70%;
      /* width: 80%; */
      max-width: 450px;
      margin: 0 auto;
    }
    #top .section1 .add01_box .flbox{
      flex-direction: column;
      justify-content: center;
    }
    #top .section1 .add01_box .flbox{
    }
    #top .section1 .add01_box .flbox .ad1_te01{
      font-size: clamp(10px,7vw,60px);
      margin-right: 0px;
      position: relative;
      padding: 0 10px;
      box-sizing: border-box;
    }
    #top .section1 .add01_box .flbox .ad1_te01::before{
      position: absolute;
      content: "";
      top: 50%;
      left: 0;
      transform: translate(-100%,-50%);
      width: 50px;
      height: 1px;
      background: #fff;
    }
    #top .section1 .add01_box .flbox .ad1_te01::after{
      position: absolute;
      content: "";
      top: 50%;
      right: 0;
      transform: translate(100%,-50%);
      width: 50px;
      height: 1px;
      background: #fff;
    }
    #top .section1 .add01_box .flbox .ad1_te02{
      font-size: clamp(10px,5vw,25px);
    }
    #top .section1 .add01_box .flbox .ad1_te02 p:nth-of-type(2){
      font-size: 11px;
    }
  }

 #top .w1000 {
   width: 95%;
   max-width: 1000px;
   margin: 0 auto;
 }
 #top .flexbox {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 100%;
 }
 @media screen and (max-width: 768px) {
   #top section .scrollbox {
     transform: translate(-50%, -5%);
   }
   #top section .scrollbox .line01 {
     height: 20px;
   }
   #top section .scrollbox .p_scroll {
     font-size: 13px;
   }
 }
 #top .flex02 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   width: 100%;
   max-width: 600px;
   margin: 20px auto 10px;
 }
 #top .flex02 .btn {
   width: calc(90%/2);
   padding: 10px 0 5px;
   box-sizing: border-box;
   background: linear-gradient(90deg, #CDB89A 0%, #91723F 100%);
   background-size: 150% 100%;
   text-align: center;
   color: #fff;
   font-size: 18px;
   transition: 0.5s;
   box-sizing: border-box;
   animation: AnimationName 5s ease infinite;
   position: relative;
 }
 #top .flex02 .btn:hover {
   background: rgba(0, 0, 0, 0.3);
   backdrop-filter: blur(3px);
 }
 #top .flex02 .btn::before, #top .flex02 .btn::after,
 #top .flex02 .btn span::before,
 #top .flex02 .btn span::after {
   content: "";
   display: block;
   position: absolute;
   background-color: #fff;
 }
 #top .flex02 .btn::before {
   right: 0;
   top: 0;
   height: 1.5px;
   width: 0%;
   transition: width 300ms;
 }
 #top .flex02 .btn::after {
   right: 0;
   top: 0;
   height: 0%;
   width: 1.5px;
   transition: height 300ms;
 }
 #top .flex02 .btn span::before {
   left: 0;
   bottom: 0;
   height: 1.5px;
   width: 0%;
   transition: width 300ms;
 }
 #top .flex02 .btn span::after {
   left: 0;
   bottom: 0;
   height: 0%;
   width: 1.5px;
   transition: height 300ms;
 }
 #top .flex02 .btn:hover::before {
   width: 100%;
 }
 #top .flex02 .btn:hover::after {
   height: 100%;
 }
 #top .flex02 .btn:hover span::before {
   width: 100%;
 }
 #top .flex02 .btn:hover span::after {
   height: 100%;
 }
 #top .flex02 .btn a {
   cursor: pointer;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 5;
 }
 #top .flex02 .btn p {
   color: #fff;
 }
 #top .flex02 .btn p:nth-of-type(1) {
   font-size: 13px;
 }
 #top .flex02 .resbtn {
   background: linear-gradient(90deg, #aaa 0%, #534741 50%, #aaa 100%);
 }
 @keyframes AnimationName {
   0% {
     background-position: 0% 50%;
   }
   50% {
     background-position: 100% 50%;
   }
   100% {
     background-position: 0% 50%;
   }
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .flex02 {
     width: 90%;
     margin: 8px auto 10px;
   }
   #top .flex02 .btn {
     width: calc(98%/2);
     font-size: clamp(10px,4vw,18px);
   }
 }
 #top .section2 {
   position: relative;
   background-image: url(../img/top/C01_back.png);
 }
 #top .section2::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   max-width: 1000px;
   height: 100%;
   background: rgba(0, 0, 0, 0);
   /* backdrop-filter: blur(2px); */
   z-index: 0;
 }
 #top .section2 p {
   color: #000;
 }
  #top .section2 .note_sec{
    color: #fff;
    z-index: 30;
  }
 #top .section2 .c01back_img {
   width: 50%;
   max-width: 500px;
   position: absolute;
   bottom: -1px;
   left: -2px;
   transform: translate(0%, 0%);
 }
 #top .section2 .w1000_no {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   position: relative;
   z-index: 2;
 }
 #top .section2 .add01_box2 {
   width: 100%;
   background: #000;
   padding: 10px 0;
   box-sizing: border-box;
 }
 #top .section2 .add01_box2 .w1000{
   width: 90%;
   max-width: 700px;
   /* max-width: 900px; */
 }
 #top .section2 .add01_box2 .w1000 img{
   width: 100%;
 }
 #top .section2 .flexbox {
   max-width: 900px;
   margin: 100px auto 50px;
 }
 #top .section2 .inmerit {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 #top .section2 .p1box {
   overflow: hidden;
 }
 #top .section2 .p1 {
   font-family: "optima", serif;
   font-size: 30px;
   margin-bottom: 10px;
   color: #B28059;
   transform: translateY(100px);
 }
 #top .section2 .p2box {
   overflow: hidden;
   margin-top: 5px;
 }
 #top .section2 .p2box .fs10 {
   font-size: 10px;
 }
 #top .section2 .p2 {
   text-align: center;
   font-size: 18px;
   transform: translateY(100px);
 }
 #top .section2 .p_fs4 {
   color: #B28059;
   padding: 5px 0;
   font-size: 23px;
 }
  #top .section2 sup{
    position: static;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    line-height: 1;
  }
 #top .section2 .p3 {
   font-size: 13px;
 }
 #top .section2 .p_num {
   font-size: 40px;
   color: #B28059;
 }
 #top .section2 .p4 {
   font-family: "optima", serif;
   font-size: 25px;
 }
 #top .section2 .p5 {
   font-size: 25px;
 }
 #top .section2 .info {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: 30px auto;
 }
 #top .section2 .info p {
   color: #fff;
 }
 #top .section2 .news {
   position: relative;
   margin-top: 0;
 }
 #top .section2 .news .p4 {
   color: #fff;
 }
 #top .section2 .news .infobox {
   margin: 15px auto;
 }
 #top .section2 .news .infobox ul li {
   width: 100%;
   display: flex;
   align-items: center;
   padding: 5px 10px;
   border-bottom: dashed 1px #958275;
   margin-top: 10px;
 }
 #top .section2 .news .infobox ul li:first-of-type {
   margin-top: 0;
 }
 #top .section2 .news .infobox ul li p {
   font-size: 16px;
   text-shadow: 1px 1px 3px #333;
 }
 #top .section2 .news .infobox ul li p.day {
   margin-right: 15px;
 }
 #top .section2.fp-completely {
   /* --- テキスト --- */
 }
 #top .section2.fp-completely path {
   animation: handwriting 3s -1.5s ease-in forwards;
   /* 6,名前 時間 タイミング 終了後の状態 */
 }
 #top .section2.fp-completely .inmerit .p1 {
   animation: feadin01 ease-out 1.5s -0.5s forwards;
 }
 #top .section2.fp-completely .inmerit .p2box .p2 {
   animation: feadin01 ease-out 1.5s -0.5s forwards;
 }
 @keyframes opa01 {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @keyframes feadin01 {
   0% {
     transform: translateY(100px);
   }
   100% {
     transform: translateY(0);
   }
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .section2 {
     background-image: url(../img/top/C01_back_sp.jpg);
   }
   #top .section2 .c01back_img {
     width: 100%;
   }
   #top .section2 .w1000_no {
     width: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }
   #top .section2 .add01_box2 {
     /* width: 100%; */
     /* background: #000; */
     /* padding: 5px 0; */
     /* box-sizing: border-box; */
   }
   #top .section2 .add01_box2 .w1000{
     width: 95%;
     /* width: 60%; */
     /* max-width: 900px; */
   }
   #top .section2 .flexbox {
     margin: 0px auto 0px;
     justify-content: space-around;
   }
      #top .section2 .inmerit{
        width: 50%;
      }
   #top .section2 .inmerit:nth-of-type(3), #top .section2 .inmerit:nth-of-type(4) {
     margin-top: 3px;
     /* margin-top: 10px; */
   }
   #top .section2 .p1 {
     margin-bottom: 0;
     font-size: clamp(15px,7vw,40px);
   }
   #top .section2 .p2box {
     margin-top: 0;
   }
   #top .section2 .p2 {
     font-size: clamp(10px,3.5vw,18px);
   }
   #top .section2 .p_fs4 {
     font-size: clamp(10px,4.5vw,23px);
   }
   #top .section2 .p3 {
     font-size: clamp(10px,3vw,13px);
   }
   #top .section2 .p_num {
     font-size: clamp(15px,8vw,40px);
   }
   #top .section2 .p4 {
     font-size: clamp(10px,5vw,25px);
   }
   #top .section2 .p5 {
     font-size: clamp(10px,5vw,25px);
   }
   #top .section2 .info {
     margin: 10px auto 0px;
     /* margin: 20px auto 0px; */
   }
   #top .section2 .info p {
     text-shadow: 1px 1px 3px #333;
   }
   #top .section2 .news .infobox {
     margin: 0px auto;
     /* margin: 10px auto; */
   }
   #top .section2 .news .infobox ul li p {
     font-size: clamp(10px,3vw,16px);
   }
 }
 #top .section00 {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }
 #top .section00 p {
   color: #fff;
 }
 #top .section00 .p6 {
   font-size: clamp(10px,1vw,15px);
   text-align: center;
   padding-top: 10px;
 }
 #top .section00 .p6 .p9 {
   letter-spacing: 0;
   font-size: clamp(10px,1.8vw,25px);
   padding: 0 8px;
 }
 #top .section00 .p6 .p10 {
   font-size: clamp(10px,.8vw,15px);
 }
 #top .section00 .imgbox {
   position: relative;
 }
 #top .section00 .imgbox .imgnote {
   position: absolute;
   bottom: 3px;
   right: 3px;
   font-size: 10px;
 }
 #top .section00 .col_bl {
   color: #000;
 }
 #top .section00 .linkarea {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 20px auto;
   width: 70%;
   position: relative;
 }
 #top .section00 .linkarea a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
 }
 #top .section00 .linkarea .p_link {
   font-family: "Quentin", serif;
   letter-spacing: 0;
   font-size: 28px;
 }
 #top .section00 .linkarea .arrow {
   width: 120px;
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .section00 .p6 {
     font-size: clamp(10px,3.5vw,16px);
   }
   #top .section00 .p6 .p9 {
     font-size: clamp(10px,5vw,30px);
   }
 }
 #top .morebox {
   position: relative;
   border: solid 1px #000;
   padding: 3px 2px;
   text-align: center;
   /* backdrop-filter: blur(3px); */
   background-color:rgba(255, 255, 255, 0.4)
 }
 #top .morebox a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 5;
   cursor: pointer;
 }
 #top .morebox .p_more {
   font-size: 13px;
   color: #000;
   line-height: 1.5em;
   letter-spacing: 0.15em;
   font-family: "optima", serif;
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .morebox .p_more {
     font-size: clamp(10px,2vw,13px);
     line-height: 1em;
     letter-spacing: 0.1em;
   }
 }
 #top .section3 {
   background-image: url(../img/top/C02_back.jpg);
   position: relative;
 }
 #top .section3 .sec3_in {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 1;
   width: 100%;
   display: flex;
   align-items: center;
   flex-direction: column;
 }
 #top .section3 .sec3_in p {
   color: #fff;
 }
 #top .section3 .sec3_in .p0002 {
   opacity: 0;
 }
 #top .section3 .sec3_in .p0003 {
   text-align: center;
   text-shadow: 2px 2px 4px #333;
   font-size: 16px;
   line-height: 2em;
   opacity: 0;
 }
 #top .section3.fp-completely .p0002 {
   animation: mainp ease-out 1.5s forwards;
 }
 #top .section3.fp-completely .p0003 {
   animation: opa01 ease 2s forwards;
 }
 #top .p0001 {
   font-family: "optima", serif;
   font-size: 13px;
   color: #B28059;
 }
 #top .p0002 {
   font-size: 28px;
   -ms-writing-mode: tb-rl;
   writing-mode: vertical-rl;
   margin: 30px auto 20px;
   text-shadow: 2px 2px 4px #333;
   padding-right: 0.4em;
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .section3 {
     background-image: url(../img/top/C02_back_sp.jpg);
   }
  #top .section3 .sec3_in{
    height: auto;
  }

   #top .section3 .sec3_in .p0003 {
     font-size: clamp(10px,3vw,16px);
   }
   #top .p0001 {
     font-size: clamp(10px,3vw,13px);
   }
   #top .p0002 {
     font-size: clamp(10px,5vw,28px);
     margin: 20px auto 10px;
     white-space: nowrap;
   }
   #top .section3 .sec3_in .p0002 {
     margin: 5px auto 3px;
   }
 }
 #top .more {
   width: 50%;
   max-width: 120px;
   margin-top: 10px;
   position: relative;
   transform: scale(1);
   transition: 0.5s;
 }
 #top .more a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
   z-index: 5;
 }
 #top .more:hover {
   transform: scale(1.2);
 }
 @keyframes feadin03 {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @keyframes feadin02 {
   0% {
     opacity: 0;
     transform: translateY(60px);
   }
   100% {
     opacity: 1;
     transform: translateY(0);
   }
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .sec3_in {
     height: 70vh;
   }
   #top .sec3_in .sec3_texarea {
     width: 80%;
   }
   #top .sec3_in .sec3_texarea .p01 {
     font-size: clamp(10px,9vw,40px);
   }
   #top .sec3_in .sec3_texarea .p02 {
     font-size: clamp(10px,5vw,20px);
     letter-spacing: 0.3em;
   }
   #top .sec3_in .sec3_texarea .p03 {
     font-size: clamp(10px,2.5vw,16px);
     margin-top: 10px;
   }
 }
 #top .section4 {
   background-image: url(../img/top/C03_back.jpg);
   position: relative;
 }
 #top .section4 img{
   width: 100%;
 }
 #top .section4 .note_sec {
   color: #000;
 }
 #top .section4.fp-completely .in_sec4cont {
   animation: fadeinY ease-out 1s forwards;
 }
 #top .section4.fp-completely .in_sec4cont:nth-of-type(2) {
   animation-delay: 0.3s;
 }
 #top .section4.fp-completely .in_sec4cont:nth-of-type(3) {
   animation-delay: 0.6s;
 }
 @keyframes fadeinY {
   0% {
     opacity: 0;
     transform: translateY(50px);
   }
   100% {
     opacity: 1;
     transform: translateY(0px);
   }
 }
 #top .section4 .sec4_in {
   width: 90%;
   max-width: 900px;
   margin: 70px auto 0;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
 }
 #top .section4 .sec4_in .text_sec4 .p0001 {
   font-family: "optima", serif;
   color: #B28059;
 }
 #top .section4 .sec4_in .text_sec4 .p0002 {
   text-shadow: none;
   color: #000;
   font-size: 22px;
 }
 #top .section4 .sec4_in .flex_sec4 {
   width: 80%;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
 }
 #top .section4 .sec4_in .flex_sec4 .in_sec4cont {
   width: calc(95%/3);
   opacity: 0;
   transform: translateY(50px);
 }
 #top .section4 .sec4_in .flex_sec4 .in_sec4cont .imgbox_sec4 {
   position: relative;
 }
 #top .section4 .sec4_in .flex_sec4 .in_sec4cont .imgbox_sec4 .imgnote {
   position: absolute;
   bottom: 2px;
   right: 2px;
   color: #fff;
   font-size: 10px;
   text-align: right;
 }
 #top .section4 .sec4_in .flex_sec4 .in_sec4cont .texbox_sec4 {
   text-align: center;
 }
 #top .section4 .sec4_in .flex_sec4 .in_sec4cont .texbox_sec4 .p0004 {
   color: #B28059;
   font-size: 16px;
   margin: 10px auto;
 }
 #top .section4 .sec4_in .flex_sec4 .in_sec4cont .texbox_sec4 .p0005 {
   color: #000;
   font-size: 12px;
   text-shadow: 1px 1px 1px #fff,1px 1px 1px #fff,1px 1px 1px #fff;
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .section4 {
     /* background-image: url(../img/top/C03_back_sp.jpg); */
     background-position: 36%;
   }
  #top .section4 .sec4_in{
    /* margin: 50px auto 0; */
    margin: auto;
    height: calc(100vh - 110px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    align-items: center;
  }
    /* #top .section4 .sec4_in::before{
      position: relative;
    }
    #top .section4 .sec4_in::after{
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.1);
      backdrop-filter:blur(1px);
      z-index: -1;
    } */
   #top .section4 .sec4_in .text_sec4{
     /* align-self: flex-start; */
     /* background: rgba(#fff,.5); */
   }
   #top .section4 .sec4_in .text_sec4 .p0001 {
     text-align: center;
   }
   #top .section4 .sec4_in .text_sec4 .p0002 {
     font-size: clamp(10px,4vw,22px);
   }
   #top .section4 .sec4_in .flex_sec4 {
     width: 60%;
     display: block;
     /* flex-direction: column; */
   }
   #top .section4 .sec4_in .flex_sec4 .in_sec4cont {
     width: 100%;
     display: flex;
     justify-content: space-between;
     /* flex-direction: row-reverse; */
     flex-direction: column;
   }
   #top .section4 .sec4_in .flex_sec4 .in_sec4cont .imgbox_sec4 {
     /* width: calc(95%/2); */
     width: 100%;
   }
   #top .section4 .sec4_in .flex_sec4 .in_sec4cont .imgbox_sec4 .imgnote {
     text-align: right;
     text-shadow: 1px 1px 3px #000;
   }
   #top .section4 .sec4_in .flex_sec4 .in_sec4cont .texbox_sec4 {
     /* width: calc(95%/2); */
     width: 100%;
     text-align: left;
   }
   #top .section4 .sec4_in .flex_sec4 .in_sec4cont .texbox_sec4 .p0004 {
     font-size: clamp(10px,3.5vw,16px);
   }
   #top .section4 .sec4_in .flex_sec4 .in_sec4cont .texbox_sec4 .p0005 {
     font-size: clamp(10px,2vw,12px);
     letter-spacing: 0;
   }
   #top .section4 .sec4_in .flex_sec4 .in_sec4cont:nth-of-type(2) {
     /* flex-direction: row; */
     /* margin: 10px auto; */
   }
 }
 #top .section6 {
   background-image: url(../img/top/C06_back.jpg);
 }
 #top .section6.fp-completely .sec6_in .text_sec6 {
   animation: opa01 ease 2s forwards;
 }
 #top .section6.fp-completely .sec6_in .text02_sec6 {
   animation: opa01 ease 2s forwards;
   animation-delay: 0.5s;
 }
 #top .section6.fp-completely .sec6_in .text02_sec6 ol{
   padding-left: 0px;
 }
 #top .section6 .sec6_in {
   width: 90%;
   max-width: 1000px;
   margin: 70px auto 0;
   display: flex;
 }
 #top .section6 .sec6_in .text_sec6 {
   opacity: 0;
 }
 #top .section6 .sec6_in .text_sec6 .p0001 {
   color: #b28059;
 }
 #top .section6 .sec6_in .text_sec6 .p0002 {
   color: #000;
   text-shadow: none;
 }
 #top .section6 .sec6_in .text02_sec6 {
   opacity: 0;
   margin-left: 80px;
   margin-top: 80px;
 }
 #top .section6 .sec6_in .text02_sec6 ol {
   list-style-type: decimal;
 }
 #top .section6 .sec6_in .text02_sec6 ol li {
   line-height: 1.5em;
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
   #top .section6 {
     background-image: url(../img/top/C06_back_sp.jpg);
   }
   #top .section6 .sec6_in .text_sec6 .p0001 {
     white-space: nowrap;
   }
   #top .section6 .sec6_in .text_sec6 .p0002 {
     font-size: clamp(10px,5vw,23px);
   }
   #top .section6 .sec6_in .text02_sec6 {
     margin-left: 30px;
   }
   #top .section6 .sec6_in .text02_sec6 ol li {
     font-size: clamp(10px,3.5vw,18px);
   }
 }

 #top .section5 .in_sec5 {
   width: 100%;
   height: 100vh;
   display: flex;
   position: relative;
 }
 #top .section5 .in_sec5 .section5_in {
   width: 50%;
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
 }
 #top .section5 .in_sec5 .section5_in::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: 1s;
   background: rgba(0, 0, 0, 0.3);
 }
 #top .section5 .in_sec5 .section5_in:hover::before {
   background: rgba(0, 0, 0, 0);
 }
 #top .section5 .in_sec5 .section5_in a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 5;
   cursor: pointer;
 }
 #top .section5 .in_sec5 .section5_in .morebox {
   margin-top: 20px;
   border: solid 1px #fff;
   padding: 3px 5px;
 }
 #top .section5 .in_sec5 .section5_in .morebox .p_more {
   font-family: "optima", serif;
   color: #fff;
 }
 #top .section5 .in_sec5 .section5_in .texbox_sec05 {
   width: 50%;
   max-width: 270px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: flex;
   flex-direction: column;
   align-items: center;
   text-shadow: 3px 3px 5px rgba(51, 51, 51, 0.8);
   opacity: 0;
 }
 #top .section5 .in_sec5 .section5_in .texbox_sec05 .p11 {
   font-size: 40px;
   letter-spacing: 0;
   font-family: "optima", serif;
   text-align: right;
 }
 #top .section5 .in_sec5 .section5_in .texbox_sec05 .more .moreimg {
   filter: drop-shadow(1px 1px 5px rgba(51, 51, 51, 0.8));
 }
 #top .section5 .in_sec5 .section5_01 {
   background-image: url(../img/top/C04_back.jpg);
 }
 #top .section5 .in_sec5 .section5_01 .note_sec {
   left: 5px;
   right: auto;
 }
 #top .section5 .in_sec5 .section5_02 {
   background-image: url(../img/top/C05_back.jpg);
 }
 #top .section5.fp-completely .in_sec5 .section5_in .texbox_sec05 {
   animation: opa01 ease 2s forwards;
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }

   #top .section5 .in_sec5 {
     flex-wrap: wrap;
   }
   #top .section5 .in_sec5 .section5_in {
     width: 100%;
     height: 50%;
   }
   #top .section5 .in_sec5 .section5_in .texbox_sec05 {
     width: 80%;
   }
   #top .section5 .in_sec5 .section5_in .texbox_sec05 .p11 {
     font-size: clamp(10px,9vw,40px);
   }
   #top .section5 .in_sec5 .section5_01 .note_sec {
     left: auto;
     right: 5px;
   }
    #top .section5 .in_sec5 .section5_02 .note_sec{
      text-align: right;
    }
 }
 #top .footarea {
   width: 100%;
 }
 #top .footarea p {
   color: #000;
 }
  #top .footarea .kaki{
    color: red;
  }
 #top .footarea .note {
   width: 95%;
   max-width: 1000px;
   font-size: 10px;
   margin: 20px auto;
 }
 #top .footarea .flex02 {
   margin: 100px auto;
 }
 #top .footarea .bnrarea01 {
   width: 90%;
   max-width: 800px;
   margin: 40px auto;
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 #top .footarea .bnrarea01 .bnrarea_tex {
   width: 70%;
   max-width: 500px;
   margin: 0 auto;
 }
 #top .footarea .bnrarea01 a img{
   width: 100%;
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
 }
 #top .slick-dots li button:before {
   font-size: 30px;
 }
 @media screen and (min-width: 768px) {
   #top .notes {
     width: 90%;
     padding: 20px 0;
   }
   #top ._sp {
     display: none !important;
   }
   #top ._pc {
     display: block;
   }
 }
 @media screen and (max-width: 768px) {
   #top ._sp {
     display: block;
   }
   #top ._pc {
     display: none !important;
   }
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
 }
 @media screen and (max-width: 768px) {
   #top {
     /*@media screen end*/
   }
 }