@charset "utf-8";
/* CSS Document */
.t5d_main{
  padding-bottom:0;
}

.t5d_top{
  width:100%;
  background:linear-gradient(to bottom, rgb(81 157 230) 0%, rgba(255, 255, 255, 0) 100%);
  padding-bottom:8px;
}

.t5d_contentswrap{
  background-color:rgba(255, 255, 255, 0.74);
  max-width:1200px;
  width:100%;
  margin:auto;
  line-height:1.375;
  padding:24px 0 64px 0;
}

.t5d_contentswrap h3{
  font-size:1.5em;
  text-align: center;
  margin-bottom:24px;
}
.t5d_lowertopicscontents{
  max-width:800px;
  width:88%;
  margin:auto;
}
.t5d_topicstop ul{
  display:flex;
  gap:20px;
  width:100%;
  max-width:800px;
  margin:auto;
}
.t5d_topicstop ul li{
  text-align: center;
}
.t5d_topicstop ul li p{
  margin-top:0.5em;
}
.t5d_topicstop > p{
  color:#953C00;
  margin-top:32px;
}
.t5d_topicsmiddle h4{
  background-color:#F6EBCE;
  font-size:1.125em;
  text-align: center;
  padding:0.5em;
  margin:32px 0;
}
.t5d_topicsmiddle dl{
  line-height:1.375;
}
.t5d_topicsmiddle dl dt{
  font-size:1.125em;
  padding-bottom:0.25em;
}
.t5d_topicsmiddle dl dd{
  font-weight:normal;
  padding-bottom:2em;
}
.t5d_topicsmiddle > p{
  color:#953C00;
}
.t5d_container{
  padding:0 10px 48px;
  font-weight:bold;
  background:rgba(255, 255, 255, 0.74);
}

.t5d_back{
  text-align:center;
  margin:40px auto;
  max-width:200px;
}
.t5d_back a{
  color:#04376A;
  font-size:1.25em;
  background:#FFF;
  box-shadow: 0px 0px 10px #a8c4e1;
  display:flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding:0.25em 0;
  border:solid 1px #CFE0F0;
  transition: all 0.2s linear;
}

@media screen and (min-width:801px){
  
  .t5d_back a:hover{
    box-shadow:none;
  }
}


@media screen and (max-width:800px){
  .t5d_contentswrap{
    padding-left:8px;
    padding-right:8px;
  }
  .t5d_topicstop ul{
    flex-wrap:wrap;
    justify-content: center;
  }
  .t5d_topicstop ul li{
    width:40%;
  }
  .t5d_contentswrap h3{
    font-size:1.25em;
  }
  .t5d_back a{
    font-size:0.875rem;
  }

}
@media screen and (max-width:480px){

}