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

common.css

============================================*/
body {
  overflow-x: hidden !important;
}

.view_more {
  display: inline-block;
  position: relative;
  color: #aa0000;
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 500;
  vertical-align: text-bottom;
}

.view_more::after {
  z-index: 1000;
  position: absolute;
  top: 8px;
  right: -50px;
  width: 37px;
  height: 10px;
  background: url(../img/cmn/arrow01.png) top no-repeat;
  background-size: 37px auto;
  content: "";
}

@media screen and (max-width: 760px) {
  .view_more {
    margin-top: 7%;
    font-size: 16px;
  }
}

.h3_tit h3 {
  font-size: 120px;
}

.h3_tit .sub {
  margin-top: 10px;
  color: #aa0000;
  font-size: 19px;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .h3_tit h3 {
    font-size: 12vw;
  }
  .h3_tit .sub {
    font-size: 16px;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .h3_tit h3 {
    font-size: 12vw;
  }
  .h3_tit .sub {
    margin-top: 4px;
    font-size: 15px;
  }
}

.txt {
  font-size: 15px;
}

@media screen and (max-width: 760px) {
  .txt {
    font-size: 14px;
  }
}

.box_l {
  float: left;
}

.box_r {
  float: right;
}

@media screen and (max-width: 760px) {
  .box_l,
  .box_r {
    float: none;
  }
}

/*-------------------------------------------

Reset

--------------------------------------------*/
.main_top {
  background: none;
}

.main_top .container {
  padding: 0;
}

@media screen and (max-width: 760px) {
  main {
    padding-bottom: 0;
  }
}

/*-------------------------------------------

TOP

--------------------------------------------*/
/* mv */
.mainvisual {
  position: relative;
  height: 682px;
  /*background: url(../img/top/main01.jpg) center top no-repeat;*/
  background-size: auto 682px;
}

.mainvisual::before {
  z-index: 3000;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 40%;
  transform: translateY(-50%);
  background: white;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 38%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0) 100%);
  content: " ";
}

.mainvisual .slider-pro {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.mainvisual .catch {
  position: relative;
  max-width: 1100px;
  height: 682px;
  margin: 0 auto;
}

.mainvisual .catch .inner {
  z-index: 4000;
  position: absolute;
  top: 50%;
  left: 15px;
  margin: auto;
  transform: translateY(-50%);
  font-family: "source-han-serif-japanese", YuMincho, "游明朝", serif;
}

.mainvisual .catch h2 {
  margin-bottom: 20px;
  font-size: 55px;
  font-weight: 600;
  line-height: 1.2;
}

.mainvisual .catch .sub {
  color: #aa0000;
  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  font-weight: 500;
}

@media screen and (max-width: 760px) {
  .mainvisual {
    /*height: auto;
    overflow: hidden;*/
  }
  .mainvisual::before {
    top: inherit;
    bottom: 30px;
    height: 29%;
    transform: inherit;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 81%, rgba(255, 255, 255, 0.1) 100%);
  }
  .mainvisual .sp-slide img.pc {
    display: none !important;
  }
  .mainvisual .catch {
    max-width: inherit;
    height: 100%;
  }
  .mainvisual .catch .inner {
    top: inherit;
    bottom: 47px;
    transform: inherit;
  }
  .mainvisual .catch h2 {
    margin-bottom: 10px;
    font-size: 8.6vw;
    line-height: 1.3;
  }
  .mainvisual .catch .sub {
    font-size: 3.5vw;
    line-height: 1.3;
  }
}

@media screen and (max-width: 760px) {
  .Opening {
    position: relative;
  }
  .Opening .catch .inner {
    top: inherit;
    bottom: 11%;
    transform: inherit;
  }
  .Opening ul li {
    position: absolute;
    width: 100%;
    height: 0;
    padding-bottom: 128%;
    overflow: hidden;
    text-align: center;
  }
  .Opening ul li span img.Opening__img {
    width: 100%;
    max-width: inherit;
    height: auto;
  }
}

/* news */
.main_top .section_news {
  width: 1100px;
  margin: 100px auto 0;
}

.main_top .section_news h3 {
  font-size: 62px;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .main_top .section_news {
    width: auto;
    margin-top: 16%;
    padding: 0 4%;
  }
  .main_top .section_news h3 {
    font-size: 12.4vw;
    text-align: center;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_news {
    width: 92%;
  }
}

.main_top .section_news .pickup_news {
  margin-top: 70px;
}

.main_top .section_news .pickup_news .ph {
  width: 670px;
  padding-bottom: 40%;
  float: left;
}

.main_top .section_news .pickup_news .unit_txt {
  width: 383px;
  float: right;
}

.main_top .section_news .pickup_news .date {
  color: #aa0000;
  font-size: 16px;
  font-weight: bold;
}

.main_top .section_news .pickup_news .tit {
  height: 110px;
  margin-top: 18px;
  overflow: hidden;
  font-size: 22px;
}

.main_top .section_news .pickup_news .txt {
  height: 128px;
  margin-top: 10px;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.7;
}

.main_top .section_news .pickup_news .view_more {
  margin-top: 30px;
}

@media screen and (max-width: 760px) {
  .main_top .section_news .pickup_news {
    margin-top: 8%;
  }
  .main_top .section_news .pickup_news .ph {
    width: 100%;
    padding-bottom: 64%;
    float: none;
  }
  .main_top .section_news .pickup_news .unit_txt {
    width: auto;
    margin-top: 6%;
    float: none;
  }
  .main_top .section_news .pickup_news .tit {
    height: 52px;
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.5;
  }
  .main_top .section_news .pickup_news .txt {
    height: 104px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
  }
  .main_top .section_news .pickup_news .view_more {
    margin-top: 4%;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_news .pickup_news .ph {
    width: 50%;
  }
  .main_top .section_news .pickup_news .unit_txt {
    width: 45%;
  }
}

.main_top .section_news .other_news {
  width: 1010px;
  margin: 64px 0 0 auto;
  text-align: left;
}

.main_top .section_news .other_news h3 {
  font-size: 52px;
}

.main_top .section_news .other_news .unit_tit {
  width: 160px;
  float: left;
}

.main_top .section_news .other_news .unit_tit .view_more {
  margin-top: 14px;
}

.main_top .section_news .other_news .unit_article {
  width: 800px;
  padding-top: 8px;
  float: right;
}

.main_top .section_news .other_news .unit_txt {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e4e4e4;
}

.main_top .section_news .other_news .unit_txt:last-child {
  border-bottom: none;
}

.main_top .section_news .other_news .unit_txt a {
  display: block;
  align-items: inherit;
  justify-content: inherit;
}

.main_top .section_news .other_news .unit_icon {
  width: auto;
  margin-right: 10px;
  float: left;
  overflow-x: hidden;
}

.main_top .section_news .other_news .icon_box li {
  display: none;
}

.main_top .section_news .other_news .icon_box li:first-child {
  display: inline-block;
}

.main_top .section_news .other_news .tit {
  flex-basis: 66%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_top .section_news .other_news .date {
  float: left;
}

@media screen and (max-width: 760px) {
  .main_top .section_news .other_news {
    position: relative;
    width: auto;
    margin-top: 14%;
  }
  .main_top .section_news .other_news h3 {
    font-size: 10vw;
    text-align: left;
  }
  .main_top .section_news .other_news .unit_tit {
    width: auto;
    float: none;
  }
  .main_top .section_news .other_news .unit_article {
    width: auto;
    padding-top: 7%;
    float: none;
  }
  .main_top .section_news .other_news .unit_txt {
    margin-bottom: 14px;
    padding-bottom: 14px;
  }
  .main_top .section_news .other_news .unit_txt a {
    display: block;
    align-items: inherit;
    justify-content: inherit;
  }
  .main_top .section_news .other_news .unit_icon {
    display: inline-block;
    vertical-align: middle;
  }
  .main_top .section_news .other_news .date {
    display: inline-block;
    float: inherit;
    vertical-align: middle;
  }
  .main_top .section_news .other_news .tit {
    margin-top: 4px;
  }
  .main_top .section_news .other_news .unit_tit .view_more {
    z-index: 1000;
    position: absolute;
    bottom: -6%;
    left: 0;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_news .other_news {
    width: 100%;
  }
  .main_top .section_news .other_news .unit_tit {
    width: 22%;
  }
  .main_top .section_news .other_news .unit_icon {
    width: 134px;
  }
  .main_top .section_news .other_news .icon_box li:first-child {
    display: block;
    text-align: center;
  }
  .main_top .section_news .other_news .date {
    width: 20%;
  }
  .main_top .section_news .other_news .unit_txt a {
    justify-content: flex-start;
  }
  .main_top .section_news .other_news .unit_article {
    width: 72%;
  }
  .main_top .section_news .other_news .tit {
    flex-basis: inherit;
  }
}

/* mission */
.main_top .section_mission {
  position: relative;
  min-height: 1026px;
  margin-top: 80px;
}

.main_top .section_mission::before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 1026px;
  transform: translateX(-50%);
  background: url(../img/top/mission_bg.png) center top no-repeat;
  background-size: auto 1026px;
  content: "";
}

.main_top .section_mission a {
  color: #fff;
}

.main_top .section_mission .h3_tit {
  text-align: left;
}

.main_top .section_mission .h3_tit .sub {
  color: #fff;
}

.main_top .section_mission .inner {
  width: 1100px;
  margin: 0 auto;
  padding-top: 210px;
}

@media screen and (max-width: 760px) {
  .main_top .section_mission {
    min-height: 840px;
    margin-top: 2%;
  }
  .main_top .section_mission::before {
    height: 850px;
    background-size: auto 850px;
  }
  .main_top .section_mission .inner {
    width: auto;
    padding: 41% 5% 0;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_mission {
    padding: 0 4%;
  }
  .main_top .section_mission .inner {
    width: 100%;
  }
}

.main_top .section_mission .unit_txt {
  margin-top: 50px;
}

.main_top .section_mission .unit_txt .box_l {
  width: 580px;
}

.main_top .section_mission .unit_txt .box_l h4 {
  font-size: 21px;
  line-height: 1.4;
}

.main_top .section_mission .unit_txt .box_l .txt {
  margin-top: 20px;
  line-height: 1.9;
}

.main_top .section_mission .unit_txt .box_l .view_more {
  margin-top: 60px;
  color: #fff;
}

.main_top .section_mission .unit_txt .box_l .view_more::after {
  background: url(../img/cmn/arrow02.png) top no-repeat;
  background-size: 37px auto;
}

.main_top .section_mission .unit_txt .box_r {
  width: 500px;
  margin-top: -60px;
}

@media screen and (max-width: 760px) {
  .main_top .section_mission .unit_txt {
    margin-top: 8%;
  }
  .main_top .section_mission .unit_txt .box_l {
    width: auto;
  }
  .main_top .section_mission .unit_txt .box_l h4 {
    font-size: 4vw;
  }
  .main_top .section_mission .unit_txt .box_l .txt {
    margin-top: 15px;
    line-height: 1.7;
  }
  .main_top .section_mission .unit_txt .box_l .view_more {
    margin-top: 8%;
  }
  .main_top .section_mission .unit_txt .box_r {
    width: auto;
    margin-top: 0;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_mission .unit_txt .box_l {
    width: 52%;
  }
  .main_top .section_mission .unit_txt .box_r {
    width: 43%;
    margin-top: 70px;
  }
}

/* business */
.main_top .section_business {
  position: relative;
  max-width: 1100px;
  min-height: 850px;
}

.main_top .section_business::before {
  z-index: -2;
  position: absolute;
  top: -300px;
  left: 42%;
  width: 100%;
  height: 1080px;
  transform: translateX(-50%);
  background: url(../img/top/business_bg.png) left top no-repeat;
  background-size: auto 1080px;
  content: "";
}

.main_top .section_business .h3_tit {
  text-align: left;
}

.main_top .section_business .inner {
  width: 1100px;
  margin: 0 auto;
  padding-top: 80px;
}

.main_top .section_business .h3_tit {
  width: 550px;
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 760px) {
  .main_top .section_business {
    min-height: 740px;
    margin: 0 auto;
  }
  .main_top .section_business::before {
    top: inherit;
    bottom: 0;
    left: 0;
    height: 290px;
    transform: inherit;
    background: url(../img/top/business_bg_sp.png) left top no-repeat;
    background-size: auto 300px;
  }
  .main_top .section_business .inner {
    width: auto;
    padding: 0 4%;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_business {
    width: 100%;
    max-width: inherit;
    min-height: 760px;
    padding: 0 4%;
  }
  .main_top .section_business::before {
    top: -240px;
    left: 12%;
    background-size: auto 940px;
  }
  .main_top .section_business .inner {
    width: 100%;
  }
  .main_top .section_business .h3_tit {
    width: 68%;
  }
}

.main_top .section_business .unit_txt {
  width: 550px;
  margin-top: 40px;
  margin-right: 0;
  margin-left: auto;
}

.main_top .section_business .unit_txt .view_more {
  margin-top: 70px;
}

@media screen and (max-width: 760px) {
  .main_top .section_business .unit_txt {
    width: auto;
    margin-top: 6%;
  }
  .main_top .section_business .unit_txt .view_more {
    margin-top: 6%;
  }
}

/* figure */
.main_top .section_figure {
  max-width: 90%;
  height: 570px;
  margin: 60px auto 0;
  background: url(../img/top/figure_bg.png) right 70px no-repeat;
  background-size: auto 500px;
}

.main_top .section_figure .inner {
  width: 1100px;
  margin: 0 auto;
}

.main_top .section_figure .unit_txt {
  margin-top: 40px;
}

.main_top .section_figure .unit_txt h4 {
  font-size: 22px;
  font-weight: bold;
}

.main_top .section_figure .unit_txt .txt {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.9;
}

.main_top .section_figure .view_more {
  margin-top: 40px;
}

@media screen and (max-width: 760px) {
  .main_top .section_figure {
    height: auto;
    margin-top: 10%;
    padding-bottom: 60%;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .main_top .section_figure .inner {
    width: auto;
    padding: 0 4%;
  }
  .main_top .section_figure .unit_txt {
    margin-top: 8%;
  }
  .main_top .section_figure .unit_txt h4 {
    font-size: 5vw;
    font-weight: bold;
    line-height: 1.3;
  }
  .main_top .section_figure .unit_txt .txt {
    font-size: 14px;
    line-height: 1.6;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_figure {
    width: 100%;
    max-width: inherit;
  }
  .main_top .section_figure .inner {
    width: auto;
    padding: 0 4%;
  }
}

/* othercontents */
.main_top .section_othercontents {
  width: 1100px;
  margin: 190px auto 0;
}

.main_top .section_othercontents .h3_tit h3 {
  font-size: 72px;
}

.main_top .section_othercontents .unit {
  width: 520px;
  margin-top: 100px;
  float: left;
}

.main_top .section_othercontents .unit .ph {
  margin-top: 34px;
  line-height: 0;
}

.main_top .section_othercontents .unit .view_more {
  margin-top: 20px;
}

@media screen and (max-width: 760px) {
  .main_top .section_othercontents {
    width: auto;
    margin-top: 22%;
    padding: 0 4%;
  }
  .main_top .section_othercontents .h3_tit h3 {
    font-size: 12.6vw;
  }
  .main_top .section_othercontents .unit {
    width: auto;
    margin-top: 12%;
    float: none;
  }
  .main_top .section_othercontents .unit .ph {
    margin-top: 18px;
  }
  .main_top .section_othercontents .unit .view_more {
    margin-top: 14px;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_othercontents {
    width: auto;
    margin: 10% auto 0;
    padding: 0 4%;
  }
  .main_top .section_othercontents .h3_tit h3 {
    font-size: 7vw;
  }
  .main_top .section_othercontents .unit {
    width: 48%;
  }
  .main_top .section_othercontents .unit .ph {
    margin-top: 20px;
  }
}

.main_top .section_othercontents .recruit {
  margin-top: 0;
}

.main_top .section_othercontents .message {
  margin-top: 136px;
}

.main_top .section_othercontents .message,
.main_top .section_othercontents .rewarding {
  float: right;
}

.main_top .section_othercontents .company .unit_ph {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 352px;
  margin-top: 34px;
  border: 2px solid #aa0000;
}

.main_top .section_othercontents .company .ph {
  width: 334px;
  margin-top: 0;
}

@media screen and (max-width: 760px) {
  .main_top .section_othercontents .message {
    margin-top: 12%;
  }
  .main_top .section_othercontents .message,
  .main_top .section_othercontents .rewarding {
    float: none;
  }
  .main_top .section_othercontents .company .unit_ph {
    height: 214px;
    margin-top: 18px;
  }
  .main_top .section_othercontents .company .ph {
    width: 190px;
  }
}

@media (min-width: 741px) and (max-width: 1160px) {
  .main_top .section_othercontents .company .ph {
    width: 220px;
  }
  .main_top .section_othercontents .company .unit_ph {
    height: 220px;
  }
}
/*# sourceMappingURL=top.css.map */