@charset "UTF-8";
/* --------------------------------------------------------------------- */
/* Layout : Company */
/* --------------------------------------------------------------------- */
#contentsContainer {
 background: #0B2775;
 margin: 0;
 padding: 0;
}
#mainImg {
 background: url("../../recruit/img/main.jpg") no-repeat center center;
 background-size: cover;
 height: 300px;
 margin: 0;
 padding: 0;
}
.read {
 margin: 20px 0 0 0;
 font-size: 1.8rem;
}
#contentsContainer section.wrap {
 padding-bottom: 0px;
}
#wrap2 {
 background: #AECCE4;
 width: calc(100% + 170px);
 margin: 30px -85px 0;
 padding: 30px 85px 50px;
}
h3 {
 background: #0B2775;
 padding: 5px 15px;
 font-size: 2rem;
 font-weight: bold;
 display: inline-block;
 color: #FFF;
}
h3.mt30 {
 margin-top: 30px;
}
h4 {
 background: url("../../recruit/img/bar.png") no-repeat left center;
 background-position: 0 11px;
 margin: 30px 0 0 0;
 padding: 0 0 0 30px;
 color: #FFF !important;
}
.name {
 margin: 20px 0 0 0;
 color: #FFF;
 font-weight: bold;
 font-size: 2rem;
}
.name span {
 font-size: 2.8rem;
}
.interview {
 width: 100%;
 margin: 0;
 font-size: 1.6rem;
 font-weight: bold;
}
.interview dt {
 background: url("../../recruit/img/bar.png") no-repeat left center;
 background-position: 0 11px;
 margin: 30px 0 0 0;
 padding: 0 0 0 30px;
 color: #FFF !important;
}
.interview dd {
 background: #FFF;
 margin: 10px 0 0 0;
 padding: 10px;
 color: #0B2775;
}
.schedule {
 background: #0B2775;
 margin: 10px 0 0 0;
 color: #FFF;
 display: flex;
 flex-wrap: wrap;
 font-size: 1.6rem;
}
.schedule dt {
 width: 100px;
 padding: 20px 0 0 40px;
 border-right: 2px solid #FFF;
}
.schedule dd {
 background: url("../../recruit/img/arrow.png") no-repeat;
 background-position: 0 24px;
 width: 530px;
 padding: 20px 0 0 25px;
}
.schedule dd:last-child {
 padding-bottom: 20px;
}
.schedule dd span {
 display: block;
 margin: 0;
 font-size: 1.2rem;
}
.img {
 width: 800px;
 max-width: 800px;
 margin: 50px 0 0 -85px;
 padding: 0;
}
.outline {
 background: #FFF;
 width: 100%;
 margin: 30px 0 0 0;
 display: flex;
 flex-wrap: wrap;
 border-top: 1px solid #00428E;
 border-left: 1px solid #00428E;
 font-size: 1.6rem;
}
.outline dt {
 width: 150px;
 font-weight: bold;
 padding: 10px;
 border-right: 1px solid #00428E;
 border-bottom: 1px solid #00428E;
}
.outline dd {
 width: 479px;
 padding: 10px;
 border-right: 1px solid #00428E;
 border-bottom: 1px solid #00428E;
}
#circle {
 background: #00428E;
 width: 116px;
 height: 116px;
 border-radius: 50%;
 position: fixed;
 top: 40%;
 left: calc(50% + 270px);
 transform: translate(0, -50%);
 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
#circle a {
 padding: 30% 0 0 0;
 width: 100%;
 height: 100%;
 color: #FFF;
 text-align: center;
 display:block;
 position: absolute;
 top: 0;
 left: 50%;
 transform: translate(-50%,0);
}
#circle a:hover {
 opacity: .7;
}
@media screen and (max-width:480px) { /* SMARTPHONE */
 #wrap2 {
 width: calc(100% + 80px);
 margin: 30px -40px 0;
 padding: 30px 40px 50px;
}
 .schedule {
  font-size: 1.6rem;
 }
 .schedule dt {
  width: 80px;
  padding: 10px 0 0 20px;
  border-right: 2px solid #FFF;
 }
 .schedule dd {
  background: url("../../recruit/img/arrow.png") no-repeat;
  background-position: 0 14px;
  width: calc(100% - 82px);
  padding: 10px 0 0 25px;
 }
 .schedule dd:last-child {
  padding-bottom: 10px;
 }
 .schedule dd span {
  display: block;
  margin: 0;
  font-size: 1.2rem;
 }
 .img {
 width: calc(100% + 80px);
 max-width: auto;
 margin: 50px 0 0 -40px;
 padding: 0;
}

 .outline {
  border-right: 1px solid #00428E;
  font-size: 1.4rem;
 }
 .outline dt {
  background: #F3F5F8;
  width: 100%;
  padding: 10px;
  border-right: none;
  border-bottom: none;
 }
 .outline dd {
  width: 100%;
  padding: 10px;
  border-right: none;
  border-bottom: 1px solid #00428E;
 }
 #circle {
  width: 100px;
  height: 100px;
  top: 35%;
  left: auto;
  right: 5px;
  transform: translate(0, 0);
 }
}
@media screen and (max-width:320px) { /* SMARTPHONE */
}