@charset "UTF-8";

@keyframes zoomUp {
  0% { transform: scale(1); }
  100% { transform: scale(1.1); }
}

@media screen and (min-width: 768px),print {  



#index-head{ display: none; }
#contentsmain {margin: 0 auto 0 -5rem;position: relative;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;}
#contentsmain .inner-Box ul {}
#contentsmain .inner-Box ul li {position: relative;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;}
#contentsmain .inner-Box figure.photo img {width: 100%; height: 100vh; object-fit: cover; transform: scale(1);transition: transform 10s ease;}

#contentsmain .main-visual-slide .swiper-slide-active figure.photo img {transform: scale(1.08);}

#contentsmain .main-visual-slide {margin-bottom: 0;}
#contentsmain .main-visual-slide .swiper-pagination {position: absolute;bottom: 3.8rem;right: 4.5rem;left: auto !important;width: 1rem !important;display: flex !important;flex-direction: column;align-items: center;padding: 0;margin: 0;list-style: none;z-index: 10;}
#contentsmain .main-visual-slide .swiper-pagination-bullet {position: relative;display: block;height: 1rem;width: 1rem;margin: 1.1rem 0.5rem 0rem !important;cursor: pointer;background: #fff;opacity: 0.3;border: 0;border-radius: 50%;outline: none;transition: opacity 0.3s;}
#contentsmain .main-visual-slide .swiper-pagination-bullet-active {opacity: 1 !important;}
#contentsmain .main-visual-slide .swiper-pagination-bullet:hover {opacity: 1;}


#contents01 {margin: 0 auto 0;position: relative;background: url(../images/common/back.png),url(../images/common/back.svg)no-repeat top right;background-size: auto auto,cover;color: #fff;padding: 0 0 16rem 5rem;}
#contents01 .inner-Box1 {margin: 0 auto 14rem;position: relative;padding: 10rem 5vw 0rem;max-width: 139.4rem;}
#contents01 .inner-Box1 h2 {margin-bottom: 2.6rem;position: relative;}
#contents01 .inner-Box1 h2.common-title-main .f-en{ color: #fff; }
#contents01 .inner-Box1 h2.common-title-main .f-en::before{ background: #fff;}

#contents01 .pickup-slide .swiper-slide { width: 38.4rem !important; height: auto; margin: 0 2.4rem 0 0; }
#contents01 .slider-controls { display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 3.0rem; }
#contents01 .slider-controls .swiper-pagination { position: static !important; width: auto !important; display: flex !important; gap: 1.0rem; }
#contents01 .slider-controls .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; background: #fff; opacity: 0.3; margin: 0 !important; }
#contents01 .slider-controls .swiper-pagination-bullet-active { opacity: 1; }
#contents01 .prev-arrow, .next-arrow { cursor: pointer; line-height: 0; filter: brightness(0) invert(1); transform: scale(-1, 1); }
#contents01 .next-arrow { transform: scale(1, 1); }

#contents01 .pickup-no-slide .swiper-wrapper { flex-wrap: wrap; }
#contents01 .pickup-no-slide .swiper-slide { width: 32% !important; }
#contents01 .is-hidden{ display: none;}
/* ループ複製分のドットを隠す（登録バナー数だけ表示） */
#contents01 .swiper-pagination-bullet.is-hidden-dot { display: none !important; }

#contents01 .slide-arrow{position:absolute;bottom:-3.5rem;width: 1rem;cursor:pointer;filter:brightness(0) invert(1);z-index: 11;}
#contents01 .inner-Box1 figure.photo { position: relative; top: 0; left: 0; }
#contents01 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
#contents01 .inner-Box2{display:flex;gap:6.666%;max-width: 139.2rem;margin: 0 auto;padding: 0 5vw;}
#contents01 .left-Box{width:50%;}
#contents01 .right-Box{width:43.333%; display:flex; flex-direction:column; justify-content:center;}
#contents01 .left-Box figure.photo {position: relative;top: 0;left: 0;}
#contents01 .left-Box figure.photo img{ width: 100%; height: auto; }
#contents01 .right-Box h1 {margin-bottom: 2.4rem;position: relative;font-size: 3.0rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contents01 .right-Box p.text {margin-bottom: 2.4rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .right-Box p.text:last-child {margin-bottom: 0;}

#contents01 .roll {position: absolute;width: 62rem;height: 62rem;bottom: 0;right: 0;overflow: hidden;}
#contents01 .roll span.en{ display: block; position:relative; width:100%; height:100%; }
#contents01 .roll span.en img{position:absolute;left: 0;top: 0;width: 153.4rem; /* 少し大きめに */transform:rotate(-30deg);transform-origin: center center;animation: rollRotate 120s linear infinite;}
@keyframes rollRotate{ 0%{transform:rotate(-30deg);} 100%{transform:rotate(330deg);} }


#event {background: #fff;padding-left: 5rem;padding-top: 12.1rem;padding-bottom: 14rem;}
#event .ttl-Box { margin: 0 auto; position: relative; max-width: 139.2rem; padding: 0 5vw 0; }
#event .common-title-main { margin-bottom: 3.2rem; }
#event .listbtn{position: absolute;top: 5.2rem;right: 5vw;}
#event .inner-Box { margin: 0 auto; position: relative; max-width: 139.2rem; padding: 0 5vw 0; }
#event .systemlist{display:flex;flex-wrap:wrap;gap:2.666%;}
#event .systemlist li{width:31.555%;position: relative;}
#event .systemlist li a { display: block; padding-bottom: 7.6rem; }
#event .photo-Box { margin-bottom: 1.5rem; }
#event .photo {}
#gallery .photo { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; text-align: center; margin-bottom: 15px; position: relative;}
#gallery .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#event .text-Box {}
#event .catetext {font-size: 1.1rem;line-height: 1;letter-spacing: 0em;font-weight: 400;text-align: left;margin-bottom: 1rem;display: flex;align-items: center;gap: 0.5rem;}
#event .catetext span {display: inline-block;padding: 0.8rem;border:  1px solid var(--main-blue);margin: 0 0rem 0.5rem 0;}
#event .systtl { font-size: 1.6rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: 700; text-align: left; color: #333; }
#event .gl-btn-nolink { position: absolute; bottom: 0; left: 0; }

#news{margin-left: 5rem;padding: 14rem 5vw 5.3rem;}
#news .inner-Box{margin:0 auto;max-width:1200px;display:flex;gap:6.666%;}
#news .inner-Box .ttl-Box{width:20%;}
#news .inner-Box .ttl-Box .listbtn{text-align: left;padding-left: 0.3rem;}
#news .inner-Box .ttl-Box h2{margin-bottom: 3.5rem;}
#news .inner-Box .system-Box{width:73.333%;}
#news .inner-Box .system-Box{padding: 1px;margin-bottom: 50px;}
#news .inner-Box .system-Box li{border-bottom: #CCC 1px solid;margin-bottom: 3.5rem;}
#news .inner-Box .system-Box li a{position:relative;padding: 0 1.2rem;display: block;padding-bottom: 1.6rem;}
#news .inner-Box .system-Box li .databox{font-size: 1.1rem;line-height:1.083;letter-spacing:0.1em;font-weight:400;text-align:left;color:var(--main-blue);margin-bottom:1.2rem;}
#news .inner-Box .system-Box li .data-inbox {display: flex;align-items: center;gap: 0.5rem;}
#news .inner-Box .system-Box li .databox .timebox{font-weight: 500;font-size: 1.2rem;margin-left: 0.3rem;}
#news .inner-Box .system-Box li .databox .categ{color: var(--main-blue);display: inline-block;background: #fff;border: 1px solid var(--main-blue);padding: 0.8rem;line-height: 1;letter-spacing: 0;}
#news .inner-Box .system-Box li .arr{position: absolute;right: -0.9rem;width: 3.2rem;height: 3rem;padding: 0.7rem 0 0 1.1rem;top: 33%;transform: translateY(-50%);border-left: var(--main-blue) solid 1px;}
#news .inner-Box .system-Box li .systtl{color: #333333;font-size: 1.6rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#news .inner-Box .system-Box li .systtl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

#contents02 {margin-left: 5rem;background: url(../images/index/contents02-back01.svg)no-repeat bottom right;padding-bottom: 17rem;}
#contents02 .overlap-section { padding: 15.0rem 0; width: 100%; }
#contents02 .overlap-container { display: flex; width: 100%; position: relative; justify-content: flex-end; align-items: flex-end; min-height: 70.0rem; }
/* --- 左側の写真（マスク枠） --- */
#contents02 .left-image {width: 57.8%;height: 55.0rem; /* 枠の高さ固定 */position: absolute;left: 0;top: 0;z-index: 1;overflow: hidden; /* マスク効果 */}
#contents02 .left-image img {width: 100%;height: 140% !important; /* 枠より高くして視差の遊びを作る */object-fit: cover;display: block;position: absolute;top: -20%; /* 初期位置を上に */left: 0rem;will-change: transform;object-position: left center;}
/* --- 右側の白いボックス --- */
#contents02 .right-text-box {width: 49.9%;background-color: #fff;padding: 8rem 9.6rem 9.6rem;position: relative;z-index: 2;margin-top: 15rem;top: -3.6rem;margin-left: -5.0rem;box-shadow: -1.0rem 1.0rem 3.0rem rgba(0,0,0,0.08);}
#contents02 .text-inner {max-width: 51rem;width: 100%;}
#contents02 .title { font-size: 2.8rem; font-weight: 700; margin-bottom: 2.4rem; color: #333FA1; }
#contents02 .description {font-size: 1.6rem;line-height: 1.8;color: #333;margin-top: 2.4rem;}


#contents03 {margin: 0 auto -15rem;position: relative;background: url(../images/common/back.png),url(../images/common/back.svg)no-repeat top right;background-size: auto auto,cover;color: #fff;padding: 0 0 24rem 5rem;}


#contents03 .back-Box {margin: 0 auto;position: relative;padding: 12.1rem 5vw 0;}
#contents03 .ttl-Box {margin: 0 auto;position: relative;max-width: 119.7rem;}
#contents03 .ttl-Box h2 {margin-bottom: 5.6rem;position: relative;}
#contents03 .ttl-Box h2 .f-en,#contents03 .ttl-Box h2 .ttl-ja { color: #fff; }
#contents03 .ttl-Box h2 .f-en::before{ background: #fff; }
#contents03 .ttl-in-Box{display:flex;gap:6.666%;margin-bottom: 9.7rem;}
#contents03 .left-Box{width:41.666%;}
#contents03 .right-Box{width:51.666%;width:51.666%; display:flex; flex-direction:column; justify-content:center;}
#contents03 .ttl-Box a{color: #fff;position: relative;}


#contents03 .left-Box figure.photo { position: relative; top: 0; left: 0; }
#contents03 .left-Box figure.photo img{ width: 100%; height: auto; }
#contents03 .right-Box h3 {margin-bottom: 2.4rem;position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents03 .right-Box h3 span.f-en {font-weight:600;font-size: 2.8rem;line-height:1.5;letter-spacing:0.05em;text-align:left;display: block;}
#contents03 .right-Box h3 span.arr{position: absolute;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);top: 0.6rem;left: 20.8rem;width: 10rem;border-left: 1px solid #fff;padding: 1.4rem 0 2.4rem 2.3rem;}
#contents03 .right-Box h3 span.arr img{ transform: rotate(0deg); transform-origin: center;transition: all 0.3s ease-in-out;}
#contents03 .right-Box h3 a:hover span.arr img{ transform: rotate(360deg);}
#contents03 .right-Box p.text {position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;}
#contents03 .inner-Box ul{ display:flex; flex-wrap:wrap; gap:2%; }
#contents03 .inner-Box ul li{position: relative; top: 0rem; left: 0rem; width:49%;box-shadow:0.8rem 0.8rem 0px #0D186E;border-radius:0px 1.6rem 0px 0px;background:#fff;margin-bottom: 2.4rem;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box ul li:hover{box-shadow:0rem 0rem 0px #0D186E; top: 0.8rem; left: 0.8rem;}
#contents03 .inner-Box ul li a:hover {  }

#contents03 .inner-Box ul li a{padding: 2.9rem 2.9rem 2.9rem 3.5rem;}
#contents03 .inner-Box ul li a{display:flex;gap: 2.4rem;align-items:center;flex-wrap:nowrap;position: relative;}
#contents03 .img-Box{position:relative;width:10rem;height:10rem;}
#contents03 .text-Box{position:relative;padding-right: 4rem;}

#contents03 .inner-Box ul li a span.arr{position: absolute;top: 3.4rem;right: 1.5rem;width: 4rem;border-left: 1px solid var(--main-blue);padding: 2.7rem 0 4.6rem 2.3rem;}
#contents03 .inner-Box ul li a span.arr img{transform: rotate(0deg);transform-origin: center;transition: all 0.3s ease-in-out;width: 1rem;}
#contents03 .inner-Box ul li a:hover span.arr img{ transform: rotate(360deg);}

#contents03 .img-Box figure.img {position: relative;top: 0;left: 0;}
#contents03 .img-Box figure.img img{  }
#contents03 .text-Box h4 {margin-bottom: 0px;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;margin-bottom: 0.7rem;text-align: left;}
#contents03 .text-Box p.ltext {color: #333;position: relative;font-size: 1.4rem;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

.canvas{position: absolute;top: -2px;right: -4px;}
#about-stroke{fill:none;stroke:#ffffff;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;opacity:0.5;stroke-dasharray:1;stroke-dashoffset:1;animation: drawLineOnly 4s ease-in-out forwards;animation-play-state: paused;}

@keyframes drawLineOnly{ 0%{stroke-dashoffset:1;} 100%{stroke-dashoffset:0;} } 

#contentscolumn {margin: 0 auto 0 5rem;position: relative;background: url('../images/index/contentscolumn-back01.svg')no-repeat top center, url('../images/index/contentscolumn-back02.svg')no-repeat bottom center;background-size: 100% auto;padding: 22rem 0 12.1rem;}
#contentscolumn .back-Box {margin: 0 auto;position: relative;background: #fff;padding: 0 5vw 9.7rem;}
#contentscolumn .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;padding: 2.3rem 0 0;}
#contentscolumn .inner-Box h2 { margin-bottom: 0px; position: relative; }
#contentscolumn .inner-Box h2 .ttl-ja{display: inline-block;position: relative;top: -1.2rem;}
#contentscolumn .inner-Box h2 span.iconpen {display: inline-block;position: relative;top: -1.5rem;right: -0.8rem;  transform-origin: 10% 90%;    animation: katakataPencil 1.2s ease-in-out infinite;}
@keyframes katakataPencil { 0%   { transform: rotate(0deg); } 15%  { transform: rotate(8deg); } 30%  { transform: rotate(-5deg); } 45%  { transform: rotate(4deg); } 60%  { transform: rotate(-2deg); } 75%  { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }

#contentscolumn .inner-Box p.subttl {margin-bottom: 4rem;position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 350;text-align: left;}
#contentscolumn .inner-Box ul.system-list {}
#contentscolumn .inner-Box ul li {position: relative;border-bottom: #ACACAC dashed 1px;padding: 0rem 0 3.2rem 0;margin-bottom: 3.2rem;}
#contentscolumn .inner-Box ul li:last-child {border-bottom: none; margin-bottom: 0;}
#contentscolumn .inner-Box ul li a:hover {  }
#contentscolumn .inner-Box ul li a{ display:flex; gap:4rem; align-items:flex-start; flex-wrap:nowrap; }
#contentscolumn .photo-box{ width:30rem; flex-shrink:0; }

#contentscolumn .text-box{ flex:1; min-width:0; }
#contentscolumn .photo-box figure.photo {width: 100%;aspect-ratio: 300 / 192;overflow: hidden;text-align: center;position: relative;}
#contentscolumn .photo-box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contentscolumn .text-box p.system-date {position: relative;}
#contentscolumn .text-box p.system-date span.f-en {font-size: 1.2rem;line-height: 2.1;letter-spacing: 0.1em;font-weight: 500;text-align: left;position: relative;top: -0.6rem;}
#contentscolumn .text-box h3.systemttl {margin-bottom: 1.6rem;position: relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;color: #333;}
#contentscolumn .text-box p.system-text {margin-bottom: 1.6rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #333;word-break: break-all;}
#contentscolumn .text-box p.more {position: relative;font-size: 1.4rem;line-height: 1;letter-spacing: 0.05em;font-weight: 600;text-align: right;}
#contentscolumn .text-box p.more span.arr {display: inline-block;border-left: var(--main-blue) 1px solid;padding: 0.4rem 0 0.4rem 1.6rem;margin-left: 1rem;}
#contentscolumn .text-box p.more span.arr img{position: relative;top: -0.2rem;transition: all 0.3s ease-in-out;transform: rotate(0deg); transform-origin: center;}
#contentscolumn a:hover .text-box p.more span.arr img{transform: rotate(360deg); transform-origin: center;}
#contentscolumn .listbtn{position: absolute;top: 14.2rem;right: 0;}

#contentsspc{margin-left: 5rem;padding: 11.3rem 0vw 0rem;margin-bottom: 14.1rem;}
.special-section{max-width:110rem;display:flex;align-items:center;justify-content:center;gap:4%; /* ここで余白確保 */margin: 0 auto 5.6rem;}
.special-section .content{ width:60%; }
.special-section .deco img { width: 100%; height: auto; display: block; }
.special-section .content {text-align: center; /* 40px */}
.special-section .title-en { }
.special-section .title-jp {display: flex;align-items: center;justify-content: center;margin: 3rem 0 2.4rem;font-size: 2.8rem;font-weight: 700;letter-spacing: 0.05em;color: var(--main-blue);white-space: nowrap;}
.special-section .line-wrap {display: inline-flex;align-items: center;width: 3.8rem;height: 4.0rem;margin: 0 0.5rem;}
.special-section .line { display: block; width: 100%; height: 0.2rem; background-color: var(--main-blue); }
.special-section .line--left { transform: rotate(55deg); }
.special-section .line--right { transform: rotate(-50deg); }
.special-section .description { width: 100%; margin-top: 2.0rem; font-size: 1.4rem; color: #333; line-height: 1.6; text-align: center; letter-spacing: 0.05em; }

.special-section .deco{ width:16%; flex-shrink:0; position:relative; opacity:0; }
.special-section.is-active .deco--left{ animation: explodeLeft 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; animation-delay:0.2s; }
.special-section.is-active .deco--right{ animation: explodeRight 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; animation-delay:0.4s; }
.special-section .deco--left{left:6rem;top:-1rem;}
.special-section .deco--right{left:-2rem;top:-1.5rem;}
@keyframes explodeLeft { 0% { opacity: 0; transform: translate(4.0rem, 2.0rem) scale(0.3) rotate(-20deg); } 100% { opacity: 1; transform: translate(0, 0) scale(1) rotate(0deg); } }
@keyframes explodeRight { 0% { opacity: 0; transform: translate(-4.0rem, 2.0rem) scale(0.3) rotate(20deg); } 100% { opacity: 1; transform: translate(0, 0) scale(1) rotate(0deg); } }

#contentsspc .inner-Box{padding: 0 5vw;max-width: 139.3rem;margin: 0 auto;}
#contentsspc .inner-Box .banner-list{list-style:none;padding:0;margin:0 auto;max-width:56rem;width:100%;}
#contentsspc .inner-Box .banner-list li{position:relative;width:100%;}
#contentsspc .inner-Box .banner-list li a{background:#E7EDF7;width:100%;display:block;position:relative;border-radius:0.4rem;box-shadow:inset 0 0 0 2px var(--main-blue);transition:background-color 0.3s ease,box-shadow 0.3s ease;}
#contentsspc .inner-Box .banner-list li a::before{content:"";position:absolute;display:block;background:url(../images/common/side-img00.svg)no-repeat top left;width:1rem;height:1rem;bottom:0.8rem;right:0.8rem;}
#contentsspc .inner-Box .banner-list li span{font-size:1.8rem;line-height:1.5;letter-spacing:0.05em;font-weight:700;text-align:left;padding:3.2rem 1.6rem 3.2rem 8.8rem;display:block;color:var(--main-blue);}
#contentsspc .inner-Box .banner-list li a::after{content:"";width:4.4rem;height:5rem;background:url(../images/common/side-img02.svg)no-repeat top center;background-size:100% auto;position:absolute;top:1.6rem;left:2.4rem;}
#contentsspc .inner-Box .banner-list li a:hover,
#contentsspc .inner-Box .banner-list li.is-current a{background:#D6E0F2;box-shadow:inset 0 0 0 3px var(--main-blue);}

#contents06 {margin: 0 auto 0 5rem;padding: 11.9rem 5vw 0rem;position: relative;}
#contents06 .inner-Box {margin: 0 auto;position: relative;max-width: 120.2rem;}
#contents06 .inner-Box h2 {position: relative;margin-bottom: 1.6rem;}
#contents06 .inner-Box p.text {margin-bottom: 3.2rem;position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents06 .inner-Box ul{display:flex;flex-wrap:wrap;gap:2%;}
#contents06 .inner-Box ul li{width:32%;position:relative;}

#contents06 .inner-Box figure.photo { width: 100%; aspect-ratio: 384 / 180; overflow: hidden; text-align: center; position: relative;margin-bottom: 0.8rem;}
#contents06 .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contents06 .inner-Box p.ltext {position: relative; color: #333;}

}
@media screen and (min-width:768px) and ( max-width:1919px) {
#contentscolumn {background: url('../images/index/contentscolumn-back01.svg')no-repeat top right, url('../images/index/contentscolumn-back02.svg')no-repeat bottom right;background-size: auto;}


}

@media screen and (min-width:768px) and ( max-width:1024px) {
#contents01, #contents03, #contents05, #event, #contents06 {padding-left: 0rem;}
#contents02, #contentscolumn, #contentsspc, #news{ margin-left: 0;}
#contents02 .overlap-section { padding: 8.0rem 0; }
#contents02 .overlap-container { flex-direction: column; align-items: flex-end; /* 子要素をすべて右寄せ */ min-height: auto; }
#contents02 .left-image { position: relative; /* 浮遊解除 */ width: 90%; height: 40.0rem; left: auto; top: auto; margin-right: 10%; /* 左側に寄せるための余白 */ }
#contents02 .right-text-box { width: 65%; margin-top: -8.0rem; /* 写真の下側に重なるように持ち上げる */ margin-right: 0;      /* 右端に吸着 */ margin-left: 0; padding: 6.0rem 4.0rem; }


}



@media screen and (max-width: 767px) {
#pc-glnavi{
    background: none;
    border-bottom: none;
}

#index-head{position:absolute;top:0;left:0;width:100%;z-index:1000;}

#index-head{position: absolute;top: 0;left: 0;padding: 4.4vw 0 0 4.4vw;width: 100vw;}
#index-head p.h-logo img{width: 13.2vw;}
#index-head.is-fixed{background: #fff;height: 17.60vw;z-index: 4;}
#index-head.is-fixed p.h-logo span{ display: none; }



#index-head{/* display: none; */padding: 3.2vw 0 0 4.3vw;}
#contentsmain {margin: 0;position: relative;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box h1 {color: #fff;font-size: 6.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;text-align: center;position: absolute;top: 50%;left: 50%;width: 100vw;transform: translate(-50%, -50%);z-index: 3;}

#contentsmain .inner-Box ul {}
#contentsmain .inner-Box ul li {position: relative;}

#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;overflow: hidden;}
#contentsmain .inner-Box figure.photo img {width: 100%; height: auto; display: block;transform: scale(1);}

#contentsmain .main-visual-slide .swiper-slide-active figure.photo img,
#contentsmain .main-visual-slide .swiper-slide-duplicate-active figure.photo img,
#contentsmain .main-visual-slide .swiper-slide-prev figure.photo img {animation: zoomUp 7s linear 0s both;}

#contentsmain .main-visual-slide {margin-bottom: 0;position: relative;}

#contentsmain .main-visual-slide .swiper-pagination {position: absolute;bottom: 4.133vw;right: 4.6vw;left: auto !important;width: 2.667vw !important;display: flex !important;flex-direction: column;align-items: center;padding: 0;margin: 0;z-index: 10;}

#contentsmain .main-visual-slide .swiper-pagination-bullet {display: block;width: 1.60vw;height: 1.60vw;margin: 2.233vw 1.333vw 0vw !important;background: #fff;opacity: 0.3;border-radius: 50%;cursor: pointer;border: none;outline: none;transition: opacity 0.3s;}

#contentsmain .main-visual-slide .swiper-pagination-bullet-active {opacity: 1 !important;}
#contents01 {margin: 0 auto 0;position: relative;background: url(../images/common/back.png),url(../images/common/back.svg)no-repeat top right;background-size: auto auto,cover;color: #fff;}
#contents01 .inner-Box1 {margin: 0 auto 6vw;position: relative;padding: 5vw 0vw 10vw;}
#contents01 .inner-Box1 h2 {margin-bottom: 4.533vw;position: relative;margin-left: 4.3vw;}
#contents01 .inner-Box1 h2.common-title-main .f-en{ color: #fff; }
#contents01 .inner-Box1 h2.common-title-main .f-en::before{ background: #fff;}

#contents01 .pickup-slide .swiper-slide {width: 74.67vw !important;height: auto;margin: 0 1.07vw;}
#contents01 .slider-controls { display: flex; align-items: center; justify-content: center; gap: 4vw; margin-top: 4vw; }
#contents01 .slider-controls .swiper-pagination { position: static !important; width: auto !important; display: flex !important; gap: 1.0rem; }
#contents01 .slider-controls .swiper-pagination-bullet {width: 1.60vw;height: 1.60vw;background: #fff;opacity: 0.3;margin: 0 !important;}
#contents01 .slider-controls .swiper-pagination-bullet-active { opacity: 1; }
#contents01 .prev-arrow, .next-arrow {cursor: pointer;line-height: 0;filter: brightness(0) invert(1);transform: scale(-1, 1);width: 2.67vw;}
#contents01 .next-arrow { transform: scale(1, 1); }

#contents01 .pickup-no-slide .swiper-wrapper { flex-wrap: wrap; }
#contents01 .pickup-no-slide .swiper-slide { width: 32% !important; }
#contents01 .is-hidden{ display: none;}
/* 元の枚数が3枚の場合：4個目以降のドットを隠す */
/* 複製された分のドットだけをピンポイントで消す */
#contents01 .swiper-pagination-bullet.is-hidden-dot {
    display: none !important;
}

/* 念のためアクティブ色の同期がSwiper標準でズレるのを防ぐ（JS側で制御するため） */
/* ただし、基本的にはJSのslideChangeで制御されるのでそのままでもOKです */


#contents01 .inner-Box1 figure.photo { position: relative; top: 0; left: 0; }
#contents01 .inner-Box1 figure.photo img{ width: 100%; height: auto; }
#contents01 .inner-Box2{}

#contents01{}
#contents01 .tab-Box{background: #fff;color: var(--main-blue);border-bottom: 1px solid #CCC;}
#contents01 .tab-Box .shttl{ font-size: 4vw; line-height: 1; letter-spacing: 0.05em; font-weight: 700; text-align: left; padding: 4.4vw 0vw 5.2vw 4.2vw; }
#contents01 .tab-Box .shttl::before{content: "";background: url(../images/index/zoom.svg)no-repeat;background-size: 100% auto;width: 3.73vw;height: 4.27vw;display: inline-block;margin-right: 2.2vw;position: relative;top: 0.7vw;}
#contents01 .tab-Box ul.tab-list{display:flex;border-top: 1px solid var(--main-blue);font-size: 3.2vw;line-height: 1;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contents01 .tab-Box ul.tab-list li{background: #F0F1F3;padding: 2.9vw;border-bottom: 1px solid var(--main-blue);}
#contents01 .tab-Box ul.tab-list li:first-child{width:23.2%;/* border: none; */text-align: center;}
#contents01 .tab-Box ul.tab-list li:not(:first-child){width:25.6%;border-left: 1px solid var(--main-blue);text-align: center;}
#contents01 .tab-Box ul.tab-list li.active{background: #fff;border-bottom: none;}
#contents01 .tab-Box .tab-in-Box{padding: 6.3vw 4.3vw 8.5vw 4.3vw;}
#contents01 .tab-Box .tab-in-Box .sh-box-tab{}
#contents01 .tab-Box .tab-in-Box .sh-box-tab ul.mini-list{display:flex;flex-wrap:wrap;}
#contents01 .tab-Box .tab-in-Box .sh-box-tab ul.mini-list li{width:50%;font-size: 3.2vw;line-height: 1;letter-spacing: 0em;font-weight: 400;text-align: center;border: var(--main-blue) 1px solid;padding: 3.1vw 0.1vw;margin: 0 -1px -1px 0;display:flex;align-items:center;justify-content:center;}
#contents01 .tab-Box .tab-in-Box .sh-box-tab ul.mini-list li a{ color: var(--main-blue);width:100%;}
#contents01 .tab-Box .tab-in-Box .sh-box-tab ul.mini-list li.is-twoline a{line-height: 1.4;}
#contents01 .tab-Box .tab-in-Box .sh-box-tab ul.mini-list li.imgicon{position: relative;font-weight: 700;background: #E7EDF7;}
#contents01 .tab-Box .tab-in-Box .sh-box-tab ul.mini-list li.imgicon a span{ position: absolute; top: 2.4vw; left: 3.6vw; }
#contents01 .tab-Box .tab-in-Box .sh-box-tab ul.mini-list li.imgicon a span img{ height: 4.3vw; }
#contents01 .tab-Box .tab-in-Box .sh-box-tab{display:none;}
#contents01 .tab-Box .tab-in-Box .sh-box-tab.active{display:block;}
#contents01 .tab-Box .tab-list li.active{ /* 好きに装飾 */ }

#event {/* background: #fff; */padding: 11.5vw 4.3vw 8.5vw 4.3vw;}
#event .ttl-Box {position: relative;}
#event .common-title-main {margin-bottom: 4.133vw;}
#event .listbtn{position: absolute;top: 10.867vw;right: -0.2vw;}
#event .inner-Box {position: relative;}
#event .systemlist{}
#event .systemlist li{width: 100%;position: relative;border: #CCCCCC 1px solid;margin-bottom: 2.7vw;background: #fff;}
#event .systemlist li a{display:flex;gap:3.1%;padding: 2.6vw 2.7vw 14.567vw;}
#event .photo-Box{width:29.72%;flex-shrink:0;}
#event .text-Box{width:67.18%;}

#event .photo {}

#gallery .photo { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; text-align: center; margin-bottom: 10.667vw; position: relative;}
#gallery .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#event .catetext {font-size: 2.93vw;line-height: 1;letter-spacing: 0em;font-weight: 400;text-align: left;margin-bottom: 2.667vw;position: relative;top: 1.3vw;}
#event .catetext span {display: inline-block;padding: 2.133vw 1.433vw;border:  0.27vw solid var(--main-blue);margin: 0 1.333vw 0.733vw 0;color: var(--main-blue);}
#event .systtl {color: #333;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#event .gl-btn-nolink {position: absolute;bottom: 2.5vw;left: 2.7vw;width: 86.1vw;font-size: 3.5vw;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: center;}

#news{margin: 0 4.4vw 9.1vw;}
#news .inner-Box{margin:0 auto;}
#news .inner-Box .ttl-Box{ position: relative; }
#news .inner-Box .ttl-Box .listbtn{text-align: left;padding-left: 0.8vw;position: absolute;top: 10.8vw;right: 0vw;}
#news .inner-Box .ttl-Box h2{margin-bottom: 4.233vw;}
#news .inner-Box .system-Box{}
#news .inner-Box .system-Box{}
#news .inner-Box .system-Box li{border-bottom: #CCC 0.27vw solid;margin-bottom: 4.333vw;}
#news .inner-Box .system-Box li a{position:relative;padding: 0 2vw;display: block;padding-bottom: 0.767vw;}
#news .inner-Box .system-Box li .databox{font-size: 2.93vw;line-height:1.083;letter-spacing:0.1em;font-weight:400;text-align:left;color:var(--main-blue);margin-bottom:3.2vw;}
#news .inner-Box .system-Box li .data-inbox {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: 1.33vw;}
#news .inner-Box .system-Box li .databox .timebox {font-size: 2.9vw;line-height: 1;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#news .inner-Box .system-Box li .databox .categ {color: var(--main-blue);display: block;background: #fff;border: 0.27vw solid var(--main-blue);padding: 2.133vw 1.433vw;line-height: 1;letter-spacing: 0;}

#news .inner-Box .system-Box li .arr{position: absolute;right: -2.4vw;width: 8.533vw;height: 8vw;padding: 1.867vw 0 0 2.933vw;top: 33%;transform: translateY(-50%);border-left: var(--main-blue) solid 0.27vw;display: none;}
#news .inner-Box .system-Box li .systtl{color: #333333;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#news .inner-Box .system-Box li .systtl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

#contents02 {background: url(../images/index/contents02-back01.svg)no-repeat bottom right -69.3vw;padding-bottom: 2.733vw;background-size: 341vw auto;}
#contents02 .overlap-section { padding: 40vw 0; width: 100%; }
#contents02 .overlap-container { display: flex; width: 100%; position: relative; justify-content: flex-end; align-items: flex-end; min-height: 186.667vw; }
/* --- 左側の写真（マスク枠） --- */
#contents02 .left-image {width: 91.7%;height: 124.667vw; /* 枠の高さ固定 */position: absolute;left: 0;top: 0;z-index: 1;overflow: hidden; /* マスク効果 */}
#contents02 .left-image img {width: 100%;height: 58.3vw !important; /* 枠より高くして視差の遊びを作る */object-fit: cover;display: block;position: absolute;top: 0%; /* 初期位置を上に */left: 0vw;will-change: transform;object-position: left center;}
/* --- 右側の白いボックス --- */
#contents02 .right-text-box {width: 91.5%;background-color: #fff;padding: 5.333vw 8.6vw 8.6vw;position: relative;z-index: 2;margin-top: 0vw;top: -30.4vw;margin-left: -13.333vw;box-shadow: -2.667vw 2.667vw 8vw rgba(0,0,0,0.08);}
#contents02 .text-inner {max-width: 136vw;width: 100%;}
#contents02 .title {color: #333FA1;font-size: 4.8vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contents02 .description {color: #333;margin-top: 4.27vw;font-size: 3.7vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;}


#contents03 {margin: 0 auto -17.4vw;position: relative;background: url(../images/common/back.png),url(../images/common/back.svg)no-repeat top right;background-size: 1vw 1vw,cover;color: #fff;}


#contents03 .back-Box {position: relative;padding: 13.267vw 4.3vw 19vw;}
#contents03 .ttl-Box {position: relative;}
#contents03 .ttl-Box h2 {margin-bottom: 6.533vw;position: relative;}
#contents03 .ttl-Box h2 .f-en,#contents03 .ttl-Box h2 .ttl-ja { color: #fff; }
#contents03 .ttl-Box h2 .f-en::before{ background: #fff; }
#contents03 .ttl-in-Box{}
#contents03 .left-Box{ margin-bottom: 7.1vw; }
#contents03 .right-Box{}
#contents03 .ttl-Box a{color: #fff;position: relative;}


#contents03 .left-Box figure.photo { position: relative; top: 0; left: 0; }
#contents03 .left-Box figure.photo img{ width: 100%; height: auto; }
#contents03 .right-Box h3 {margin-bottom: 3.4vw;position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents03 .right-Box h3 span.f-en {display: block;font-size: 6.1vw;line-height: 1;letter-spacing: 0.05em;font-weight: 600;text-align: left;margin-bottom: 3vw;}
#contents03 .right-Box h3 span.arr{position: absolute;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);top: -0.4vw;right: -64.9vw;border-left: 0.27vw solid #fff;padding: 4.133vw 0 5.2vw 4.133vw;display: block;}
#contents03 .right-Box h3 span.arr img{transform: rotate(0deg);transform-origin: center;transition: all 0.3s ease-in-out;width: 2.8vw;}
#contents03 .right-Box p.text {position: relative;font-size: 3.7vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 8.3vw;}
#contents03 .inner-Box {position: relative;}
#contents03 .inner-Box ul{display:flex;flex-wrap:wrap;gap: 3.1%;}
#contents03 .inner-Box ul li{position: relative;top: 0vw;left: 0vw;width: 48.4%;}
#contents03 .inner-Box ul li .min-Box{position: relative;box-shadow:2.133vw 2.133vw 0.0vw #0D186E;border-radius:0.0vw 4.267vw 0.0vw 0.0vw;background:#fff;margin-bottom: 4.4vw;transition: all 0.3s ease-in-out;padding: 2vw 0 4vw; width: 100%; }

#contents03 .inner-Box ul li a{padding: 7.733vw 7.733vw 7.733vw 9.333vw;}
#contents03 .inner-Box ul li a{display:flex;gap: 6.4vw;align-items:center;flex-wrap:nowrap;position: relative;}
#contents03 .img-Box{position:relative;}
#contents03 .text-Box{/* position:relative; */padding: 2.13vw 2.67vw;}

#contents03 .inner-Box ul li a span.arr{position: absolute;top: 0;right: -5vw;border-left: 0.27vw solid var(--main-blue);padding: 0 0 0 1.2vw;}
#contents03 .inner-Box ul li a span.arr img{transform: rotate(0deg);transform-origin: center;transition: all 0.3s ease-in-out;width: 1.767vw;position: relative;top: -0.5vw;}

#contents03 .img-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 2vw;}
#contents03 .img-Box figure.img img{height: 14vw;}
#contents03 .img-Box h4 {color: var(--main-blue);position: relative;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents03 .img-Box h4::after{content: "";display: inline-block;width: 2.7vw;height: 3vw;background: url(../images/index/plus.svg)no-repeat;background-size: 100% auto;position: relative;right: -0.2vw;margin-left: 1.2vw;}
#contents03 .text-Box p.ltext {color: #333;position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding-bottom: 8vw;}
#contents03 .morebt{position: absolute;bottom: 3vw;right: 8vw;}
#contents03 .morebt a{padding: 0!important;color: var(--main-blue);font-size: 3.2vw;line-height: 1;letter-spacing: 0.05em;font-weight: 600;text-align: right;}
#contents03 .morebt .arr{ }
.canvas{position: absolute;top: 0vw;right: 0vw;width: 47vw;}
.canvas svg{width: 100%;height: auto;}
#about-stroke{fill:none;stroke:#ffffff;stroke-width:0.27vw;stroke-linecap:round;stroke-linejoin:round;opacity:0.5;stroke-dasharray:1;stroke-dashoffset:1;animation: drawLineOnly 4s ease-in-out forwards;animation-play-state: paused;}

#contents03 .text-Box{display:none;}
#contents03 ul li.open .text-Box{display:block;}
#contents03 ul li.open h4::after{ content: none;}

@keyframes drawLineOnly{ 0%{stroke-dashoffset:1;} 100%{stroke-dashoffset:0;} } 

#contentscolumn {margin: 0 auto 0;position: relative;background: url('../images/index/sp-contentscolumn-back01.svg')no-repeat top center, url('../images/index/sp-contentscolumn-back02.jpg')no-repeat bottom center;background-size: 100% auto;padding: 23.367vw 0 11.767vw;}
#contentscolumn .back-Box {position: relative;background: #fff;padding: 0 4vw 7.967vw;}
#contentscolumn .inner-Box {position: relative;padding: 4.833vw 0 0;}
#contentscolumn .inner-Box h2 {margin-bottom: 0.9vw;position: relative;}
#contentscolumn .inner-Box h2 .ttl-ja{display: inline-block;position: relative;top: -1.9vw;}
#contentscolumn .inner-Box h2 span.iconpen {display: inline-block;position: relative;top: -4.6vw;width: 10.3vw;right: -1.633vw;transform-origin: 10% 90%;animation: katakataPencil 1.2s ease-in-out infinite;}
@keyframes katakataPencil { 0%   { transform: rotate(0deg); } 15%  { transform: rotate(8deg); } 30%  { transform: rotate(-5deg); } 45%  { transform: rotate(4deg); } 60%  { transform: rotate(-2deg); } 75%  { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }

#contentscolumn .inner-Box p.subttl {margin-bottom: 5.967vw;position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 350;text-align: left;}
#contentscolumn .inner-Box ul.system-list {
    margin-bottom: 4.8vw;
}
#contentscolumn .inner-Box ul li {position: relative;border-bottom: #ACACAC dashed 0.27vw;padding: 0vw 0 4.533vw 0;margin-bottom: 4.633vw;}
#contentscolumn .inner-Box ul li:last-child {border-bottom: none; margin-bottom: 0;}
#contentscolumn .inner-Box ul li a:hover {  }
#contentscolumn .inner-Box ul li a{display:flex;gap: 2.467vw;align-items:flex-start;flex-wrap:nowrap;padding: 0vw 2.5vw;}
#contentscolumn .photo-box{width: 25.5vw;flex-shrink:0;}

#contentscolumn .text-box{ flex:1; min-width:0; }
#contentscolumn .photo-box figure.photo {width: 100%;aspect-ratio: 300 / 192;overflow: hidden;text-align: center;position: relative;}
#contentscolumn .photo-box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contentscolumn .text-box p.system-date {position: relative;}
#contentscolumn .text-box p.system-date span.f-en { color: var(--main-blue); position: relative;top: -1.6vw;font-size: 2.9vw;line-height: 1;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentscolumn .text-box h3.systemttl {margin-bottom: 4.267vw;position: relative;color: #333;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentscolumn .text-box p.system-text {margin-bottom: 4.267vw;position: relative;font-size: 4.27vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #333;display: none;}
#contentscolumn .text-box p.more {position: relative;font-size: 3.73vw;line-height: 1;letter-spacing: 0.05em;font-weight: 600;text-align: right;display: none;}
#contentscolumn .text-box p.more span.arr {display: inline-block;border-left: var(--main-blue) 0.27vw solid;padding: 1.067vw 0 1.067vw 4.267vw;margin-left: 2.667vw;}
#contentscolumn .text-box p.more span.arr img{position: relative;top: -0.533vw;transition: all 0.3s ease-in-out;transform: rotate(0deg); transform-origin: center;}
#contentscolumn a:hover .text-box p.more span.arr img{transform: rotate(360deg); transform-origin: center;}
#contentscolumn .listbtn{position: relative;right: 0;}

#contentsspc{padding: 10.833vw 0vw 0vw;margin-bottom: 13.7vw;}
.special-section{max-width:293.333vw;display:flex;align-items:center;justify-content:center;gap:4%; /* ここで余白確保 */margin: 0 auto 8.733vw;}
.special-section .content{ width:60%; }
.special-section .deco img { width: 100%; height: auto; display: block; }
.special-section .content {text-align: center; /* 10.67vw */}
.special-section .title-en {margin: 0 11.3vw -1vw;}
.special-section .title-jp {display: flex;align-items: center;justify-content: center;margin: 7.3vw 0 6.4vw;color: var(--main-blue);white-space: nowrap;font-size: 5.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
.special-section .line-wrap {display: inline-flex;align-items: center;width: 10.133vw;height: 10.667vw;margin: 0 1.333vw;}
.special-section .line { display: block; width: 100%; height: 0.533vw; background-color: var(--main-blue); }
.special-section .line--left { transform: rotate(55deg); }
.special-section .line--right { transform: rotate(-50deg); }
.special-section .description {width: 100%;margin: -2.667vw -15.1vw;color: #333;font-size: 3.7vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 350;text-align: left;width: 90vw;}
.special-section .line--left::before{content: "";display: block;width: 0.3vw;height: 9.5vw;background: var(--main-blue);transform: rotate(90deg);transform-origin: center;top: 1.7vw;position: relative;left: 2.2vw;}
.special-section .line--right::before{content: "";display: block;width: 0.3vw;height: 9.5vw;background: var(--main-blue);transform: rotate(86deg);transform-origin: center;top: 2.2vw;position: relative;left: -1.2vw;}

.special-section .deco{width: 18%;flex-shrink:0;position:relative;opacity:0;}
.special-section.is-active .deco--left{ animation: explodeLeft 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; animation-delay:0.2s; }
.special-section.is-active .deco--right{ animation: explodeRight 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; animation-delay:0.4s; }
.special-section .deco--left{left: 8vw;top: -14.867vw;width: 19vw;}
.special-section .deco--right{left: -7.433vw;top: -18vw;width: 20vw;}
@keyframes explodeLeft { 0% { opacity: 0; transform: translate(10.667vw, 5.333vw) scale(0.3) rotate(-20deg); } 100% { opacity: 1; transform: translate(0, 0) scale(1) rotate(0deg); } }
@keyframes explodeRight { 0% { opacity: 0; transform: translate(-10.667vw, 5.333vw) scale(0.3) rotate(20deg); } 100% { opacity: 1; transform: translate(0, 0) scale(1) rotate(0deg); } }

#contentsspc .inner-Box{padding: 0 4.4vw;}
#contentsspc .inner-Box .banner-list{max-width:100%;width:100%;}
#contentsspc .inner-Box .banner-list li{position:relative;margin-bottom:0;}
#contentsspc .inner-Box .banner-list li a{background:#E7EDF7;width:100%;display:block;position:relative;border-radius:0.8vw;box-shadow:inset 0 0 0 0.533vw var(--main-blue);transition:background-color 0.3s ease,box-shadow 0.3s ease;}
#contentsspc .inner-Box .banner-list li a::before{content:"";position:absolute;display:block;background:url(../images/common/side-img00.svg)no-repeat top left;width:2.4vw;height:2.4vw;bottom:1.6vw;right:1.6vw;background-size:100% auto;}
#contentsspc .inner-Box .banner-list li span{color:var(--main-blue);padding:7.5vw 4vw 7.5vw 22vw;display:block;font-size:4vw;line-height:1.5;letter-spacing:0.05em;font-weight:700;text-align:left;}
#contentsspc .inner-Box .banner-list li a::after{content:"";width:11vw;height:12.2vw;background:url(../images/common/side-img02.svg)no-repeat top center;background-size:100% auto;position:absolute;top:3.8vw;left:5.5vw;}
#contentsspc .inner-Box .banner-list li a:hover,
#contentsspc .inner-Box .banner-list li.is-current a{background:#D6E0F2;box-shadow:inset 0 0 0 0.8vw var(--main-blue);}

#contents06 {padding: 13.733vw 4.4vw 0vw;position: relative;}
#contents06 .inner-Box {position: relative;}
#contents06 .inner-Box h2 {position: relative;margin-bottom: 4.267vw;}
#contents06 .inner-Box p.text {margin-bottom: 6.533vw;position: relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents06 .inner-Box ul{display:flex;flex-wrap:wrap;gap:2%;}
#contents06 .inner-Box ul li{position:relative;margin-bottom: 1.8rem;width: 100%;}
#contents06 .inner-Box ul li:last-child{margin-bottom: 0;}

#contents06 .inner-Box figure.photo { width: 100%; aspect-ratio: 384 / 180; overflow: hidden; text-align: center; position: relative;margin-bottom: 2.133vw;}
#contents06 .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contents06 .inner-Box p.ltext {position: relative;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #333;}

}