@charset "utf-8";
@import url('boxing.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@300;400;500&display=swap');

html {
  font-size: 62.5%;
}

body {
  font-family: 'Noto Sans JP', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'メイリオ', Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  /* min-width: 1280px; */
  background: #fff;
  letter-spacing: 0.05em;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.w10 {width: 10% !important;}
.w20 {width: 20% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w33 {width: 33.3% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w60 {width: 60% !important;}
.w70 {width: 70% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w90 {width: 90% !important;}
.w100 {width: 100% !important;}

.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}

.el_opa {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.el_opa:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}

.el_brightness {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.el_brightness:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}

.el_brightness02 {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.el_brightness02:hover {
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

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

a.line {
  text-decoration: underline;
}


@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

img {
  vertical-align: top;
}

img.w100 {
  width: 100%;
  height: auto;
}

.el_txt {
  line-height: 2;
}

.el_bold {
  font-weight: 700;
}

.el_f_s {
  font-size: 0.85em;
}

.el_f_l {
  font-size: 1.25em;
}

.ta_l {text-align: left;}
.ta_c {text-align: center;}
.ta_r {text-align: right;}

.el_link_line {
  text-decoration: underline;
}

.el_en {
  font-family: 'Roboto', sans-serif;
}



.ly_cont {
  /* max-width: 1280px;
  padding-left: 60px;
  padding-right: 60px;
  margin: 0 auto; */
  position: relative;
  padding: 0 9.7222%;
}

/******************************
 Loading
*******************************/
#splash {
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background:#FDD08B;
  background: #F4A388;
	text-align:center;
	color:#fff;
  font-family: 'Roboto', sans-serif;
}


/******************************
 header
*******************************/
.ly_header {
  width: 100%;
  width: 100vw;
  /* min-width: 1280px; */
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* position: -webkit-sticky; */
  z-index: 10000;
  z-index: 999;
}

.ly_header_inr {
  width: 100%;
  height: 100%;
  padding: 0 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
}

.ly_header_logo {
  width: 220px;
}

.ly_header .logo_bk {
  display: none;
}

.ly_header,
.ly_header_logo {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.page_sub .ly_header,
.ly_header.is_scroll {
  height: 70px;
}

.page_sub .ly_header .ly_header_logo,
.ly_header.is_scroll .ly_header_logo {
  width: 200px;
}

.page_sub .ly_header .logo_wh,
.ly_header.is_scroll .logo_wh {
  display: none;
}
.page_sub .ly_header .logo_bk,
.ly_header.is_scroll .logo_bk {
  display: inline;
}

.el_menubtn {
  display: none;
}

.ly_nav .bl_nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ly_nav .bl_nav_list li {
  margin-left: 40px;
}

.ly_nav .bl_nav_list li a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: inline-block;
  padding: 20px 0;
  position: relative;
  -webkit-transition: all  0.3s ease;
  -o-transition: all  0.3s ease;
  transition: all  0.3s ease;
  font-family: 'Roboto', sans-serif;
}

.page_sub .ly_header .ly_nav .bl_nav_list li a,
.ly_header.is_scroll .ly_nav .bl_nav_list li a {
  color: #000;
  font-size: 1.3rem;
}

/******************************
 kv
*******************************/
.bl_kv {
  width: 100%;
  min-height: 100vh;
  position: relative;
}


.bl_kv_bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-container {
  width: 100%;
  width: 50vw;
  height: 100vh;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  vertical-align: bottom;
}




.bl_kv_inner {
  width: 100%;
  height: 100vh;
  position: relative;
}

.bl_kv_txtarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  text-align: center;
}

.bl_kv_txtarea .bl_kv_txt,
.bl_kv_txtarea .bl_kv_ttl {
  opacity: 0;
}

.bl_kv_txt {
  font-family: 'Montserrat', sans-serif;
  font-size: 4rem;
  font-size: 2.5vw;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}

.bl_kv_ttl {
  font-family: 'Boxing-Regular';
  font-size: 15rem;
  font-size: 9vw;
  color: #fff;
  line-height: 0.95;
}

.bl_kv_ttl span {
  display: block;
}

.bl_kv_ttl01 {
  text-align: left;
}

.bl_kv_ttl02 {
  text-align: right;
}

.bl_kv_txtarea .anim.is-animated {
  -webkit-animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

.bl_kv_txtarea .bl_kv_txt.is-animated {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.bl_kv_txtarea .bl_kv_ttl.is-animated {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}

@-webkit-keyframes fadeup {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
 
@keyframes fadeup {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}






/******************************
 container
*******************************/
.bl_container {
  overflow: hidden;
}

.bl_sec {
  padding-top: 200px;
  position: relative;
}

.el_lv2Heading {
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  margin-bottom: 10rem;
}

.el_lv2Heading.anim {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  -webkit-transition: 1.6s cubic-bezier(0.37, 0, 0.63, 1);
  -o-transition: 1.6s cubic-bezier(0.37, 0, 0.63, 1);
  transition: 1.6s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transition-property: -webkit-clip-path;
  transition-property: -webkit-clip-path;
  -o-transition-property: clip-path;
  transition-property: clip-path;
  transition-property: clip-path, -webkit-clip-path;
}

.el_lv2Heading.is-animated {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

.el_lv3Heading {
  margin-bottom: 100px;
}

.el_lv3Heading span {
  display: block;
}

.el_lv3Heading .el_en {
  font-family: 'Boxing-Regular';
  font-size: 5rem;
  letter-spacing: 0.05em;
}

.el_lv3Heading .el_jp {
  font-size: 1.4rem;
}

.bl_pageheader {
  padding: 200px 0 0;
}

.bl_pageheader .el_pagettl {
  text-align: right;
}

.bl_pageheader .el_pagettl span {
  display: block;
}

.bl_pageheader .el_pagettl .el_en {
  font-size: 8rem;
  font-family: 'Boxing-Regular';
}

.bl_pageheader .el_pagettl .el_jp {
  font-size: 2rem;
  font-weight: 500;
}

.bl {
  position: relative;
}

.bl + .bl {
  margin-top: 200px;
}

.el_lead {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.5;
  margin-bottom: 1em;
}


.el_arr_link {
  z-index: 2;
  position: relative;
  display: inline-block;
  padding-right: 30px;
}

.el_arr_link:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M499.436,225.905L295.858,24.536c-16.623-16.438-43.428-16.305-59.866,0.328 c-16.438,16.613-16.294,43.418,0.329,59.856l130.356,128.958H42.329C18.956,213.679,0,232.624,0,255.997 c0,23.383,18.956,42.328,42.329,42.328h324.347L236.321,427.273c-16.623,16.438-16.767,43.254-0.329,59.867 c16.438,16.622,43.243,16.766,59.866,0.328l203.578-201.368c8.044-7.963,12.564-18.792,12.564-30.102 C512,244.685,507.479,233.866,499.436,225.905z" /></svg>');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.el_arr_link:hover:before {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.cs {
  opacity: 0.2;
}

.el_arr_link.cs:hover:before {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

/******************************
 about
*******************************/
#about .el_about_txt01 {
  font-size: 5.8rem;
  letter-spacing: 0.15em;
  margin-bottom: 50px;
  font-family: 'Montserrat', sans-serif;
}

#about .el_about_txt02 {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 100px;
}

#about .bl_imgarea {
  width: calc(100% + 9.7222vw);
  height: 500px;
  height: 31.25vw;
  max-height: 900px;
  margin-top: 100px;
  overflow: hidden;
}

#about .bl_imgarea img {
  width: 100%;
  /* height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  vertical-align: bottom; */
}


/******************************
 service
*******************************/
.bl_2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bl_2col_imgarea img {
  width: 100%;
  height: auto;
}

#service .bl_2col_imgarea {
  width: 60%;
}

#service .bl_2col_imgarea img {
  max-height: 600px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  vertical-align: bottom;
}

#service .bl_2col_txtarea {
  width: 32%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#service .bl_2col_txtarea .bl_links a {
  margin-top: 2rem;
  display: block;
  text-align: right;
}

#service .bl_imgarea_w100 {
  width: 100%;
  height: 38vw;
  max-height: 1000px;
  margin-top: 200px;
  overflow: hidden;
}

/******************************
 outline
*******************************/
#outline .bl_2col_txtarea {
  width: 60%;
}

#outline .bl_outline_list {
  border-top: 1px solid rgba(0,0,0,0.3);
}

#outline .bl_outline_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0,0,0,0.3);
  padding: 2rem 3rem;
}

#outline .bl_outline_list .el_label {
  line-height: 2;
  font-weight: 500;
  width: 12rem;
}

#outline .bl_outline_list .bl_outline_txtarea {
  width: calc(100% - 12rem);
}

#outline .bl_2col_imgarea {
  width: 32%;
}

#outline .bl_2col_imgarea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

#outline .bl_2col_imgarea .bl_outline_bg {
  width: 100%;
  height: 100%;
  background-image: url(../images/outline_img01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}



/******************************
 footer
*******************************/
.ly_footer {
  margin-top: 200px;
  background-color: #FFF8F4;
  padding: 50px 0;
}

.ly_footer .bl_contact {
  padding: 100px 0 150px;
}

.el_contact_txt01 .el_arr_link {
  padding-right: 70px;
  font-size: 6rem;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
}

.el_contact_txt01 .el_arr_link:before {
  width: 30px;
  height: 30px;
  background-size: 30px auto;
}

.el_contact_txt02 {
  font-size: 1.8rem;
  line-height: 1.8;

}

.bl_footer_btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.el_footer_logo {
  width: 120px;
}

.el_copyright {
  font-size: 1.1rem;
}









/* animation */
.fadeup {
  opacity: 0;
}
.fadeup.is-animated {
  -webkit-animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
 
@keyframes fadeup {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


/* 複数フェードアップ */
.fadeupwrap > * {
    opacity: 0;
}

 .fadeupwrap.is-animated > * {
  -webkit-animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

.fadeupwrap.is-animated > *:nth-child(2){
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.fadeupwrap.is-animated > *:nth-child(3){
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
}
.fadeupwrap.is-animated > *:nth-child(4){
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.fadeupwrap.is-animated > *:nth-child(5){
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.fadeupwrap.is-animated > *:nth-child(6){
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.fadeupwrap.is-animated > *:nth-child(7){
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.fadeupwrap.is-animated > *:nth-child(8){
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}

.fadeupwrap02.is-animated > *:nth-child(2){
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}
.fadeupwrap02.is-animated > *:nth-child(3){
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.fadeupwrap02.is-animated > *:nth-child(4){
  -webkit-animation-delay: .6s;
          animation-delay: .6s;
}
.fadeupwrap02.is-animated > *:nth-child(5){
  -webkit-animation-delay: .8s;
          animation-delay: .8s;
}
.fadeupwrap02.is-animated > *:nth-child(6){
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.fadeupwrap02.is-animated > *:nth-child(7){
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.fadeupwrap02.is-animated > *:nth-child(8){
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}




/******************************
 contact form
*******************************/
button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
}

select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
}

select::-ms-expand {
  display: none;
}

.bl_formbox {
  padding: 80px 0 0;
}

.bl_form_txtarea,
.form {
  max-width: 800px;
  margin: 0 auto;
}

.form-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
          -ms-flex-align: center;
      align-items: center;
  margin-bottom: 50px;
}

.form-line-textarea {
  -webkit-box-align: start;
          -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 60px;
}

.form-label {
  width: 200px;
  position: relative;
  font-weight: 500;
}

.form-line-textarea .form-label {
  padding-top: 20px;
}

/* .required:before {
  content: '必須';
  color: #fff;
  background: #C13838;
  display: inline-block;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 12px;
  margin-top: -2px;
}

.order-en .required:before {
  content: 'required';
  padding: 3px 8px;
  font-size: 10px;
  letter-spacing: 0;
  margin-top: -1px;
} */

.el_required {
  color: #ff3c00;
  font-size: 1.3em;
  padding-right: 3px;
}

.form-label .el_required {
  padding-left: 3px;
}

.form-control-wrap {
  -webkit-box-flex: 1;
          -ms-flex: 1;
      flex: 1;
  position: relative;
}

.form-control {
  display: inline-block;
  border: none;
  outline: none;
  height: 55px;
  padding: 15px;
  font-size: 16px;
  font-family: inherit;
  background: #F2F1F0;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  position: relative;
  letter-spacing: 0.05em;
}

.form-control::-webkit-input-placeholder {
  color: #A1ABB1;
}

.form-control::-moz-placeholder {
  color: #A1ABB1;
}

.form-control:-ms-input-placeholder {
  color: #A1ABB1;
}

.form-control::-ms-input-placeholder {
  color: #A1ABB1;
}

.form-control::placeholder {
  color: #A1ABB1;
}

.form-control:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.form-control:focus::-moz-placeholder {
  color: transparent !important;
}

.form-control:focus:-ms-input-placeholder {
  color: transparent !important;
}

.form-control:focus::-ms-input-placeholder {
  color: transparent !important;
}

.form-control:focus::placeholder {
  color: transparent !important;
}


textarea.form-control {
  width: 100%;
  height: 200px;
}

.select-a {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.select-a:after {
  content: '\f0d7';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 15px;
  line-height: 55px;
  color: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: none;
  cursor: pointer;
}

.select-a .form-control {
  padding-right: 75px;
}

.form-note {
  font-size: 14px;
  line-height: 1.5;
}

.form-note span {
  color: #ff3c00;
  font-size: 14px;
}

.form-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 100px;
}

.form-btn button {
  font-weight: 500;
  letter-spacing: 0.08em;
  background: #161616;
  background: #FDD08B;
  /* color: #fff; */
  font-size: 16px;
  width: 100%;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  cursor: pointer;
}

.form-btn button:hover {
  background: #F4A387;
  color: #fff;
}


/*error*/
.form-control.valid {
  background: #F2F1F0;
}
label.error {
  color: #ff3c00;
  font-weight: 700;
  font-size: 12px;
  position: absolute;
  bottom: -20px;
  left: 0;
}




.page_confirm .form-line {
  -webkit-box-align: start;
          -ms-flex-align: start;
      align-items: flex-start;
}

.page_confirm .form-label {
  line-height: 1.6;
}

#order .confirm-txt {
  line-height: 1.6;
  opacity: 0.8;
}

.page_confirm .form-btn button {
  width: 380px;
}

.page_confirm .form-btn button.return {
  background: #EAE8E3;
  color: #000;
  font-weight: 500;
}