@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* Scss Document */
.common__wide {
  max-width: 940px;
}

.common__wide-l {
  max-width: 1200px;
}

.pagettl__cout {
  margin-bottom: clamp(3.7rem, 7.8023407022vw, 8rem);
}
.pagettl__cout .pagettl__cout-wp {
  background: url("/img/graduates/obog_recruit/mv_sp.jpg") center/cover no-repeat;
}

.toptxt {
  margin-bottom: clamp(3rem, 4.6814044213vw, 4.8rem);
  color: #0D2BA8;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  text-align: center;
}
.toptxt .toptxt__subttl {
  margin-bottom: clamp(0.8rem, 1.6905071521vw, 1.8rem);
  font-size: clamp(1.8rem, 3.1209362809vw, 3rem);
  line-height: 1;
}
.toptxt .toptxt__mainttl {
  font-size: clamp(2.2rem, 4.1612483745vw, 5rem);
  line-height: 1;
}

.loopimg {
  position: relative;
  z-index: 1;
}
.loopimg:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.loopimg .swiper-wrapper {
  transition-timing-function: linear;
}
.loopimg .swiper-slide {
  width: auto !important;
}
.loopimg img {
  width: auto;
  height: 38vw;
}

.overview {
  position: relative;
  margin-top: -48px;
  margin-bottom: clamp(4rem, 7.8023407022vw, 8rem);
  z-index: 10;
}
.overview .overview__head {
  text-align: center;
  margin-bottom: clamp(3rem, 4.6814044213vw, 4rem);
  font-size: clamp(1.8rem, 3.1209362809vw, 3rem);
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  line-height: 1;
  color: #0D2BA8;
}
.overview .overview__wp {
  border-radius: 20px;
  padding: clamp(3rem, 4.6814044213vw, 4rem) clamp(2rem, 4.9414824447vw, 5.4rem);
  background: #FFF;
}
.overview .overview__list {
  padding: 0 0 clamp(3rem, 4.6814044213vw, 4rem) 0;
}
.overview .overview__list li {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 16px;
  padding: clamp(2.4rem, 3.3810143043vw, 2.8rem) 0;
  border-bottom: 1px solid #E8E8E8;
}
.overview .overview__list li:first-child {
  padding-top: 0;
}
.overview .overview__list li .overview__list-ttl {
  font-size: 1.6rem;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
}
.overview .overview__list li .overview__list-txt .txt_main {
  font-size: 1.5rem;
  line-height: 1.9333333333;
}
.overview .overview__list li .overview__list-txt .txt_main.indent_1 {
  padding-left: 1em;
}
.overview .overview__list li .overview__list-txt .txt_main span {
  font-size: clamp(1.1rem, 1.5604681404vw, 1.3rem);
}
.overview .overview__list li .overview__list-txt .txt_small {
  font-size: 1.4rem;
  line-height: 1.9285714286;
}
.overview .overview__entry {
  margin-bottom: clamp(3rem, 4.6814044213vw, 4rem);
  width: 92%;
  max-width: 460px;
}
.overview .overview__entry a {
  padding: clamp(1.9rem, 3.1209362809vw, 2.9rem) 5px;
  font-size: clamp(1.4rem, 1.9505851756vw, 1.6rem);
  line-height: 1.8rem;
}
.overview .overview__contact {
  box-sizing: border-box;
  border: 1px solid #E8E8E8;
}
.overview .overview__contact .overview__contact-ttl {
  text-align: center;
}
.overview .overview__contact .overview__contact-ttl > p {
  display: inline-block;
  padding: clamp(1.2rem, 1.8205461638vw, 1.6rem) clamp(2.4rem, 3.511053316vw, 3rem);
  font-size: clamp(1.4rem, 1.9505851756vw, 1.6rem);
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  line-height: 1;
  color: #FFF;
  background: #0D2BA8;
  border-radius: 0 0 10px 10px;
}
.overview .overview__contact .overview__contact-list {
  padding: clamp(2rem, 3.3810143043vw, 3rem) clamp(2rem, 3.9011703511vw, 4rem) clamp(2.4rem, 3.6410923277vw, 3.4rem);
}
.overview .overview__contact .overview__contact-list li {
  box-sizing: border-box;
  padding-left: 16px;
  position: relative;
}
.overview .overview__contact .overview__contact-list li:nth-child(n+2) {
  margin-top: clamp(2rem, 2.9908972692vw, 2.6rem);
}
.overview .overview__contact .overview__contact-list li:before {
  left: 0;
  top: 2px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #0D2BA8;
}
.overview .overview__contact .overview__contact-area {
  margin-bottom: clamp(1.2rem, 1.8205461638vw, 1.6rem);
  font-size: clamp(1.4rem, 1.9505851756vw, 1.6rem);
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  line-height: 1;
}
.overview .overview__contact .overview__contact-wp {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-between;
  justify-content: flex-start;
  align-items: baseline;
  line-height: 1;
}
.overview .overview__contact .overview__contact-wp .contact_num {
  margin-right: clamp(2rem, 3.1209362809vw, 3rem);
  font-size: clamp(1.6rem, 2.210663199vw, 1.8rem);
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  color: #0D2BA8;
}
.overview .overview__contact .overview__contact-wp .contact_person {
  font-size: clamp(1.4rem, 1.9505851756vw, 1.5rem);
}

.outside .outside__head {
  text-align: center;
  margin-bottom: clamp(2rem, 3.1209362809vw, 2.8rem);
  font-size: clamp(1.8rem, 3.1209362809vw, 3rem);
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  line-height: 1.3333333333;
  color: #0D2BA8;
}
.outside .outside__txt {
  margin-bottom: clamp(3rem, 6.2418725618vw, 5.4rem);
  text-align: center;
  font-size: clamp(1.4rem, 1.9505851756vw, 1.6rem);
  line-height: 1.8571428571;
}
.outside .outside__wp {
  margin-bottom: clamp(3rem, 5.721716515vw, 5.7rem);
}
.outside .outside__wp li:nth-child(n+2) {
  margin-top: 30px;
}
.outside .outside__wp .outside__wp-target {
  margin-bottom: 20px;
  font-size: clamp(1.6rem, 2.210663199vw, 1.8rem);
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  line-height: 1;
  color: #0D2BA8;
}
.outside .outside__wp .outside__wp-img {
  margin-bottom: 20px;
}
.outside .outside__wp .outside__wp-name {
  font-size: clamp(1.4rem, 1.8205461638vw, 1.5rem);
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  line-height: 1;
}
.outside .outside__attent {
  font-size: clamp(1.1rem, 1.6905071521vw, 1.4rem);
  line-height: 1;
}

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .pagettl__cout .pagettl__cout-wp {
    background: url("/img/graduates/obog_recruit/mv.jpg") center/cover no-repeat;
  }
  .overview {
    margin-top: -56px;
  }
  .overview .overview__list li {
    grid-template-columns: 20% 1fr;
    grid-template-rows: 1fr;
  }
  .overview .overview__list li .overview__list-ttl {
    text-align: center;
    font-size: 1.5rem;
  }
  .overview .overview__contact .overview__contact-list {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
  }
  .overview .overview__contact .overview__contact-list li {
    width: 48%;
  }
  .overview .overview__contact .overview__contact-list li:nth-child(2) {
    margin-top: 0;
  }
  .outside .outside__head {
    line-height: 1;
  }
  .outside .outside__txt {
    line-height: 1.8666666667;
  }
  .outside .outside__wp {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between;
    justify-content: center;
    column-gap: 4.8rem;
  }
  .outside .outside__wp li {
    width: 29.787234%;
  }
  .outside .outside__wp li:nth-child(2), .outside .outside__wp li:nth-child(3) {
    margin-top: 0;
  }
  .outside .outside__wp .outside__wp-target {
    margin-bottom: 18px;
  }
  .outside .outside__wp .outside__wp-img {
    margin-bottom: 10px;
  }
  .outside .outside__attent {
    text-align: right;
  }
}
/*------------------------------
		901px以上
------------------------------*/
@media screen and (min-width: 981px) {
  .loopimg img {
    height: 20.498vw;
  }
  .outside .outside__head {
    line-height: 1;
  }
  .outside .outside__txt {
    line-height: 1.8125;
  }
}
/*------------------------------
		1181px以上
------------------------------*/
/*# sourceMappingURL=style.css.map */