@charset "UTF-8";
/* base
==================================*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
li,
ol,
dl,
dd,
tr {
  font-size: 16px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
}

a {
  color: #000;
  text-decoration: none;
  transition: 0.3s;
}

@media (min-width: 1000px) {

  a:hover {
    color: #000;
    text-decoration: none;
  }

  a.tel {
    cursor: default;
    pointer-events: none;
  }

  .hover {
    transition: opacity .5s ease;
  }

  .hover:hover {
    opacity: .75;
    transition: opacity .5s ease;
  }

  a[href^="tel:"] {
      cursor: default;
      pointer-events:none;
  }
}

/* main
==================================*/
#AllBox {
  min-width: 1000px;
}

main {
  display: block; /*IE対策*/
}

/*　Retina対応時のCSS↓　*/
/* header
==================================*/
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #fff;
  width: 100%;
  min-width: 1000px;
}

header .header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 95px;
  padding-left: clamp(37.5px, 3.75vw, 50px);
}

header .header_inner .logo {
  width: clamp(187.5px, 18.75vw, 250px);
}

header .header_inner nav ul {
  display: flex;
  align-items: center;
  overflow: hidden;
}

header .header_inner nav ul a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 95px;
  padding: 0 25px;
  font-size: 15px;
  font-weight: 500;
  line-height: 2;
  color: #000;
  letter-spacing: .08em;
  position: relative;
  z-index: 2;
}

header .header_inner nav ul a span.line {
  display: block;
  padding: 5px 0;
  position: relative;
}

header .header_inner nav ul a span.line:after {
  width: 100%;
  height: 1px;
  background: #E11922;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  content: '';
  clip-path: inset(0 100% 0 0);
  transition: clip-path .5s;
}

header .header_inner nav ul a.is-contact {
  color: #fff;
  padding: 0 32px;
  margin-left: 30px;
}

header .header_inner nav ul a.is-contact span.line:after {
  background: #fff;
  display: none;
}

header .header_inner nav ul a.is-contact:after {
  position: absolute;
  z-index: -1;
  content: '';
  background: #000;
  width: 200%;
  height: 100%;
  left: -43px;
  top: 0;
  clip-path: polygon(55px 0, 100% 0, 100% 100%, 0 100%);
  transform-origin: left;
  transform: translateX(0);
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}

/*** PC HOVER ***/
@media screen and (min-width: 1000px) {
  header .header_inner nav ul a:hover {
    color: #E11922;
  }

  header .header_inner nav ul a.is-contact:hover {
    color: #000;
  }

  header .header_inner nav ul a:hover span.line:after {
    clip-path: inset(0 0 0 0);
    transition: clip-path .5s;
  }

  header .header_inner nav ul a.is-contact:hover:after {
    transform: translateX(101%);
  }
}

/* footer
==================================*/
footer {
  background: #000;
  position: relative;
  padding: 150px 0 90px;
}

footer .footer_inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}

footer .footer_info .logo {
  width: 250px;
  margin-bottom: 56px;
}

footer .footer_info .address {
  font-size: 14px;
  line-height: 2.14;
  color: #fff;
  letter-spacing: .05em;
  margin-bottom: 47px;
}

footer .footer_info .address a {
  color: #fff;
}

footer .footer_info .copy {
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
  letter-spacing: .1em;
  font-family: "Amiri", serif;
}

footer .footer_navi {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}

footer .footer_navi nav ul {
  display: flex;
  align-items: center;
}

footer .footer_navi nav ul li {
  margin-left: 46px;
}

footer .footer_navi nav ul li a {
  color: #fff;
  font-size: 14px;
}

footer .footer_navi nav ul li a span.line {
  display: block;
  padding: 0 0 5px;
  position: relative;
}

footer .footer_navi nav ul li a span.line:after {
  width: 100%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  content: '';
  clip-path: inset(0 100% 0 0);
  transition: clip-path .5s;
}

/* footer .footer_navi nav ul li a.is-contact span.line{
  padding-right: 15px;
}
footer .footer_navi nav ul li a.is-contact span.line::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 10px;
  background: url(/images/common/icon_blank_white.svg) no-repeat right center / contain;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 43%;
} */

footer .footer_navi .site a {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .05em;
}

footer .footer_navi .site a .caption {
  display: block;
  padding-right: 20px;
  background: url(/images/common/icon_blank_white.svg) right center no-repeat;
  background-size: 11px auto;
  margin-top: 10px;
}

footer .footer_rhombic01 {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

footer .footer_rhombic01 .rhombic {
  width: 95px;
  height: 160px;
  clip-path: polygon(0 0,100% 0, 0 100%);
  background: #E11922;
}

footer .footer_rhombic02 {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 750px;
  height: 100%;
  overflow: hidden;
}

footer .footer_rhombic02 .rhombic {
  clip-path: polygon(335px 0,100% 0, 100% 100%, 0 100%);
  background: #1e1e1e;
}

/*** PC HOVER ***/
@media screen and (min-width: 1000px) {
  footer .footer_navi nav ul li a:hover span.line:after {
    clip-path: inset(0 0 0 0);
    transition: clip-path .5s;
  }

  footer .footer_navi .site a:hover .caption {
    text-decoration: underline;
  }
}
 
/* loader
==================================*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 1001;
}

/* Animation
==================================*/
.c-anim-up {
  transform: translate(0, 30px);
  opacity: 0;
  transition: 1s ease;
}

.c-anim-left .rhombic {
  transform: translate(-100%, 0);
  opacity: 0;
  transition: 1s ease;
}

.c-anim-right .rhombic {
  transform: translate(100%, 0);
  opacity: 0;
  transition: 1s ease;
}

.c-anim-up.move,
.c-anim-left.move .rhombic,
.c-anim-right.move .rhombic {
  transform: translate(0, 0);
  opacity: 1;
}

.delay1 {
  -moz-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
}

.delay2 {
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
}

.delay3 {
  -moz-transition-delay: 900ms;
  -webkit-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
}

.delay4 {
  -moz-transition-delay: 1200ms;
  -webkit-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
}

.delay5 {
  -moz-transition-delay: 1500ms;
  -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
}

.delay6 {
  -moz-transition-delay: 1800ms;
  -webkit-transition-delay: 1800ms;
  -o-transition-delay: 1800ms;
  -ms-transition-delay: 1800ms;
}

.delay7 {
  -moz-transition-delay: 2100ms;
  -webkit-transition-delay: 2100ms;
  -o-transition-delay: 2100ms;
  -ms-transition-delay: 2100ms;
}

/*==================================
  Component
==================================*/
html {
  overflow: auto;
}
html.no_move {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}
img[src$=".png"], img[src$=".jpg"] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.container {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.row .col {
  position: relative;
  width: 100%;
  min-height: 1px;
  box-sizing: border-box;
}
.row .col.col_4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

.rhombic {
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  position: absolute;
  z-index: 1;
}


.form_wrap .submit_area {
  margin-top: 56px;
  text-align: center;
}
.form_wrap .submit_area span {
  width: 340px;
  display: inline-block;
  background-color: #000;
  position: relative;
  overflow: hidden;
}
.form_wrap .submit_area span:before {
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
.form_wrap .submit_area span a {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #fff;
  cursor: pointer;
  width: 100%;
  height: 70px;
  border: 1px solid #000000;
  background: none;
  box-sizing: border-box;
  transition: all .5s;
  border-radius: 0;
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;
}
.form_wrap .submit_area span a::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 10px;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  mask: url(/images/common/icon_blank_white.svg) no-repeat center center / contain;
  background-color: #fff;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;

}


/*** PC HOVER ***/
@media screen and (min-width: 1000px) {
  .form_wrap input[type=button]:hover {
    background-size: 100% 1px;
    transition: all .5s;
  }

  .form_wrap .submit_area span:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }

  .form_wrap .submit_area span:hover a {
    color: #000;
  }
  .form_wrap .submit_area span:hover a::after {
    background-color: #000;
  }

}

/*==================================
  Contact
==================================*/
.form-sec {
  padding: 120px 0 150px;
  position: relative;
  overflow: hidden;
}

.form-sec .contact_rhombic01 {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(50% + 120px);
  height: calc(100% + 660px);
  overflow: hidden;
}

.form-sec .contact_rhombic01 .rhombic {
  clip-path: polygon(0 0, 0 100%, 100% 0);
  background: #fafafa;
}

.form-sec .contact_rhombic02 {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 415px;
  height: 640px;
  overflow: hidden;
}

.form-sec .contact_rhombic02 .rhombic {
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  background: #dedede;
}

.form_wrap {
  max-width: 1068px;
  position: relative;
  z-index: 2;
}

.form_wrap .form-notes {
  font-size: 16px;
  line-height: 2.4;
  letter-spacing: .05em;
  text-align: center;
  margin-bottom: 10px;
}

.form_wrap p > a {
  background: linear-gradient(#000, #000) left bottom no-repeat;
  background-size: 0 1px;
  padding-bottom: 2px;
  display: inline;
}


/*** PC HOVER ***/
@media screen and (min-width: 1000px) {
  .form_wrap p > a:hover {
    background-size: 100% 1px;
  }
}

/*==========================================
  Common
==========================================*/
.heading_large {
  text-align: center;
  margin-bottom: clamp(30px, 3vw, 40px);
  font-weight: 400;
  position: relative;
}

.heading_large .eng {
  font-size: clamp(52.5px, 5.25vw, 70px);
  line-height: 1.75;
  color: #E11922;
  letter-spacing: .1em;
}

.heading_large .jap {
  position: absolute;
  left: 0;
  bottom: 9px;
  z-index: 2;
  font-size: clamp(10.5px, 1.05vw, 14px);
  line-height: 1.5;
  font-weight: 500;
  color: #000;
  letter-spacing: .08em;
  width: 100%;
}

.icon_blank {
  padding-right:15px;
  position: relative;
  margin-right: 5px;
}

.icon_blank:after {
  background: url(/images/common/icon_blank_black.svg) right center no-repeat;
  background-size: 10px auto;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  content: '';
  z-index: 2;
}

/*==========================================
  Layout
==========================================*/
.mv {
  margin-top: 95px;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s ease .5s;
  background: #000;
}

.loaded .mv {
  clip-path: inset(0 0 0 0);
}

.company_profile {
  padding: clamp(90px, 9vw, 120px) 0 0;
  background: #f0f0f0;
  position: relative;
}

.company_profile .container {
  position: relative;
  z-index: 2;
}

.company_profile .heading_large {
  text-align: left;
}

.company_profile .company_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 75px;
}

.company_profile .company_info {
  width: 520px;
  padding-right: 20px;
} 

.company_profile .profile_list dl {
  display: flex;
  font-size: 16px;
  line-height: 1.5;
  padding: 15px 0;
} 

.company_profile .profile_list dl + dl {
  border-top: 1px solid #fff;
}

.company_profile .profile_list dl dt {
  width: 200px;
  padding: 0 20px;
} 

.company_profile .profile_list dl dd {
  width: calc(100% - 200px);
} 

.company_profile .company_image {
  width: 593px;
} 

.company_profile .company_image img {
  width: 100%;
} 

.company_profile .certificate_wrap {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.company_profile .certificate_wrap .certificate_info {
  width: 350px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .05em;
}

.company_profile .certificate_wrap .certificate_info p + p {
  margin-top: 15px;
}

.company_profile .certificate_wrap .certificate_image {
  width: 131px;
}

.company_profile .company_map {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 460px;
}

.company_profile .company_map iframe {
  width: 100%;
  height: 100%;
  /*-webkit-filter: grayscale(100%);
  filter: grayscale(100%);*/
}

.company_profile .company_rhombic01 {
  width: calc(100% + 60px);
  height: 100%;
  position: absolute;
  right: calc(50% + 65px);
  top: clamp(-120px, -9vw, -90px);
  z-index: -1;
  transform: skewX(-30deg);
  transform-origin: right top;
  overflow: hidden;
}

.company_profile .company_rhombic01 .rhombic {
  background: #fff;
}

.company_profile .company_rhombic02 {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(50% + 65px);
  height: calc(100% - 80px);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  overflow: hidden;
}

.company_profile .company_rhombic02 .rhombic {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
  background: #ca161f;
  transition: opacity 1s ease, transform 1s ease, clip-path 1s ease 1s;
}

.company_profile .company_rhombic02.move .rhombic {
  clip-path: polygon(15.29% 0, 100% 0, 100% 100%, 7.84% 8%);
}


.company_profile .company_rhombic02 .rhombic_inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  background: #000;
  overflow: hidden;
  transform: translate(100%, 0);
  opacity: 0;
  transition: 1s ease;
}

.company_profile .company_rhombic02.move .rhombic_inner {
  transform: translate(0, 0);
  opacity: 1;
}

.variety_area {
  background: #F0F0F0;
  padding: clamp(90px, 9vw, 120px) 0 clamp(112.5px, 11.25vw, 150px);
  position: relative;
  overflow: hidden;
}

.variety_area .container {
  position: relative;
  z-index: 2;
}

.variety_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(52.5px, 5.25vw, 70px);
}

.variety_list .variety_list_item {
  background: #fff;
  border-bottom: 2px solid #E11922;
}

.variety_list .variety_image {
  width: 100%;
  position: relative;
  padding-top: 67.7966%;
}

.variety_list .variety_image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.variety_list .variety_box {
  padding: clamp(31.5px, 3.15vw, 42px) 10px clamp(24px, 2.4vw, 32px);
  font-size: clamp(12px, 1.2vw, 16px);
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: .1em;
  text-align: center;
}

.variety_list .variety_title {
  font-size: clamp(16.5px, 1.65vw, 22px);
}

.variety_list .variety_description {
  margin-top: clamp(10.5px, 1.05vw, 14px);
  line-height: 2.4;
  font-weight: 400;
}

.variety_area .variety_rhombic01 {
  width: calc(100% + 60px);
  height: calc(100% + 270px);
  position: absolute;
  left: 20px;
  top: clamp(-120px, -9vw, -90px);
  z-index: -1;
  transform: skewX(-30deg) translateX(-260px);
  transform-origin: right top;
  overflow: hidden;
}

.variety_area .variety_rhombic01 .rhombic {
  background: #dedede;
}

.about_area {
  background: #fff;
  position: relative;
  z-index: 3;
}

.about_area .about_rhombic02 {
  width: 50%;
  top: 0;
  right: 0;
  height: calc(100% + 150px);
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.about_area .about_rhombic02 .rhombic {
  background: #000000;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.about_area .about_rhombic03 {
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.about_area .about_rhombic03 .rhombic {
  width: clamp(88.5px, 8.85vw, 118px);
  height: clamp(153px, 15.3vw, 204px);
  background: #000000;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.about_area_inner {
  padding: 120px 0 150px;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 2;
}

.about_area .container {
  position: relative;
  z-index: 2;
}

.about_area .container .about_rhombic01 {
  width: calc(100% + 60px);
  height: calc(100% + 270px);
  position: absolute;
  left: 20px;
  top: -120px;
  z-index: -1;
  transform: skewX(-30deg) translateX(-260.5px);
  transform-origin: left bottom;
  overflow: hidden;
}

.about_area .container .about_rhombic01 .rhombic {
  background: #E11922;
}

.about_area .container .about_rhombic01 .rhombic_inner {
  width: 50%;
  height: 50%;
  background: #CA161F;
  transform: translate(-200%,0) skewX(50deg);
  transform-origin: center top;
  position: relative;
  z-index: 2;
  opacity: 0;
  transition: 1s ease 1s;
}

.about_area .container .about_rhombic01.move .rhombic_inner {
  transform: translate(-100%,0) skewX(50deg);
  opacity: 1;
}

.about_area .about_head {
  display: flex;
  align-items: flex-end;
  margin-bottom: clamp(40.5px, 4.05vw, 54px);
  position: relative;
  z-index: 3;
}

.about_area .about_head .heading_large {
  min-width: clamp(206.25px, 20.625vw, 275px);
  margin-bottom: 0;
  text-align: left;
}

.about_area .about_head .about_head_box {
  font-size: clamp(12px, 1.2vw, 16px);
  line-height: 2.4;
  letter-spacing: .05em;
}

.about_area .about_list {
  transform: skewX(-30deg) translateX(-174px);
  transform-origin: left bottom;
  position: relative;
  z-index: 2;
}


.about_area .about_list .about_list_item {
  display: flex;
  align-items: center;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.about_area .about_list .about_list_item:before {
  position: absolute;
  width: 59.5%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 2;
  background: #fff;
  content: '';
}

.about_area .about_list .about_list_item + .about_list_item {
  margin-top: -1px;
}

.about_area .about_list .about_list_item + .about_list_item:after {
  width: 41.619%;
  height: 1px;
  position: absolute;
  right: 11%;
  top: 0;
  background: #DEDEDE;
  content: '';
  z-index: 2;
}

.about_area .about_list .about_image {
  width: 54.5%;
  position: relative;
  z-index: 1;
  transform: skewX(30deg);
  transform-origin: left bottom;
}

.about_area .about_list .about_image figure {
  width: 100%;
  position: relative;
  padding-top: 42.792%;
}

.about_area .about_list .about_image figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
  object-position: left center;
  left: 0;
  top: 0;
}


.about_area .about_list .about_box {
  width: 45.5%;
  padding-right: 11%;
  position: relative;
  z-index: 3;
  transform: skewX(30deg);
  transform-origin: left bottom;
}

.about_area .about_list .about_title {
  margin-bottom: clamp(18px, 1.8vw, 23px);
  font-weight: normal;
  position: relative;
}

.about_area .about_list .about_title:after {
  position: absolute;
  right: clamp(-35px, -1.8vw, -18px);
  top: 0;
  content: '';
  z-index: 2;
}

.about_area .about_list .about_list_item:nth-child(1) .about_title:after {
  width: clamp(69.6225px, 6.96225vw, 92.83px);
  height: clamp(51.9225px, 5.19225vw, 69.23px);
  background: url(/images/top/img_number01.svg) center center no-repeat;
  background-size: cover;
}

.about_area .about_list .about_list_item:nth-child(2) .about_title:after {
  width: clamp(72.6975px, 7.26975vw, 96.93px);
  height: clamp(53.49px, 5.349vw, 71.32px);
  background: url(/images/top/img_number02.svg) center center no-repeat;
  background-size: cover;
}

.about_area .about_list .about_list_item:nth-child(3) .about_title:after {
  width: clamp(72.5775px, 7.25775vw, 96.77px);
  height: clamp(51.915px, 5.1915vw, 69.22px);
  background: url(/images/top/img_number03.svg) center center no-repeat;
  background-size: cover;
}

.about_area .about_list .about_title .eng {
  font-size: clamp(15px, 1.5vw, 20px);
  color: #E11922;
  letter-spacing: .075em;
  line-height: 1.6;
  display: inline-block;
  border-bottom: 1px solid #E11922;
}

.about_area .about_list .about_title .jap {
  font-size: clamp(22.5px, 2.25vw, 30px);
  letter-spacing: .1em;
  line-height: 1.46;
  display: block;
  font-family: "Amiri", serif;
  margin-top: clamp(13.5px, 1.35vw, 18px);
}

.about_area .about_list .about_description {
  font-size: clamp(12px, 1.2vw, 16px);
  line-height: 2;
  letter-spacing: .04em;
}