@charset "utf-8";
/* CSS Document */

#pageTitle{ letter-spacing: 2px; }
#pageTitle span{ font-size:0.8em; }

#programList li,#programList li a span{ position: relative}
#programList li a{
  background: #cc443f;
color: #fff;
border: solid #8e1c18 1px;
text-align: center;
padding: 14px 0; }


#programList li a:before,
#programList li a span:after{ content: ""; display: block; position: absolute; }

#programList li a:before {
    height: 6px;
    width: 6px;
    right: 6%; top:48%;
  border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#programList li a span:after{
background: url("../img/externalIcon.svg") right 4px no-repeat;
    background-size: auto;
background-size: 9px 10px;
right: -16px;
bottom: 16%;
height: 20px;
width: 8%;}


#programList li a:hover{ background-color: #8e1c18; color: #ffd9e4; }




/*table*/
th,td{ padding:3%; }
tr:first-child th, tr:first-child td{ padding-top:0; }

#place{ position:relative; }
#place li{ float:left; }
#place a { color:#a52e2a; font-size:0.93em; display:block;margin-left: 35px;  }
#place a:hover,#notice li a:hover{ color:#bc1d2f; }
#place a:before{ position:absolute;
font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 0.7em; 
    display: inline-block;
    float: right;
    content: "\f054";
    line-height: 1.4em;/*IE*/
}

/*firefox*/
@-moz-document url-prefix() {
#place a:before{ line-height: 2.1em; }
}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#place a:before{ line-height: 2.3em; }
}

.externalIcon2 a span{ padding:0 30px 0 10px; background-position:90px 4px; }

#notice{ margin-left: 20px; }
#notice li{ line-height: 1.6em; }
#notice li a{ text-decoration: underline; color:#a52e2a;  }
#notice li:not(:last-child){ margin-bottom:10px; }
#notice li:last-child{ margin-bottom:20px; }
#committee{ text-align:right; font-size:0.9em; }


.detail dt{ font-size: 1.05em;  }
.detail dd{ margin-bottom:10px }
.detail dd span{ font-size:0.9em; }

/*mail*/
.mailBtn2{ margin-top:20px; }
.mailBtn2 a{ color:#fff; background: #cc443f; border:solid #8e1c18 1px;}

.mailBtn2 a:hover, .dlbtn a:hover{ background-color:#8e1c18; color:#ffd9e4; }

.mailBtn2 a:before{ color: #fff; }


.dlbtn { margin: 0 auto 50px;}

.dlbtn a {
  background: #cc443f;
  color: #fff;
  border: solid #8e1c18 1px;
  text-align: center;
  padding: 14px 0;
}

.dlbtn a::before {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  position: absolute;
  top: 40%;
  right: 6%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.dlbtn a i {
  background: url("../img/externalIcon.svg") right 4px no-repeat;
  background-size: 9px 10px;
  width: 10px;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
}

@media screen and (max-width: 1059px) {
.seminarTitle span br{ display: none; }

}




@media screen and (min-width: 381px) and (max-width: 750px) {
#pageTitle span{ display: block; }
}

@media screen and (min-width: 640px) {
  th{ width:20%; }
  td{ width:80%; }
  .dlbtn { width: 60%;}
  }
  
  @media screen and (max-width: 783px) {
  .detail{ margin-bottom:10px }
}

  @media screen and (max-width: 639px) {
  tr:first-child th, tr:first-child td{ padding-top: 3%; }
  .dlbtn { width: 80%;}
  }
  
  @media screen and (max-width: 454px) {
    #place li{float:none;}
    #place a{ margin:0 0 5px ; }
}


  @media screen and (max-width: 375px) {
  #place a:before{ line-height:2.5em; }
  }