@charset "utf-8";
/* CSS Document */
#adminBox, .acms-admin-box,
.tss_comprehensiveHead{
  position: relative;
  z-index: 100;
}


.t5d_body{
  min-height: 100vh;
  font-family: "Yu Gothic Medium","游ゴシック Medium","游ゴシック体", YuGothic,"Meiryo UI","Hiragino Sans",sans-serif;
}

img{max-width: 100%;}




.t5d_bg{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.62;
  z-index: 1;
}
.t5d_bg picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.t5d_main{
  position: relative;
  padding-bottom: 92px;
  z-index: 10;
}


.t5d_top{
  padding: 96px 16px 56px;
  text-align: center;
}
.t5d_top h1{margin-bottom: 24px;}
.t5d_yotei{margin-bottom: 32px;}
.t5d_copy{margin-bottom: 16px;}
.t5d_des img{
  filter: drop-shadow(0px 1px 0px #fff);
}


.t5d_entryblock{
  padding: 48px 16px 56px;
  text-align: center;
  background-color: #FFFFFF;
  opacity: 0;
  transition: all 0.5s linear;
}
.t5d_entryblock.active{opacity: 1;}
.t5d_entryblock h2{
  line-height: 1;
  margin-bottom: 14px;
  font-size: clamp(1.25rem, -0.057rem + 4.86vw, 2.375rem);/*20-38 430-800*/
  font-weight: bold;
  color: #E80000;
  opacity: 0;
  transition: all 1s linear;
}
.t5d_entryblock.active h2{
  opacity: 1;
}
.t5d_entryblock > p{
  line-height: 1.5;
  margin-bottom: 24px;
  font-size: clamp(0.875rem, 0.439rem + 1.62vw, 1.25rem);/*14-20 430-800*/
  font-weight: bold;
  opacity: 0;
  transition: all 1s linear;
}
.t5d_entryblock.active > p{
  opacity: 1;
}
.t5d_entryblock div a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 460px;
  max-width: 100%;
  height: 60px;
  line-height: 1.5;
  margin: auto;
  text-decoration: none;
  font-size: clamp(1rem, 0.564rem + 1.62vw, 1.375rem);/*16-22 430-800*/
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px #DC9228;
  border-radius: 30px;
  background: linear-gradient(#FFCB51 0%, #FBC344 23.43%, #D68923 100%);
  border: 1px solid #D59090;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.39);
  opacity: 0;
  transition: all 1s linear;
}
.t5d_entryblock.active div a{
  opacity: 1;
}
.t5d_entryblock div a span{
  font-size: 0.4545em;
}





.tss_footer{
  position: relative;
  mix-blend-mode: multiply;
  background-color: #FFF4E3;
  z-index: 15;
}
.tss_footer a{
  font-family: Meiryo;
  color: #000000;
}







@media screen and (min-width:801px){
  .t5d_entryblock div a:hover{
    background: linear-gradient(#F7D483 0%, #FFCB51 23.43%, #FBC344 100%);
  }
}




@media screen and (max-width:800px){
  .t5d_main{padding-bottom: calc(17.5vw + 120px);}
  .t5d_top{
    padding: max(12vw, 40px) 16px max(7vw, 32px);
  }
  .t5d_top h1{margin-bottom: max(3vw, 12px);}
  .t5d_yotei{margin-bottom: max(4vw, 16px);}
  .t5d_yotei img{width: 36.6%;}
  .t5d_copy{margin-bottom: max(2vw, 8px);}
  .t5d_copy img{
    width: 76.2%;
    min-width: 300px;
  }
  .t5d_des img{
    width: 78%;
    min-width: 320px;
  }


  .t5d_entryblock div a{
    width: max(57.5vw, 300px);
    height: max(7.5vw, 48px);
  }
}