@charset "UTF-8";
/* CSS Document */

html{
	font-size: 62.5%; /*16px x 62.5%=10px*/
	
}

body{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "MS P 明朝", "MS PMincho", "MS 明朝", serif;;
	font-weight: 400;
	font-style: normal;
	color:#010101;
	font-size:1.6rem;
	letter-spacing: 0.025em;
	max-width: 1960px;
	margin: 0;
  background-image: url('img/aw-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
}
img{
	max-width: 100%;
	height: auto;
}
a{
	color:#010101;
	text-decoration: none;
	cursor:pointer;
}

li{
	list-style-type: none;	
}
.br_sp{
	display: none;
}


/* loading */

/* Loading背景画面設定　*/
#splash {
  /*fixedで全面に固定*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background:#ffff;
    text-align:center;
    color:#fff;
  }
  
  /* Loading画像中央配置　*/
  #splash_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  /* Loading アイコンの大きさ設定　*/
  #splash_logo img {
    width:15vw;
  }
  
  /* fadeUpをするアイコンの動き */
  .fadeUp{
  animation-name: fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity: 0;
  }
  
  @keyframes fadeUpAnime{
    from {
      opacity: 0;
    transform: translateY(100px);
    }
  
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }


  /* header */
  .nav{
    display: none;
  }
  .mv_btn_box{
    display: flex;
    position: absolute;
    top: 5%;
    right: 3%;
  }
  .mv_btn{
    color: #fff;
    font-size: 1.2vw;
    padding-right: 3vw;
  }

  .header{
      height: 56.25vw;
      position: relative;
      background-image: url(img/mv_pc.png);
      background-size: contain;
    
  }
  .mv_logo{
    width: 10vw;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .mv_title{
    color: #fff;
    font-size: 3.8vw;
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    animation-delay: 2s;
    
  }
  .mv_title_span{

    padding-left: 2vw;
    }
  .mv_text{
    color: #fff;
    font-size: 2.2vw;
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    animation-delay: 3s;
  }

  /* section */

  .top_section{
    height: 40vw;
    position: relative;
  
  }

  /* fadeUp */

.fadeUp{
  animation-name:fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
  -webkit-appearance: none; 
  }
  
  @keyframes fadeUpAnime{
    from {
      opacity: 0;
  transform: translateY(100px);
    }
  
    to {
      opacity: 1;
  transform: translateY(0);
    }
  }
  
  
  /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
   
  .fadeUpTrigger{
      opacity: 0;
  }

  /* 
  .fadein_down_opa{
    opacity: 1;
  } 
  */
  .top_section1{
    margin-top: 10vw;
  }


  .section_pc{
    width: 48.8vw;
    
  }
  .section_sp{
    display: none;
  }

  .section_pc_a{
    position: absolute;
    top: 0;
    left: 6vw;

  }
  .section_pc_b{
    position: absolute;
    top: 0;
    right: 6vw;

  }

  .section_title{
    font-size: 5.7vw;
    }

  .section_title_a{
    position: absolute;
    top: 28%;
    left: 50%;

  }

  .section_title_b{
    position: absolute;
    top: 28%;
    left: 32.5%;

  }

  .section_title_c{
    position: absolute;
    top: 28%;
    left: 25%;

  }

  .text_white{
    color: #fff;
  }
  
  

  .section_text{
    font-size: 1.8vw;
  
  }

  .section_text_a{
    position: absolute;
    top: 48%;
    left: 59%;

  }

  .section_text_b{

    position: absolute;
    top: 48%;
    left: 36.5%;

  }

  .section_text_c{

    position: absolute;
    top: 48%;
    left: 32.5%;

  }

  .top_btn{
    color: #fff;
    font-size: 1.1vw;
    position: absolute;
    padding: 1vw 5vw;
    background-color: #292929;
    border-radius: 100vh;

  }

  .top_btn_a{
    top:63%;
    left: 59%;

  }

  .top_btn_b{
    top:63%;
    left: 28%;

  }

  .top_btn::after { /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10vw;
    width: 13px;    /* くの字を山なりに見た時、左側の長さ */
    height: 13px;   /* くの字を山なりに見た時、右側の長さ */
    border-top: 2px solid #000;     /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 2px solid #000;   /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(45deg);    /* くの字の向き */
    border-color: #fff;
  }

  .top_btn:hover{
    opacity: 0.6;
  }
  
  /* footer */
  .footer{
    background-color:#1D1D1D;
    padding-bottom: 4vw;
  }
  .footer_box{
   
    padding-top: 5vw;

  }

  .footer_btn_box{
    display: flex;
    flex-direction: column;
    width: 5vw;
    margin: 0 auto;
  }
    .footer_btn{
      font-size: 1.2vw;
      padding-top: 1.8vw;
      color: #fff;
    }

    .footer_corporate{
      display: flex;
      flex-direction: column;
    }

    .footer_conpany{
      font-size: 2vw;
      padding-top: 1.5vw;
      color: #fff;
    
    }
      .footer_adress{
        font-size: 1.2vw;
        padding-top: 1vw;
        line-height: 1.8;
        color: #fff;
      }

      .footer_name1{
        font-size: 1.1vw;
        padding-top: 2vw;
        color: #fff;
        margin: 0;
      }
      .footer_name2{
        font-size: 1.2vw;
        color: #fff;
      }

      .footer_logo{
        width: 6vw;
        margin: 0 auto;
        margin-top: 2vw;
        padding-top: 5vw;
      }

      .copy{
        font-size: 0.8vw;
        text-align: center;
        color: #fff;
        padding-top: 2vw;
      }

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

        .br_sp{
          display: block;
        }

         /* Loading アイコンの大きさ設定　*/
        #splash_logo img {
              width:30vw;
            }

        /*togrre-menu*/
        .nav {
          display: block;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 70px;
          
          background-color: transparent;
          z-index: 100;
        }

        .nav.nav-scrolled {
          position: fixed;
          background-color: rgba(0, 0, 0, 0.8);
          animation: fadeInBackground 0.5s ease forwards; /* アニメーションを追加 */
        }

        @keyframes fadeInBackground {
          from {
            background-color: transparent;
          }
          to {
            background-color: rgba(0, 0, 0, 0.8);
          }
        }

        .nav-sp {
          background: transparent;
          transition: all 0.5s ease; /* トランジション時間を長めに設定 */
        }

        .nav.nav-scrolled .nav-sp {
          background: #000;
          animation: fadeInBackgroundSolid 0.5s ease forwards; /* アニメーションを追加 */
        }

        @keyframes fadeInBackgroundSolid {
          from {
            background-color: transparent;
          }
          to {
            background-color: #000;
          }
        }

        nav.globalMenuSp {
          position: fixed;
          z-index: 100;
          top: 0;
          left: 0;
          background: #000; /* メニューの背景色を黒に設定 */
          color: #fff;
          text-align: center;
          transform: translateX(-100%);
          transition: all 0.6s;
          width: 100%;
          height: 100vh;
        }

        nav.globalMenuSp.active {
          transform: translateX(0);
          background: #000;
        }

        nav.globalMenuSp ul {
          background: transparent;
          margin: 0 auto;
          padding: 0;
          width: 100%;
          padding-top: 80px;
        }

        nav.globalMenuSp ul li {
          font-size: 1.1em;
          list-style-type: none;
          padding: 0;
          width: 100%;
          border-bottom: 1px dotted #fff;
        }

        nav.globalMenuSp ul li:last-child {
          padding-bottom: 0;
          border-bottom: none;
        }

        nav.globalMenuSp ul li a {
          display: block;
          color: #fff;
          padding: 1em 0;
          font-size: 1.2vw;
        }

        .navToggle {
          position: fixed;
          right: 4%;
          top: 9%;
          width: 65px;
          height: 70px;
          cursor: pointer;
          z-index: 150;
          text-align: center;
        }

        .navToggle span {
          display: block;
          position: absolute;
          width: 50px;
          border-bottom: solid 1px #fff;
          -webkit-transition: .35s ease-in-out;
          -moz-transition: .35s ease-in-out;
          transition: .35s ease-in-out;
          left: 8px;
        }

        .navToggle span:nth-child(1) {
          top: 12px;
        }

        .navToggle span:nth-child(2) {
          top: 24px;
        }

        .navToggle span:nth-child(3) {
          top: 36px;
        }

        .navToggle.active span:nth-child(1) {
          top: 18px;
          left: 6px;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
          border-bottom: solid 1px #fff;
        }

        .navToggle.active span:nth-child(2),
        .navToggle.active span:nth-child(3) {
          top: 18px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          transform: rotate(45deg);
          border-bottom: solid 1px #fff;
        }

        .mv_btn_box{
          display: none;
        }
        
        .header{
          background-image: url(img/mv_sp.png);
          height: 178vw;
        }
        
        .mv_logo{
          width: 28vw;
          top:42%;
        }

      .mv_title{
        font-size: 7.7vw;
      }
      .mv_text{
        font-size: 5vw;
        top: 75%;
        left: 22%;
        transform: translateX(0);
      }
     
      /*	nav*/
nav.globalMenuSp ul li a {
	font-size: 4vw;
}

	.navToggle {
		right: 4%;
		top: 9%;
		width: 65px;

		}

      /* section */

      .top_section{
        height: 69vw;
        margin-bottom: 10vw;
       
      }
      .section_pc{
        display: none;
      }

      .section_sp{
        display:block;
        width: 62vw;
       
      }
      .section_sp_a{
        position: absolute;
        top: 0;
        left: 0vw;

      }
      .section_sp_b{
        position: absolute;
        top: 0;
        right: 0vw;

      }
      .section_title{
        font-size: 7vw;
      }
      .section_title_a{
        
        top: 42%;
        left: 56%;
    }

    .section_title_b{
      
      top: 42%;
      left: 23%;
  }
  .section_title_c{
    top: 42%;
    left: 14%;

  }


  .section_text{
    font-size: 3vw;
    
  }
  .section_text_a{
    top: 55%;
    left:64%;
  }
  .section_text_b {
    top: 55%;
    left: 25.5%;
}
.section_text_c{
  top:55%;
  left: 18%;
}
.top_btn{
  font-size: 3.5vw;
  padding: 4vw 21vw;
}
.top_btn::after{
  left: 45vw;
  border-top: 2px solid ;
  border-right: 2px solid;
}
  .top_btn_a{
    top: 85%;
    left: 50%;
    transform: translateX(-50%);
}

.top_btn_b{
  top: 85%;
  left: 50%;
  transform: translateX(-50%);
}
/* footer */
.footer_btn_box{
  width: 21vw;
}
.footer_btn{
  font-size: 4vw;
  padding-top: 5vw;
}
.footer_box{
  display: block;
}

.footer_corporate{
  padding-top: 13vw;
  
}
.footer_conpany{
  font-size: 4.2vw;
}
.footer_adress{
  font-size: 3.7vw;
}
.footer_name1{
  font-size: 3.5vw;
    padding-top: 7vw;
}
.footer_name2{
  font-size: 4vw;
}
.footer_logo{
  width: 17vw;
  margin-top: 8vw;
}

.section_title {
  font-size: 7vw;
}

.section_text {
  font-size: 3vw;
}

.map1 iframe {
  width: 100%;
  max-width: 100vw;
  height: auto;
  min-height: 300px;
  display: block;
}

      }