@charset "utf-8";



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

　   MV

--------------------------------------------------------------------------------------------- */
#mv {
  position: relative;
}
#mv_content {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#mv_copy p {
  line-height: 2em;
  color: #fff;
  font-weight: 700;
}
#mv .mv_img img {
  width: 100%;
}
#mv_news {
  position: relative;
  background: #fff;
}

#mv_news h2 {
  background: #7f0202;
  color: #fff;
  text-align: center;
  border-radius: 5rem;
  padding: .2em;
  position: absolute;
}
#mv_news a {
  display: block;
  width: 100%;
  height: 100%;
}
.mv_news_new {
  font-weight: 700;
  margin-right: .6em;
}
.mv_scroll_down {
  position: absolute;
  z-index: 2;
}
.mv_scroll_down img {
  width: 100%;
}

@media only screen and ( max-width : 767px ) {
  #mv_content {
    padding: 4rem 1.5rem 6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
  }
  .mv_scroll_down {
    width: 1.2rem;
    top: 2rem;
    right: 2rem;
  }
  #mv_copy {
    font-size: 1.4rem;
    margin-bottom: 2.5rem;
  }
  #mv_copy h1 {
    margin-bottom: 2.5rem;
  }
  #mv_news {
    width: 23rem;
    margin-right: -1.5rem;
    font-size: 1rem;
    padding: 1.5rem 1.2rem 1.2rem;
  }
  #mv_news h2 {
    width: 8rem;
    top: -1em;
    left: 1rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #mv_content {
    padding: 4.17vw 8% calc(4.17vw + 4.6rem);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  #mv_copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 48%;
  }
  #mv_copy h1 img {
    width: 100%;
  }
  #mv_copy p {
    font-size: 1.11vw;
    margin-top: 3.82vw;
  }
  #mv_news {
    width: 26.39vw;
    min-height: 5.42vw;
    font-size: 0.97vw;
    padding: 1.39vw 1.04vw;
  }
  #mv_news h2 {
    width: 8.33vw;
    top: -1em;
    left: 1.04vw;
  }
  .mv_news_new {
    font-size: 0.90vw;
  }
  .mv_scroll_down {
    width: .83vw;
    top: 2.64vw;
    right: 3.47vw;
  }
}



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

　   ABOUT

--------------------------------------------------------------------------------------------- */
#aboutus .container {
  position: relative;
}
.about_txt {
  letter-spacing: .1em;
}
.about_img02 {
  position: absolute;
}

@media only screen and ( max-width : 767px ) {
  #aboutus {
    margin-top: -4rem;
  }
  .about_content {
    padding: 0 3rem;
  }
  .about_img {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: 4rem;
  }
  .about_img02 {
    top: 2rem;
    width: 4rem;
    left: 0;
  }
  .about_txt {
    margin-bottom: 4rem;
    line-height: 2em;
  }
  #aboutus .btn {
    width: 21rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #aboutus {
    margin-top: -4.6rem;
  }
  #aboutus .en_bg_title {
    left: 50%;
    transform: translateX(-50%);
    top: -.9em;
    white-space: nowrap;
  }
  .about_txt {
    margin-bottom: 9rem;
    line-height: 3em;
  }
  #aboutus .sec_lead_txt {
    margin-bottom: 3rem;
  }
  .about_content {
    width: 60rem;
  }
  .about_img {
    width: 62.5rem;
    margin-right: -4.5rem;
  }
  .about_img02 {
    top: 0;
    width: 12rem;
    left: -17rem;
  }
}


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

　   STRENGTH

--------------------------------------------------------------------------------------------- */
.strength_box figure {
  text-align: center;
}
.strength_box p {
  line-height: 2em;
}
@media only screen and ( max-width : 767px ) {
  #strength {
    padding: 9rem 0;
  }
  #strength .en_bg_title {
    left: 0;
    top: -4rem;
  }
  #strength .sec_tit {
    margin-bottom: 6rem;
  }
  #strength .sec_lead_txt {
    margin-bottom: 6rem;
  }
  .strength_box {
    margin-bottom: 4rem;
  }
  .strength_box:last-child {
    margin-bottom: 0;
  }
  .strength_box figure {
    margin-bottom: 3rem;
  }
  .strength_box figure img {
    width: 11.4rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #strength .en_bg_title {
    right: 0;
    top: -.14em;
  }
  #strength .sec_tit {
    margin-bottom: 9rem;
  }
  #strength .sec_lead_txt {
    margin-bottom: 7.5rem;
  }
  .strength_list {
    max-width: 108rem;
    margin: 0 auto;
  }
  .strength_box {
    width: 30.28%;
  }
  .strength_box figure {
    margin-bottom: 5rem;
  }
  .strength_box figure img {
    width: 14.8rem;
  }
}

@media only screen and ( max-width : 767px ) {
  #philisophy {
    padding: 9rem 0;
  }
  #philisophy .en_bg_title {
    left: 0;
    top: -4rem;
  }
  #philisophy .sec_tit {
    margin-bottom: 6rem;
  }
  #philisophy .sec_lead_txt {
    margin-bottom: 6rem;
  }
  .philisophy_box {
    margin-bottom: 4rem;
  }
  .philisophy_box:last-child {
    margin-bottom: 0;
  }
  .philisophy_box figure {
    margin-bottom: 3rem;
    text-align: center;
  }
  .philisophy_box figure img {
    width: 20rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #philisophy .en_bg_title {
    right: 0;
    top: -.14em;
  }
  #philisophy .sec_tit {
    margin-bottom: 9rem;
  }
  #philisophy .sec_lead_txt {
    margin-bottom: 7.5rem;
  }
  .philisophy_list {
    max-width: 108rem;
    margin: 0 auto;
  }
  .philisophy_box {
    width: 30.28%;
  }
  .philisophy_box figure {
    margin-bottom: 5rem;
    text-align: center;
  }
  .philisophy_box figure img {
    width: 25rem;
  }
}


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

　   SERVICE

--------------------------------------------------------------------------------------------- */
.service_box:last-child {
  margin-bottom: 0;
}
.service_txt h3 {
  letter-spacing: .05em;
}
.service_txt h4 {
  color: #b9876e;
  position: relative;
  padding-left: 2.4rem;
  letter-spacing: .05em;
}
.service_txt h4:before {
  content: "";
  width: 1.6rem;
  height: .38rem;
  background: #b9876e;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.service_txt p {
  line-height: 2em;
}
@media only screen and ( max-width : 767px ) {
  .service_box {
    margin-bottom: 6rem;
  }
  #service .en_bg_title {
    top: -2rem;
  }
  .service_box .service_img {
    margin-bottom: 1.5rem;
  }
  #service .sec_lead_txt {
    margin-bottom: 5rem;
  }
  .service_txt {
    display: flex;
    flex-direction: column;
  }
  .service_txt h3 {
    order: 2;
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
  .service_txt h4 {
    order: 1;
    font-size: 1.2rem;
    margin-bottom: .5rem;
  }
  .service_txt p {
    order: 3;
    margin-bottom: 4rem;
  }
  .service_txt .btn {
    order: 4;
  }
}
@media print, screen and ( min-width : 768px ) {
  #service .en_bg_title {
    left: 0;
    top: -.4em;
  }
  .service_box {
    margin-bottom: 6rem;
  }
  .service_box .service_img {
    width: 53.8rem;
    margin-right: 3.4rem;
  }
  .service_box .service_txt {
    width: calc(100% - (53.8rem + 3.4rem));
  }
  .service_txt h3 {
    font-size: 3.2rem;
    margin-bottom: 1.5rem;
  }
  .service_txt h4 {
    font-size: 1.4rem;
    margin-bottom: 3rem;
  }
  .service_txt .btn {
    margin-top: 5rem;
  }
}


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

　   RECRUIT

--------------------------------------------------------------------------------------------- */
.recruit_content,
.recruit_img {
  position: relative;
  z-index: 2;
}
.recruit_txt {
  line-height: 2em;
  letter-spacing: .09em;
}
@media only screen and ( max-width : 767px ) {
  #recruit {
    padding: 9rem 0;
  }
  #recruit .en_bg_title {
    top: -4rem;
  }
  .recruit_content .btn {
    margin: 5rem auto 6rem;
  }
  .recruit_img {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
@media print, screen and ( min-width : 768px ) {
  #recruit .en_bg_title {
    right: 0;
    top: 0;
  }
  .recruit_img {
    margin-left: -7rem;
    width: 62.8rem;
  }
  .recruit_content {
    width: 55.5rem;
  }
  .recruit_content .btn {
    margin-top: 4rem;
  }
}



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

　   XXX

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

@media only screen and ( max-width : 767px ) {

}
@media print, screen and ( min-width : 768px ) {

}



