@charset "UTF-8";
@import url("ns-pc.css") screen and (min-width:641px);
@import url("ns-sp.css") screen and (max-width:640px);

.ns2025 .contents{position: relative; padding-bottom:0;font-family: 'Noto Sans JP', "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック", sans-serif; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.ns2025 #pagetop{display: none !important;}
.ns2025 .contents a{transition: all 0.25s}
.ns2025.relay .contents h2{text-align: center;}
.ns2025.relay .contents h2 a{display: block; padding: 0.5em 0; line-height: 1.0;}
.ns2025 .contents .twitter-tweet{margin-top: 0!important; margin-bottom: 0!important;}
.ns2025 .contents .eventList{background-color: #000000; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.ns2025 .contents .eventList a{display: block; padding: 0.5em 0; color: #ffffff; text-align: center; text-decoration: none;}
.ns2025 .contents .eventList p{font-size: 0.85em; text-align: center;}
.ns2025 .contents nav{background: rgba(235,91,66,1.00);}
.ns2025 .contents nav ul{table-layout: fixed; border-right: 1px solid rgba(0,0,0,0.5);}
.ns2025 .contents nav ul li {border-left: 1px solid rgba(0,0,0,0.5);}
.ns2025 .contents nav ul li a{color: #ffffff; font-weight: bold; text-align: center; text-decoration: none;}
.ns2025 .contents .entry{color: #ffffff; background-color: #000000; border-top: 1px solid rgba(0,0,0,0.5); text-align: center;}
.ns2025 .contents .entry .itemButton{margin-bottom: 0.75em; text-align: center;}
.ns2025 .contents .entry .itemButton a{display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; padding: 1.0em; color: #ffffff; background: #f36130; background: linear-gradient(90deg, rgba(243, 97, 48, 1) 0%, rgba(250, 130, 49, 1) 20%, rgba(247, 183, 49, 1) 40%, rgba(32, 191, 107, 1) 60%, rgba(56, 103, 214, 1) 80%, rgba(136, 84, 208, 1) 100%); border-radius: 5.0em; font-weight: 700; text-decoration: none; text-shadow: 0px 0px 3px rgba(0,0,0,0.5); line-height: 1.0; box-sizing: border-box; transition: all 0,25s;}
.ns2025 .contents .entry .itemButton a:before{display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 4px solid rgba(255,255,255,0.5); border-radius: 5.0em; box-sizing: border-box;}
.ns2025 .contents .entry .itemButton a:after{display: block; content: "\f138"; margin-left: 0.5em; font-family: fontAwesome; font-size: 1.25em; font-weight: 400;}
.ns2025 .contents .entry .itemButton a:hover, .ns2025 .contents .entry .itemButton a:active{ animation: bounce 0.5s ease;}
.ns2025 .contents .entry p{text-align: center;}
.ns2025 .contents .banner{text-align: center;}
.ns2025 .contents .itemMore{margin-top: 1.5em; text-align: center;}
.ns2025 .contents .itemMore a{display: inline-block; position: relative; padding: 1.5em; color: #ffffff; background-color: rgba(235,91,66,1.00); font-weight: bold; text-decoration: none; line-height: 1.0; box-shadow: 3px 3px 3px rgba(0,0,0,0.25); box-sizing: border-box;}
.ns2025 .contents .itemMore a:hover{background-color: #b04431; box-shadow: 3px 3px 3px rgba(0,0,0,0);}
.ns2025 .contents .itemMore a:before{display: block; content: ""; position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; transition: all 0.25s;}
.ns2025 .contents .itemMore a:after{display: block; content: ""; position: absolute; right: 4px; bottom: 4px; width: 20px; height: 20px; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transition: all 0.25s;}
.ns2025 .contents .itemMore a:hover:before{ top: 8px; left: 8px;}
.ns2025 .contents .itemMore a:hover:after{ right: 8px; bottom: 8px;}
.ns2025 .contents section > *{position: relative;}
.ns2025 .contents section h3{text-align: center;}
.ns2025 .contents section h3 span{display: block; font-size: 0.5em;}
.ns2025 .contents .onestep h3{color: #ffffff}
.ns2025 .contents .relay{background: #F36130; background: linear-gradient(90deg, rgba(243, 97, 48, 1) 0%, rgba(247, 183, 49, 1) 50%, rgba(32, 191, 107, 1) 100%);}
.ns2025 .contents .onestep{background: #3867D6;background: linear-gradient(90deg, rgba(56, 103, 214, 1) 0%, rgba(136, 84, 208, 1) 50%, rgba(243, 97, 48, 1) 100%); text-align: center;}
.ns2025 .contents .onestep .container > strong{display: inline-block; margin: 0 auto; padding: 0.75em 3.0em; color: #ffffff; border: 3px solid #ffffff; text-align: center; line-height: 1.0;}
.ns2025 .contents .onestep .container > strong em{margin: 0 0.10em; font-size: 2.0em;}
.ns2025 .contents .onestep strong + p{margin-top: 1.5em; color: #ffffff; text-align: center;}
.ns2025 .contents .onestep ul{margin-top: 15px; font-size: 0;}
.ns2025 .contents .onestep ul li{display: inline-block;}
.ns2025 .contents .onestep ul li:not(:last-child){margin: 0.5em 1.0em 0 0;}
.ns2025 .contents .onestep ul li a{display: block; padding: 5px 10px; color: #333333; background-color: rgba(255,255,255,0.85); border-radius: 5.0em; font-size: 0.85em; text-decoration: none; line-height: 1.0;}
.ns2025 .contents .onestep ul li a:hover{transform: scale(1.25)}
.ns2025 .contents .bannerArea{padding-top: 15px;}
.ns2025 .contents .bannerArea div img{border: 1px solid #c7c7c7; box-sizing: border-box; vertical-align: top;}
.ns2025 .contents .fixedBanner{position: fixed; right: 0; bottom: 0; width: 100%; padding: 1.0em 0; background-color: rgba(0,0,0,0.75); text-align: center;}
.ns2025 .contents .fixedBanner img{display: inline-block;border: 1px solid #c7c7c7; box-sizing: border-box;}
.ns2025 .contents .fixedBanner button{position: absolute; top: 0; right: 0; padding: 0.25em 0.5em; background-color: #eeeeee; border: none; appearance: none; font-family: 'Noto Sans JP', "メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック", sans-serif; font-family: "Noto Sans JP", sans-serif; font-size: 12px; line-height: 1.0; z-index: 1;}
.modaal-container strong{display: block; padding: 0.5em; color: #ffffff; background-color: rgba(235,91,66,1.00);}
.modaal-container strong em{font-size: 1.5em;}
.modaal-container dl dt{display: flex; margin: 1.0em 0 0.25em;}
.modaal-container dl dt:before{display: inline-block; content: ""; width: 10px; height: 10px; margin-top: 0.35em; background-color: rgba(235,91,66,1.0); clip-path: polygon(0 0, 0% 100%, 80% 50%);}
.modaal-container dl dd{position: relative; margin-left: 10px; padding: 0.5em; background-color: rgba(235,91,66,0.15); border-radius: 5px;}
.modaal-container dl dd:after{display: block; content: ""; position: absolute; top: 10px; left: -10px; width: 10px; height: 10px; background-color: rgba(235,91,66,0.15); clip-path: polygon(0 0, 100% 100%, 100% 0);}
@keyframes bounce {
  0% {
    transform: translateY(0) scale(1);
  }
  30% {
    transform: translateY(-10px) scale(1.1);
  }
  50% {
    transform: translateY(0) scale(0.9);
  }
  70% {
    transform: translateY(-5px) scale(1.05);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}