@charset "utf-8";
/* CSS Document */
#ttlArea {
  width:100%;
  height:460px;
  background-repeat:no-repeat;
  background-image:url(../images/main.jpg);
  background-size:cover;
  background-position:center top;
  top:0px;
  left:0px;
  z-index:10;
}
.ttlBlock {
  width:1000px;
  height:460px;
  margin:0 auto;
  position:relative;
}
.ttlBox {
  position:absolute;
  top:185px;
  width:200px;
  height:200px;
  display:block;
  background-image:url(../../common/images/bg_murasaki.jpg);
  opacity:0.8;
}
.ttlBlock h1 {
  position:absolute;
  top:245px;
  width:200px;
  height:auto;
  text-align:center;
}


#contentsArea {
}

.contentsBlock {
  width:1000px;
  height:auto;
  margin:30px auto;
  background:#CCC;
  color:#000;
}
.cancelBox {
  padding:10px 30px 30px 30px;
}
.cancelBox table {
  border-top:#666 solid 1px;
  border-left:#666 solid 1px;
  width:100%;
}
.cancelBox th {
  background-color:#EBCACA;
}
.cancelBox th,
.cancelBox td {
  border-bottom:#666 solid 1px;
  border-right:#666 solid 1px;
  text-align:center;
  padding:10px;
  width:50%;
}
.cancelBox h2 {
  font-size:116%;
  padding:20px 0 5px 16px;
  background-repeat:no-repeat;
  background-image:url(../../common/images/sankaku_m.png);
  background-position:0 20px;
}
.cancelBox ol {
  padding:20px 0 0;
}
.cancelBox ol li {
  list-style:decimal;
  line-height:1.4em;
  padding:6px 0 0;
  margin:0 0 0 18px;
}
.cancelBox ul {
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cancelBox ul li {
  width:455px;
}




.recruit {
  width:auto;
  height:auto;
  padding:30px;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
}
.recruitImg {
  width:340px;
}
.recruit dl {
  width:600px;
  border-top:#666 solid 1px;
  margin:0px 0;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.recruit dt {
  width:60px;
  border-bottom:#666 dotted 1px;
  padding:10px 0 0 5px;
  line-height:1.5em;
}
.recruit dd {
  width:520px;
  border-bottom:#666 dotted 1px;
  border-left:#666 dotted 1px;
  padding:10px 0 10px 12px;
  line-height:1.5em;
}



.sitemapBox {
  padding:30px;
  display: flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.sitemapBox ul {
  padding:0 0 0 20px;
}
.sitemapBox li {
  padding:8px 0 8px;
  line-height:1.4em;
  font-size:108%;
}
.sitemapBox a {
  color:#000;
}
.border {
  border-left:#666 dotted 1px;
}

/* SmartPhone用設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {

  #ttlArea {
    height:200px;
  }
  .ttlBlock {
    width:100%;
    height:200px;
    margin:0 auto;
    position:relative;
  }
  .ttlBox {
    display:none;
  }
  .ttlBlock h1 {
    top:85px;
    width:100%;
  }
  
  
  #contentsArea {
    padding:0 10px;
  }
  .contentsBlock {
    width:auto;
    height:auto;
    margin:10px auto;
  }
  .cancelBox {
    padding:0px 15px 15px 15px;
  }
  .cancelBox ol {
    padding:10px 0 0;
  }
  .cancelBox ul {
    display: block;
  }
  .cancelBox ul li {
    width:auto;
  }
  
  
  
  .recruit {
    width:auto;
    height:auto;
    padding:10px;
    display: block;
  }
  .recruitImg {
    width:auto;
  }
  .recruitImg img {
    width:100%;
    height:auto;
  }
  .recruit dl {
    border-top:#666 solid 1px;
    margin:10px 0;
    display: block;
    width:auto;
  }
  .recruit dt {
    width:auto;
    border-bottom:none;
    padding:10px 0 0 5px;
    line-height:1.5em;
  }
  .recruit dd {
    width:auto;
    border-bottom:#666 dotted 1px;
    border-left:none;
    padding:0px 0 10px 18px;
    line-height:1.5em;
  }
  
  
  
  .sitemapBox {
    padding:10px 0 0;
    display: block;
  }
  .border {
    border-left:none;
  }

  

}