@charset "utf-8";


main { height: calc(100vh - 60px); }
body {  background: radial-gradient(circle at center, #AD1D22 0%, #AD1D22 70%, #6a1b1f 100%); }
footer { width:100%; position:fixed; bottom:0; padding-top:0; background:none; }
footer .fbox { display:none; } 
.logo { width:40%; margin:12px 0 0 12px; }
.fcopyright_wrap .fcopyright { width:100%; text-align:center; }
.contents_wrap { padding-bottom:0; }
.fcopyright_wrap .fcopyright { padding:5px 0; color:#fff; }
.fcopyright_wrap .fcopyright_wrap_inner { display:block; }
.link_site.gothic { width:100%; text-align:center; display:inline-block; color:#fff; }
@media screen and (min-width:769px) {
  main { display:block; }
  .logo { width:260px; margin:30px 0 50px 30px; }
  .contents_wrap { padding-bottom:initial; }
  .fcopyright_wrap .fcopyright { width:auto; padding:10px 0; margin:0 auto; display:block; color:#fff; }
  .fcopyright_wrap .fcopyright_wrap_inner .link_site.gothic { width:auto; display:inline-block; color:#fff ;text-align:left; position:absolute; left:0; }
  .link_site.gothic:hover { text-decoration:underline;}
  .fcopyright_wrap .fcopyright_wrap_inner { display:flex; align-items: center; position:relative; }

}

/* トップテキスト */
.top_text { width:100%; height:auto; position:absolute; top: -8vh; right: 0; left: 0; }
.top_text .top_message.inline_pc { display:none; }
@media screen and (min-width:320px) {
  .top_text { top: -4vh;}
  .top_text .top_message.inline_sp { display:block; width:100%; margin:-28vw 0 1vw 4vw; font-size:10vw; line-height:1.5em; letter-spacing:0.05em; color:#fff; text-align:center; }
}
@media screen and (min-width:414px) {
  /*.top_text { top: 2vh; }*/
}
@media screen and (min-width:768px) {
  .top_text { top: 4vh; }
  .top_text svg { margin-top:initial; }
  .top_text .top_message.inline_sp { display: none;}
  .top_text .top_message.inline_pc { display: block; width:100%; height:auto; margin:initial; margin-top:-10vh; font-size: 5vw; color:#fff; text-align:right; float:right; }
}
@media screen and (min-width:820px) {
  .top_text { width: 100%; margin: 0 auto;}
  .top_text .top_message.inline_pc { margin-top:-10vh; font-size: 4.5vw; }
}
@media screen and (min-width:961px) {
  .top_text { width: 90%; margin: 0 auto;}
  .top_text .top_message.inline_pc { margin-top:-14vh; font-size: 4vw;}
}

/* リンクボタン２つ */
.banner-list-top { width:90%; margin:27vh auto 0 auto; display:flex; justify-content: space-between; flex-wrap:wrap; }
.banner-list-top li { width:100%; height:100%; margin-bottom:15px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08),0 1px 3px rgba(0, 0, 0, 0.1);transition: box-shadow 0.3s ease, transform 0.3s ease;}
.banner-list-top li a { width:100%; height:100%;  padding:10px 0; background:#fff;}
.banner-list-top li a .img-wrap img { display: block; width: 100%; transition: transform 0.5s ease; transform: scale(1); }
.banner-list-top li a:hover .img-wrap img { transform: scale(1.2); }
.banner-list-top li a .img-wrap { position:relative; display: inline-block; width:100%; height:15vh; overflow:hidden; }
.banner-list-top li a .img-wrap img { display:block; width:100%; margin-top:-8vw; }
.banner-list-top li a .text_wrap { position:relative; padding-bottom:10px; background:#fff; }
.banner-list-top li a .text_wrap em { display:block; width:100%; text-align:center; font-size:24px; letter-spacing:0.05; line-height:1.7em; }

@media screen and (min-width:414px) {
  .banner-list-top { width: 75%; margin-top:27vh; }
  .banner-list-top li a .img-wrap { height:16vh; }
  .banner-list-top li a .img-wrap img { display:block; width:100%; margin-top:0; }
  /*.banner-list-top li a .text_wrap em { font-size:32px; }*/
}
@media screen and (min-width:768px) {
  .banner-list-top { width:100%; display:flex; justify-content: space-around; margin: 15vh auto 0 auto;}
  .banner-list-top li { width:75%; }
  .banner-list-top li a .img-wrap { height:20vh; }
  .banner-list-top li a .img-wrap img { display:block; width:100%; margin-top:0; }
  .banner-list-top li a .text_wrap em { font-size:32px; }
}
@media screen and (min-width:820px) {
  .banner-list-top li { width:75%; }
  .banner-list-top li a .img-wrap { height: 24vh;}
}
@media screen and (min-width:960px) {
  .banner-list-top { margin: 29vh 0 0;}
  .banner-list-top li { width:45%; }
}
@media screen and (min-width:1080px) {
  .banner-list-top { width:100%;}
  .banner-list-top li { width:40%; }
}


/* リンクボタン矢印 */
.banner-list-top li a .nav_arrow { width:32px; height:32px; position:absolute; bottom:15px; right:20px; border-radius:50%; border:1px solid #000; z-index:1; display:flex; align-items:center; justify-content: center; overflow:hidden; }
.banner-list-top li a .nav_arrow img { width:14px;}
@media screen and (min-width:769px) {
  .contents  { width:90%; max-width:1080px; margin-top:initial;}
  .banner-list-top li a .nav_arrow { width:42px; height:42px; }
  .banner-list-top li a .nav_arrow img { width:19px;}
}
/* アニメーション定義：右にスライドして左から再登場 */
.banner-list-top li a:hover .nav_arrow img { animation: arrowLoop 1s linear infinite;}
@keyframes arrowLoop {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  49% {
    transform: translateX(70px);
    opacity: 0;
  }
  50% {
    transform: translateX(-70px);
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


/* ページトップ */
.pagetop_wrap { display:none; }