@charset "UTF-8";



/*-------------------------------------------------------------



  download



-------------------------------------------------------------*/



.download_box {

  padding-top: 30px;

  padding-bottom: 30px;

}



.dl_ttl {

  font-size: 130%;

  font-weight: 600;

  text-align: center;

}



dl { margin: auto;}



dt {

  font-size: 110%;

  font-weight: 600;

  margin: 0 auto 10px;

  text-align: center;

}



dt span { font-size: 130%;}



dd { margin-bottom: 30px;}



dd a {

  box-sizing: border-box;

  display: block;

  width: 80%;

  height: auto;

  font-weight: bold;

  font-size: 120%;

  color: #fff !important;

  margin: 0 auto 20px;

  padding: 20px 10px;

  text-align: center;

  text-decoration: none !important;

  -webkit-font-smoothing: antialiased;

  position: relative;

  overflow: hidden;

  transition: 0.3s;

}



.mp3 { background: #1d2087;}

.pdf { background: #d00a0a; background: #ec6c01;}

.xls { background: #1c790d;}

.word { background: #2b7cd3;}



.dltxt {

  position: relative;

  right: 0;

  transition: 0.6s ease;

}



.dlicon {

  position: absolute;

  top: 25%;

  right: 2%;

  transition: 0.6s ease;

  opacity: 0.2;

}



dd a:hover {

  opacity: 0.7;

  transition: 0.3s;

}



.vimeo {

  position: relative;

  width: 100%;

  padding-top: 56.25%;

  background: #1c92e9;

}



.vimeo iframe {

  position: absolute;

  top: 0;

  right: 0;

  width: 100% !important;

  height: 100% !important;

}



hr {

  margin: 40px 20px;

  border: none;

  border-bottom: solid 1px #ccc;

}



.w100 { width: 100%;}



.dlbox { text-align: center;}



.dllist {

  list-style: none;

  display: inline-block;

  margin-left: 1em;

  margin-bottom: 3px;

  text-indent: -1em;

}



.dllist li {

  font-size: 80%;

  text-align: left;

}



@media print, screen and (max-width:800px) {

.download_box {

  padding-top: 0;

  padding-bottom: 10px;

}



section { padding: 0 5%;}



dl { margin: 20px auto auto;}



dt { font-size: 100%;}



dd { margin-bottom: 10px;}



dd a {

  padding: 10px;

  width: 100%;

}

}