@charset "UTF-8";
body {
  color: #333;
  letter-spacing: 3%;
  font-family: "Noto Sans JP", sans-serif;
}

.inner {
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1064px) {
  .inner {
    width: 100%;
    padding: 0 28px;
  }
}
@media screen and (max-width: 600px) {
  .inner {
    padding: 0 16px;
  }
}

img {
  vertical-align: bottom;
}

.is-sp {
  display: none;
}
@media screen and (max-width: 600px) {
  .is-sp {
    display: block;
  }
}

.is-pc {
  display: block;
}
@media screen and (max-width: 600px) {
  .is-pc {
    display: none;
  }
}

/* トップページ セクションタイトル
-------------------------------------------------------*/
.section_title {
  text-align: center;
}

.section_title_en {
  font-weight: 700;
  font-family: "Akshar", sans-serif;
  font-size: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 1064px) {
  .section_title_en {
    font-size: 40px;
  }
}
@media screen and (max-width: 600px) {
  .section_title_en {
    font-size: 32px;
  }
}
.section_title_en::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  bottom: 0;
  left: 0;
}

.section_title_ja {
  font-weight: 700;
  font-size: 20px;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 8px;
}
@media screen and (max-width: 1064px) {
  .section_title_ja {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .section_title_ja {
    font-size: 14px;
  }
}

/* トップページ ボタン
-------------------------------------------------------*/
.top_btn {
  display: inline-block;
  padding: 14px 0 15px 0;
  border-radius: 40px;
  background-color: #fff;
}
.top_btn a {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  color: #fff;
  font-weight: 700;
  padding: 14px 46px 15px 40px;
  border-radius: 40px;
  position: relative;
}
.top_btn a::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='35' viewBox='0 0 64 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.0945 5.42383L62.7038 18.195C63.1627 19.2713 63.4609 21.0157 63.4609 21.8458C63.4609 22.6758 63.4609 26.882 63.4609 26.882C63.4609 28.2485 62.3261 29.3706 60.9356 29.3706H57.9124C57.6084 32.4585 54.9688 34.8707 51.7559 34.8707C48.543 34.8707 45.9015 32.4585 45.5973 29.3707H40.0063V3.23682H54.3645C55.7531 3.23682 57.4322 4.22162 58.0945 5.42383ZM51.7559 31.8211C53.4639 31.8211 54.8506 30.4546 54.8506 28.7714C54.8506 27.0882 53.4639 25.7255 51.7559 25.7255C50.0458 25.7255 48.6611 27.0881 48.6611 28.7714C48.6611 30.4547 50.0459 31.8211 51.7559 31.8211ZM42.9113 6.48119V16.1932H57.651L54.7538 7.44694C54.5001 6.98513 53.6383 6.48131 53.1077 6.48131L42.9113 6.48119Z' fill='url(%23paint0_linear_2002_219)'/%3E%3Cpath d='M36.4648 0V29.3706H18.2315C17.9313 32.4584 15.2898 34.8706 12.0769 34.8706C8.86202 34.8706 6.22435 32.4584 5.91648 29.3706H-1.52588e-05V0H36.4648ZM12.0768 31.8209C13.7849 31.8209 15.1715 30.4544 15.1715 28.7712C15.1715 27.088 13.7849 25.7253 12.0768 25.7253C10.3667 25.7253 8.982 27.0879 8.982 28.7712C8.982 30.4546 10.3668 31.8209 12.0768 31.8209Z' fill='url(%23paint1_linear_2002_219)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2002_219' x1='63.4609' y1='19.0538' x2='40.0063' y2='19.0538' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2002_219' x1='36.4648' y1='17.4353' x2='-1.52588e-05' y2='17.4353' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 35px;
  top: -32px;
  left: 12px;
  -webkit-transition: 1s;
  transition: 1s;
  pointer-events: none;
}
.top_btn a::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='134' height='8' viewBox='0 0 134 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H133L127.637 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 6px;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.top_btn a:hover::before {
  left: 100px;
}
.top_btn a:active {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top_btn a:active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='35' viewBox='0 0 60 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.9263 5.37635L59.2841 18.0356C59.7181 19.1025 60 20.8316 60 21.6544C60 22.4772 60 26.6465 60 26.6465C60 28.001 58.9271 29.1133 57.6124 29.1133H54.7541C54.4667 32.1742 51.971 34.5653 48.9334 34.5653C45.8957 34.5653 43.3983 32.1742 43.1107 29.1134H37.8247V3.2085H51.3998C52.7126 3.2085 54.3001 4.18467 54.9263 5.37635ZM48.9334 31.5423C50.5483 31.5423 51.8593 30.1878 51.8593 28.5193C51.8593 26.8509 50.5483 25.5001 48.9334 25.5001C47.3166 25.5001 46.0074 26.8508 46.0074 28.5193C46.0074 30.1879 47.3167 31.5423 48.9334 31.5423ZM40.5713 6.42444V16.0513H54.507L51.7678 7.38173C51.528 6.92397 50.7132 6.42456 50.2115 6.42456L40.5713 6.42444Z' fill='white'/%3E%3Cpath d='M34.4766 0V29.1132H17.2377C16.9539 32.174 14.4565 34.5651 11.4189 34.5651C8.37934 34.5651 5.88555 32.174 5.59447 29.1132H0.000694275V0H34.4766ZM11.4187 31.5421C13.0337 31.5421 14.3447 30.1876 14.3447 28.5192C14.3447 26.8507 13.0337 25.4999 11.4187 25.4999C9.80196 25.4999 8.49278 26.8506 8.49278 28.5192C8.49278 30.1877 9.80208 31.5421 11.4187 31.5421Z' fill='white'/%3E%3C/svg%3E%0A");
  -webkit-transition: 0s;
  transition: 0s;
}
.top_btn a:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='134' height='8' viewBox='0 0 134 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 7.5H133.5L128.137 1.5' stroke='url(%23paint0_linear_113_644)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_113_644' x1='1.5' y1='4.5' x2='133.5' y2='4.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* header
-------------------------------------------------------*/
header {
  color: #fff;
  width: 100%;
  font-size: 20px;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1064px) {
  header {
    font-size: 16px;
  }
}

.header_inner {
  padding: 0 40px;
}
@media screen and (max-width: 1064px) {
  .header_inner {
    padding: 0 24px;
  }
}

.header_wrap {
  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;
}

.header_logo {
  width: 80px;
}
@media screen and (max-width: 600px) {
  .header_logo {
    width: 50px;
  }
}

.header_nav_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}
@media screen and (max-width: 1064px) {
  .header_nav_wrap {
    gap: 40px;
  }
}
@media screen and (max-width: 600px) {
  .header_nav_wrap {
    display: none;
  }
}

.h_menu a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
.h_menu a:hover {
  opacity: 0.7;
}

.h_btn {
  border-radius: 40px;
  position: relative;
  z-index: 0;
}
.h_btn a {
  position: relative;
  padding: 6px 20px;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 18px;
  font-weight: 700;
}
.h_btn::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  border-radius: 40px;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.h_btn::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: -2;
  border-radius: 40px;
}
.h_btn:hover a {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.h_btn:hover::before {
  opacity: 0;
}

/* header-drawer
-------------------------------------------------------*/
.drawer_icon {
  position: absolute;
  top: 16px;
  right: 40px;
  z-index: 100;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.drawer_icon.is-active {
  position: fixed;
}
.drawer_icon.is-active .drawer_icon_bar1 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 8px;
  background: #fff;
}
.drawer_icon.is-active .drawer_icon_bar2 {
  display: none;
}
.drawer_icon.is-active .drawer_icon_bar3 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 8px;
  width: 100%;
  background: #fff;
}

.drawer_icon_bars {
  width: 26px;
  height: 20px;
  display: block;
  position: relative;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}

.drawer_icon_bar1,
.drawer_icon_bar2,
.drawer_icon_bar3 {
  position: absolute;
  height: 1px;
  background: #fff;
  border-radius: 5px;
  top: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}

.drawer_icon_bar1 {
  top: 0;
  width: 100%;
}

.drawer_icon_bar2 {
  top: 8px;
  width: 80%;
}

.drawer_icon_bar3 {
  top: 16px;
  width: 60%;
}

.drawer_content {
  width: 90%;
  position: fixed;
  right: 0;
  top: 0;
  background: #333;
  z-index: 99;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  margin-left: 5%;
  margin-right: 5%;
  top: -120%;
  border-radius: 14px;
}
.drawer_content.is-active {
  top: 0;
}

.drawer_content_inner {
  padding: 16px;
}

.drawer_logo {
  width: 50px;
  height: 50px;
  display: inline-block;
}

.drawer_content_items {
  width: 90%;
  margin: 30px auto 80px;
}

.drawer_content_item {
  text-align: center;
  border-bottom: 1px solid #fff;
}
.drawer_content_item a {
  font-size: 24px;
  font-family: "Akshar", sans-serif;
  font-weight: 700;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer_content_item a span {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 700;
  letter-spacing: 0.7px;
}

.drawer_background {
  backdrop-filter: blur(3.5999999046px);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  display: none;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.drawer_background.is-active {
  display: block;
}

/* MV
-------------------------------------------------------*/
.mv {
  background-image: url(/img/top/mv_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  position: relative;
  margin-top: -106px;
  z-index: 4;
}
@media screen and (max-width: 1000px) {
  .mv {
    background-size: cover;
  }
}
@media screen and (max-width: 700px) {
  .mv {
    aspect-ratio: 4/3;
  }
}
@media screen and (max-width: 600px) {
  .mv {
    aspect-ratio: 5/10;
  }
}

.mv_content {
  position: absolute;
  width: 100%;
  max-width: 1360px;
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 600px) {
  .mv_content {
    top: 30%;
  }
}

.mv_img {
  width: 60%;
  padding-top: 16%;
  position: relative;
  left: 62%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 1064px) {
  .mv_img {
    width: 58%;
  }
}
@media screen and (max-width: 1000px) {
  .mv_img {
    width: 60%;
    padding-top: 15%;
    left: 60%;
  }
}
@media screen and (max-width: 700px) {
  .mv_img {
    width: 85%;
    left: 60%;
    padding-top: 17%;
  }
}
@media screen and (max-width: 600px) {
  .mv_img {
    width: 140%;
    padding-top: 0;
    margin-left: -23%;
  }
}

.mv_text {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: -40px;
}
@media screen and (max-width: 1000px) {
  .mv_text {
    font-size: 32px;
    margin-top: -28px;
  }
}
@media screen and (max-width: 700px) {
  .mv_text {
    font-size: 24px;
    margin-top: -16px;
  }
}
@media screen and (max-width: 600px) {
  .mv_text {
    font-size: 22px;
    text-align: right;
    margin-bottom: 70px;
  }
}

/* ABOUT
-------------------------------------------------------*/
.about {
  background-image: url(/img/top/about_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 90px;
  padding-bottom: 129px;
}
@media screen and (max-width: 600px) {
  .about {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.about_wrap {
  margin-top: 87px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .about_wrap {
    margin-top: 100px;
  }
}

.about_text1 {
  font-size: 30px;
}
@media screen and (max-width: 1064px) {
  .about_text1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .about_text1 {
    font-size: 16px;
  }
}

.about_text2 {
  font-size: 80px;
}
@media screen and (max-width: 1064px) {
  .about_text2 {
    font-size: 56px;
  }
}
@media screen and (max-width: 600px) {
  .about_text2 {
    font-size: 34px;
  }
}

.about_text3 {
  font-size: 28px;
}
@media screen and (max-width: 1064px) {
  .about_text3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .about_text3 {
    font-size: 16px;
  }
}

.about_btn_wrap {
  margin-top: 95px;
  text-align: center;
}

/* SERVICE
-------------------------------------------------------*/
.service {
  padding-top: 90px;
  padding-bottom: 160px;
}
@media screen and (max-width: 600px) {
  .service {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.service_intro_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service_intro_text {
  font-size: 24px;
  line-height: 150%;
  font-weight: 500;
}
@media screen and (max-width: 1064px) {
  .service_intro_text {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .service_intro_text {
    margin: 50px 0;
  }
}

.service_intro_img {
  max-width: 380px;
}
@media screen and (max-width: 1064px) {
  .service_intro_img {
    max-width: 30%;
  }
}
@media screen and (max-width: 600px) {
  .service_intro_img {
    display: none;
  }
}

.service_main_wrap {
  position: relative;
}
.service_main_wrap::before {
  position: absolute;
  content: "";
  width: 636px;
  height: 1037px;
  top: -50px;
  right: 58%;
  background-image: url(/img/top/sevice_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 1064px) {
  .service_main_wrap::before {
    display: none;
  }
}

.service_main_unit {
  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;
  gap: 80px;
  margin-top: 60px;
}
@media screen and (max-width: 1064px) {
  .service_main_unit {
    gap: 32px;
  }
}
@media screen and (max-width: 600px) {
  .service_main_unit {
    display: block;
    margin-top: 40px;
  }
}
.service_main_unit:first-of-type {
  margin-top: 0;
}
.service_main_unit:nth-of-type(2) {
  padding-left: 180px;
}
@media screen and (max-width: 1064px) {
  .service_main_unit:nth-of-type(2) {
    padding-left: 0;
  }
}

@media screen and (max-width: 600px) {
  .service_unit_body {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
}

.service_unit_icon {
  width: 240px;
  height: 240px;
}
@media screen and (max-width: 1064px) {
  .service_unit_icon {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 600px) {
  .service_unit_icon {
    margin: 0 auto;
  }
}

.service_unit_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
}
@media screen and (max-width: 600px) {
  .service_unit_head {
    margin-top: 16px;
  }
}

.service_unit_numb {
  font-size: 70px;
  font-style: italic;
  font-family: "Akshar", sans-serif;
  font-weight: 900;
  letter-spacing: -2.8px;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-right: 0.2em;
}
@media screen and (max-width: 1064px) {
  .service_unit_numb {
    font-size: 48px;
  }
}

.service_unit_title {
  font-size: 42px;
  font-weight: 900;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1064px) {
  .service_unit_title {
    font-size: 32px;
  }
}

.service_unit_text {
  max-width: 440px;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
  letter-spacing: 0.03%;
}
@media screen and (max-width: 1064px) {
  .service_unit_text {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .service_unit_text {
    max-width: 100%;
  }
}

/* FEATURE
-------------------------------------------------------*/
.feature {
  padding-top: 150px;
  padding-bottom: 150px;
  background-image: url(/img/top/feature_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #333;
}
@media screen and (max-width: 600px) {
  .feature {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.feature_main_wrap {
  margin-right: auto;
  margin-left: auto;
  margin-top: 90px;
  max-width: 1143px;
}

.feature_main_unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 420px;
  margin-top: 60px;
}
@media screen and (max-width: 600px) {
  .feature_main_unit {
    display: block;
    max-height: none;
    margin-top: 70px;
  }
}
.feature_main_unit:first-of-type {
  margin-top: 0;
}

.feature_unit_img {
  max-width: 606px;
  height: auto;
}
@media screen and (max-width: 1064px) {
  .feature_unit_img {
    max-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .feature_unit_img {
    max-width: 420px;
    width: 90%;
    z-index: 2;
    position: relative;
  }
}

.feature_unit_body {
  background-color: #fff;
  padding: 6% 71px;
  position: relative;
}
@media screen and (max-width: 1064px) {
  .feature_unit_body {
    padding: 8% 16px;
  }
}
@media screen and (max-width: 900px) {
  .feature_unit_body {
    padding: 4% 16px;
  }
}
@media screen and (max-width: 700px) {
  .feature_unit_body {
    padding: 8px 16px;
  }
}
@media screen and (max-width: 600px) {
  .feature_unit_body {
    width: 80%;
    margin-left: auto;
    padding: 60px 16px 16px 16px;
    margin-top: -24px;
    z-index: 1;
  }
}
.feature_unit_body::before {
  position: absolute;
  content: "";
  width: 124px;
  height: 100%;
  top: 0;
  left: -124px;
  background-image: url(/img/top/feature_before.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.feature_unit_head {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.02%;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 34px;
}
@media screen and (max-width: 1064px) {
  .feature_unit_head {
    font-size: 26px;
  }
}

.feature_unit_text {
  max-width: 400px;
  font-size: 22px;
  font-weight: 500;
  line-height: 145.55%;
  letter-spacing: 0.02%;
}
@media screen and (max-width: 1064px) {
  .feature_unit_text {
    font-size: 16px;
  }
}

/* RECRUIT
-------------------------------------------------------*/
.recruit {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media screen and (max-width: 1064px) {
  .recruit_inner {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media screen and (max-width: 600px) {
  .recruit_inner {
    margin: 0;
  }
}

.top_recruit_main {
  margin-left: 12.3%;
  margin-top: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1064px) {
  .top_recruit_main {
    margin-left: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.recruit_main_body {
  margin-right: -7.2%;
}
@media screen and (max-width: 1064px) {
  .recruit_main_body {
    margin-right: -2%;
  }
}
@media screen and (max-width: 600px) {
  .recruit_main_body {
    margin-right: 0;
    width: 100%;
  }
}

.recruit_main_title {
  font-size: 34px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.03%;
  padding: 24px 40px;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  margin-bottom: 60px;
}
@media screen and (max-width: 1064px) {
  .recruit_main_title {
    font-size: 22px;
    padding: 16px;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .recruit_main_title {
    display: inline-block;
    margin-bottom: 24px;
  }
}

.recruit_main_text {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.05%;
  line-height: 1.727;
  margin-bottom: 95px;
}
@media screen and (max-width: 1064px) {
  .recruit_main_text {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .recruit_main_text {
    margin: 0 20px 75px;
  }
}

@media screen and (max-width: 600px) {
  .recruit_btn_wrap {
    text-align: center;
  }
}

.recruit_img {
  max-width: 826px;
  width: 70%;
  height: auto;
  z-index: -1;
}
@media screen and (max-width: 1064px) {
  .recruit_img {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .recruit_img {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 40px;
  }
}

/* CONTACT
-------------------------------------------------------*/
.top_contact {
  background-image: url(/img/top/top_contact_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: rgba(64, 64, 64, 0.6);
  padding-top: 90px;
  padding-bottom: 99px;
}
@media screen and (max-width: 1064px) {
  .top_contact {
    padding-bottom: 90px;
  }
}

.top_contact_text {
  margin-top: 60px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.75;
}
@media screen and (max-width: 1064px) {
  .top_contact_text {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .top_contact_text {
    margin-top: 80px;
  }
}

.contact_btn_wrap {
  text-align: center;
  margin-top: 95px;
}
@media screen and (max-width: 600px) {
  .contact_btn_wrap {
    margin-top: 85px;
  }
}

.top_contact_btn {
  display: inline-block;
  padding: 14px 0 15px 0;
  border-radius: 40px;
  background-color: #fff;
}
.top_contact_btn a {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  color: #fff;
  padding: 14px 46px 15px 40px;
  border-radius: 40px;
  position: relative;
  font-size: 17px;
  font-weight: 700;
}
.top_contact_btn a::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='35' viewBox='0 0 64 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.0945 5.42383L62.7038 18.195C63.1627 19.2713 63.4609 21.0157 63.4609 21.8458C63.4609 22.6758 63.4609 26.882 63.4609 26.882C63.4609 28.2485 62.3261 29.3706 60.9356 29.3706H57.9124C57.6084 32.4585 54.9688 34.8707 51.7559 34.8707C48.543 34.8707 45.9015 32.4585 45.5973 29.3707H40.0063V3.23682H54.3645C55.7531 3.23682 57.4322 4.22162 58.0945 5.42383ZM51.7559 31.8211C53.4639 31.8211 54.8506 30.4546 54.8506 28.7714C54.8506 27.0882 53.4639 25.7255 51.7559 25.7255C50.0458 25.7255 48.6611 27.0881 48.6611 28.7714C48.6611 30.4547 50.0459 31.8211 51.7559 31.8211ZM42.9113 6.48119V16.1932H57.651L54.7538 7.44694C54.5001 6.98513 53.6383 6.48131 53.1077 6.48131L42.9113 6.48119Z' fill='url(%23paint0_linear_2002_219)'/%3E%3Cpath d='M36.4648 0V29.3706H18.2315C17.9313 32.4584 15.2898 34.8706 12.0769 34.8706C8.86202 34.8706 6.22435 32.4584 5.91648 29.3706H-1.52588e-05V0H36.4648ZM12.0768 31.8209C13.7849 31.8209 15.1715 30.4544 15.1715 28.7712C15.1715 27.088 13.7849 25.7253 12.0768 25.7253C10.3667 25.7253 8.982 27.0879 8.982 28.7712C8.982 30.4546 10.3668 31.8209 12.0768 31.8209Z' fill='url(%23paint1_linear_2002_219)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2002_219' x1='63.4609' y1='19.0538' x2='40.0063' y2='19.0538' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2002_219' x1='36.4648' y1='17.4353' x2='-1.52588e-05' y2='17.4353' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 35px;
  top: -32px;
  left: 12px;
  -webkit-transition: 1.5s;
  transition: 1.5s;
  pointer-events: none;
}
.top_contact_btn a::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='181' height='10' viewBox='0 0 183 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9H182L175.431 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 181px;
  height: 10px;
  bottom: 9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.top_contact_btn a:hover::before {
  left: 175px;
}
.top_contact_btn a:active {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.top_contact_btn a:active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='35' viewBox='0 0 60 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.9263 5.37635L59.2841 18.0356C59.7181 19.1025 60 20.8316 60 21.6544C60 22.4772 60 26.6465 60 26.6465C60 28.001 58.9271 29.1133 57.6124 29.1133H54.7541C54.4667 32.1742 51.971 34.5653 48.9334 34.5653C45.8957 34.5653 43.3983 32.1742 43.1107 29.1134H37.8247V3.2085H51.3998C52.7126 3.2085 54.3001 4.18467 54.9263 5.37635ZM48.9334 31.5423C50.5483 31.5423 51.8593 30.1878 51.8593 28.5193C51.8593 26.8509 50.5483 25.5001 48.9334 25.5001C47.3166 25.5001 46.0074 26.8508 46.0074 28.5193C46.0074 30.1879 47.3167 31.5423 48.9334 31.5423ZM40.5713 6.42444V16.0513H54.507L51.7678 7.38173C51.528 6.92397 50.7132 6.42456 50.2115 6.42456L40.5713 6.42444Z' fill='white'/%3E%3Cpath d='M34.4766 0V29.1132H17.2377C16.9539 32.174 14.4565 34.5651 11.4189 34.5651C8.37934 34.5651 5.88555 32.174 5.59447 29.1132H0.000694275V0H34.4766ZM11.4187 31.5421C13.0337 31.5421 14.3447 30.1876 14.3447 28.5192C14.3447 26.8507 13.0337 25.4999 11.4187 25.4999C9.80196 25.4999 8.49278 26.8506 8.49278 28.5192C8.49278 30.1877 9.80208 31.5421 11.4187 31.5421Z' fill='white'/%3E%3C/svg%3E%0A");
  -webkit-transition: 0s;
  transition: 0s;
}
.top_contact_btn a:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='134' height='8' viewBox='0 0 134 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 7.5H133.5L128.137 1.5' stroke='url(%23paint0_linear_113_644)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_113_644' x1='1.5' y1='4.5' x2='133.5' y2='4.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* FOOTER
-------------------------------------------------------*/
footer {
  background-color: #333;
  color: #fff;
  padding-top: 90px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1064px) {
  footer {
    padding-top: 60px;
  }
}

.footer_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 120px;
}
@media screen and (max-width: 1064px) {
  .footer_wrap {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .footer_wrap {
    display: block;
  }
}

.footer_company_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 90px;
}
@media screen and (max-width: 1064px) {
  .footer_company_info {
    gap: 24px;
  }
}
@media screen and (max-width: 600px) {
  .footer_company_info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 40px;
  }
}

.footer_logo {
  width: 172px;
}
@media screen and (max-width: 1064px) {
  .footer_logo {
    width: 80px;
  }
}

.footer_info_name {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
@media screen and (max-width: 1064px) {
  .footer_info_name {
    font-size: 22px;
  }
}

.footer_info_address {
  font-size: 20px;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin-bottom: 12px;
}
@media screen and (max-width: 1064px) {
  .footer_info_address {
    font-size: 16px;
  }
}

.footer_info_time {
  font-size: 20px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1064px) {
  .footer_info_time {
    font-size: 16px;
  }
}

.footer_info_tel a {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.02em;
  position: relative;
  padding-left: 29px;
}
@media screen and (max-width: 1064px) {
  .footer_info_tel a {
    font-size: 16px;
  }
}
.footer_info_tel a::before {
  position: absolute;
  content: "";
  background-image: url(/img/footer_tel_icon.png);
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.footer_nav_wrap {
  font-size: 20px;
  font-weight: 500;
}
@media screen and (max-width: 1064px) {
  .footer_nav_wrap {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .footer_nav_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 60px;
  }
}
.footer_nav_wrap li:not(:first-child) {
  margin-top: 50px;
}
@media screen and (max-width: 1064px) {
  .footer_nav_wrap li:not(:first-child) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 600px) {
  .footer_nav_wrap li:not(:first-child) {
    margin-top: 0;
  }
}
.footer_nav_wrap a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer_nav_wrap a:hover {
  opacity: 0.7;
}

.copyright {
  font-size: 18px;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 1064px) {
  .copyright {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .copyright {
    font-size: 12px;
  }
}

/* page-head
-------------------------------------------------------*/
.page_header {
  aspect-ratio: 360/101;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -80px;
}
@media screen and (max-width: 700px) {
  .page_header {
    aspect-ratio: 75/30;
    background-size: cover;
    background-position: center;
  }
}
@media screen and (max-width: 600px) {
  .page_header {
    aspect-ratio: 75/44;
  }
}

.page_header_about {
  background-image: url(/img/about/aboutpage_header.png);
}

.page_header_inner {
  margin-left: 150px;
}
@media screen and (max-width: 1064px) {
  .page_header_inner {
    margin-left: auto;
    position: relative;
  }
}

.page_header_title {
  display: inline-block;
  text-align: center;
  margin-top: 98px;
}
@media screen and (max-width: 1064px) {
  .page_header_title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

/* page-concept
-------------------------------------------------------*/
.section_about-page_concept {
  background-image: url(/img/about/about-page_concept-bg.png);
  background-size: cover;
  padding-top: 144px;
  padding-bottom: 67px;
}
@media screen and (max-width: 600px) {
  .section_about-page_concept {
    padding-top: 90px;
    padding-bottom: 28px;
  }
}

.about-page_concept_wrap {
  text-align: center;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.about-page_concept_foot {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 700px) {
  .about-page_concept_foot {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .about-page_concept_foot {
    margin-top: 40px;
  }
}

.about-page_concept_text {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  width: 650px;
}
@media screen and (max-width: 1064px) {
  .about-page_concept_text {
    font-size: 18px;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .about-page_concept_text {
    font-size: 16px;
  }
}

.about-page_concept_img {
  width: 400px;
}
@media screen and (max-width: 700px) {
  .about-page_concept_img {
    width: 150px;
    margin-left: auto;
  }
}
@media screen and (max-width: 600px) {
  .about-page_concept_img {
    width: 144px;
  }
}

/* philosophy
-------------------------------------------------------*/
.philosophy {
  padding-top: 120px;
  padding-bottom: 120px;
}

.philosophy_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 1064px) {
  .philosophy_wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 900px) {
  .philosophy_wrap {
    display: block;
  }
}

.philosophy_text_wrap {
  width: 500px;
}
@media screen and (max-width: 900px) {
  .philosophy_text_wrap {
    width: 100%;
    margin-top: 50px;
  }
}

.philosophy_img {
  max-width: 640px;
  width: 40%;
  position: relative;
}
@media screen and (max-width: 900px) {
  .philosophy_img {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .philosophy_img {
    width: 100%;
  }
}
.philosophy_img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 640/427;
  background: -webkit-gradient(linear, left top, right top, from(#FBFBFB), to(#E95859));
  background: linear-gradient(90deg, #FBFBFB 0%, #E95859 100%);
  top: -20px;
  right: -20px;
  z-index: -1;
}
@media screen and (max-width: 1064px) {
  .philosophy_img::before {
    top: -14px;
    right: -14px;
  }
}
.philosophy_img::after {
  position: absolute;
  content: "Philosophy";
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 80px;
  font-weight: 700;
  font-family: "Akshar", sans-serif;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: -3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1064px) {
  .philosophy_img::after {
    font-size: 64px;
  }
}
@media screen and (max-width: 600px) {
  .philosophy_img::after {
    font-size: 44px;
    left: -2rem;
  }
}

.philosophy_head {
  font-size: 40px;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}
@media screen and (max-width: 1064px) {
  .philosophy_head {
    font-size: 32px;
  }
}
@media screen and (max-width: 600px) {
  .philosophy_head {
    font-size: 26px;
  }
}

.philosophy_text {
  font-size: 22px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1064px) {
  .philosophy_text {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .philosophy_text {
    font-size: 16px;
  }
}

.a-policy_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 1064px) {
  .a-policy_wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 900px) {
  .a-policy_wrap {
    display: block;
    margin-top: 120px;
  }
}

.a-policy_img {
  max-width: 570px;
  width: 40%;
  height: auto;
  position: relative;
}
@media screen and (max-width: 900px) {
  .a-policy_img {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .a-policy_img {
    width: 100%;
  }
}
.a-policy_img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: auto;
  aspect-ratio: 570/380;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), to(#FBFBFB));
  background: linear-gradient(90deg, #E95859 0%, #FBFBFB 100%);
  top: -20px;
  left: -20px;
  z-index: -1;
}
@media screen and (max-width: 1064px) {
  .a-policy_img::before {
    top: -14px;
    left: -14px;
  }
}
.a-policy_img::after {
  position: absolute;
  content: "ActivityPolicy";
  -webkit-writing-mode: sideways-rl;
      -ms-writing-mode: sideways-rl;
          writing-mode: sideways-rl;
  font-size: 80px;
  font-weight: 700;
  font-family: "Akshar", sans-serif;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  right: -3rem;
  bottom: 0;
  display: inline;
}
@media screen and (max-width: 1064px) {
  .a-policy_img::after {
    font-size: 56px;
    bottom: 50%;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
@media screen and (max-width: 600px) {
  .a-policy_img::after {
    font-size: 36px;
    right: -0.5rem;
  }
}

.a-policy_text_wrap {
  margin-top: 80px;
}
@media screen and (max-width: 900px) {
  .a-policy_text_wrap {
    margin-top: 50px;
  }
}

.a-policy_head {
  font-size: 40px;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}
@media screen and (max-width: 1064px) {
  .a-policy_head {
    font-size: 32px;
  }
}
@media screen and (max-width: 600px) {
  .a-policy_head {
    font-size: 26px;
  }
}

.a-policy_text {
  font-size: 22px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1064px) {
  .a-policy_text {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .a-policy_text {
    font-size: 16px;
    line-height: 137%;
  }
}

.a-policy_list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.a-policy_list_wrap:not(:first-of-type) {
  margin-top: 6px;
}
@media screen and (max-width: 600px) {
  .a-policy_list_wrap:not(:first-of-type) {
    margin-top: 24px;
  }
}
@media screen and (max-width: 600px) {
  .a-policy_list_wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
  }
}

.a-policy_numb {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 28px;
  font-style: italic;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 1064px) {
  .a-policy_numb {
    font-size: 22px;
  }
}
@media screen and (max-width: 600px) {
  .a-policy_numb {
    font-size: 30px;
  }
}

/* outline
-------------------------------------------------------*/
.outline {
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: url(/img/about/about_outline_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
  .outline {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.outline_inner {
  padding: 0 40px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1064px) {
  .outline_inner {
    width: 100%;
    padding: 0 28px;
  }
}
@media screen and (max-width: 600px) {
  .outline_inner {
    padding: 0;
  }
}

.outline_content_wrap {
  background: #fff;
  padding: 60px 20px;
  display: inline-block;
  max-width: 620px;
}
@media screen and (max-width: 1064px) {
  .outline_content_wrap {
    margin: 0 auto;
    width: 80%;
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .outline_content_wrap {
    width: 100%;
  }
}

.outline_head {
  font-size: 30px;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1064px) {
  .outline_head {
    font-size: 28px;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  .outline_head {
    font-size: 26px;
    margin-bottom: 60px;
  }
}

.outline_info_wrap {
  margin-top: 34px;
}

.outline_info_unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.01rem;
  padding: 0 24px 20px;
}
@media screen and (max-width: 1064px) {
  .outline_info_unit {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .outline_info_unit {
    font-size: 16px;
    border-bottom: 1px solid rgba(64, 64, 64, 0.6);
  }
}
.outline_info_unit:not(:first-of-type) {
  padding: 24px 20px;
}

.info_unit_head {
  width: 120px;
}

.info_unit_text {
  width: calc(100% - 120px);
}

.outline_btn_wrap {
  margin-top: 14px;
}
.outline_btn_wrap a {
  padding: 10px 32px 10px 12px;
  color: #fff;
  background: #333;
  font-size: 18px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1064px) {
  .outline_btn_wrap a {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .outline_btn_wrap a {
    font-size: 14px;
  }
}
.outline_btn_wrap a::after {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  rotate: -45deg;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.outline_btn_wrap a:hover {
  opacity: 0.7;
}

/* page-head
-------------------------------------------------------*/
.page_header_recruit {
  background-image: url(/img/recruit/recruitpage_header.png);
}

.recruit_main_head {
  margin-top: 90px;
}
@media screen and (max-width: 600px) {
  .recruit_main_head {
    margin-top: 60px;
  }
}

.recruit-page_main_title {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 46px;
}
@media screen and (max-width: 1064px) {
  .recruit-page_main_title {
    font-size: 32px;
  }
}
@media screen and (max-width: 600px) {
  .recruit-page_main_title {
    font-size: 26px;
  }
}

/* tab
-------------------------------------------------------*/
/*選択されているタブのスタイルを変える*/
.tab.active {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  color: #fff;
  border: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: default;
  pointer-events: none;
}

.tab {
  font-size: 18px;
  font-weight: 700;
  width: 350px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  border: 1px solid rgba(64, 64, 64, 0.6);
  border-radius: 40px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 5px;
}
@media screen and (max-width: 1064px) {
  .tab {
    font-size: 16px;
    max-width: 335px;
    width: 100%;
  }
}
.tab:hover {
  border: 5px solid rgba(64, 64, 64, 0.6);
  margin: 0;
}

.recruit_tab_wrap {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
}

.content {
  display: none;
  max-width: 1020px;
  margin: 0 auto;
}

.content.show {
  display: block;
}

.content-container {
  margin-top: 100px;
  margin-bottom: 90px;
}

.content_job_wrap {
  border: 1px solid rgba(64, 64, 64, 0.6);
  margin-bottom: 60px;
  margin-top: 80px;
}
@media screen and (max-width: 1064px) {
  .content_job_wrap {
    margin-top: 60px;
  }
}
@media screen and (max-width: 600px) {
  .content_job_wrap {
    margin-top: 40px;
    border: none;
    margin-bottom: 40px;
  }
}

.tab_content_title {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}
@media screen and (max-width: 1064px) {
  .tab_content_title {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .tab_content_title {
    font-size: 20px;
  }
}

.content_job_unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(64, 64, 64, 0.6);
}
@media screen and (max-width: 600px) {
  .content_job_unit {
    display: block;
  }
}
.content_job_unit:not(:first-of-type) {
  border-top: 1px solid rgba(64, 64, 64, 0.6);
}
@media screen and (max-width: 600px) {
  .content_job_unit:not(:first-of-type) {
    border: none;
  }
}

.content_job_head {
  width: 300px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  border-right: 1px solid rgba(64, 64, 64, 0.6);
}
@media screen and (max-width: 1064px) {
  .content_job_head {
    font-size: 18px;
    width: 180px;
  }
}
@media screen and (max-width: 700px) {
  .content_job_head {
    width: 150px;
  }
}
@media screen and (max-width: 600px) {
  .content_job_head {
    font-size: 16px;
    width: 100%;
    border: none;
    height: 47px;
    line-height: 47px;
  }
}

.content_job_detail {
  background: #fff;
  padding: 40px 120px 40px 100px;
  font-size: 18px;
  width: calc(100% - 300px);
}
@media screen and (max-width: 1064px) {
  .content_job_detail {
    font-size: 16px;
    width: calc(100% - 180px);
    padding: 24px 24px 24px 60px;
  }
}
@media screen and (max-width: 700px) {
  .content_job_detail {
    width: calc(100% - 150px);
    padding: 24px;
  }
}
@media screen and (max-width: 600px) {
  .content_job_detail {
    font-size: 14px;
    width: 100%;
    padding: 14px 16px 24px 16px;
  }
}

.job_info_more {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1064px) {
  .job_info_more {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media screen and (max-width: 600px) {
  .job_info_more {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.job_info_card {
  border-radius: 10px;
  background: #fbfbfb;
  -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25) inset;
          box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25) inset;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  height: 80px;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 1064px) {
  .job_info_card {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .job_info_card {
    font-size: 14px;
  }
}

.job_info_card_content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.job_info_card_content span {
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  .job_info_card_content span {
    font-size: 12px;
  }
}

.recruit-page_btn_wrap {
  text-align: center;
}

.recruit-page_btn {
  display: inline-block;
  padding: 14px 0 15px 0;
  border-radius: 40px;
  background-color: #fff;
}
.recruit-page_btn a {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  color: #fff;
  padding: 14px 60px 15px 60px;
  border-radius: 40px;
  position: relative;
  font-size: 22px;
}
@media screen and (max-width: 1064px) {
  .recruit-page_btn a {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .recruit-page_btn a {
    font-size: 18px;
  }
}
.recruit-page_btn a::before {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='35' viewBox='0 0 64 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.0945 5.42383L62.7038 18.195C63.1627 19.2713 63.4609 21.0157 63.4609 21.8458C63.4609 22.6758 63.4609 26.882 63.4609 26.882C63.4609 28.2485 62.3261 29.3706 60.9356 29.3706H57.9124C57.6084 32.4585 54.9688 34.8707 51.7559 34.8707C48.543 34.8707 45.9015 32.4585 45.5973 29.3707H40.0063V3.23682H54.3645C55.7531 3.23682 57.4322 4.22162 58.0945 5.42383ZM51.7559 31.8211C53.4639 31.8211 54.8506 30.4546 54.8506 28.7714C54.8506 27.0882 53.4639 25.7255 51.7559 25.7255C50.0458 25.7255 48.6611 27.0881 48.6611 28.7714C48.6611 30.4547 50.0459 31.8211 51.7559 31.8211ZM42.9113 6.48119V16.1932H57.651L54.7538 7.44694C54.5001 6.98513 53.6383 6.48131 53.1077 6.48131L42.9113 6.48119Z' fill='url(%23paint0_linear_2002_219)'/%3E%3Cpath d='M36.4648 0V29.3706H18.2315C17.9313 32.4584 15.2898 34.8706 12.0769 34.8706C8.86202 34.8706 6.22435 32.4584 5.91648 29.3706H-1.52588e-05V0H36.4648ZM12.0768 31.8209C13.7849 31.8209 15.1715 30.4544 15.1715 28.7712C15.1715 27.088 13.7849 25.7253 12.0768 25.7253C10.3667 25.7253 8.982 27.0879 8.982 28.7712C8.982 30.4546 10.3668 31.8209 12.0768 31.8209Z' fill='url(%23paint1_linear_2002_219)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2002_219' x1='63.4609' y1='19.0538' x2='40.0063' y2='19.0538' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2002_219' x1='36.4648' y1='17.4353' x2='-1.52588e-05' y2='17.4353' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 35px;
  top: -32px;
  left: 12px;
  -webkit-transition: 1s;
  transition: 1s;
  pointer-events: none;
}
.recruit-page_btn a::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='134' height='8' viewBox='0 0 134 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H133L127.637 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 8px;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.recruit-page_btn a:hover::before {
  left: 130px;
}
.recruit-page_btn a:active {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.recruit-page_btn a:active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='35' viewBox='0 0 60 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.9263 5.37635L59.2841 18.0356C59.7181 19.1025 60 20.8316 60 21.6544C60 22.4772 60 26.6465 60 26.6465C60 28.001 58.9271 29.1133 57.6124 29.1133H54.7541C54.4667 32.1742 51.971 34.5653 48.9334 34.5653C45.8957 34.5653 43.3983 32.1742 43.1107 29.1134H37.8247V3.2085H51.3998C52.7126 3.2085 54.3001 4.18467 54.9263 5.37635ZM48.9334 31.5423C50.5483 31.5423 51.8593 30.1878 51.8593 28.5193C51.8593 26.8509 50.5483 25.5001 48.9334 25.5001C47.3166 25.5001 46.0074 26.8508 46.0074 28.5193C46.0074 30.1879 47.3167 31.5423 48.9334 31.5423ZM40.5713 6.42444V16.0513H54.507L51.7678 7.38173C51.528 6.92397 50.7132 6.42456 50.2115 6.42456L40.5713 6.42444Z' fill='white'/%3E%3Cpath d='M34.4766 0V29.1132H17.2377C16.9539 32.174 14.4565 34.5651 11.4189 34.5651C8.37934 34.5651 5.88555 32.174 5.59447 29.1132H0.000694275V0H34.4766ZM11.4187 31.5421C13.0337 31.5421 14.3447 30.1876 14.3447 28.5192C14.3447 26.8507 13.0337 25.4999 11.4187 25.4999C9.80196 25.4999 8.49278 26.8506 8.49278 28.5192C8.49278 30.1877 9.80208 31.5421 11.4187 31.5421Z' fill='white'/%3E%3C/svg%3E%0A");
  -webkit-transition: 0s;
  transition: 0s;
}
.recruit-page_btn a:active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='134' height='8' viewBox='0 0 134 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 7.5H133.5L128.137 1.5' stroke='url(%23paint0_linear_113_644)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_113_644' x1='1.5' y1='4.5' x2='133.5' y2='4.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23E95859'/%3E%3Cstop offset='0.985577' stop-color='%23EB8384'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

/* page-head
-------------------------------------------------------*/
.page_header_contact {
  background-image: url(/img/contact/contactpage_header.png);
}

.contact-page_head {
  margin-top: 126px;
  margin-bottom: 88px;
}
@media screen and (max-width: 600px) {
  .contact-page_head {
    margin-top: 90px;
    margin-bottom: 60px;
  }
}

.contact-page_head_text {
  font-size: 26px;
  font-weight: 500;
  max-width: 1062px;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 1064px) {
  .contact-page_head_text {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .contact-page_head_text {
    font-size: 18px;
  }
}

/* TEL
-------------------------------------------------------*/
.contact-page_tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 174px;
  height: auto;
}
@media screen and (max-width: 900px) {
  .contact-page_tel {
    display: block;
  }
}

.contact-page_tel_text {
  background: -webkit-gradient(linear, left top, right top, from(#E95859), color-stop(98.56%, #EB8384));
  background: linear-gradient(90deg, #E95859 0%, #EB8384 98.56%);
  color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 900px) {
  .contact-page_tel_text {
    width: 80%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .contact-page_tel_text {
    width: 100%;
  }
}
.contact-page_tel_text::before {
  content: "";
  position: absolute;
  background-image: url(/img/contact/tel_before.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  top: 0;
  left: 100%;
  height: 100%;
  width: auto;
  aspect-ratio: 81/386;
}
@media screen and (max-width: 900px) {
  .contact-page_tel_text::before {
    display: none;
  }
}

.contact-page_tel_text_wrapper {
  padding: 40px 20px;
}
@media screen and (max-width: 900px) {
  .contact-page_tel_text_wrapper {
    padding: 60px 16px;
  }
}

.contact-page_tel_head {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 48px;
}
@media screen and (max-width: 1064px) {
  .contact-page_tel_head {
    font-size: 28px;
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 600px) {
  .contact-page_tel_head {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.contact-page_numb_wrap {
  margin-bottom: 24px;
}
@media screen and (max-width: 1064px) {
  .contact-page_numb_wrap {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 600px) {
  .contact-page_numb_wrap {
    margin-bottom: 12px;
  }
}

.contact_tel_unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.contact_tel_unit:first-of-type {
  margin-bottom: 24px;
}
@media screen and (max-width: 1064px) {
  .contact_tel_unit:first-of-type {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 600px) {
  .contact_tel_unit:first-of-type {
    margin-bottom: 12px;
  }
}

.contact_tel_head {
  font-size: 28px;
  font-weight: 700;
}
@media screen and (max-width: 1064px) {
  .contact_tel_head {
    font-size: 20px;
  }
}
@media screen and (max-width: 600px) {
  .contact_tel_head {
    font-size: 18px;
  }
}

.contact_tel_numb {
  font-family: Roboto;
  font-size: 30px;
  font-style: italic;
  font-weight: 900;
}
@media screen and (max-width: 1064px) {
  .contact_tel_numb {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .contact_tel_numb {
    font-size: 24px;
  }
}

.contact_tel_time {
  font-size: 26px;
  font-weight: 500;
}
@media screen and (max-width: 1064px) {
  .contact_tel_time {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .contact_tel_time {
    font-size: 16px;
  }
}
.contact_tel_time span {
  font-size: 30px;
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
}
@media screen and (max-width: 1064px) {
  .contact_tel_time span {
    font-size: 24px;
  }
}
@media screen and (max-width: 600px) {
  .contact_tel_time span {
    font-size: 24px;
  }
}

.contact-page_tel_img {
  aspect-ratio: 3/2;
  width: 50%;
  height: auto;
  max-width: 570px;
}
@media screen and (max-width: 900px) {
  .contact-page_tel_img {
    width: 80%;
    max-width: 100%;
    margin: 0 auto -1px;
  }
}
@media screen and (max-width: 600px) {
  .contact-page_tel_img {
    width: 100%;
  }
}

/* MAIL
-------------------------------------------------------*/
.contact-page_mail {
  margin-bottom: 210px;
}
@media screen and (max-width: 1064px) {
  .contact-page_mail {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 600px) {
  .contact-page_mail {
    margin-bottom: 90px;
  }
}

.contact-page_mail-head {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1064px) {
  .contact-page_mail-head {
    font-size: 32px;
  }
}
@media screen and (max-width: 600px) {
  .contact-page_mail-head {
    font-size: 26px;
  }
}

.form_wrap {
  margin-top: 90px;
  background: #999;
  width: 100%;
  height: 900px;
}
@media screen and (max-width: 1064px) {
  .form_wrap {
    margin-top: 60px;
    height: 700px;
  }
}
@media screen and (max-width: 600px) {
  .form_wrap {
    margin-top: 52px;
  }
}

/***
    The new CSS reset - version 1.8.3 (last updated 21.1.2023)
    The new CSS reset - version 1.8.4 (last updated 14.2.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

/* Reapply the pointer cursor for anchor tags */
a, button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, li, menu {
  list-style: none;
}

/* For images to not be able to exceed their container */
img {
  max-inline-size: 100%;
  max-block-size: 100%;
  width: 100%;
  height: auto;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* reset default text opacity of input placeholder */
::-webkit-input-placeholder {
  color: unset;
}
::-moz-placeholder {
  color: unset;
}
:-ms-input-placeholder {
  color: unset;
}
::-ms-input-placeholder {
  color: unset;
}
::placeholder {
  color: unset;
}

/* remove default dot (•) sign */
::marker {
  content: initial;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}