@charset "utf-8";
* {
  box-sizing: border-box;
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.overview {
  line-height: 1.9;
}
/* lazyloadedになったらfadeアニメーションを実行 */
a img {
  transition: all 0.5s ease 0s;
}
body {
  margin: 0;
  padding: 0;
  font-feature-settings: "palt";
}
#photo a img:hover, #exhibition a img:hover {
  opacity: 0.7;
}
/*--768px----------------------------------------------------------------------------------------------------------------*/
@media all and (max-width:767px) {
  .only_pc {
    display: none !important;
  }
  .btn-exhibition {
    display: none;
  }
  /*#admt{
    overflow: visible;
    }*/
  #admt img {
    width: 100%;
    height: auto;
  }
  #admt.bk_image {
  background-image: url('../img/sp/bk_sp.jpg');
  background-position:top left;
  background-size:100% auto;
  background-repeat: repeat-y;
    padding-top: 60px;
    margin-top: -60px;
    margin-bottom: 30px;
}
  .top-visual {
    position: relative;
    margin: 0 auto;
    padding: 10px 0 20px;
    text-align: center;
    overflow: visible;
  }
  .top-visual .top-image {
    width: 97%;
    
    margin: auto auto auto 2%;
    display: block;
    justify-content: center;
    text-align: center;
    position: relative;
  }
  .top-visual .top-image span.square {
    width: 98%;
    position: relative;
    display: block;
    padding: 0 5px 5px 2px;
  }
  .top-visual .top-image span.square::before {
    content: '';
    display: block;
    width: 97%;
    height: auto;
    position: absolute;
    top: 4px;
    right: -2px;
    background-image: url('../img/sp/top_blue_square_line_sp.png');
    background-position: bottom right;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: -5;
  }
    
  .top-visual .top-image .square img {
    max-width: none;
    width: 60%;
    height: auto;
    vertical-align: top;
  }

  .top-visual .top-h1 {
    position: absolute;
width: 90%;
margin: 0 auto;
top: 50%;
z-index: 10;
  }
  .top-visual img {
    width: 100%;
    height: auto;
  }
  .top-visual .square {
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: -10;
  }
  .top-visual .circle_1 {
    position: absolute;
    top: -25px;
    left: -18px;
    width: 18%;
    z-index: 1000;
  }
  .top-visual .circle_2 {
    position: absolute;
    top: -10px;
    left: 10px;
    width: 14%;
    z-index: 0;
  }
  .top-visual .circle_3 {
    position: absolute;
    bottom: -40px;
    left: -20px;
    z-index: 0;
    width: 27%;
  }
  .top-visual .circle_4 {
    position: absolute;
    bottom: -26px;
    right: -10px;
    left: auto;
    z-index: 9;
    width: 14%;
  }
  .top-visual .circle_5 {
    position: absolute;
    top: 6px;
    right: -10px;
    left: auto;
    z-index: 0;
    width: 14%;
  }
  .scroll_a {
    height: 40px;
    width: 40px;
    margin: 0 auto 20px;
    text-align: center;
  }
  /*#to_admt*/
  .container {
    margin: auto;
  }
  .container #to_admt, .container #spot {
    overflow: visible;
    clear: both;
    float: none;
  }
  .container .inner {
    position: relative;
    width: 100%;
    padding: 10px 0 0px;
  }
  .container .to_admt01 .inner {
    position: relative;
    width: 140%;
    margin-left: 0;
    margin-right: auto;
    padding: 10px 0 20px;
  }
  .container .to_admt02 .inner {
    position: relative;
    padding: 10px 0 0px;
  }
  .container .spot01 .inner {
    position: relative;
    padding: 10px 0 10px;
  }
  .container .spot03 .inner {
    position: relative;
    width: 100%;
    padding: 10px 0 10px;
  }
  .container .spot04 .inner {
    position: relative;
    width: 100%;
    padding: 0 0 10px;
  }
  .to_admt01 {
    min-width: 100%;
    width: 100%;
    margin: 35px auto 0px;
    overflow: visible;
    clear: both;
  }
  .to_admt02 {
    min-width: 100%;
    width: 100%;
    margin: 0 auto 0px;
    padding-bottom: 30px;
    clear: both;
  }
  .spot01_1 {
    min-width: 100%;
    width: 100%;
    margin: 15px auto 40px;
    clear: both;
    position: relative;
  }
  .spot01_2 {
    min-width: 100%;
    width: 100%;
    margin: 0 auto -60px;
    clear: both;
    position: relative;
  }
  .spot01_3 {
    min-width: 100%;
    width: 100%;
    margin: 0 auto 0px;
    clear: none;
    display: inline;
  }
  .spot02 {
    min-width: 100%;
    width: 100%;
    margin: 50px auto 0;
  }
  .spot03 {
    min-width: 100%;
    width: 100%;
    margin: 15px auto 0;
  }
  .spot04 {
    min-width: 100%;
    width: 100%;
    margin: 5px auto 20px;
  }
  .spot04_1 {
    min-width: 100%;
    width: 100%;
    margin: 0 auto 0;
    clear: both;
    position: relative;
  }
  .spot04_2 {
    min-width: 100%;
    width: 100%;
    margin: 0 auto 0;
    clear: both;
  }
  .spot04_3 {
    min-width: 100%;
    width: 100%;
    margin: 10px auto 50px;
    clear: both;
  }
  .goods_1 {
    min-width: 100%;
    width: 100%;
    margin: 15px auto 0;
    position: relative;
  }
  .goods_1_1 {
    min-width: 100%;
    width: 100%;
    margin: 25% auto -20%;
    position: relative;
    bottom: 40px;
    clear: both;
  }
  .goods_2 {
    min-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto 0;
    position: relative;
    clear: both;
  }
  .goods_3 {
    min-width: 100%;
    width: 100%;
    margin: -30px auto 70px;
    text-align: center;
    position: relative;
    padding-top: 20px;
    clear: both;
  }
  .lazyload {
    opacity: 0;
  }
  .lazyloaded {
    animation: fade01_ff 2.5s backwards;
    animation-delay: 1.5s;
  }
  .sub_img .lazyloaded {
    animation: fade01_ff 2.5s backwards;
    animation-delay: 3s;
  }
  .main_img {
    padding: 0 20px 20px 0;
    position: relative;
    z-index: 1;
  }
  .to_admt01 .shape.main_img {
    display: inline;
    float: right;
    shape-outside: 
    polygon(25% 26%,41% 18%, 56% 16%, 77% 17%, 100% 28%, 100% 81%, 71% 89%, 24% 85%, 1% 70%, 1% 49%, 9% 39%);
    shape-image-threshold: 0.1;
    width: 81%;
    margin-right: -20%;
    shape-margin: 1.0%;
    padding-top: 11%;
  }
  .to_admt02 .shape.main_img {
    display: block;
    float: none;
    shape-outside: url('../img/to_admt/admt_photo03.png');
    shape-image-threshold: 0.1;
    width: 100%;
    shape-margin: 10px;
    padding-top: 0;
    padding-bottom: 3px;
    margin-left: -7%;
  }
  .spot01 .h2-ttl, .spot02 .h2-ttl, .spot03 .h2-ttl, .spot04 .h2-ttl, .goods .h2-ttl {
    background-image: url('../img/title_circle_r.png');
    background-position: 106% top;
    background-size: 130px auto;
    background-repeat: no-repeat;
    padding: 10px 15px 0 15px;
    z-index: 2;
    position: relative;
  }
  .spot01_1 .shape.main_img {
    display:block;
    float: left;
    shape-outside: polygon(8% 8%,19% 4%, 42% 4%, 57% 8%, 72% 16%, 83% 28%, 92% 46%, 90% 62%, 83% 78%, 65% 87%, 47% 91%, 25% 91%, 0% 83%, 0% 14%);
    shape-image-threshold: 0.1;
    width: 72%;
    shape-margin: 1.3%;
      padding-top:0px;
      margin-top: 0px;
    margin-left: -10%;
  }
     _:lang(x)+_:-webkit-full-screen-document,.spot01_1 .shape.main_img {
    shape-outside: polygon(12% 10%,24% 6%, 43% 5%, 56% 14%, 66% 21%, 72% 33%, 76% 47%, 74% 62%, 64% 75%, 60% 77%, 42% 84%, 25% 84%, 0% 76%, 0% 14%);
    width: 72%;
    shape-margin: 1.3%;
  }
    
    
    
    
  .spot01_2 .shape.main_img {
    float: left;
    shape-outside: polygon(12% 8%,21% 5%, 39% 5%,53% 7%,70% 13%, 85% 22%, 95% 32%, 99% 41%, 100% 73%, 87% 82%, 75% 87%,55% 92%, 42% 93%,19% 92%, 0% 86%, 0% 13%);
    shape-image-threshold: 0.1;
    width: 72%;
    shape-margin: 1.2%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-left: -10%;
  }
    _:lang(x)+_:-webkit-full-screen-document,.spot01_2 .shape.main_img {
    shape-outside: polygon(11% 8%,16% 7%, 30% 6%,42% 10%,55% 15%, 67% 21%, 84% 32%, 89% 41%, 89% 70%, 80% 81%, 71% 87%,55% 92%, 42% 93%,19% 92%, 0% 86%, 0% 13%);
  }
    
  .spot01_3 .shape.main_img {
    float: none;
    shape-outside: url('../img/spot_01/spot01_photo04.png');
    shape-image-threshold: 0.1;
    width: 78%;
    shape-margin: 10px;
    margin-top: -100px;
    padding-top: -100px;
    padding-left: 0px;
    padding-bottom: 20px;
    display: inline-block;
    margin: -30% 0 0 35%;
  }
  .spot02 .shape.main_img {
    display: block;
    float: right;
    shape-outside: polygon(19% 28%, 28% 20%, 37% 12%,48% 6%,58% 4%,76% 5%,86% 7%, 100% 13%, 100% 84%, 51% 90%, 16% 81%, 1% 57%, 4% 40%);
    shape-image-threshold: 0.1;
    width: 84%;
    shape-margin: 1.2%;
    padding-bottom: 20px;
    margin-right: -21%;
  }
  .spot03 .shape.main_img {
    display: inline;
    float: left;
    shape-outside: polygon(17% 12%,34% 13%, 54% 19%, 70% 27%,82% 38%, 87% 45%, 91% 55%, 89% 69%, 85% 78%, 75% 88%, 62% 94%, 38% 97%, 10% 94%, 0% 90%, 0% 17%);
      
    shape-image-threshold: 0.1;
    width: 76%;
    shape-margin: 2.2%;
    padding-top: 30px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin-left: -15%;
  }
    
     _:lang(x)+_:-webkit-full-screen-document,.spot03 .shape.main_img {
    shape-outside:polygon(17% 12%,34% 14%, 50% 25%, 54% 29%,60% 37%, 63% 42%, 67% 48%, 67% 52%, 66% 64%, 64% 73%, 56% 89%, 35% 96%, 7% 93%, 0% 88%, 0% 16%);
    width: 76%;
    shape-margin:1.2%;

  }
    
    
    
  .spot04_1 .shape.main_img {
    display: block;
    float: right;
    shape-outside: polygon(20% 25%,25% 17%, 34% 9%, 43% 6%,55% 3%, 80% 2%, 100% 9%, 100% 83%, 81% 87%, 58% 89%,37% 87%, 18% 82%, 3% 72%, 0% 68%,1% 57%, 7% 51%, 13% 43%, 15% 37%);
    shape-image-threshold: 0.1;
    width: 90%;
    shape-margin: 1.2%;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: -29%;
    margin-top: 0;
  }
  .spot04_2 .shape.main_img {
    float: left;
    shape-outside: polygon(0% 5%, 15% 1%,37% 0%,61% 4%,78% 11%, 85% 22%, 89% 32%, 93% 45%, 92% 59%, 88% 74%, 81% 84%, 76% 89%, 59% 95%, 44% 97%, 14% 95%, 0% 88%);
    shape-image-threshold: 0.1;
    width: 69%;
    shape-margin: 1.2%;
    padding-top: 0;
    padding-bottom: 0px;
    margin-left: -10%;
  }
  _:lang(x)+_:-webkit-full-screen-document,.spot04_2 .shape.main_img {
      shape-outside:polygon(0% 9%, 20% 5%,36% 5%,57% 13%,68% 24%, 70% 27%, 73% 32%, 78% 43%, 77% 59%, 72% 72%, 67% 79%, 58% 86%, 54% 89%, 41% 92%, 15% 90%, -2% 82%);
     }
  .spot04_2 .shape.main_img p {
    margin: 0;
  }
  .spot04_3 .shape.main_img {
    display: inline;
    float: right;
    shape-outside:polygon(6% 42%, 11% 35%, 20% 29%, 32% 24%,43% 20%, 54% 14%,63% 12%, 87% 12%, 100% 18%, 100% 83%, 85% 88%, 60% 91%, 33% 85%,12% 72%,5% 63%, 4% 52%);
    shape-image-threshold: 0.1;
    width: 82%;
    shape-margin: 1.2%;
    padding-top: 30px;
    padding-left: 10px;
    padding-bottom: 20px;
    margin-right: -19%;
  }
  .spot04_3 .shape.main_img p{
    margin: 0;
    padding: 0;
  }
  .goods_1 .shape.main_img {
    display: block;
    float: left;
    shape-outside:polygon(0% 13%,11% 5%, 28% 0%,57% 0%,70% 2%,79% 8%, 89% 25%, 92% 39%, 92% 55%, 87% 67%,74% 81%, 54% 92%, 29% 95%,8% 90%,0% 84%);
      shape-image-threshold: 0.1;
      width: 73%;
      shape-margin: 8px;
      padding-top: 0px;
      padding-left: 0px;
      margin-left: -8%;
  }
      _:lang(x)+_:-webkit-full-screen-document,.goods_1 .shape.main_img {
    display: block;
    float: left;
    shape-outside:polygon(11% 5%, 28% 0%,53% 0%,70% 7%,79% 16%, 83% 20%, 90% 37%, 90% 53%, 87% 67%,74% 81%, 54% 92%, 29% 95%,8% 90%);
      shape-image-threshold: 0.1;
      width: 74%;
      shape-margin: 0px;
          margin-right: 0;
          padding-right: 0;
          padding-top: 20px;
  }
    
  .goods_1 .shape.main_img p{
    margin: 0;
  }
  .goods_2 .shape.main_img {
    display: inline;
    float: left;
    shape-outside: polygon(0% 28%, 13% 14%,35% 4%,57% 8%,77% 23%, 86% 35%, 89% 40%, 90% 46%, 90% 54%, 80% 74%, 67% 84%, 60% 87%, 47% 90%, 40% 91%, 14% 85%, 0% 72%);
    shape-image-threshold: 0.1;
    width: 55%;
    margin: 0;
    padding: 0 18px 0 0;
    shape-margin: 3%;
  }
  .lazyloaded.circle_img {
    display: block;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    animation-name: fade_shadow;
    animation-duration: 4s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
    z-index: -50;
  }
  .to_admt01 .lazyloaded.circle_img {
    content: url('../img/to_admt/admt_photo01_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 20px;
    right: -5%;
    width: 100%;
  }
  .to_admt02 .lazyloaded.circle_img {
    content: url('../img/to_admt/admt_photo03_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
  }
  .spot01_1 .lazyloaded.circle_img {
    content: url('../img/spot_01/spot01_photo01_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 0;
    left: -9%;
    width: 100%;
  }
  .spot01_2 .lazyloaded.circle_img {
    content: url('../img/spot_01/spot01_photo03_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0px;
    width: 98%;
  }
  .spot01_3 .lazyloaded.circle_img {
    content: url('');
    display: none;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 99.5%;
  }
  .spot02 .lazyloaded.circle_img {
    content: url('../img/spot_02/spot02_photo01_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 15px;
    right: 0px;
    width: 90%;
  }
  .spot03 .lazyloaded.circle_img {
    content: url('../img/spot_03/spot03_photo01_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: -5px;
    left: -13%;
    width: 100%;
  }
  .spot04_1 .lazyloaded.circle_img {
    content: url('../img/spot_04/spot04_photo01_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: -1%;
    right: 0;
    width: 90%;
  }
  .spot04_2 .lazyloaded.circle_img {
    content: url('../img/spot_04/spot04_photo03_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: -3%;
    left: -5%;
    width: 95%;
  }
  .spot04_3 .lazyloaded.circle_img {
    content: url('../img/spot_04/spot04_photo04_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 5px;
    right: 0px;
    width: 90%;
  }
  .goods_1 .lazyloaded.circle_img {
    content: url('../img/goods/goods_photo01_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 1%;
    left: -10%;
    width: 100%;
  }
  .goods_2 .lazyloaded.circle_img {
    content: url('../img/goods/goods_photo03_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 90%;
  }
  @keyframes fade_shadow {
    0% {
      opacity: 0;
      background-size: 80% auto;
    }
    100% {
      opacity: 1;
      background-size: 90% auto;
    }
  }
  .shape img {
    width: 100%;
  }
  .to_text {
    display: inherit;
  }
    .to_text .mark {
  display: inline-block;
        /*  overflow: hidden;*/
}
    .to_text .mark svg {
  max-height:  1.9em;
        top: 3px;
    bottom: 0px;
        width: 100%
}
  .to_admt01 .to_text {
    padding-top: 0;
    z-index: 100;
    padding-left: 4%;
    line-height: 1.8em;
    text-align: left;
  }
  .to_admt01 .to_text p:nth-child(2) {
    text-align: left;
  }
  .to_admt02 .to_text {
    padding-top: 0px;
    z-index: 100;
    line-height: 1.8em;
    text-align: right;
    padding-left: 5%;
    padding-right: 4%;
  }
  .to_admt02 .to_text:nth-child(1) {
    width: 98%;
  }
  .to_admt02 .to_text p:nth-child(1) {
    width: 96%;
  }
  .to_admt02 .to_text.sub_text {
    padding-top: 35px;
    z-index: 100;
    padding-left: 5px;
    line-height: 1.8em;
    text-align: left;
    padding-bottom: 0;
  }
  .to_admt02 .to_text.sub_text p:nth-child(1) {
    text-align: left;
    width: 100%;

  }
  .spot01 .spot01_1 .to_text {
    text-align: left;
    line-height: 1.8em;
    display: inherit;
    float: none;
    padding-left: 4%;
    padding-right: 2%;
    box-sizing: border-box;
    padding-top: 56%;
  }
   _:lang(x)+_:-webkit-full-screen-document,.spot01 .spot01_1 .to_text {
    padding-top: 54%;
  }
  .spot01 .spot01_1 .to_text_sp {
      display: inherit;
    padding-top: 0;
    text-align: left;
    line-height: 1.8em;
    float: none;
    position: relative;
    padding-right: 4%;
  }
  .spot01 .spot01_1 .to_text_sp p {
    padding-top: 0;
    margin-top: 0;
    text-align: left;
  }
  .spot01 .spot01_2 .to_text {
    padding-top: 0;
    text-align: left;
    line-height: 1.8em;
    margin-top: -20px;
    padding-right: 4%;
  }
    .spot01 .spot01_2 .to_text .mark {
  display: inline;
}
  .spot01 .spot01_3 .to_text {
    padding-top: 0;
    text-align: left;
    line-height: 1.8em;
    display: block;
    margin: -50% 2% 0 4%;
  }
  .spot01 .spot01_3 .to_text p{
    padding-top: 20px;
  }
  .spot02 .to_text {
    padding-top: 0px;
    z-index: 100;
    padding-left: 0px;
    line-height: 1.8em;
    text-align: right;
    margin-left: 4%;
    margin-right: 2%;
  }
  .spot02 .to_text_sp {
    padding-top: 62%;
    z-index: 100;
    padding-left: 0;
    line-height: 1.8em;
    text-align: right;
    margin-left: 4%;
    margin-right: 4%;
    display: inherit;
  }
  .spot03 .to_text {
    text-align: left;
    margin-left: 0;
    padding-right: 1%;
      padding-top: 17px;
      padding-bottom: 10px;
   display: inherit;
      position: relative;
      z-index: 100;
      
  }
  .spot03 .to_text p{
      padding-bottom: 29px;
      
  }
    .spot03 .to_text .mark {
  display: inline;
}
  .spot04 .spot04_1 .to_text {
    padding-top: 0px;
    padding-left: 0px;
    line-height: 1.8em;
    text-align: right;
    margin-left: 4%;
    margin-right: 2%;
    display: inherit;
  }
  .spot04 .spot04_1 .to_text p:nth-child(2) {
    text-align: right;
  }
  .spot04 .spot04_2 .to_text {
    padding-top: 10px;
    text-align: right;
      display: block;
  }
  .spot04 .spot04_2 .to_text p{
    padding-top:10px;
    padding-right: 4%;
    text-align: left;
  }
    
  .spot04 .spot04_3 .to_text {
    padding-top: 3%;
    text-align: right;
    width: 96%;
    margin-left: auto;
  }
  .goods .goods_1 .to_text {
    padding-top: 0px;
      padding-right: 4%;
    text-align: left;
    padding-bottom: 0;
      position: relative;
      
  }
      .goods .goods_1 .to_text p{
    text-align: left;
      
  }
  .goods .goods_1 .to_text.text_2 {
    text-align: right;
    margin: 20px 4%;
    padding: 20px 0 0;
  }
  .goods .goods_1 .to_text.text_2 p {
    padding-left: 4%;
    letter-spacing: -0.5px;
  }
    .goods .goods_1 .to_text.text_2 .mark {
  display: inline;
}
  .goods .goods_1 .to_text_sp p{
    padding-left: 8%;
  }

  
  .goods .goods_2 .to_text {
    padding-top: 10px;
    text-align: left;
    margin: 0 4%;
  }
  .goods .goods_3 .to_text {
    padding-top: 10px;
    text-align: center;
    display: block;
    margin: 10px auto;
    clear: both;
    padding-left: 4%;
  }
  .goods .goods_1 .to_text.sub_text {
    padding-top: 24px;
    z-index: 100;
    padding-left: 55%;
    line-height: 1.8em;
    text-align: left;
  }
  span.mark{
    font-size:clamp(10px,3.75vw,19px);
  }
  .to_text p, .to_text_sp p {
    width: 100%;
    font-size:clamp(10px,3.45vw,18px);
    line-height: 1.8em;
    padding-top: 8px;
    padding-bottom: 4%;
    letter-spacing: -0.1px;
  }
  .to_admt01 .sub_img {
    position: absolute;
    bottom: 20px;
    left: 11%;
    z-index: 1;
    width: 40%;
  }
  .to_admt01 .sub_img .lazyloaded.circle_img {
    content: url('../img/to_admt/admt_photo02_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: -10px;
    left: -10px;
  }
  .to_admt02 .sub_img {
    position: inherit;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 245px;
    float: left;
  }
  .to_admt02 .shape.sub_img {
    display: inline;
    float: left;
    shape-outside:polygon(27% 4%, 61% 0%, 85% 8%, 95% 23%,100% 34%, 98% 60%,91% 72%, 75% 88%, 26% 88%, 8% 67%, 7% 27%);
    shape-image-threshold: 0.1;
    width: 40%;
    shape-margin: 10px;
    padding: 0 10px 10px 5px;
  }
  .to_admt02 .sub_img .lazyloaded.circle_img {
    width: 100%;
  }
  .spot01_1, .spot01_2, .spot01_3, .spot02, .spot03, .spot04_1, .spot04_2, .spot04_3 {
    position: relative;
  }
  .left_m {
    padding-left: 0em;
  }
  .spot01_1 .shape.sub_img {
    float: right;
    position: sticky;
    top: -100px;
    left: 56%;
    shape-outside: polygon(6% -34%, 14% -68%, 40% -100%, 61% -83%,74% -61%, 85% -20%,79% 42%, 62% 79%, 43% 90%, 18% 70%, 7% 27%);
    shape-image-threshold: 0.1;
    width: 50%;
    shape-margin: 10px;
    padding-bottom: 0;
    margin-right: 10%;
    margin-top: -22%;
    z-index: 10;
  }
  .spot01_1 .sub_img .lazyloaded.circle_img {
    content: url('../img/spot_01/spot01_photo02_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: -5px;
    left: 30px;
  }
  .spot02 .shape.sub_img {
    display: inline;
    /* float: left; */
    /* position: relative; */
    bottom: 10%;
    left: 10%;
    z-index: 100;
    shape-outside: polygon(27% 4%, 61% 0%, 85% 8%, 95% 23%,100% 34%, 98% 60%,91% 72%, 75% 88%, 26% 88%, 8% 67%, 7% 27%);
    shape-image-threshold: 0.1;
    width: 45%;
    shape-margin: 10px;
    padding: 0;
    margin: 0 0 0 3%;
  }
  
  .spot02 .sub_img {
    position: absolute;
    bottom: 0;
    left: 38%;
    z-index: 1;
    width: 435px;
  }
  .spot02 .sub_img .lazyloaded.circle_img {
    content: url('../img/spot_02/spot02_photo02_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    left: -30px;
    bottom: 0px;
    width: 115%;
  }
  .spot03 .shape.sub_img {
    display: block;
    float: left;
    position: inherit;
    top: -20px;
    left: 10%;
    z-index: 100;
    shape-outside: none;
    width: 85%;
    shape-margin: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    bottom: -40px;
  }
  .spot03 .sub_img .lazyloaded.circle_img {
    content: url('../img/spot_03/spot03_photo02_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 60px;
    left: auto;
    width: 60%;
    right: 10px;
  }
  .spot04_1 .shape.sub_img {
    display: block;
    float: left;
    position: inherit;
    top: -50px;
    left: 0;
    z-index: 10;
    padding-bottom: 10px;
    width: 100%;
  }
  .spot04_1 .shape.sub_img .posi-re{
    position: relative;
    bottom: 30px;
    left: 5px;
    width: 100%;

  }

  .spot04_1 .sub_img .lazyloaded.circle_img {
    content: url('../img/spot_04/spot04_photo02_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 25px;
    right: 0px;
    left: 0;
    width: 58%;
  }
  .goods_1 .sub_img {
    position: absolute;
    bottom: -150px;
    left: 37%;
    z-index: 1;
    width: 267px;
    float: left;
  }
  .goods_1 .shape.sub_img {
   
    shape-outside:polygon(8% 32%,21% 17%, 47% 11%,68% 18%, 80% 29%, 93% 49%, 87% 81%, 73% 89%, 60% 93%, 44% 86%,32% 76%, 16% 68%,14% 57%);

    
    shape-image-threshold: 0.1;
    width: 47%;
    shape-margin: 2.5%;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 3%;
    float: right;
    position: inherit;
    bottom: 10px;
    left: 0;
    
  }
  .goods_1 .sub_img .lazyloaded.circle_img {
    content: url('../img/goods/goods_photo02_shadow.png');
    display: block;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 35px;
    width: 100%;
    top: 0px;
  }
  .posi-re {
    position: relative;
  }
  
  /* fadeUp */
  .fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 4.5s;
    animation-fill-mode: forwards;
    opacity: 0.5;
  }
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(55px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  /*.fadeUpTrigger{
    opacity: 0;
}*/
  .to_admt01 .bg_img01 {
    position: absolute;
    top: -20px;
    left: -30%;
    width: 115%;
    z-index: 0;
  }
  .to_admt01 .bg_img02 {
    position: absolute;
    top: -70px;
    left: 68%;
    z-index: 0;
    width: 30%;
  }
  .to_admt01 .bg_img03 {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0;
  }
  .to_admt01 .bg_img04 {
    position: absolute;
    bottom: 60px;
    left: 10%;
    z-index: 0;
  }
  .to_admt02 .bg_img01 {
    position: absolute;
    top: 120px;
    left: 15%;
    width: 110%;
    z-index: 0;
    animation-delay: 1.5s;
  }
  .to_admt02 .bg_img02 {
    position: absolute;
    top: 300px;
    left: 43%;
    width: 506px;
    z-index: 0;
  }
  .to_admt02 .bg_img03 {
    position: absolute;
    top: 70px;
    right: 50px;
    width: 261px;
    z-index: 0;
  }
  .to_admt02 .bg_img04 {
    position: absolute;
    left: -14%;
    width: 195px;
    top: 0px;
    z-index: 0;
    animation-duration: 4.5s;
  }
  .to_admt02 .bg_img05 {
    position: absolute;
    bottom: 0px;
    left: 64%;
    z-index: 0;
    animation-duration: 4.5s;
  }
  .spot01_1 .bg_img01 {
    position: absolute;
    top: 180px;
    left: 57%;
    z-index: 0;
    width: 70%;
  }
  .spot01_1 .bg_img02 {
    position: absolute;
    bottom: -180px;
    right: 30px;
    z-index: 0;
    top: auto;
    left: auto;
  }
  .spot01_2 .bg_img01 {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0;
  }
  .spot01_2 .bg_img02 {
    position: absolute;
    z-index: 0;
    top: 10px;
    left: 52%;
    width: 80%;
  }
  .spot01_2 .bg_img03 {
    position: absolute;
    top: 314%;
    z-index: 1;
    left: 10px;
    width: 17%;
  }
  .spot01_3 .bg_img01 {
    display: none;
    position: absolute;
    z-index: 0;
    top: 80px;
    right: 10%;
  }
  .spot01_3 .bg_img02 {
    position: absolute;
    z-index: 0;
    bottom: -400px;
    left: -100px;
    width: 180px;
    right: 60%;
  }
  .spot02 .bg_img01 {
    position: absolute;
    z-index: 0;
    top: 25%;
    left: -12%;
    width: 70%;
  }
  .spot02 .bg_img02 {
    position: absolute;
    z-index: 0;
    bottom: 70px;
    left: 70%;
  }
  .spot02 .bg_img03 {
    position: absolute;
    z-index: 0;
    top: 180px;
    right: 0;
  }
  .spot03 .bg_img01 {
    position: absolute;
    z-index: 0;
    top: 180px;
    left: 40%;
    width: 90%;
  }
  .spot03 .bg_img02 {
    position: absolute;
    z-index: 0;
    top: 580px;
    left: -8%;
  }
  .spot03 .bg_img03 {
    position: absolute;
    z-index: 0;
    bottom: 60px;
    right: 57%;
    width: 17%;
  }
  .spot04_1 .bg_img01 {
    position: absolute;
    z-index: 0;
    top: 38%;
    left: -29%;
    width: 100%;
  }
  .spot04_2 .bg_img01 {
    position: absolute;
    z-index: 0;
    top: 20px;
    right: 5%;
  }
  .spot04_2 .bg_img02 {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: -10%;
    width: 140%;
  }
  .spot04_3 .bg_img01 {
    position: absolute;
    z-index: 0;
    bottom: 160px;
    left: 5%;
  }
  .goods_1 .bg_img01 {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 35%;
    display: none;
  }
  .goods_1 .bg_img02 {
    position: absolute;
    z-index: 0;
    top: 210px;
    left: 47%;
    right: -20%;
    width: 80%;
  }
  .goods_1 .bg_img03 {
    position: absolute;
    z-index: 0;
    top: 20px;
    right: 5%;
  }
  .goods_2 .bg_img01 {
    position: absolute;
    z-index: 0;
    top: 0px;
    right: 8%;
    width: 50%;
  }
  .goods_2 .bg_img02 {
    position: absolute;
    z-index: 0;
    top: 100%;
    left: 38%;
    width: 36%;
}
  .goods_3 .bg_img01 {
    position: absolute;
    z-index: 0;
    bottom: 20px;
    left: 13%;
    width: 30%;
  }
  .goods_3 .bg_img02 {
    position: absolute;
    z-index: 0;
    bottom: -40px;
    right: 6%;
  }
  /*photo*/
  #photo {
    width: 100%;
    position: relative;
    margin: 50px 0;
    padding-bottom: 30px;
  }
  #photo .photo-title {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    margin-bottom: 50px;
  }
  #photo .photo-title h2.h2-ttl {
    width: 90%;
    margin: 0 auto 0;
    padding: 0;
  }
  #photo .photo-title .add-text {
    padding: 0;
    width: 60%;
    margin: 0 auto 5px;
  }
  .bg_photo {
    width: 100%;
    background-image: url('../img/photopickup/photopickup_bk.jpg');
    background-position: top left;
    background-size: auto 100%;
    background-repeat: repeat-x;
    padding: 40px 0 5px;
    margin-bottom: 90px;
  }
  .bg_photo .pick-text {
    width: 80%;
    margin: 0 auto 5px;
  }
  .photo_insta {
    width: 100%;
    max-width: 1100px;
    overflow: hidden;
    margin: 35px auto 10px;
  }
  .photo_insta ul {
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1px 1.5%;
  }
  .photo_insta ul li {
    width: 49.25%;
    box-sizing: border-box;
    margin-bottom: 5px;
  }
  #photo .link-add ul {
    width: 60%;
    margin: 10px auto 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #photo .link-add ul li {
    margin-bottom: 15px
  }
  /*exhibition*/
  #exhibition {
    width: 100%;
    position: relative;
    margin: 10px 0 10px;
  }
  #exhibition h2.h2-ttl {
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    margin-bottom: 10px;
    width: 70%;
    margin: 0 auto;
  }
  #exhibition .bg_exhibition {
    width: 100%;
    background-image: url('../img/sp/exhibition_bk_sp.png');
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0 40px;
    margin-bottom: 30px;
  }
  #exhibition .slider {
    width: 80%;
    max-width: 972px;
    margin: 0px auto;
    padding-bottom: 20px;
    padding: 30px 0%;
  }
  .slick-dots {
    position: absolute;
    bottom: -10px;
  }
  .footer-text {
    text-align: center;
    margin-bottom: 70px;
    font-size: 12px;
  }
  .slick-slide {
    width: 100%;
  
padding: 2px;
margin-bottom: 15px;
  }
  .slick-box {
  
    padding: 20px 0 0;
    
    border-radius: 5px;
  }
  .slick-slide .banner-item {
    width: 96%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.slick-slider .slick-list {
  border-radius: 8px;
  margin-bottom: 10px;
}
.slick-slider .slick-list::before {
  border-radius: 8px;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}

  .slick-slide .banner-image {
    width: 100%;
}
.slick-slide .banner-text {
  width: 92%;
  margin: 0 auto;
  padding-left: 0;
  text-align: left;
}
.slick-slide .title {
  font-size: 13px;
  display: block;
  margin: 30px 0 30px;
  text-align: center;
}
.slick-slide .text-date {
  font-size: 10px;
  display: flex;
    margin-top: 0;
    align-items: center;
}

.slick-slide .text-date span {
  display: inline-block;
  width: 49px;
  font-size: 15px;
  padding: 4px 5px 4px;
  margin-right: 10px;
}
.slick-slide .btn-link {
  display: block;
  width: 70%;
    border-radius: 15px;
  padding: 5px;
  margin: auto auto 0;
  text-align: center;
}
.slick-slide .btn-link a{
  font-size: 12px;
  position: relative;
  padding-left: 20px;
  

}
.slick-slide .btn-link a::before{
  content: '▼';
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    transform: rotate(-90deg);

}
.slick-prev, .slick-next {
  width: 30px;
}
.slick-next:before {
  content: '';
  background-image: url(../img/btn_arrow_right.svg);
  background-position: center center;
  background-size: 20px auto;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 20px;
}
.slick-prev:before {
  content: '';
  background-image: url(../img/btn_arrow_left.svg);
  background-position: center center;
  background-size: 20px auto;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
}
.slick-dots li {
  width: 30px;
  height: 4px;
}
.slick-dots li button::before {
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 1px;
  content: '';
  border-top: 10px solid #fff;
  border-radius: 30px;
}
}
@media all and (min-width: 780px) and (max-width: 880px) {
  .container #to_admt, .container #spot {
      overflow: inherit;
  }
}