@charset "utf-8";

.wrap {
  display: none;
}

.mainVisual {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: block;
}

.mainVisual .main {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -237px;
  z-index: 8;
  height: auto;
}

.video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
  background-size: cover;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
  margin: auto;
}

.movieView .video {
  display: none;
}

.movie01 {
  z-index: 3;
}

.movie02 {
  z-index: 4;
}

.movie03 {
  z-index: 5;
}

.movie04 {
  z-index: 6;
}

.movie05 {
  z-index: 7;
}

.btnArea {
  position: absolute;
  bottom: 0;
  z-index: 7;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
}

.btnArea ul {
  margin: 0 auto;
  display: table;
  border-collapse: separate;
  border-spacing: 40px 0;
}

.btnArea li {
  font-size: 1.8rem;
  float: left;
  display: table-cell;
  vertical-align: middle;
  padding: 30px 20px;
  text-align: center;
  cursor: pointer;
}

.btnArea li:last-child {
  padding: 30px 0 30px 20px;
}

.btnArea li:first-child {
  padding: 30px 20px 30px 0;
}

.btnArea li a {
  color: #dbdbdb;
}

.btnArea li:hover a {
  color: #fff;
}

.contentWrap {
  padding-top: 95px;
  padding-bottom: 0;
}

.clumWrap {
  display: table;
  width: 100%;
}

.content {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.white_btn a {
  display: block;
}

.newsArea .white_btn {
  font-size: 1.8rem;
  text-align: center;
  width: 224px;
  margin: 62px auto 80px;
  padding: 10px;
}

.newsArea .white_btn:hover {
  background: #000;
}

.white_btn:hover a {
  color: #fff;
}

.thebox_btn a {
  display: block;
}

.newsArea .thebox_btn {
  font-size: 1.8rem;
  text-align: center;
  width: 624px;
  margin: 6px auto 80px;
  padding: 10px;
}

.newsArea .thebox_btn:hover {
  background: #000;
}

.thebox_btn:hover a {
  color: #fff;
}

.newsArea {
  width: 916px;
  margin: 0 auto 0;
  padding: 65px 0 0;
}

.newsArea h3 {
  border-left: 4px solid #005bac;
  padding: 2px 0 2px 11px;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 25px;
  line-height: 1;
}

.newsRow {
  display: table;
  margin-bottom: 13px;
}

.newsRow:last-child {
  margin-bottom: 0;
}

.newsRow dt {
  font-size: 2rem;
  display: table-cell;
  vertical-align: text-top;
  width: 305px;
}

.newsRow dt span {
  font-size: 1.6rem;
}

.newsRow dt time {
  padding-right: 34px;
}

.newsRow dt span,
.newsRow dt time {
  display: table-cell;
  vertical-align: middle;
}

.newsRow dd {
  display: table-cell;
  vertical-align: middle;
}

.newsRow dd.category {
  width: 178px;
}

.newsRow dd span.txt {
  width: 568px;
  display: block;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.newsRow dd span.txt a {
  color: #4c4c4c;
}

.newsRow dd span.txt a:hover {
  color: #005bac;
}

.newsRow dd span.txt_nopdf {
  width: 568px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.newsRow dd span.txt_nopdf a {
  color: #4c4c4c;
}

.newsRow dd span.txt_nopdf a:hover {
  color: #005bac;
}

.sport,
.health,
.news,
.parts,
.marine {
  position: relative;
}

.sport:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -25px;
  background: url(/renewal/common/img/sport_icon_pc.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 17px;
  height: 17px;
}

.health:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -25px;
  background: url(/renewal/common/img/healthy_icon_pc.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 17px;
  height: 17px;
}

.news:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -25px;
  background: url(/renewal/common/img/news_icon_pc.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 17px;
  height: 17px;
}

.parts:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -25px;
  background: url(/renewal/common/img/parts_icon_pc.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 17px;
  height: 17px;
}

.marine:before {
  content: "";
  position: absolute;
  top: 7px;
  left: -25px;
  background: url(/renewal/common/img/marine_icon.png) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 17px;
  height: 17px;
}

.pdf {
  position: relative;
}

.link {
  position: relative;
}

.pdf:after {
  content: "";
  position: absolute;
  top: 8px;
  right: -46px;
  background: url(/renewal/common/img/pdf_icon_pc.jpg) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 36px;
  height: 15px;
}

.link:after {
  content: "";
  position: absolute;
  top: 8px;
  right: -46px;
  _background: url(/renewal/common/img/pdf_icon_pc.jpg) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 36px;
  height: 15px;
}

a:hover .txtArea {
  background: #d4e1ec;
}

.spView {
  display: none;
}

.imgZoom {
  position: relative;
  display: table;
  width: 100%;
  background: #000;
}

.ttl_poa {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 100%;
  color: #fff;
  z-index: 999;
  text-align: center;
}

.zoomInner {
  opacity: 0.7;
}

.imgZoom .careers {
  opacity: 1;
}

.careerClum {
  display: table;
}

.gradClum {
  background: #005bac;
  right: 20%;
}

.carClum {
  background: #333333;
  right: 0;
}

.gradClum,
.carClum {
  display: table-cell;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
}

.gradClum:hover,
.carClum:hover {
  opacity: 1;
}

.gradClum a,
.carClum a {
  display: table;
  height: 100%;
  width: 100%;
}

.gradClum span,
.carClum span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  opacity: 1;
}

a:hover .zoomInner {
  opacity: 1 !important;
}

.big_ttl {
  font-size: 1.8rem;
}

.big_ttl:after {
  display: none;
}

.img_ttl {
  padding: 80px 0 33px;
  text-align: center;
  background: #fff;
  position: relative;
  font-size: 2.5rem;
  color: #005bac;
  font-weight: bold;
}

.footerNav {
  border-top: none;
}

.sp_view {
  display: none;
}

@media screen and (max-width: 768px) {
  .btnArea {
    position: absolute;
  }

  .btnArea ul {
    width: 100%;
    margin: 0;
    border-spacing: 0 0;
  }

  .btnArea li {
    font-size: 1.5rem;
    width: 50%;
    margin-right: 0;
    padding: 15px 0 !important;
    box-sizing: border-box;
    display: table;
  }

  .btnArea li:nth-child(odd) {
    clear: both;
    border-right: 1px solid #808991;
  }

  .btnArea li:nth-child(3),
  .btnArea li:nth-child(4) {
    border-top: 1px solid #808991;
  }

  .btnArea li a {
    display: table-cell !important;
  }

  .spNone {
    display: none;
  }

  .content {
    padding: 0 0 0;
  }

  .contentWrap {
    padding-top: 48px;
  }

  .mainVisual {
    height: auto;
  }

  .mainVisual > .main img {
    width: 58%;
  }

  .big_ttl {
    font-size: 1.5rem;
  }

  .newsRow {
    width: 100%;
    margin-bottom: 25px;
  }

  .newsRow dt time {
    font-size: 1.4rem;
  }

  .newsRow dt span {
    font-size: 1.2rem;
  }

  .newsArea {
    width: 100%;
    padding: 50px 15px 0;
    box-sizing: border-box;
  }

  .newsArea h3 {
    border-left: 2px solid #005bac;
    padding: 2px 0 2px 6px;
    font-size: 1.4rem;
  }

  .newsRow dt {
    width: 100%;
    display: block;
  }

  .newsRow dd {
    width: 100%;
    display: block;
  }

  .newsRow dd span.txt {
    width: 100%;
    display: inline;
    white-space: normal;
    line-height: 2;
  }

  .newsRow dd span.txt_nopdf {
    width: 100%;
    display: inline;
    white-space: normal;
    line-height: 2;
  }

  .pdf {
    width: 100%;
  }

  .pdf:after {
    display: none;
  }

  .link {
    width: 100%;
  }

  .link:after {
    display: none;
  }

  .txt:after {
    content: "";
    position: static;
    background: url(/renewal/common/img/pdf_icon_pc.jpg) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 36px;
    height: 15px;
    display: inline-block;
    padding-left: 15px;
  }

  .txt_nopdf:after {
    content: "";
    position: static;
    -webkit-background-size: contain;
    background-size: contain;
    width: 36px;
    height: 15px;
    display: inline-block;
    padding-left: 15px;
  }

  .sport:before {
    top: 2px;
    left: -25px;
  }

  .health:before {
    top: 2px;
    left: -25px;
  }

  .news:before {
    top: 2px;
    left: -25px;
  }

  .parts:before {
    top: 2px;
    left: -25px;
  }

  .newsArea .white_btn,
  .newsArea .thebox_btn {
    font-size: 1.5rem;
    margin-top: 47px;
    margin-bottom: 48px;
    width: 100%;
  }

  .newsArea .thebox_btn {
    font-size: 1.5rem;
    margin-top: 12px;
    margin-bottom: 78px;
    width: 100%;
  }

  .pcView {
    display: none;
  }

  .spView {
    width: 100%;
    display: block;
    padding: 0;
  }

  .ttl_poa {
    margin-top: -13px;
  }

  .img_ttl {
    padding: 33px 0 27px;
    font-size: 2.1rem;
    font-weight: normal;
  }

  .pc_view {
    display: none;
  }

  .sp_view {
    display: block;
  }

  .gradClum,
  .carClum {
    height: 24%;
    width: 100%;
    right: 0;
  }

  .gradClum {
    top: 52%;
  }

  .carClum {
    top: 76%;
  }

  .sp_btnArea li {
    padding: 10px 0;
    float: left;
    width: 50%;
    text-align: center;
    background: #697077;
  }

  .sp_btnArea li a {
    color: #fff;
    display: block;
  }
}

/* loading ---------- */
#loadWrap {
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10000000;
}

.loaderText {
  color: #005bac;
  top: 50%;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.05em;
  margin-top: -117px;
}

.loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  top: 50%;
  margin-top: -45px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease;
  animation: load6 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #005bac, 0 -0.83em 0 -0.42em #005bac, 0 -0.83em 0 -0.44em #005bac, 0 -0.83em 0 -0.46em #005bac, 0 -0.83em 0 -0.477em #005bac;
  }

  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #005bac, 0 -0.83em 0 -0.42em #005bac, 0 -0.83em 0 -0.44em #005bac, 0 -0.83em 0 -0.46em #005bac, 0 -0.83em 0 -0.477em #005bac;
  }

  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #005bac, -0.087em -0.825em 0 -0.42em #005bac, -0.173em -0.812em 0 -0.44em #005bac, -0.256em -0.789em 0 -0.46em #005bac, -0.297em -0.775em 0 -0.477em #005bac;
  }

  20% {
    box-shadow: 0 -0.83em 0 -0.4em #005bac, -0.338em -0.758em 0 -0.42em #005bac, -0.555em -0.617em 0 -0.44em #005bac, -0.671em -0.488em 0 -0.46em #005bac, -0.749em -0.34em 0 -0.477em #005bac;
  }

  38% {
    box-shadow: 0 -0.83em 0 -0.4em #005bac, -0.377em -0.74em 0 -0.42em #005bac, -0.645em -0.522em 0 -0.44em #005bac, -0.775em -0.297em 0 -0.46em #005bac, -0.82em -0.09em 0 -0.477em #005bac;
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #005bac, 0 -0.83em 0 -0.42em #005bac, 0 -0.83em 0 -0.44em #005bac, 0 -0.83em 0 -0.46em #005bac, 0 -0.83em 0 -0.477em #005bac;
  }
}

@keyframes load6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #005bac, 0 -0.83em 0 -0.42em #005bac, 0 -0.83em 0 -0.44em #005bac, 0 -0.83em 0 -0.46em #005bac, 0 -0.83em 0 -0.477em #005bac;
  }

  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em #005bac, 0 -0.83em 0 -0.42em #005bac, 0 -0.83em 0 -0.44em #005bac, 0 -0.83em 0 -0.46em #005bac, 0 -0.83em 0 -0.477em #005bac;
  }

  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em #005bac, -0.087em -0.825em 0 -0.42em #005bac, -0.173em -0.812em 0 -0.44em #005bac, -0.256em -0.789em 0 -0.46em #005bac, -0.297em -0.775em 0 -0.477em #005bac;
  }

  20% {
    box-shadow: 0 -0.83em 0 -0.4em #005bac, -0.338em -0.758em 0 -0.42em #005bac, -0.555em -0.617em 0 -0.44em #005bac, -0.671em -0.488em 0 -0.46em #005bac, -0.749em -0.34em 0 -0.477em #005bac;
  }

  38% {
    box-shadow: 0 -0.83em 0 -0.4em #005bac, -0.377em -0.74em 0 -0.42em #005bac, -0.645em -0.522em 0 -0.44em #005bac, -0.775em -0.297em 0 -0.46em #005bac, -0.82em -0.09em 0 -0.477em #005bac;
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #005bac, 0 -0.83em 0 -0.42em #005bac, 0 -0.83em 0 -0.44em #005bac, 0 -0.83em 0 -0.46em #005bac, 0 -0.83em 0 -0.477em #005bac;
  }
}

@media screen and (max-width: 768px) {
  #loadWrap {
    display: none;
  }
}

/* mv */

.kv-slider .kv-slider__item {
  position: relative;
  overflow: hidden;
}

.kv-slider .kv-slider__item__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.kv-slider .kv-slider__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kv-slider .kv-slider__item__img .sp {
  display: none;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.swiper-slide-active .kv-slider__item__img,
.swiper-slide-duplicate-active .kv-slider__item__img,
.swiper-slide-prev .kv-slider__item__img {
  animation: zoomUp 5s linear 0s 1 normal both;
}

.mainVisual .cover-link {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .kv-slider .kv-slider__item__img .sp {
    display: block;
  }

  .kv-slider .kv-slider__item__img .pc {
    display: none;
  }
}