@charset "utf-8";
/* font
--------------------------------------------------*/
.fs8{font-size: 8px;}
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs18{font-size: 18px;}
.fs24{font-size: 24px;}
.fs32{font-size: 32px;}

.bold{font-weight: bold;}
.red{color: red;}
.red{color: red;}
.gray_recruit{color: #CCCCCC;}
.bg-blue{background-color: #0080FF;}
.white{color: #FFFFFF;}
.orange{color:#FF6400;}
.title{padding: 10px;}
span.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}

/* link
--------------------------------------------------*/
a{color: #121212;transition: 0.3s;}
a:hover{text-decoration: none; }

/* margin
--------------------------------------------------*/
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}

.ml10{margin-left: 10px}
.ml20{margin-left: 20px}
.ml30{margin-left: 30px}
.ml40{margin-left: 40px}
.ml50{margin-left: 50px}


/* align
--------------------------------------------------*/
.txt-r{text-align: right;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}


/* float
--------------------------------------------------*/
.fl-r{float: right;}
.fl-l{float: left;}


/* clearfix
--------------------------------------------------*/
.clearfix:after{
  content: "";
  clear: both;
  display: block
}
a:hover img{
  opacity:0.7;
  transition:0.3s;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.dllist {
    border-top: 1px solid #e8e8e8;
  }
.dllist li {
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
  }
.dllist li a span.pdfIcon{
  font-family: 'Oswald', sans-serif;
  color: #FFF;
  background: #c9151d;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: 5px 10px;
  min-width: 60px;
  margin-right: 10px;
}
.dllist li a {
  color: #333;
  display: block;
  padding: 10px;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  #sub .subTitle{
    border-left:5px solid #c9151d;
    font-size:18px;
    font-weight:bold;
    padding-left:15px;
    margin-bottom:30px;
  }
  #sub .contentsBox{
    position:relative;
    margin-bottom:30px;
  }
}

@media print, screen and (min-width: 769px) and (max-width: 959px) {
  #sub .subTitle{
    border-left:5px solid #c9151d;
    font-size:18px;
    font-weight:bold;
    padding-left:15px;
    margin-bottom:30px;
  }
  #sub .contentsBox{
    position:relative;
    margin-bottom:60px;
  }
}

@media screen and (min-width: 960px)  {
  #sub .subTitle{
    border-left:5px solid #c9151d;
    font-size:18px;
    font-weight:bold;
    padding-left:15px;
    margin-bottom:30px;
  }
  #sub .contentsBox{
    position:relative;
    margin-bottom:60px;
  }
}

footer .mfp_ok,footer .mfp_err,#mfp_hidden{
  display: none !important;
}
#mfp_loading_screen,#mfp_overlay_background{
  display: none;
}
footer .mfp_element_email{
  box-shadow: 0px !important;
  margin: 0 2px !important;
}
footer .mfp_element_submit:hover{
  box-shadow: 0px !important;
  margin: 0px !important;
}
.newsletterWap input[type="submit"]{
  background: #b4000c;
}