@charset "utf-8";
/* CSS Document */
/* ヘッダー */
header{
   position: fixed;
   z-index: 100;
   width: 100%; 
   height: 100px;
}
header img{
   width: 154px; 
   height: 77px;
   margin-top: 12px;
}
@media (max-width:1150px){
   .header_bg{
      height: 50px;
   }
   .header img{
      height: 38px;
      width: 76px;
      margin-top: 6px;
      margin-bottom: 6px;
      margin-right: auto;
   }
}
.header{
   display:flex;
}
.header_bg{
   background-color: color-mix(in srgb, #FFFFFF 70%, transparent);
   color: #000;
}
.header_menu{
   align-items: center;
   flex-direction: row;
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   padding-left: 150px;
}

.header_menu li a{
   color: #000;
}
.header_time{
   display: flex;
   flex-direction: column;
   margin-left: auto;
}

.header_info{
   margin-left: auto;
}
.header_info a{
   color: #fff;
}

.header_info_btn{
   background-color: #000;
   color: #fff;
   display: inline-flex;
   padding: 13px 15px;
}
.header_hamburger{
   display: none;
}
@media (width<1150px) {
.header_menu{
   display: none;
}
.header_time{
   display: none;
}
.header_info_btn{
   background-color: #000;
   display: inline-flex;
   padding: 10px 8px;
}
.header_info{
   align-self: center;
}
}

@media (width<1150px){
   .header_sp-menu{
      margin-left: auto;
      display: flex;
      flex-direction: row;
      gap: 20px;
   }
      .header_hamburger {
         align-self: center;
         display: block;
         width: 40px;
         height: 40px;
         background: #000;
         border: none;
         position: relative;
      }
      .header_hamburger span {
         display: block;
         width: 20px;
         height: 1px;
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         margin: auto;
      }
      .header_hamburger span:nth-child(1) {
         background: #FFFFFF;
         top: -16px;
         transition: opacity .3s;
      }
      .header_hamburger span:nth-child(3) {
         background: #FFFFFF;
         bottom: -16px;
         transition: opacity .3s;
      }
      .header_hamburger span:nth-child(2)::before,
      .header_hamburger span:nth-child(2)::after {
         content: '';
         display: block;
         width: 20px;
         height: 1px;
         background: #FFFFFF;
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         margin: auto;
         transition: transform .3s;
         transform-origin: center;
   }
}
   @media (width<1150px){
      @media (max-width: 1150px) {
         .is-spMenuOpen .header_hamburger span:nth-child(1),
         .is-spMenuOpen .header_hamburger span:nth-child(3) {
            opacity: 0;
         }
         .is-spMenuOpen .header_hamburger span:nth-child(2)::before {
            transform: rotate(45deg);
         }
         .is-spMenuOpen .header_hamburger span:nth-child(2)::after {
            transform: rotate(-45deg);
         }
      }
}
.sp{
   display: none;
}
/* スマホメニューオープン */
.is-spMenuOpen .sp{
   display: block;
   background-color: #000;
   margin-top: 50px;
   height: 100vh;
   width: 100vw;
   position: fixed;
   z-index: 10;
}
.is-spMenuOpen .header_info_btn{
   display: none;
}
.is-spMenuOpen .sp_menu a{
   color: #fff;
}
.is-spMenuOpen .sp_menu {
   display: flex;
   flex-direction: column;
   gap: 30px;
   justify-self: center;
   align-items: center;
   padding-top: 90px;
}
.is-spMenuOpen .sp-time{
   justify-self: center;
   color: #fff;
   margin-top: 30px;
}
.is-spMenuOpen .header_bg{
   opacity: 100;
   background-color: #fff;
}



/* フッター */
footer{
   margin-top: 80px;
   background-color: #000;
   color: #fff;
}
.footer{
   display: flex;
   justify-content: space-between;
}
.footer_logo{
   width: 259px;
   height: 130px;
   margin-top: 37px;
}
.footer_adress{
   margin-bottom: 26px;
}
.copyright{
   font-size: 0.6rem;
   margin-top: 267px;
}
.footer_menu{
   display: flex;
   gap: 10px;
   margin-top: 77px;
}
.footer_menu a{
   color: #fff;
}
.footer_insta{
   margin-top: 150px;
   text-align: right;
}

@media (width<767px){
   .footer{
      display: flex;
      flex-direction: column;
      justify-self: center;
   }
   .footer_logo{
      width: 105px;
      height: 52px;
      margin-top: 10px;
   }
   .footer_right{
      order: 1;
      display: flex;
      gap: 52px;
      margin-top: 30px;
      justify-content: center;
   }
   .footer_left{
      order: 2;
      justify-items: center;
   }
   .footer_menu{
      margin-top: 33px;
      flex-direction: column;
      gap: 17px;
      align-items: center;
   }
   .footer_insta{
      width: 34px;
      height: 34px;
      margin-top: 17px;
   }
   .copyright{
      order: 3;
      justify-items: center;
      margin-top: 30px;
      margin-bottom: 20px;
   }
}

/* リンクボタン */
.btn{
   background-color: #000;
   color: #fff;
   display: inline-flex;
   padding: 13px 15px;
}
.btn::before{
   content: '>';
}
.btn.is-white {
   background-color: #fff;
   color: #000;
}