@charset "UTF-8";

body{
   font-size: 62.5%;
   font-family: 'Noto Sans JP', sans-serif;
   background-color: var(--primary-color);
}

a{
   display: inline-block;
   text-decoration: none;
   color: black;
}

*{
   box-sizing: border-box;
}

.footer-inner{
   width: 1200px;
   margin: 0 auto;
   text-align: center;
}

:root {
   --primary-color: #f6efe1;
 }

 /* 電話リンク750px以下の時、有効 */
 @media (min-width: 751px) {
   a[href*="tel:"] {
   pointer-events: none;
   cursor: default;
   text-decoration: none;
   }
}

/* -------------------------------
   フッター
   -------------------------------
*/
.footer-link-wrap{
   background-color: #c2c2c2;
   padding: 20px 0;
}
.footer-ul{
   display: flex;
   justify-content: space-around;
   width: 50%;
   margin: 0 auto;
}
.footer-list{
   padding: 0 10px;
}
.footer-link{
   font-size: 1rem;
}

.footer-copylight-wrap{
   background-color: #666;
   padding: 10px 0;
}
.footer-copylight-container{
   display: flex;
   justify-content: space-around;
   width: 40%;
   margin: 0 auto;
}
.copylight{
   color: white;
   font-size: 1rem;
}
.privacy_policy{
   color: white;
   font-size: 1rem;
}

/* -------------------------------
   タブレットフッター
   -------------------------------
*/
@media screen and (min-width:751px) and (max-width:1280px) {
   .footer-inner{
      width: 100%;
      text-align: center;
      margin: 0 auto;
   }

   .footer-link-wrap{
      padding: 10px 0;
   }
   
   .footer-ul{
      display: flex;
      justify-content: space-around;
      width: 80%;
      flex-wrap: nowrap;
   }
   .footer-list{
      width: 100%;
      padding: 0;
      text-align: center;
   }
   .footer-link{
      padding: 2px 10px;
   }

   .footer-copylight-container{
      display: flex;
      flex-direction: column-reverse;
      width: 90%;
      justify-content: center;
   }
   .copylight{
      text-align: center;
   }
   .privacy_policy{
      text-align: center;
   }
}

/* -------------------------------
   スマホフッター
   -------------------------------
*/
@media screen and (max-width:750px){
   .footer-inner{
      width: 100%;
      text-align: center;
      margin: 0 auto;
   }

   .footer-link-wrap{
      padding: 10px 0;
   }
   
   .footer-ul{
      width: 70%;
      flex-wrap: wrap;
   }
   .footer-list{
      width: 50%;
      padding: 0;
   }
   .footer-link{
      padding: 2px 10px;
   }

   .footer-copylight-container{
      display: flex;
      flex-direction: column-reverse;
      width: 90%;
      justify-content: center;
   }
   .copylight{
      text-align: center;
   }
   .privacy_policy{
      text-align: center;
   }
}