@charset"utf-8";
*{
  margin: 0;
  padding: 0;
 list-style: none;
 text-decoration: none;
   font-family: "Lora", serif;
   font-optical-sizing: auto;
 
     font-family: "Hiragino Mincho", serif;
     font-weight: 400;
     font-style: normal;
     color:#383838;
 
   }
   body{
    background-color: #f8f8f8;
   }

   header{
    background-color: #99a0a0;
    
   }
   nav ul{
    display: flex;
    justify-content: flex-end;
    padding: 1em 0;
   }
   nav li{
    padding-right: 2em;
    color: #fff;
   }
   nav li a,i{
    color: #fff;
   }
   nav li:hover, a:hover,i:hover{
    opacity: 0.5;
   }

   
   #contents{
    position: relative;
   }

   @media screen and (min-width:923px){

   
    .title h1{
      font-family: "Lora", serif;
      font-size: 40px;
      text-align: center;
      padding-top: 80px;
     }
     .title h2{
      font-size: 100px;
      font-family: "MonteCarlo", cursive;
      text-align: center;
      color: #fff;
      position: absolute;
      top:60px;
      right:530px;
      z-index: -10;
     }
     .text1{
      
      line-height: 1.7em;
      width:60%;
      margin: 100px auto;
      text-align: center;
     }
   
  
     .contact{
      text-align: center;
     }
     .contact-btn{
      background-color: #debca4;
      color:#fff;
      padding:0.5em 1em;
      width:300px;
      border-radius: 5px;
      display: inline-block;
      margin: 100px auto 0;
      font-size: 20px;
     }
    .img-box{
      display: flex;
      justify-content: center;
     
      width:80%;
     
      margin: 80px auto 0;
    }
    .goods{
      display: flex;
      flex-direction: column;
      flex-basis: 30%;
      background-color: #f8f3ee;
      box-shadow: 10px 10px 15px -10px;

    }
    .price2{
      flex-basis: 60%;
     
    }
    th{
      width:70%;
     
    }
    
     
  
    .text{
      width:80%;
      margin: 20px auto;
      text-align: center;
    }
    .goods-box{
      width:300px;
      height:300px;
      
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1em;
    }

    .goods-box img{
      display: block;
      object-fit: contain;
    }
    .shousai{
      width:70%;
      margin: 50px auto 0;
      text-align: center;

    }
    footer{
      text-align: center;
      margin-top: 130px;
      background-color: #99a0a0;
     } 
     footer .logo{
      font-size: 28px;
      padding: 1em 0;
      font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
     }
     footer ul{
      display: flex;
      justify-content: center;
    }
    footer li{
      padding-left: 2em;
    }
    footer li a,i{
      color: #fff;
    }
      
    footer img{
      padding: 3em 0 2em;
    }
    footer p{
      color: #fff;
      padding-top: 1em;
    }
    footer li a:hover,i:hover{
      opacity: 0.5;
    }
    
   }

   @media screen and (max-width:922px){
    .title h1{
      font-family: "Lora", serif;
      font-size: 30px;
      text-align: center;
      padding-top: 80px;
    
     }
    .service-text h1{
      font-size: 22px;
    }
     .text1{
      width:80%;
      margin: 60px auto;
     }
     .text1{
      line-height: 1.5em;
     
      text-align: justify;
     }
    
     br:first-child{
      display:none;
     }
     .goods-box{
      text-align: center;
     }
     .text{
      width:80%;
      margin: 10px auto;
      text-align: center;
     }
     .price{
      text-align: center;
     }
   
     .contact{
      text-align: center;
     }
     .contact-btn{
      background-color: #debca4;;
      color:#fff;
      padding:0.5em 1em;
      width:200px;
      border-radius: 5px;
      display: inline-block;
      margin: 60px auto 0;
      font-size: 18px;
     }
     .img-box{
      display: flex;
      justify-content: center;
    flex-direction: column;
      gap:40px;
     
     
      margin: 50px auto;

    }
    .img-box img{
      object-fit: contain;
    }
    .price2{
      width:90%;
    }
    th{
      width:70%;
    }
    .shousai{
      width:80%;
      margin: 10px auto;
    }
    footer{
      text-align: center;
      margin-top: 130px;
      background-color: #99a0a0;
     } 
     footer .logo{
      font-size: 28px;
      padding: 1em 0;
      font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
     }
     footer ul{
      display: flex;
      justify-content: center;
    }
    footer li{
      padding-left: 1em;
    }
    footer li a,i{
      color: #fff;
    }
      
    footer img{
      width:120px;
      padding: 1em 0 ;
    }
    footer p{
      color: #fff;
      padding-top: 1em;
    }
    footer li a:hover,i:hover{
      opacity: 0.5;
    }

   }