#top-mv {
  position: relative;
}

#top-mv::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/top/top_mv_back_01.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 88px;
  left: calc(50% - (100% - 75px * 2) / 2);
  width: calc(100% - 75px * 2);
  height: calc(100% - 88px - 48px);
  z-index: 1;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #top-mv::before {
    background-image: url(../images/top/top_mv_back_01@2x.jpg);
  }
}

@media screen and (max-width: 767px) {
  #top-mv::before {
    top: 75px;
    left: calc(50% - (100% - 40px * 2) / 2);
    width: calc(100% - 40px * 2);
    height: calc(100% - 88px - 48px);
  }
}

#top-mv .mv-inner {
  position: relative;
  background-image: url(../images/top/top_mv_back_transparent_01.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 113vh;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #top-mv .mv-inner {
    background-image: url(../images/top/top_mv_back_transparent_01@2x.png);
  }
}

@media screen and (max-width: 767px) {
  #top-mv .mv-inner {
    min-height: 600px;
  }
}

#top-mv .content-width {
  position: relative;
  height: 100%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #top-mv .content-width {
    width: 400px;
  }
}

#top-mv .mv-ttl-box {
  padding-top: 30vh;
}

@media screen and (max-width: 767px) and (max-height: 600px) {
  #top-mv .mv-ttl-box {
    padding-top: 40vh;
  }
}

#top-mv .mv-ttl {
  color: #fff;
  font-size: 3.6rem;
  margin: 0;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  #top-mv .mv-ttl {
    line-height: 1.4;
  }
}

#top-mv .mv-sub-ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: .1em;
  margin-top: 20px;
}

#top-mv-news {
  position: absolute;
  bottom: 72px;
  right: 100px;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  #top-mv-news {
    left: 20px;
    right: 20px;
    bottom: 90px;
  }
}

#top-mv-news .news-list {
  background-color: #fff;
  padding: 14px 24px;
}

#top-mv-news .btn-box {
  text-align: center;
}

/* ============================
  top-strength
============================ */
#top-strength .sec-inner {
  padding: 120px 0 100px;
}

#top-strength .strength-list {
  margin-top: 208px;
}

@media screen and (max-width: 767px) {
  #top-strength .strength-list {
    background-color: #fff;
    margin-top: 50px;
    padding-top: 50px;
  }
}

#top-strength .row-textimg + .row-textimg {
  margin-top: 218px;
}

@media screen and (max-width: 767px) {
  #top-strength .row-textimg + .row-textimg {
    margin-top: 70px;
  }
}

#top-strength .btn-box {
  text-align: center;
  margin-top: 60px;
}

/* ============================
  top-business
============================ */
#top-business .content-inner {
  position: relative;
  padding: 85px 0;
}

#top-business .hover-background {
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#top-business .hover-background img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .content-width {
  position: relative;
  padding-bottom: 35px;
}

@media screen and (max-width: 767px) {
  #top-business .content-width.business-list-box {
    padding: 0;
  }
}

#top-business .business-list .hover-img-default {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-list .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-list .hover-img-color {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-list:hover .business-item {
  background-color: transparent;
  border: 2px solid #B5B5B5;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

#top-business .business-list:hover .business-item .title {
  color: #B5B5B5;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

#top-business .business-list:hover .hover-img {
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-list:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-list:hover .hover-img-muted {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-list:hover .hover-img-color {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  border: 1px solid #fff;
  width: calc(100% / 4);
}

#top-business .business-item:last-child  {
  width: calc(100% / 1); /*事業部一覧のカラム数を1~4の間で変更*/
}

@media screen and (max-width: 767px) {
  #top-business .business-item {
    width: calc(100% / 2);
  }
  #top-business .business-item:last-child  {
    width: calc(100% / 1);  /*事業部一覧のカラム数を1~4の間で変更*/
  }
}

#top-business .business-item[data-division="businesssolution"] {
  background-color: #DEBF3A;
}

#top-business .business-item[data-division="businesssolution"]:hover {
  border: 2px solid #DEBF3A;
}

#top-business .business-item[data-division="businesssolution"]:hover .title {
  color: #DEBF3A;
}

#top-business .business-item[data-division="businesssolution"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="businesssolution"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="businesssolution"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}


#top-business .business-item[data-division="trade"] {
  background-color: #108448;
}

#top-business .business-item[data-division="trade"]:hover {
  border: 2px solid #108448;
}

#top-business .business-item[data-division="trade"]:hover .title {
  color: #108448;
}

#top-business .business-item[data-division="trade"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="trade"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="trade"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}


#top-business .business-item[data-division="energy"] {
  background-color: #D99126;
}

#top-business .business-item[data-division="energy"]:hover {
  border: 2px solid #D99126;
}

#top-business .business-item[data-division="energy"]:hover .title {
  color: #D99126;
}

#top-business .business-item[data-division="energy"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="energy"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="energy"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}


#top-business .business-item[data-division="carbonneutral"] {
  background-color: #D99126;
}

#top-business .business-item[data-division="carbonneutral"]:hover {
  border: 2px solid #D99126;
}

#top-business .business-item[data-division="carbonneutral"]:hover .title {
  color: #D99126;
}

#top-business .business-item[data-division="carbonneutral"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="carbonneutral"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="carbonneutral"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}


#top-business .business-item[data-division="pharmacy"] {
  background-color: #22797C;
}

#top-business .business-item[data-division="pharmacy"]:hover {
  border: 2px solid #22797C;
}

#top-business .business-item[data-division="pharmacy"]:hover .title {
  color: #22797C;
}

#top-business .business-item[data-division="pharmacy"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="pharmacy"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="pharmacy"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="insurance"] {
  background-color: #D07B65;
}

#top-business .business-item[data-division="insurance"]:hover {
  border: 2px solid #D07B65;
}

#top-business .business-item[data-division="insurance"]:hover .title {
  color: #D07B65;
}

#top-business .business-item[data-division="insurance"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="insurance"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="insurance"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="education"] {
  background-color: #d5756a;
}

#top-business .business-item[data-division="education"]:hover {
  border: 2px solid #d5756a;
}

#top-business .business-item[data-division="education"]:hover .title {
  color: #d5756a;
}

#top-business .business-item[data-division="education"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="education"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="education"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="travel"] {
  background-color: #C5637F;
}

#top-business .business-item[data-division="travel"]:hover {
  border: 2px solid #C5637F;
}

#top-business .business-item[data-division="travel"]:hover .title {
  color: #C5637F;
}

#top-business .business-item[data-division="travel"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="travel"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="travel"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="welfare"] {
  background-color: #5370AC;
}

#top-business .business-item[data-division="welfare"]:hover {
  border: 2px solid #5370AC;
}

#top-business .business-item[data-division="welfare"]:hover .title {
  color: #5370AC;
}

#top-business .business-item[data-division="welfare"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="welfare"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="welfare"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="development"] {
  background-color: #d16686;
}

#top-business .business-item[data-division="development"]:hover {
  border: 2px solid #d16686;
}

#top-business .business-item[data-division="development"]:hover .title {
  color: #d16686;
}

#top-business .business-item[data-division="development"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="development"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="development"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="management"] {
  background-color: #956EA5;
}

#top-business .business-item[data-division="management"]:hover {
  border: 2px solid #956EA5;
}

#top-business .business-item[data-division="management"]:hover .title {
  color: #956EA5;
}

#top-business .business-item[data-division="management"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="management"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="management"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}


#top-business .business-item[data-division="koriyama"] {
  background-color: #90AA63;
}

#top-business .business-item[data-division="koriyama"]:hover {
  border: 2px solid #90AA63;
}

#top-business .business-item[data-division="koriyama"]:hover .title {
  color: #90AA63;
}

#top-business .business-item[data-division="koriyama"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="koriyama"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="koriyama"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}


#top-business .business-item[data-division="all"] {
  background-color: #E0E0E0;
}

#top-business .business-item[data-division="all"]:hover {
  border: 2px solid #333;
}

#top-business .business-item[data-division="all"]:hover .title {
  color: #333;
}

#top-business .business-item[data-division="all"]:hover .hover-img-default {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="all"]:hover .hover-img-muted {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item[data-division="all"]:hover .hover-img-color {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

#top-business .business-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 254px;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #top-business .business-item a {
    height: 220px;
  }
}

#top-business .business-item .img-box {
  position: relative;
}

#top-business .business-item .img-box .hover-img-muted {
  position: absolute;
  top: 0;
  left: 0;
}

#top-business .business-item .img-box .hover-img-color {
  position: absolute;
  top: 0;
  left: 0;
}

#top-business .business-item .title {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1;
  margin: 45px 0 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

#top-business .business-item[data-division="all"] .title {
  color: #333;
}

/* ============================
  top-project
============================ */
#top-project .sec-inner {
  position: relative;
  padding-bottom: 120px;  /* 20251120～下の採用バナー貼り替えのため記述 */
}

#top-project .sec-inner::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #CAE4F1;
  top: 308px;
  bottom: 0;
  width: 100%;
}

#top-project .sec-ttl-en {
  text-align: center;
}

#top-project .sec-sub-ttl {
  text-align: center;
}

#top-project .content-inner {
  margin-top: 40px;
}

#top-project .btn-box {
  text-align: center;
  margin-top: 60px;
}

/* ============================
  top-news
============================ */
#top-news .content-inner {
  width: 875px;
  margin: 40px auto 0;
}

@media screen and (max-width: 767px) {
  #top-news .content-inner {
    width: 100%;
  }
}

#top-news .news-item + .news-item {
  margin-top: 36px;
}

#top-news .btn-box {
  text-align: center;
  margin-top: 60px;
}

/* ============================
  top-bottom
============================ */
#top-bottom .sec-inner {
  position: relative;
}

#top-bottom .sec-inner::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #CAE4F1;
  top: 0;
  right: calc(50% - 256px);
  bottom: 0;
  left: 0;
}

#top-bottom .content-width {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #top-bottom .content-width {
    display: block;
  }
}

#top-bottom .bottom-recruit {
  display: block;
  background-image: url(../images/top/top_bottom_recruit_back_01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-decoration: none;
  width: 490px;
  height: 300px;
  padding: 68px 60px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #top-bottom .bottom-recruit {
    background-image: url(../images/top/top_bottom_recruit_back_01@2x.jpg);
  }
}

@media screen and (max-width: 767px) {
  #top-bottom .bottom-recruit {
    width: 100%;
    padding: 68px 30px;
  }
}

#top-bottom .bottom-contact {
  display: block;
  background-image: url(../images/top/top_bottom_contact_back_01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-decoration: none;
  width: 490px;
  height: 300px;
  padding: 68px 60px;
  opacity: 1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #top-bottom .bottom-contact {
    background-image: url(../images/top/top_bottom_contact_back_01@2x.jpg);
  }
}

@media screen and (max-width: 767px) {
  #top-bottom .bottom-contact {
    width: 100%;
    padding: 68px 30px;
    margin: 20px 0 0;
  }
}

#top-bottom .bottom-contact:hover {
  opacity: 0.7;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

#top-bottom .title-en {
  color: #fff;
  font-size: 3.6rem;
  letter-spacing: .06em;
  line-height: 1;
  margin: 0;
}

#top-bottom .text-normal {
  color: #fff;
  line-height: 1;
  margin: 40px 0 0;
}

#footer {
  margin: 0;
}

@media screen and (max-width: 767px) {
  #footer {
    margin: 0;
  }
}