@charset "utf-8";
/*------slider------*/
.swiper {
  position: relative;
      width: 100%;
  margin: 0 auto 110px;
  top: 90px;
padding-bottom: 580px;
}
.swiper-wrapper {
    position: absolute;
/*    overflow: hidden;*/
    width:80%;
    max-width: 1024px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.swiper_contents{
    width: 80%;
    max-width: 1024px;
    height: 580px;

/*
     background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
*/
}
.swiper_contents img{
    width: 100%;
}
/*
.swiper_contents.first{
    background-image: url("../images/slider3.JPG");
}
.swiper_contents.second{
    background-image: url("../images/slider2.JPG");
}
.swiper_contents.third{
    background-image: url("../images/slider1.JPG");
}
.swiper_contents.fourth{
    background-image: url("../images/slider4_2.JPG");
}
.swiper_contents.fifth{
    background-image: url("../images/slider5.JPG");
}
*/
#main_visual .top_companyname {
  max-width: 160px;
  position: absolute;
  left: calc(50% - 625px);
    bottom: -10px;
  z-index: 20;
}
#main_visual .top_companyname img {
  width: 100%;
}
#main_visual .top_heading {
  font-size: 34px;
  text-orientation: upright; /* すべて縦方向に表示 */
  writing-mode: vertical-rl;
  position: absolute;
  right: calc(50% - 630px);
  z-index: 20;
  height: 15em;
    top: .5em;
/*  top: 3.5em;*/
  line-height: 1.5;
}
@media screen and (max-width: 1400px) {
 
  /*------main_visual------*/
    .swiper {
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
  top: 5px;
padding-bottom: 50%
}
.swiper-wrapper {
    width:80%;
    max-width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.swiper_contents{
    width: 80%;
    max-width: 80%;
}
  #main_visual .top_companyname {
    width: 13%;
    position: absolute;
    left: 0.5%;
    z-index: 20;
      bottom: -10px;
  }
  #main_visual .top_heading {
    font-size: 2.5vw;
    text-orientation: upright; /* すべて縦方向に表示 */
    writing-mode: vertical-rl;
    position: absolute;
    right: 1.2%;
    height: 15em;
      top:.6em;
/*    top: 1.2em;*/
    line-height: 1.5;
  }
}
@media screen and (max-width: 800px) {
#main_visual .top_heading {
    font-size: 2.7vw;
    }
}
/*------header_nav------*/
/*=====sp_mode=====*/
@media screen and (max-width: 480px) {
 
  /*------main_visual------*/
/*
  #main_visual .top_movie {
    width: 100%;
  }
  #main_visual .position {
    padding-top: 0;
    padding-bottom: 105%;
    margin-bottom: 15px;
  }
  #main_visual .top_movie .inner {
    width: 100%;
    padding-bottom: 105%;
  }
*/
      /*------main_visual------*/
    .swiper {
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
  top: 3px;
padding-bottom: 105%
}
.swiper-wrapper {
    width:100%;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.swiper_contents{
    width: 100%;
    height: 100%;
    max-width: 100%;
}
    .swiper_contents img{
        width: auto;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }
  #main_visual .top_heading {
    top: .8em;
    font-size: 6.5vw;
    color: #000;
    line-height: 1.3;
    right: 2%;
      text-shadow: 4px 4px 4px #fff, -4px -4px 4px #fff,
  -4px 4px 4px #fff,  4px -4px 4px #fff,
  4px 0 4px #fff, -4px  0 4px #fff,
  0 4px 4px #fff,  0 -4px 4px #fff;
/*    text-shadow: 0 2px 5px rgb(255 255 255 / 100%);*/
  }
  #main_visual .top_companyname {
    width: 25%;
    left: 0%;
    top: auto;
    bottom: 0;
  }
}