@charset "utf-8";

/* ======================================================
 * /about/company/hajimemashite/css/index_pc.css
====================================================== */
.intro-hero .hero_area {
  min-height: 720px;
  padding: 55px 20px 77px;
  background: url(/about/company/hajimemashite/img/index_bg01.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.intro-hero .hero_identity,
.intro-hero .hero_lead,
.intro-hero .hero_text {
  text-align: center;
}
.intro-hero .hero_identity img {
  width: 326px;
  height: auto;
  backface-visibility: hidden;
}
.intro-hero .hero_lead img {
  width: 560px;
  height: auto;
  margin-top: 30px;
  backface-visibility: hidden;
}
.intro-hero .hero_text {
  margin-top: 45px;
  line-height: 1.8;
}
.intro-hero .hero_section {
  margin-top: 40px;
}
.intro-hero .hero_heading-lv1 {
  margin-bottom: 30px;
  font-size: 2.4rem;
  color: #133990;
  overflow: hidden;
  text-align: center;
}
.intro-hero .hero_heading-lv1 > span {
  position: relative;
  display: inline-block;
  padding: 0 20px;
}
.intro-hero .hero_heading-lv1 > span::before,
.intro-hero .hero_heading-lv1 > span::after {
  display: block;
  position: absolute;
  width: 300px;
  height: 1px;
  top: 50%;
  background: #133990;
  content: "";
}
.intro-hero .hero_heading-lv1 > span::before {
  right: 100%;
}
.intro-hero .hero_heading-lv1 > span::after {
  left: 100%;
}
.intro-hero .hero_list {
  display: -webkit-flex;
  display: flex;
  margin: 0 -7px;
}
.intro-hero .hero_list_item {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 33.3%;
  padding: 18px 7px 0;
}
.intro-hero .hero_list_heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.intro-hero .hero_list_heading > span {
  display: inline-block;
  min-width: 192px;
  padding: 7px 16px 6px;
  background: #133990;
  border-radius: 1.2em;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.intro-hero .hero_list_box {
  width: 100%;
  padding: 34px 5px 12px;
  background: #fff;
  border: 2px solid #133990;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  color: #133990;
}
.intro-box {
  margin-top: 20px;
}
.intro-box + .intro-box {
  margin-top: 10px;
}
.intro-box .box_inner {
  padding: 10px;
  background: #f4f6f2;
  border-radius: 5px;
}
.intro-box.as-bg-blue .box_inner {
  background: #eff8ff;
}
.intro-box .box_title {
  margin-bottom: 10px;
  padding: 8px 5px 6px;
  background: #fff;
  color: #133990;
  font-weight: bold;
  font-size: 2.0rem;
  text-align: center;
  line-height: 1.4;
}
.intro-box .box_detail {
  padding:  0 20px;
  color: #300;
}
.intro-box .box-logo {
  padding: 18px 0 34px;
  text-align: center;
}
.intro-box .box-logo img {
  width: 326px;
  height: auto;
  backface-visibility: hidden;
}
.intro-map {
  position: relative;
  padding-bottom: 18px;
}
.intro-map .map_btn {
  position: absolute;
  margin-top: 0;
  right: 20px;
  bottom: 40px;
}
.intro-map .map_btn.link-button-v2 > li > a {
  width: 330px;
}