@charset "UTF-8";

/*ヘッダー*/

header {
  width: 100%;
  height: 72px;
  /* 変更点 */
  padding: 15px;
  text-align: center;
  background-color: #4c3d3a;
  display: flex;
  /* 重なりを制御する（100だと一番前） */
  position: relative;
  z-index: 100;
  /* ナビが綺麗に中央になった */
  align-items: center;
  justify-content: space-between;
  /* スクロールしてもヘッダーが固定される */
  position: fixed;
}



.headline .h-logo {
  width: 50px;
  height: auto;
  padding: 15px 0;
  display: flex;
}

.nav-list {
  line-height: 100px;
  float: center;
  list-style: none;
  letter-spacing: 0.07em;
}
.nav-list-item {
  list-style: none;
  display: inline-block;
  margin: 0 20px;
  color: #fff;
  font-size: 20px;
  font-family: baskerville-urw, serif;
  font-style: normal;
  font-weight: 400;
}
/* ナビのホバー */
/* 通常時はホバー時の文字を非表示にする */
a .hover {
  display: none;
  color: #fff;
  font-size: 16px;
}

/* ホバー時は通常時の文字を非表示にする */
a:hover .nomal {
  display: none;
}

/* ホバー時に、ホバー時の文字を表示する */
a:hover .hover {
  display: inline;
}

/*ヘッダー内の問い合わせボタン*/

a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

a.btn--circle {
  border-radius: 50%;
  /* 変更点 */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  padding: 0;
  overflow: hidden;
}

.btn--brawn {
  background: #c0ae8d;
  color: #000000;
  /* ボタンの位置を定め、そこから余白で距離を決める */
  position: relative;
  top: 30px;
  left: 0px;
}

.nav_toggle {
  display: none;
}

/*きらっと光る*/

.btnshine {
  /*キラッと光る基点とするためrelativeを指定*/
  position: relative;
  /*ボタンの形状*/
  display: inline-block;
  background: #333;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  outline: none;
  overflow: hidden;
}

/*キラッと光る*/
  .btn--circle::before {
    content: "";
    /*絶対配置でキラッと光るの位置を決める*/
    position: absolute;
    top: 0;
    left: -105%;
    /*キラッと光る形状*/
    width: 100px;
    height: 100px;
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%
    );
    transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
  .btn--circle:hover::before {
  animation: shine 0.7s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/* ナビを閉じる書き込み */
  .nav{
    display: none;
  }

/* SPのヘッダー */
@media screen and (max-width: 768px) {
  header {
  width: 100%;
  height: 50px;
  padding: 5px;
  text-align: center;
  }

  ul.nav_menu_ul {
    letter-spacing: 0.05em;
    font-family: baskerville-urw, serif;
  }
  
  .headline .h-logo {
    width: 40px;
    height: auto;
    padding: 5px 0;
  }

  .nav-list {
    display: none;
  }


  a.btn--circle {
    display: none;
  }

  /* ナビゲーション */
  .nav{
    display: block;
  }

  .nav {
    position: fixed;
    top: 3rem;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s;
  }
  
  .nav.show {
    opacity: 1;
    visibility: visible;
    background-color: #4c3d3a;
  }

  li.nav_menu_li {
    margin: 40px;
    color: #fff;
}
  

  /* クリック前 */
  .nav_toggle {
    display: block;
    position: relative;
    width: 1.75rem;
    height: 1.5rem;
  }
  .nav_toggle i {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    transition: transform .5s, opacity .5s;
  }
  .nav_toggle i:nth-child(1) {
    top: 0;
  }
  .nav_toggle i:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .nav_toggle i:nth-child(3) {
    bottom: 0;
  }
  
  /* クリック後 */
  .nav_toggle.show i:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
  }
  .nav_toggle.show i:nth-child(2) {
    opacity: 0;
  }
  .nav_toggle.show i:nth-child(3) {
    transform: translateY(-12px) rotate(45deg);
  }
  

}

/* 全セクション共通 */

h2 {
  font-size: 45px;
  font-family: baskerville-urw, serif;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  margin-left: 56px;
  margin-top: 70px;
  letter-spacing: 0.03em;
}
h2 span {
  font-size: 18px;
  color: #7e7676;
  display: block;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
}

/* SP全セクション */
@media screen and (max-width: 768px) {

  h2 {
    font-size: 22px;
    font-family: baskerville-urw, serif;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    margin: 36px 0 30px 22px;
    line-height: 1em;
    /* margin-left: 22px;
    margin-bottom: 20px; */
  }

  h2 span {
    font-size: 11px;
    color: #7e7676;
    display: block;
    text-align: center;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    margin-left: 14px;
  }

}



/*メインビジュアル*/
.mv {
  width: 100vw;
  height: 100vh;
  position: relative;
}

.container {
  height: 100%;
  overflow: hidden;
}

.mv .mv-img-sp {
  display: none;
}

/*メインビジュアルの背景画像のアニメーション*/
.mv #mv-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: sample 7s linear infinite;
}

@keyframes sample {
  to {
    transform: scale(1.1);
  }
}

.mv .mv-text {
  width: 481px;
  height: auto;
  position: absolute;
  bottom: 50px;
  left: 80px;
}

body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
    "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}


/*スクロールダウン全体の場所*/
.scrolldown1 {
  /*描画位置※位置は適宜調整してください*/
  position: absolute;
  left: 90%;
  bottom: 25px;
  /*全体の高さ*/
  height: 50px;
}

/*Scrollテキストの描写*/
.scrolldown1 span {
  /*描画位置*/
  position: absolute;
  left: -7px;
  top: -41px;
  /*テキストの形状*/
  color: #eee;
  font-size: 1rem;
  letter-spacing: 0.05em;
  writing-mode: vertical-rl;
}

/* 線の描写 */
.scrolldown1::after {
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0;
  /*線の形状*/
  width: 1px;
  height: 50px;
  background: #eee;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 50px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 70px;
    opacity: 0;
  }
}



/* SPのメインビジュアル */
@media screen and (max-width: 768px) {

  .mv #mv-img {
   display: none;
  }

  .mv {
    height: 350px; /* 追加 */
}

  .mv .mv-img-sp {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: sample 7s linear infinite;
  }

  /*メインビジュアルの背景画像のアニメーション*/

@keyframes sample {
  to {
    transform: scale(1.1);
  }
}

  .mv {
    height: 350px; /* 追加 */
}

  .container {
    height: 100%;
    overflow: hidden;
  }

  .mv .mv-text {
    width: 150px;
    height: auto;
    position: absolute;
    bottom: 25px;
    left: 18px;
  }

  .scrolldown1 {
    display: none;
  }

  .scrolldown1 span {
    display: none;
  }

}





/* コンセプト */

.concept {
  max-width: 1440px;
  margin: 0 auto;
  margin-top: 45px;
  /* height: calc( 100vh - 72px ); */
}
.con-up {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 130px;
  margin-right: 56px;
}
.con-up1 {
  max-width: 325px;
  width: 30%;
}

.con-up2 {
  max-width: 532px;
  width: 70%;
  margin-top: 150px;
}

.con-discription {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 200px 10px 0;
}

.con-bottom {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  justify-content: space-between;
  margin-left: 56px;
  margin-top: 50px;
}

.con-bottom h4 {
  font-size: 40px;
  font-family: Baskerville;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}

.con-discription p {
  font-family: "Noto Serif JP", serif;
  font-style: normal;
  font-weight: 300;
  font-size: 17px;
  text-align: left;
  letter-spacing: 3px;
  line-height: 30px;
  color: gray;
}


/* SPのコンセプト */
@media screen and (max-width: 768px) {

.concept{
  margin-top: 0;
}
.con-up{
margin-right: 0px;
display: block;
text-align: center;
margin-top: 15px;
}

.con-up1 {
  display: none;
}

.con-up2 {
  max-width: 532px;
  margin-top: 0px;
}

.con-bottom h4 {
  font-size: 20px;
  font-family: Baskerville;
}

.con-discription {
  align-items: center;
}

.con-discription p {
  font-family: "Noto Serif JP", serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
  letter-spacing: 3px;
  line-height: 30px;
}

.con-img1{
  display: none ;
}

.con-bottom {
  margin-top: 0;
  margin-left: 0%;
  align-items: center;
}

.con-discription {
margin: 32px 15px 0 15px;
}
}







/* 特徴 */

.feature {
  max-width: 1440px;
  margin: 45px auto 0;
}

.feature p {
  font-family: "Noto Serif JP", serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 1.5px;
  line-height: 23px;
  color: gray;
}

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

.saki {
  display: flex;

  margin: 80px;
  gap: 30px;
}

.fe-1 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 20px;
}

.fe-2 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 20px;
}

.fe-3 {
  align-items: center;
  gap: 30px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  margin: 10px 0 30px 115px;
}



/* SPの特徴 */
@media screen and (max-width: 768px) {

  .feature {
    margin-top: 0; 
  }

  .saki {
    display: block;
    margin: 0;
    gap: 0;
  
  }

  .fe-1,.fe-2,.fe-3{
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }

  .fe-3 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin:0 0 0 0;
  }
 


 
  /*  
  .feature .fe-3 p{
    margin-left: 50px;
    margin-right: 50px;
  }
*/
 




.feature p {
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 1.5px;
    line-height: 23px;
    margin: 20px 0;
    max-width: 70%;
  }

  .feature img{
    width: 50%;
  }

}






/* サービス */

.service {
  max-width: 1440px;
  /* margin-top: 45px; */
  margin: 45px auto 0;
}

.service .showroom h3 {
  text-align: center;
  font-size: 20px;
  margin: 30px auto;
}


/*スライダーのためのcss*/
.slider {
  /*横幅94%で左右に余白を持たせて中央寄せ*/
  width: 94%;
  margin: 0 auto;
}

.slider img {
  width: 60vw; /*スライダー内の画像を60vwにしてレスポンシブ化*/
  height: auto;
}

.slider .slick-slide {
  transform: scale(0.8); /*左右の画像のサイズを80%に*/
  transition: all 0.5s; /*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 0.5; /*透過50%*/
}

.slider .slick-slide.slick-center {
  transform: scale(1); /*中央の画像のサイズだけ等倍に*/
  opacity: 1; /*透過なし*/
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev,
.slick-next {
  position: absolute; /*絶対配置にする*/
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #666; /*矢印の色*/
  border-right: 2px solid #666; /*矢印の色*/
  height: 15px;
  width: 15px;
}

.slick-prev {
  /*戻る矢印の位置と形状*/
  left: -1.5%;
  transform: rotate(-135deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: -1.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
  text-align: center;
  margin: 20px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px; /*ドットボタンのサイズ*/
  height: 8px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ccc; /*ドットボタンの色*/
}

.slick-dots .slick-active button {
  background: #fff; /*ドットボタンの現在地表示の色*/
}

/*==レイアウトのためのCSS ==*/

a:hover,
a:active {
  text-decoration: none;
}

.service .product {
  margin-top: 200px;
}

/* 拡大ホバー */
.sample_box1 {
  width: 186px;
  overflow: hidden;
}
.sample_box2 {
  width: 518px;
  overflow: hidden;
}
.sample_box3 {
  width: 213px;
  overflow: hidden;
}

.sample_box4 {
  width: 493px;
  overflow: hidden;
}

.sample-img:hover {
  transform: scale(1.2, 1.2);
  transition: 1s all;
}


.product h3 {
  text-align: center;
  font-size: 20px;
  margin: 30px;
}

.top2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 58px;
}

.bot2 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 58px;
  margin-top: 58px;
}

/* ホバー時黒くして文字を出す */
.sample-img {
  display: block;
  position: relative;
  text-decoration: none;
}
.sample-img {
  display: block;
  width: 100%;
}
.sample-img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  background: #000; /*好みの色に変えてください。*/
  opacity: 0;
  transition: 0.3s;
}
.sample-img:after {
  content: "View More"; /*好みの文章に変更してください。*/
  font-family: baskerville-urw, serif;
  display: block;
  color: #fff;
  line-height: 48px;
  width: 180px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1em;
  margin-left: -90px;
  opacity: 0;
  z-index: 3;
  transition: 0.3s;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.sample-img:hover:before {
  opacity: 0.5;
}
.sample-img:hover:after {
  opacity: 1;
  margin-top: -0.5em;
}

.product .sp-b {
  display: none;
}


/* SPのサービス */
@media screen and (max-width: 768px) {

  .slick-prev:before, .slick-next:before {
    display: none;
    opacity: 0;
  }
  
  .service {
    margin-top: 0;
  }
  .service .showroom h3 {
    margin: 10px auto;
  }
  
  .slider img {
    width: 95vw; /*スライダー内の画像を60vwにしてレスポンシブ化*/
    height: auto;
  }

  .top2 {
    gap: 1px;
    margin: 0 20px;

  }

  .bot2 {
    gap: 1px;
    margin: 1px 20px 0 20px;
   
  }
  .product img{
    width: 100%;
    height: 100%;
  }

  .product .sample-img{
    height: 100%;

  }

  .product h3{
    margin: 0;
    margin-bottom: 20px;
  }

  .service .product {
    margin-top: 80px;
}
.product .sp-b{
  display: flex;
  border: 0.5px solid #c0ae8d;
  background-color: #c0ae8d;
  border-radius: 49px;
  padding: 9px 12px;
  margin: 24px 145px;
  font-size: 13px;
  letter-spacing: 0.05em;
  font-family: baskerville-urw, serif;

}



}






/*問い合わせ*/

.contact {
  max-width: 1440px;
  margin: 45px auto 0;
}
.contact h2 span {
  font-size: 18px;
  color: #7e7676;
  display: block;
  text-align: center;
  font-family: YuGothic, "Yu Gothic", sans-serif;
}
.contact span {
  color: #f50000;
}
.contact p {
  text-align: center;
  line-height: 25px;
  font-family: "Noto Serif JP", serif;
  font-style: normal;
  font-weight: 300;
  color: gray;
}
.contact form {
  margin: -13px auto;
  max-width: 800px;
  text-align: center;
}

th{
text-align: left;
font-weight: normal;
width: 30%;
padding: 8px 40px 8px 0;
vertical-align: middle;
}

td{
  padding: 8px 0;
  vertical-align: middle;
}
.table{
  width: 100%;
}


.contact input {
  margin: 15px;
}

.contact input[type="yourname"],
.contact input[type="text"] {
  border: 0.5px solid #cccccc;
  background-color: #e2e2e261;
  border-radius: 15px;
  width: 80%;
  margin-top: 10px;
  padding: 4px 8px;
}
.contact input[type="katakana"],
.contact input[type="text"] {
  border: 0.5px solid #cccccc;
  background-color: #e2e2e261;
  border-radius: 15px;
  width: 80%;
  margin-top: 10px;
  padding: 4px 8px;
}
.contact input[type="mail"],
.contact input#mail {
  border: 0.5px solid #cccccc;
  background-color: #e2e2e261;
  border-radius: 15px;
  width: 80%;
  margin-top: 10px;
  padding: 4px 8px;
}

select,
.contact label {
  border: 0.5px solid #cccccc;
  background-color: #e2e2e261;
  border-radius: 15px;
  width: 80%;
  margin-top: 10px;
  padding: 8px 8px;
}
.contact input[type="comment"],
.contact textarea {
  border: 0.5px solid #cccccc;
  background-color: #e2e2e261;
  border-radius: 15px;
  width: 80%;
  margin-top: 10px;
  padding: 60px 8px;
  margin: 24px;
}
.contact input[type="submit"] {
  border: 0.5px solid #cccccc;
  background-color: #e2e2e261;
  border-radius: 12px;
  padding: 4px 12px;
  font-size: 14px;
}




/* SPの問い合わせ */
@media screen and (max-width: 768px) {

  .contact {
    margin-top: 0;
  }
  
  .contact p {
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    font-family: "Noto Serif JP", serif;
    font-style: normal;
    font-weight: 300;
  }

  .contact form {
    margin: -10px auto;
  }

  .contact h2 span {
    font-size: 11px;
  }

  .contact-table,.contact-table tbody,.contact-table tr, .contact-table th,.contact-table td {
    display: block;
  }

  th{
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    width: 100%;
    vertical-align: middle;
    padding: 0 0 0 0;
    }

    td {
    padding: 0 0;
    }
}




/* アクセス */
.access {
  max-width: 1440px;
  margin: 45px auto 0;
}

.access .co-address h3 {
  font-size: 20px;
  text-align: center;
}

.gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#access .button-border {
  margin-top: 30px;
  display: inline-block;
  transition: color 1s;
  text-decoration: none;
}

a.button-border{
  padding: 6px 6px;
  margin: 5px 9px;
  border: 1px solid;
  border-radius: 5px
}

a.button-border:hover {
  cursor: pointer;
  color: #c0ae8d;
}

.col2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.access .col2 .co-address {
  width: calc((100% - 24px) / 2);
  display: flex;
  flex-direction: column;
  align-items: center;
  /* text-align: right; */
}

.access .col2 .co-address .h3toadd {
  margin-left: 45px;
}

.co-address address {
  text-align: start;
  font-size: 16px;
  letter-spacing: 1.5px;
  line-height: 35px;
}

.access .col2 .wrap-gmap {
  width: calc((100% - 24px) / 2);
  padding: 60px;
}

address {
  text-align: left;
  margin: 30px 0;
}


/* SPのアクセス */
@media screen and (max-width: 768px) {

  .access {
    margin-top: 0;
  }

  .access .col2 .wrap-gmap {
    padding: 10px;
  }
  
  

  .access .col2 .co-address {
    width: 100%;
    display: block;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 40px;
  }

  .col2 {
    display: flex;
    flex-direction: column-reverse;
  }

  .access .col2 .wrap-gmap {
    width: 100%;
  }

  .access .co-address h3 {
    font-size: 16px;
    text-align: left;
  }
  
  address {
    margin: 40px 0;
  }

  .co-address address {
    text-align: start;
    font-size: 12px;
    letter-spacing: 1.5px;
    line-height: 26px;
  }
 
}






/*フッダー*/
footer {
  width: 100%;
  color: white;
  font-family: baskerville-urw, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  background-color: #4c3d3a;
  padding: 32px;
  margin-top: 56px;
}
ul.footer-menu li {
  display: inline;
  padding: 0 24px 0 0;
}

ul.footer-men li:last-child {
  padding : 0;
  }
/* ナビのホバー */
.footer-menu a .hover {
  display: none;
  color: #fff;
  font-size: 14px;
}

/* ホバー時は通常時の文字を非表示にする */
.footer-menu a:hover .nomal {
  display: none;
}

/* ホバー時に、ホバー時の文字を表示する */
.footer-menu a:hover .hover {
  display: inline;
}

ul.footer-menu {
  letter-spacing: 0.07em;
}

.footer-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-address {
  display: flex;
  align-items: center;
}
.footer-address address {
  margin-left: 8px;
  font-family: "游ゴシック体", YuGothic;
  letter-spacing: 0.07em;
}

.footer-sns input{
  padding: 0 8px 0 0;
}

.footer-sns input:last-child {
  padding : 0;
  }


/* SPのフッダー */
@media screen and (max-width: 768px) {
footer{
  margin-top: 10px;
}

.footer-menu{
  display: none;
}

.footer-item{
  display: block;
}

.footer-address{
  text-align: center;
  margin: 32px;
}

.footer-sns {
  margin: 10px;
}
  
}




/* スマホの表示はここから */
/* ブラウザサイズが768pxまでは以下のスタイルが適用される */
@media screen and (max-width: 768px) {
  .section-inner {
    /* 左右に24pxの余白(padding) */
    padding: 0 24px;
    /* 最大幅を550pxに */
    max-width: 550px;
  }

  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }

  .concept, .feature, .service, .product, .contact, .access {
    padding: 5px 0;
    width: 100%;
    overflow: hidden;
  }
}


h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.03em;
}


p {
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.06em;
}