@charset "UTF-8";
/* =================================================================================================

　基本スタイル

================================================================================================= */
/* CSS Document */
.fixed_text {
  top: 3rem;
  left: -10rem;
}

/* ----------------------------------------------------------------------------
　タイトルエリア
---------------------------------------------------------------------------- */
#title_area {
  position: relative;
  margin-bottom: 4rem;
}

#title_area h1 {
  width: 760px;
  position: absolute;
  top: 0rem;
  left: calc((100% - 760px) / 2);
  z-index: 2;
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 3px;
  color: #2e3192;
}
@media screen and (max-width: 840px) {
  #title_area h1 {
    width: 80%;
    left: 10%;
  }
}

#title_area h1 span {
  display: inline-block;
  border-top: 5px solid #2e3192;
  padding-top: 1rem;
}

#title_area .bg {
  width: 100%;
}
@media screen and (max-width: 592px) {
  #title_area .bg {
    position: relative;
    top: 2rem;
  }
}
#title_area .bg img {
  width: 100%;
}

/* ----------------------------------------------------------------------------
　アンカーリンク
---------------------------------------------------------------------------- */
#anchor {
  display: flex;
  justify-content: center;
  margin-bottom: 8rem;
}

#anchor li {
  margin-right: 5rem;
  letter-spacing: 3px;
}
@media screen and (max-width: 592px) {
  #anchor li {
    margin-right: 2rem;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 592px) {
  #anchor li a span {
    font-size: 0.875rem;
  }
}
#anchor li:last-child {
  margin-right: 0rem;
}

#newgraduate {
  width: 760px;
  margin: 0 auto 3rem;
  position: relative;
}
@media screen and (max-width: 840px) {
  #newgraduate {
    width: 85%;
  }
}

#newgraduate h2 {
  color: #2d3192;
  font-size: 1.8rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 592px) {
  #newgraduate h2 {
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }
}

#newgraduate dl {
  border-top: 1px dotted #999;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
#newgraduate dl.border {
  border-bottom: 1px dotted #999;
}
@media screen and (max-width: 592px) {
  #newgraduate dl {
    display: block;
  }
}

#newgraduate dl dt {
  flex: 0 0 215px;
}
@media screen and (max-width: 592px) {
  #newgraduate dl dt {
    margin-bottom: 1.5rem;
  }
}

#newgraduate dl dt span {
  display: inline-block;
  background-color: #2d3192;
  color: #fff;
  line-height: 120%;
  padding: 0.3rem 0.5rem;
}

#newgraduate dl dd {
  flex: 1 1 auto;
  line-height: 190%;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 592px) {
  #newgraduate dl dd {
    font-size: 0.875rem;
  }
}

/* エントリー */
#entry {
  margin-top: 6rem;
  margin-bottom: 4rem;
}

#entry h3 {
  font-size: 1.5rem;
  line-height: 120%;
  color: #2d3192;
  text-align: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 592px) {
  #entry h3 {
    font-size: 1.275rem;
    margin-bottom: 2rem;
  }
}

#entry h3 span {
  background: url("../img/entry_title.png") 0 0 no-repeat;
  padding: 0.5rem 0 0 3rem;
}
@media screen and (max-width: 592px) {
  #entry h3 span {
    background-size: 1.5rem auto;
    padding: 0.5rem 0 0 2rem;
  }
}

#entry ul {
  width: 860px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (max-width: 940px) {
  #entry ul {
    width: 85%;
  }
}

#entry ul li {
  width: 48.5%;
  margin: auto;
}
#entry ul li img {
  width: 100%;
}
#entry ul li a {
  display: block;
}
#entry ul li a:hover {
  opacity: 0.8;
}

#intern {
  position: relative;
  overflow: hidden;
  padding: 13rem 0;
  margin-bottom: 5rem;
}
@media screen and (max-width: 1366px) {
  #intern {
    padding: 10rem 0;
  }
}
@media screen and (max-width: 1024px) {
  #intern {
    padding: 8rem 0;
  }
}
@media screen and (max-width: 592px) {
  #intern {
    margin-bottom: 2rem;
  }
}

#intern:after {
  content: "";
  width: 100%;
  left: 0rem;
  box-sizing: border-box;
  transform: skewY(-6deg);
  background: linear-gradient(to bottom, #f3f2f2 0%, #fcfcfc 100%);
  position: absolute;
  height: calc(100% - 200px);
  top: 100px;
}
@media screen and (max-width: 1366px) {
  #intern:after {
    height: calc(100% - 150px);
    top: 75px;
  }
}
@media screen and (max-width: 1024px) {
  #intern:after {
    height: calc(100% - 100px);
    top: 50px;
  }
}
@media screen and (max-width: 800px) {
  #intern:after {
    height: calc(100% - 70px);
    top: 35px;
  }
}
#intern .inner {
  width: 760px;
  margin: 3rem auto 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 840px) {
  #intern .inner {
    width: 85%;
  }
}
@media screen and (max-width: 592px) {
  #intern .inner {
    margin: 0rem auto 0;
  }
}

#intern h2 {
  color: #2d3192;
  font-size: 1.8rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 592px) {
  #intern h2 {
    font-size: 1.5rem;
    margin-bottom: 4rem;
  }
}

#intern .bnr {
  width: 75%;
  margin: 0 auto;
}
@media screen and (max-width: 592px) {
  #intern .bnr {
    width: 100%;
  }
}
#intern .bnr img {
  width: 100%;
}

#intern .bnr a {
  display: block;
}
#intern .bnr a:hover {
  opacity: 0.8;
}

#career {
  width: 760px;
  margin: 0 auto 8rem;
  position: relative;
}
@media screen and (max-width: 840px) {
  #career {
    width: 85%;
  }
}

#career h2 {
  color: #2d3192;
  font-size: 1.8rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 592px) {
  #career h2 {
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }
}

#career dl {
  border-top: 1px dotted #999;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
#career dl:last-child {
  border-bottom: 1px dotted #999;
}
@media screen and (max-width: 592px) {
  #career dl {
    display: block;
  }
}

#career dl dt {
  flex: 0 0 215px;
}
@media screen and (max-width: 592px) {
  #career dl dt {
    margin-bottom: 1.5rem;
  }
}

#career dl dt span {
  display: inline-block;
  background-color: #2d3192;
  color: #fff;
  line-height: 120%;
  padding: 0.3rem 0.5rem;
}

#career dl dd {
  flex: 1 1 auto;
  line-height: 190%;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 592px) {
  #career dl dd {
    font-size: 0.875rem;
  }
}
#career dl dd a {
  color: #333;
}

#career .btn_style2 {
  width: 75%;
  margin: 2rem 0;
}
@media screen and (max-width: 592px) {
  #career .btn_style2 {
    width: 100%;
  }
}

#career .mail {
  vertical-align: bottom;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 592px) {
  #career .mail {
    width: 150px;
  }
}
#career .mail:hover {
  opacity: 0.8;
}/*# sourceMappingURL=information.css.map */