*{
  box-sizing: border-box;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    height: auto;
  }
.header {
    width: 1920px;
}

.header-inner{
    width: 1180px;
    height: 110px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.logo-container{
    width: 100%;
    margin: 0;
}
.header-logo{
    margin: 0;
}

.header-logo h1 a img{
    width:263px;
    height: auto;
    margin-top: 9px;
}

.header-container{
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.header-oph{
  width: auto;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
}
.header-tpn{
  width: auto;
  text-align: right;
  margin-top: 12px;
  margin-left: 18px;
}
.header-text {
  font-size: 14px;
  color: #444;
  font-weight: 400; 
  line-height: 20.27px;
  text-align: right;
  margin-top: 3px;
  margin-right: 36px;
} 
.header-text .headeropt{
  font-size: 14px;
  color: #444;
  font-weight: 400; 
  display: none;
}
.tel img{
  width: 25px;
  height: 25px;
}
.number-font{
  font-size: 24px;
  font-weight: 700;
  color:  #21A937;
  text-align: right;
  margin-right: 40px;
}
 
.fv{
  width: 1920px;
  background-image: url(img/fv.jpg);
  background-size: cover;
  background-position: center;
  height: 947px;
  position: relative;
  
}
.fv-main-copy{
  margin-top: 132px;
  margin-left: 190px;
  font-size: 28px;
  color: #444;
  position: absolute;
  display: flex;
  flex-direction: row-reverse;
}
.fv-main-copy1{
  width: 102px;
  height: 565px;
  background-color: #fff;
  padding: 24px 0;
  margin-left: 80px;
}
.fv-main-copy-text{
  font: size 28px;
  color: #444;
  font-weight: bold;
  writing-mode: vertical-rl;
  letter-spacing: 0.25em;
  margin: 0 auto;
}
@-moz-document{
.fv-main-copy-text{
  padding: 10 0 0 0;
}
}
.fv-main-copy2{
   width: 102px;
   height: 565px;
   background-color: #fff;
   padding: 24px 0;
}
.fv-main-copy2-color{
    color: #21A937;
}
/*policy section*/
.policy{
   width: 1920px;
   height: 664px;
   display: flex;
}
.policy-inner{
   width: 1150px;
   height: 664x;
   margin: 0 auto; 
}
.policy-inner-wrapper{
   display: flex;
   text-align: center;
   justify-content: center;
}
.policy-inner-wrapper-left{
   width: 482px;
   height: 420px;
}
.policy-heading{   
   text-align: left;
   font-size: 24px;
   font-weight: 700;
   color: #444;
   text-decoration: underline;
   text-decoration-color: #99E5A5;
   text-decoration-thickness: 10px;
   text-underline-offset: -3px;
   text-decoration-skip-ink: none;
   letter-spacing: 0.1;
   line-height: 67px;
   margin-top: 178px;
}
.policy-text{
   font-size: 16px;
   font-weight: 400;
   color: #444;
   text-align: left;
   line-height: 38px;
   padding-top: 21px;
}
.policy-inner-wrapper-right{
   justify-content: left;
}
.policy-picture{
    width: 690px;
    height: 420px;
    margin-top: 162px;
}
/*Content*/  
.contents{
    width: 1920px;
    height: 1521px;
   margin: auto 0;
    background-color: #f5fcf8;   
}
.contents-inner{
   width: 1180px; 
   height:auto;
   margin: 0 auto;  
   padding-top: 83px;
}
.contents-heading{
  font-size:  24px;
  font-weight: 700;
  color: #444;
  text-decoration: underline;
  text-decoration-thickness: 10px;
  text-underline-offset: -3px;
  text-decoration-color: #99E5A5;
  margin-left: 523px;
}
.contents-heading-dec{
  font-size: 16px;
  font-weight: 400;
  color: #444;
  padding-bottom: 37px;
  padding-top: 75px;
  padding-left: 350px;
}
.contents-box-wrapper{
  width: auto;
  height: auto;
  display: flex;
  justify-content: space-around;
  gap: 20px;
  margin-bottom: 80px;
}
.contents-box{
  width: 370px;
  height: 591px;
  border: 2px solid;
  border-color: #c9c9c9;
  border-radius: 8px;
  background-color: #fff;
  text-align: center;
  position: relative;
}
.contents-box-heading{
  font-size: 24px;
  font-weight: 700;
  color: #444;
  text-align: center;
  padding-top: 30px;
  margin-top: 10px;
}
.contents-box-text{
  width: 316px;
  font-size: 16px;
  font-weight: 400;
  color: #444;
  line-height: 38.4px;
  text-align: left;
  margin-top: 48px;
  padding-left: 10px;
}
.picture{
  position: absolute;
  bottom: 0;
  left: 20%;
}

.information-heading{
  font-size:  24px;
  font-weight: 700;
  color: #444;
  text-decoration: underline;
  text-decoration-thickness: 10px;
  text-underline-offset: -3px;
  text-decoration-color: #99E5A5;
  margin-left: 524px;
  margin-top: 85px;
}
.information{
  width: 1180px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  background-color: #fff;
  margin-top: 100px;
}  
.information-list{
  list-style: none outside;
  background-color: #fff;
  padding: 0 12.5px 0 37px;
}
.information-list .item{
  padding: 22px 0 14px 8px;
}
.information-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  background-color: #fff;
}
.information-list .item .date{
  margin: 0;
  width: 130px;
  font-size: 16px;
  font-weight: 700;
  color: #21A937;
  padding-top: 1px;
}
.information-list .item .category{
  min-width: 80px;
  font-weight: 700;
}
.information-list .item .category span{
  background: #444;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1;
  width: 80px; 
  height: 25px;
  white-space: nowrap; /* テキストの折り返しを防ぐ */
}
.information-list .item .text{  
  width: 90%; 
  font-size: 16px;
  font-weight: 700;
  color: #444;
  margin: 0;
  padding: 2px 0 0 30px;
}
.information-list .item a:hover .text{
  color: #97cdf3;
}
/* 装飾 */
 
*{
  box-sizing: border-box;
}
a{
  text-decoration: none;
}
body{
  margin: 20px;
}
.information-link{
  margin: 0;
  margin-left: 85%;
  margin-bottom: 30px; 
  color: #444;
  background-color: #fff; 
}
.information-link a span{
  margin-left: 1em;
  color: #444;
}

.footer{
  width: 1920px;
  height: 799px;
  margin-top: 196px;
}
.footer-inner{
  width: 1180px;
  height: 799px;
  display: flex;
  justify-content: space-around;
  margin-left: 345px;
}
.footer-left{
    width: 608px;
    height: 440px;
}
iframe{
   width: 608px;
   height: 440px;
   aspect-ratio: 440/608;
}
.footer-right{
    width: 552px;
    height: 490px;
    padding-left: 20px;
}
.footer-logo{
    width: 432px;
}
.footer-text{
    width: 532px;
    font-size: 16px;
    font-weight: 400;
    color: #444;
    margin-top: 52px;
    margin-bottom: 32px;
}
.footer-text .footeropt{
  display: none;
}
.footer-tel{
  margin: 2px;
}
.footer-tel a{
  margin-left: 5px;
}
.footer-tel img{
  width: 25px;
  height: 25px;
}
.footer-text .number-font{
  font-size: 24px;
  font-weight: 700;
  color: #21A937;
  line-height: 34.75px;
}
.opening-hours {
    width: 532px;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #E7E7E7;
    border-bottom: 2px solid #E7E7E7;
    margin-top: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #444;
}
  .opening-hours dt {
    width: 16%;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin-top: 24px;
    padding-top: 2px;
    padding-left: 5px;
}
  .opening-hours dd {
    width: 84%;
    font-size: 14px;
    font-weight: 400;
    color: #444; 
    border-left: 2px solid #E7E7E7;
    padding-left: 28px;
}
  .opening-hours dd p:first-of-type {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    text-decoration-color: #99E5A5;
    text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: -1px;
    text-decoration-skip-ink: none;
    line-height: 1.2em;
}
  .opening-hours dd p {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    display: inline-block;
  }
  .opening-hours dd p:nth-of-type(2) {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin-left: 25px;
  }
  .opening-hours dd p:last-of-type {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin-left: 5px;
    margin-bottom: 10px;
  }
  .opening-hours .line-first {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin-top: 24px;
  }
  .opening-hours .line-second {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin-left: 16%;
    padding-top: 8px;
  }
  .opening-hours .line-third {
    font-size: 14px;
    font-weight: 400;
    color: #444; 
    padding-bottom: 6px;
    margin-bottom: 22px;
    margin-left: 16%;
    padding-top: 8px;
  }
  
  .opening-hours .last-dt {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    margin-top: 2px;
  }
  .opening-hours .last-dd {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    padding-top: 5px;
    padding-bottom: 4px;
    margin-bottom: 15px;
  }
  .copyright {
    width: 532px;
    font-size: 11px;
    font-weight: 400;
    color: #444;
    text-align: right;
    margin-top: 26px;
    display: block;
  }
  .copyright-width{
    width: 522px;
  }

  @media screen and (min-width:521px) and (max-width:820px){
    .header{
       width: 100%;
       height: auto;
       margin: 0 auto;
     }
     .header-inner{ 
       width: 100%;
       height: auto;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
     }
     .logo-container{
       width:auto;
       margin: 0 auto;
       justify-content: center;
       align-items: center;
     }
     .header-logo{
       margin: 0 auto;
     }
     .header-logo h1 a img{
       max-width: 100%;
       height: auto;
       text-align: center;
     }
     .header-container{
       width: 100%;
       margin: 0 auto;
       display:flex;
       flex-direction: column;
       text-align: center;
     }
     .header-oph{
       width: 47%;
       margin-left: 20%;
     }
     .header-text{
       width: 45%;
       height: auto;
       font-size: 24px;
       font-weight: 700;
       color: #444;
       line-height: 26px;
       letter-spacing: normal;
       margin-left: 35%;
       padding-left: 0;
       padding-bottom: 5px;
       text-align: left;
     }
     .header-text .headeropt{
      display: block;
      width: 100%; 
      margin-right: 1em;
     }
     .header-tpn{
      width: auto;
      margin: 0 auto;
    }
     .tel{
       margin: 0;
     }
     .tel img{
       width: 32px;
       height: 32px;
       padding-right: 10px; 
     }
      .number-font{
       font-size: 28px;
       margin: 0 auto;
     }
       .fv{ 
       background-position: 70%;
       background-size: cover;
       width: auto;
       height: 750px;
       margin: 0 auto;
     } 
     .fv-main-copy{
      margin-left : 8%;
     }
    .fv-main-copy-text{
      font-size: 24px;
     }
     .fv-main-copy1{
      margin-left: 20px;
      width: 60px;
      height: 480px;
     }
    .fv-main-copy2{
      margin-left: 20px;
      width: 60px;
      height: 480px;
    }
    /*policy*/
     .policy{
       width: auto;
       height: auto;
       margin: 0 auto;
       padding-top: 5%;
     }
     .policy-inner{
       width: auto;
       height: auto;
       text-align: center;
     }
     .policy-inner-wrapper{
       width: auto;
       height: auto;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
     }
     .policy-inner-wrapper-left{
       display: flex;
       flex-direction: column;
       margin-bottom: 5%;
     }
     .policy-heading{
       font-size: 32px; 
       font-weight: 700;
       color: #444;
       width: 100%;
       margin-top: 50px;
       margin: 0 auto;
       
     }
     .policy-text{
       width: 100%;
       font-weight: 400;
       color: #444;
       margin: 0 auto;
       font-size: 20px;
     }
     .policy-inner-wrapper-right{
       margin: 0;
     }
     .policy-picture{
       width: auto;
       margin: 0 auto;
       padding-top: 50px;
       padding-bottom: 50px;
     }
    /*contents%information*/
     .contents{
       width: 100%;
       height: auto;
       background-color: #f5fcf8;
       margin-bottom: 10%;
      }
     .contents-inner{
       width: 100%;
       height: auto;
       margin: 0 auto;
     }
     .contents-heading{
       margin: 0 auto;
       font-size: 28px;
       font-weight: 700;
       text-align: center;
     }
     .contents-heading-dec{
       width: 100%;
       font-size: 20px;
       font-weight: 400;
       color: #444;
       text-align: center;
       padding: 20px 0 20px 10px;
     }
     .contents-box-wrapper{
       display: flex;
       flex-direction: column;
       height: auto;
       margin: 0 auto;
     }
     .contents-box{
       width: 60%;
       margin: 0 auto;
       padding-bottom: 20px;
     }
     .contents-box-heading{
       font-size: 24px;
       color: #444;
     }
     .contents-box-text{
       width: 90%;
       font-size: 20px;
       font-weight: 400;
       color: #444;
       text-align: left;
     }
     
     .picture{
       left: 27.5%;
     }
     .information{
       width: 60%;
       height: auto;
       margin: 0 auto;
     }
     .information-heading{
      margin: 0 auto;
      font-size: 28px;
      font-weight: 700;
      text-align: center;
      padding-top: 30px;
      padding-bottom: 30px;
     }
     .information-list{
       margin: 0 auto;
       display: flex;
       flex-direction: column;
     }
     .information-list .item a{
       flex-wrap: wrap;
     }
     .information-list .item .date{
       font-size: 24px;
       margin-left: 8%;
     }
     .information-list .item .category{
       font-size: 24px;
       margin-left: 18px;
     }
     .information-list .item .text{
       font-size: 20px;
       margin-top: 5px;
     }
     .information-link{
       font-size: 20px;
       font-weight: 400;
       color: #444;
       margin-top: 5%;
       margin-left: 65%;
     }

    /*footer ipad Air*/
    .footer{
       width: auto;
       height: auto;
       margin-top: 10%;
     }
     .footer-inner{
       width: 100%;
       height: auto;
       display: flex;
       flex-direction: column;
       margin-top: 20px;
       margin-left: 0;
     }
     .footer-left{
       width: 100%;
       height: auto;
       padding-left: 0%;
     }
     iframe{
       width: 100%;
       max-width: 100%;
       height: auto;
       aspect-ratio: 16/9;
     }
     .footer-right{
       width: 100%;
       margin-top: 10%;
     }
     .footer-logo{
       margin: 0 auto;
     }
     .footer-text{
      margin-top: 3%;
      margin-bottom: 3%;
      margin-left: 20%;
     }
     .footer-text .footeropt{
      display: none;
    }
    .footer-tel{
      margin-left: 20%;
    }
    .opening-hours{
      width: 80%;
      margin-left: 20%;
      margin-top: 0;
    }
     .opening-hours dt {
       width: 20%;
       font-size: 20px;
       margin-top: 10%;
       display: flex-start;
    }
     .opening-hours dd {
       width: 80%;
       font-size: 20px;
       font-weight: 400;
       display: flex-end;
     }
     .opening-hours dd p:first-of-type {
      font-size: 14px;
      font-weight: 400;
      font-weight: normal;
      text-decoration-color: #99E5A5;
      text-decoration-line: underline;
      text-decoration-thickness: 3px;
      text-underline-offset: -1px;
      text-decoration-skip-ink: none;
      line-height: 1.2em;
    }
    .opening-hours dd p {
      font-size: 14px;
      font-weight: 400;
      display: inline-block;
    }
    .opening-hours dd p:nth-of-type(2) {
      margin-left: 23px;
      font-size: 14px;
      font-weight: 400;
      color: #444;
    }
    .opening-hours dd p:last-of-type {
      margin-left: 17px;
      font-size: 14px;
      font-weight: 400;
      color: #444;
    }
    .opening-hours .line-first {
       margin-top: 0;
       margin-left: 20%;
    }
     .opening-hours .line-second {
       margin-left: 20%;
     }
     .opening-hours .line-third {
       margin-left: 20%;
     }
     .opening-hours .last-dt{
       font-size: 20px;
       color: #444;
     }
     .opening-hours .last-dd{
       font-size: 20px;
       color: #444;
     }
     .copyright{
       margin: 0;
       font-size: 16px;
       margin-left: 20%;
     }
    }
    
   @media screen and (max-width:520px){
     body{
       width: 100%;
       height: auto;
       margin: 0;
       box-sizing: border-box;
     }
     .header{
       width: 100%;
       height: auto;
       margin: 0;
     }
     .header-inner{ 
       width: 100%;
       height: auto;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
       justify-content: center;
      
     }
     .header-container{
       text-align: center;
     }
     .header-container{
      width: 100%;
      height: auto;
      margin: 0;
      padding-bottom: 5%;
      text-align: center;
    }
    .logo-container{
       width:100%;
       margin: 0 auto;
     }
     .header-logo{
       text-align: center;
     }
     .header-logo h1 a img{
       width: auto;
       height: auto;
       text-align: center;
     }
    
     .header-oph{
       width: 87%;
       height: auto;
       margin: 0 auto;
     }
     .header-text{
       width: 80%;
       font-size: 18px;
       font-weight: 400;
       margin-left: 15%;
       padding-bottom: 10px;
       text-align: left;
     }
     .header-text .headeropt{
      display: block;
      width: 100%;
      padding-left: 2em;
     }
     .header-tpn{
       width: 100%;
       height: auto;
       margin: 0;
       text-align: center;
     }
     .tel{
       width: 100%;
       margin: 0;
     }
     .tel img{
       width: 25px;
       height: 25px;
       margin: 0;
       aspect-ratio: 1/1;
     }
      .number-font{
       font-size: 24px;
       font-weight: 700;
       color: #21A937;
       margin-left: 5%;
     }
     /*FV*/
     .fv{ 
       background-position: 70%;
       background-size: cover;
       width: auto;
       height: 600px;
       margin: 0;
     } 
      .fv-main-copy{
      margin-top: 5%;
      margin-left : 3%;
     }
     .fv-main-copy-text{
       font-size: 20px;
     }
      .fv-main-copy1{
       margin-left: 10px;
       width: 50px;
       height: 400px;
     }
     .fv-main-copy2{
       margin-left: 10px;
       width: 50px;
       height: 400px;
     }
    /*policy*/
     .policy{
       width: 100%;
       height: auto;
       margin: 0 auto;
     }
     .policy-inner{
       width: 100%;
       height: auto;
       text-align: center;
     }
     .policy-inner-wrapper{
       width: 100%;
       height: auto;
       display: flex;
       flex-direction: column;
     }
     .policy-inner-wrapper-left{
       width: 100%;
       height: auto; 
       margin-top: 20%;
     }
     .policy-heading{
       width: 100%;
       height: auto; 
       font-size: 20px;
       font-weight: 700;
       color: #444;
       text-align: center;
       padding-left: 0;
       margin-top: 10%;
       margin: 0;
     }
     .policy-text{
       width: 100%;
       height: auto; 
       font-size: 20px;
       font-weight: 400;
       margin: 0 auto;
       padding-bottom: 5%;
       padding-left: 5%;
       padding-right: 5%;
     }
     .policy-inner-wrapper-right{
       display: block;
       text-align: center;
     }
     .policy-picture{
       width: 80%;
       max-width: 520px;
       height: auto;
       margin: 0 auto;
       padding-bottom: 50px;
       box-sizing: border-box;
     }
     /*coments&information*/
     .contents{
       width: 100%;
       height: auto;
       margin: 0 auto;
     }
     .contents-inner{
       width: 100%;
       height: auto;
       margin: 0 auto;
     }
     .contents-heading{
       width: 50%;
       height: auto;
       font-size: 24px;
       margin-left: 37%;
       padding-bottom: 30px;
     }
     .contents-heading-dec{
       width: 100%;
       height: auto;
       font-size: 16px;
       padding: 0 0 10px 10px;
       margin: 0 auto;
     }
     .contents-box-wrapper{
       width: 100%;
       height: auto;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
     }
     .contents-box{
       width: 90%;
       height: auto;
       margin: 0 auto;
       padding-bottom: 2px;
       position: relative;
     }
     .contents-box-text{
       width: 89%;
       height: auto;
       font-size: 20px;
       text-align: left;
       padding-top: 16px;
       margin: 0 auto;
     }
     .picture{
       position: relative;
       bottom: 0;
       left: 0;
       text-align: center;
     }
     .information{
       width: 90%;
       height: auto;
       margin-left: 5%;
       margin-bottom: 10%;
       margin-top: auto;
     }
     .information-heading{
      font-size: 24px;
      font-weight: 700;
      margin-left: 37%;
      padding-top: 30px;
      padding-bottom: 30px;
     }
     .information-list{
       margin: 0 auto;
     }
     .information-list .item a{
       flex-wrap: wrap;
     }
     .information-list .item .date{
       min-width: 100px;
       font-size: 16px;
       font-weight: 700;
       color: #21A937;
       padding: 0 5% 0 10%;
     }
     .information-list .item .category span{
       padding: 5px 0;
     }
     .information-list .item .text{
       width: 100%;
       margin-top: 10px;
       font-size: 16px;
       font-weight: 700;
       color: #444;
       line-height: 22px;
     }
     .information-link{
       width: 40%;
       height: auto;
       margin-top: 10%;
       margin-left: 50%;
     }
     /*footer smartphone*/
     .footer{
       width: 100%;
       height: auto;
       margin-top: 5%;
     }
     .footer-inner{
       width: 100%;
       height: auto;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
      }
     .footer-left{
       width: 100%;
       height: auto;
       margin: 0 auto;
       padding: 0;
       overflow-x: hidden;
     }
     iframe{
         width: 100%;
         max-width: 100%;
         height: auto;
         aspect-ratio: 16/9;
     }
     .footer-right{
       width: 100%;
       height: auto;
       margin-top: 10%;
       padding-left: 0;
    }
     .footer-logo{
      width: 80%;
      margin: 0 auto;
      padding-top: 5%;
      padding-bottom: 5%;
     }
     .footer-text{
       width: 80%;
       font-size: 20px;
       font-weight: 400;
       color: #444;
       line-height: 22px;
       margin: 0 auto;
       padding-bottom: 10px;
       text-align: left;
     } 
     .footer-text .footeropt{
      display: block;
      width: 100%;
     }
     .footer-tel{
       text-align: center;
     } 
     .footer-tel .number-font{
      margin-left: 5%;
     }
     .opening-hours{
       width: 100%;
       height: auto;
       display: flex;
       flex-wrap: wrap;
       border-top: 2px solid #E7E7E7;
       border-bottom: 2px solid #E7E7E7;
       margin-top: 28px;
       font-size: 16px;
       font-weight: 400;
       color: #444;
     }
     .opening-hours dt {
       width: 30%;
       font-size: 16px;
       font-weight: 400;
       color: #444;
       margin-top: 0;
       padding-left: 2%;
     }
     .opening-hours dd {
       width: 70%;
       padding-left: 2%;
       font-size: 16px;
       font-weight: 400;
       color: #444;
     }  
     .opening-hours dd p:first-of-type {
       font-size: 16px;
       font-weight: 400;
       color: #444;
       font-weight: normal;
       text-decoration-color: #99E5A5;
       text-decoration-line: underline;
       text-decoration-thickness: 3px;
       text-underline-offset: -1px;
       text-decoration-skip-ink: none;
       line-height: 1.2em;
       padding-left: 2%;
       display: flex;
       flex-direction: column;
       align-items: flex-start;
     }
     .opening-hours dd p:nth-of-type(2) {
      width: 70%;
      font-size: 16px;
      font-weight: 400;
      color: #444;
      margin-left: 2%;
     }
     .opening-hours dd p:last-of-type {
      width: 80%;
      font-size: 16px;
      font-weight: 400;
      color: #444;
      margin-left: 2%;
     }
     .opening-hours .line-first {
       margin-top: 0;
       margin-left: 0;
    }
    .opening-hours .line-second {
       margin-left: 30%;
    }
     .opening-hours .line-third {
       margin-left: 30%;
    }
     .opening-hours .last-dt {
       width: 30%;
       font-size: 16px;
       font-weight: 400;
       color: #444;
       padding-left: 2%;
    }
     .opening-hours .last-dd{
       width: 70%;
       font-size: 16px;
       font-weight: 400;
       color: #444;
       padding-left: 2%;
    }
     .copyright{
       width: 100%;
       height: auto;
       font-size: 12px;
       font-weight: 400;
       color: #444;
       text-align: left;
    }
    .copyright-width{
      width: 100%;
    }
   }