@charset "UTF-8";
/* themeColor
-----------------------------*/
/* fontFamily
-----------------------------*/
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&display=swap");
@import 'custom-style.css?v=20250306';
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

#root,
#__next {
  isolation: isolate;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
.body-hide .l_header,
.body-hide .l_container,
.body-hide .l_footer {
  opacity: 0;
  visibility: hidden; }
.page_top-fv {
  width: 100%;
  position: fixed;
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
  background: #000;
  opacity: 1; }
  .page_top-fv + .page_top-fv {
    opacity: 0; }
  .page_top-fv.is-hide {
    opacity: 0;
    pointer-events: none;
    transition: all 1s ease-in-out; }
    .page_top-fv.is-hide + .page_top-fv {
      opacity: 1; }
  .page_top-fv__video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .page_top-fv__skip {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    /* 150% */
    position: absolute;
    right: 20px;
    bottom: 20px; }
    @media (max-width: 814px) {
      .page_top-fv__skip {
        font-size: 14px;
        line-height: 14px;
        /* 150% */
        right: 20px;
        bottom: 20px; } }
body {
  font-family: "M PLUS 2", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 1.28px;
  line-height: 1.6;
  background: url(../images/common/pc_bg.jpg);
  background-size: cover;
  background-repeat: repeat-y;
}

/* add 2026/3/9 */
@media (max-width: 1440px) {
  body {
    font-size: 1.2rem!important;
  }
}
/* add 2026/3/9 */

@media (max-width: 814px) {
  body {
    background: url(../images/common/sp_bg.jpg);
    background-size: cover;
    background-repeat: repeat-y;
    font-size: 1.4rem;
  }
}

.sp {
  display: none;
}
@media (max-width: 814px) {
  .sp {
    display: block;
  }
}

.pc {
  display: block;
}
@media (max-width: 814px) {
  .pc {
    display: none;
  }
}

h1 {
  font-size: 5.6rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 4.48px;
}
@media (max-width: 814px) {
  h1 {
    font-size: 3rem;
    line-height: 130%;
    letter-spacing: 2.4px;
  }
}

h2 {
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 2.72px;
}
@media (max-width: 814px) {
  h2 {
    font-size: 2.6rem;
    line-height: 130%;
    letter-spacing: 2.08px;
  }
}
h2.center {
  text-align: center;
}
h2.color {
  color: #3dc4b2;
}

h3 {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 2.08px;
}
@media (max-width: 814px) {
  h3 {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 130%;
  }
}
h3.center {
  text-align: center;
}
h3.color {
  color: #3dc4b2;
}

h4 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.76px;
}
@media (max-width: 814px) {
  h4 {
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: 1.6px;
  }
}
h4.center {
  text-align: center;
}
h4.color {
  color: #3dc4b2;
}

h5 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 170%;
  letter-spacing: 1.44px;
}
@media (max-width: 814px) {
  h5 {
    font-size: 1.6rem;
    line-height: 150%;
    letter-spacing: 1.28px;
  }
}
h5.color {
  color: #3dc4b2;
}

p {
  line-height: 180%;
}
p.center {
  text-align: center;
}
@media (max-width: 814px) {
  p {
    font-size: 1.4rem;
    line-height: 180%;
    letter-spacing: 1.12px;
  }
}

a {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
a.text-link {
  color: #3dc4b2;
  transition: 0.2s;
}
a.text-link:hover {
  text-decoration: underline;
}

ul {
  padding: 0;
  list-style: none;
}
ul.disc li {
  line-height: 180%;
  letter-spacing: 1.28px;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
ul.disc li::before {
  content: "・";
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -2px;
}

dl {
  display: flex;
}
@media (max-width: 814px) {
  dl {
    display: block;
    margin-bottom: 5px;
  }
}
dl dt {
  width: max-content;
  margin-right: 20px;
  color: #3dc4b2;
  font-weight: 700;
}
dl dd {
  flex: 1;
  font-size: 1.4rem;
}

button {
  border: unset;
  cursor: pointer;
}

.fadein {
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}
.fadein.visible {
  opacity: 1;
  visibility: visible;
}

.hover-text {
  transition: 0.2s;
}
.hover-text:hover {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .hover-text:hover {
    color: #ffffff;
  }
}

.note {
  font-size: 12px;
}

/* ヘッダー */
.l_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  background-color: transparent;
  z-index: 100;
  transition: background-color 0.3s;
  /* ロゴ */
  /* 右側ボタン一覧 */
  /* お問い合わせボタン以外のボタン */
  /* 検索と翻訳 */
  /* 検索 */
  /* 検索アイコンhover時 */
  /* 検索BOX */
  /* 翻訳 */
  /* メニュー */
  /* メガメニュー */
  /* メニューボタン */
  /* ハンバーガーメニュー */
  /* お問い合わせボタン */
  /* header メニュー(sp) */
}
@media (max-width: 814px) {
  .l_header {
    height: 80px;
  }
}
.l_header.is-scroll {
  background-color: #000000;
}
.l_header .l_header_wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 35px;
}
@media (max-width: 814px) {
  .l_header .l_header_wrap {
    padding-left: 20px;
  }
}
.l_header .l_header_logo {
  width: 210px;
}
@media (max-width: 814px) {
  .l_header .l_header_logo {
    width: 150px;
  }
}
.l_header .l_header_controll {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.l_header .l_header_nav {
  position: relative;
  width: 100%;
  height: 105px;
  padding-right: 40px;
}
@media (max-width: 1170px) {
  .l_header .l_header_nav {
    display: none;
  }
}
.l_header .l_header_submenu {
  position: absolute;
  top: 24px;
  right: 0;
  padding-right: 40px;
}
.l_header .l_header_submenu ul {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.l_header .l_header_search {
  cursor: pointer;
  padding-right: 34px;
}
.l_header .l_header_search:hover {
  padding-bottom: 67px;
}
.l_header .l_header_search.active span,
.l_header .l_header_search:hover span {
  background: url(../images/common/icon/icon_search_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.l_header .l_header_search span {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/common/icon/icon_search_white.svg), url(../images/common/icon/icon_search_green.svg);
  background-repeat: no-repeat;
  background-size: contain, 0;
  transition: 0.2s;
}
.l_header .l_header_search.active .l_header_search_box,
.l_header .l_header_search:hover .l_header_search_box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) scale(1);
}
.l_header .l_header_submenu:has(.l_header_search:hover) {
  z-index: 10;
}
.l_header .l_header_search_box {
  top: 81px;
  width: 578px;
}
@media (max-width: 1170px) {
  .l_header .l_header_search_box {
    flex: 1;
    top: 0;
    box-shadow: 0px 0px 20px rgba(61, 196, 178, 0.5);
  }
}
.l_header .l_header_search_box .input_container {
  position: relative;
}
.l_header .l_header_search_box .input_container:after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  background: url(../images/common/icon/icon_search_green.svg);
  background-size: 21px 21px;
  background-repeat: no-repeat;
  z-index: 0;
}
.l_header .l_header_search_box_input {
  width: 100%;
  padding: 20px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff!important;
  background: #000000!important;
  letter-spacing: 1.28px;
  border: none;
  transition: all 5000s ease-in-out 0s;
}
@media (max-width: 1170px) {
  .l_header .l_header_search_box_input {
    padding: 14px 20px;
  }
}
.l_header .l_header_search_box_input:focus {
  outline: none;
}
.l_header .l_header_search_box_input::placeholder {
  color: #545454;
}
@media (max-width: 1170px) {
  .l_header .l_header_search_box_input::placeholder {
    font-size: 1.4rem;
  }
}
.l_header .l_header_search_box_submit {
  cursor: pointer;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  padding: 0;
  display: block;
  margin: auto;
  opacity: 0;
  z-index: 1;
}
.l_header .l_header_global {
  display: flex;
  align-items: center;
}
@media (max-width: 1170px) {
  .l_header .l_header_global {
    gap: 15px;
    width: fit-content;
  }
}
.l_header .l_header_global div {
  display: flex;
}
@media (max-width: 1170px) {
  .l_header .l_header_global div {
    flex-direction: column;
  }
}
.l_header .l_header_global img {
  width: 18px;
}
@media (max-width: 1170px) {
  .l_header .l_header_global img {
    width: 22px;
  }
}
.l_header .l_header_global a {
  margin-left: 10px;
  font-size: 1.2rem;
}
@media (max-width: 1170px) {
  .l_header .l_header_global a {
    margin-left: 0px;
    padding: 3px 0;
  }
}
.l_header .l_header_global a.is-current {
  color: #3dc4b2;
}
.l_header .l_header_menu {
  position: absolute;
  top: 56px;
  right: 0;
  padding-right: 20px;
  width: 100%;
}
.l_header .l_header_menu_list {
  display: flex;
  justify-content: flex-end;
}
.l_header .l_header_menu_list_item.aws-link {
  color: #fff200;
}
.l_header .l_header_menu_list_item > a {
  padding: 15px 20px 25px 20px;
}
.l_header .l_header_menu_list_item > a:hover + .l_header_mega {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) scale(1);
}
.l_header .l_header_dropdown {
  position: absolute;
  right: 0;
  background: #000;
  box-shadow: 0px 0px 20px rgba(61, 196, 178, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px) scale(0.995);
  transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
  z-index: 110;
}
.l_header .l_header_mega {
  top: 49px;
  padding: 25px;
  width: max-content;
}
.l_header .l_header_mega:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) scale(1);
}
.l_header .l_header_mega_solution {
  padding-right: 160px;
}
.l_header .l_header_mega_solution .l_header_mega_body {
  margin-top: 0;
}
.l_header .l_header_mega_wrap {
  display: flex;
}
.l_header .l_header_mega_head {
  margin-right: 45px;
}
.l_header .l_header_mega_body {
  flex: 1;
}
.l_header .l_header_mega_nav {
  position: relative;
  display: flex;
  gap: 30px;
  padding: 0;
}
.l_header .l_header_mega_nav li {
  width: fit-content;
  color: #ffffff;
  font-weight: 700;
}
.l_header .l_header_mega_nav li:nth-last-of-type() {
  margin-right: 0px;
}
.l_header .l_header_mega_nav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 10px;
}
.l_header .l_header_mega_nav li span {
  display: block;
  width: 10px;
  height: 13px;
  background: url(../images/common/icon/icon_arrow_right_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.2s;
}
.l_header .l_header_mega_nav_line {
  width: 100%;
  height: 1px;
  margin: 30px 0;
  background: #545454;
}
.l_header .l_header_sp_menu {
  cursor: pointer;
  display: none;
  width: 105px;
  height: 105px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.9px;
}
@media (max-width: 1170px) {
  .l_header .l_header_sp_menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 814px) {
  .l_header .l_header_sp_menu {
    width: 80px;
    height: 80px;
    font-size: 0.9rem;
  }
}
.l_header .l_header_hamburger {
  position: relative;
  width: 30px;
  height: 20px;
  margin: 0 auto 8px auto;
}
.l_header .l_header_hamburger span {
  position: absolute;
  display: inline-block;
  right: 0;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background: #fff;
  transition: 0.5s;
}
@media (max-width: 814px) {
  .l_header .l_header_hamburger span {
    height: 1.8px;
  }
}
.l_header .l_header_hamburger span:nth-of-type(1) {
  top: 0px;
}
.l_header .l_header_hamburger span:nth-of-type(2) {
  top: 9px;
}
.l_header .l_header_hamburger span:nth-of-type(3) {
  bottom: 0;
}
.l_header .l_header_hamburger.is-active span:nth-of-type(1) {
  transform: rotate(45deg) translateY(13px);
  right: -10px;
}
.l_header .l_header_hamburger.is-active span:nth-of-type(2) {
  opacity: 0;
}
.l_header .l_header_hamburger.is-active span:nth-of-type(3) {
  transform: rotate(-45deg) translateY(-13px);
  right: -9px;
}
.l_header .l_header_contact {
  width: 105px;
  height: 105px;
  font-size: 1.2rem;
  background: #3dc4b2;
  font-weight: 500;
  letter-spacing: 0.9px;
  transition: 0.2s;
}
@media (max-width: 814px) {
  .l_header .l_header_contact {
    width: 80px;
    height: 80px;
    font-size: 0.9rem;
  }
}
.l_header .l_header_contact span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  aspect-ratio: 1/1;
}
.l_header .l_header_contact span::before {
  transition: 0.2s;
  content: "";
  width: 30px;
  height: 20px;
  background: url(../images/common/icon/icon_mail_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 8px;
}
.l_header .l_header_contact:hover {
  color: #3dc4b2;
  background-color: #ffffff;
}
.l_header .l_header_contact:hover span::before {
  content: "";
  background: url(../images/common/icon/icon_mail_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1170px) {
  .l_header .l_header_contact:hover {
    color: #ffffff;
    background-color: #3dc4b2;
  }
  .l_header .l_header_contact:hover span::before {
    content: "";
    background: url(../images/common/icon/icon_mail_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
.l_header .l_header_nav_sp {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100vw;
  height: 100svh;
  padding: 40px 20px;
  background: #1c1c1c;
  overflow: scroll;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.l_header .l_header_nav_sp.is-active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1170px) {
  .l_header .l_header_nav_sp {
    display: block;
  }
}
@media (max-width: 814px) {
  .l_header .l_header_nav_sp {
    top: 80px;
  }
}
.l_header .l_header_nav_sp .l_header_nav_sp_submenu {
  display: flex;
  gap: 20px;
}
.l_header .l_header_menu_sp {
  margin-top: 40px;
  padding-bottom: 60px;
}
@media (max-width: 814px) {
  .l_header .l_header_menu_sp {
    padding-bottom: 40px;
  }
}
.l_header .l_header_menu_sp .l_header_menu_sp_list .l_header_menu_sp_list_item {
  border-top: 1px solid #545454;
}
.l_header .l_header_menu_sp .l_header_menu_sp_list .l_header_menu_sp_list_item.aws-link {
  color: #fff200;
}
.l_header .l_header_menu_sp .l_header_menu_sp_list .l_header_menu_sp_list_item a {
  position: relative;
  display: block;
  font-size: 1.4rem;
  padding: 25px 0;
  font-weight: 700;
}
.l_header .l_header_menu_sp .l_header_menu_sp_list .l_header_menu_sp_list_item span {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.l_header .l_header_menu_sp .l_header_menu_sp_list .l_header_menu_sp_list_item .arrow {
  display: block;
  width: 12.5px;
  height: 20px;
  margin-right: 5px;
  background: url(../images/common/icon/icon_arrow_right_green.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.l_header .l_header_menu_sp .l_header_menu_sp_list .l_header_menu_sp_list_item .toggle::before {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 1px;
  background: #3dc4b2;
}
.l_header .l_header_menu_sp .l_header_menu_sp_list .l_header_menu_sp_list_item .toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 1px;
  background: #3dc4b2;
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s;
}
.l_header .l_header_menu_sp .l_header_menu_sp_list .l_header_menu_sp_list_item.is-active .toggle::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.l_header .l_header_menu_sp .l_header_menu_sp_sublist {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease-out;
}
.l_header .l_header_menu_sp .l_header_menu_sp_sublist .l_header_menu_sp_sublist_item {
  border-bottom: 1px dashed #545454;
}
.l_header .l_header_menu_sp .l_header_menu_sp_sublist .l_header_menu_sp_sublist_item a {
  font-size: 1.2rem;
  padding: 15px;
}
.l_header .l_header_menu_sp .l_header_menu_sp_sublist .l_header_menu_sp_sublist_item:first-child a {
  padding-top: 0;
}
.l_header .l_header_menu_sp .l_header_menu_sp_sublist .l_header_menu_sp_sublist_item:last-child {
  border-bottom: unset;
}

/* フッター */
.l_footer {
  /* フッター左側 */
  /* フッター メニュー */
}
.l_footer .l_footer_head {
  display: flex;
}
.l_footer .l_footer_head .c_breadcrumb {
  flex: 1;
}
.l_footer .l_footer_body {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 100px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1310px) {
  .l_footer .l_footer_body {
    flex-direction: column;
    align-items: center;
  }
}
.l_footer .l_footer_info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-right: 7%;
}
@media (max-width: 1310px) {
  .l_footer .l_footer_info {
    display: contents;
  }
}
.l_footer .l_footer_logo {
  margin-bottom: 57px;
}
.l_footer .l_footer_logo img {
  width: 250px;
}
.l_footer .l_footer_text {
  font-weight: 700;
  text-align: center;
  line-height: 170%;
  color: #d9d9da;
  margin-bottom: 80px;
}
@media (max-width: 814px) {
  .l_footer .l_footer_text {
    font-size: 1.2rem;
  }
}
.l_footer .l_footer_social {
  margin-bottom: 80px;
}
@media (max-width: 1310px) {
  .l_footer .l_footer_social {
    order: 3;
  }
}
.l_footer .l_footer_social ul {
  display: flex;
  gap: 25px;
}
.l_footer .l_footer_social_x span {
  display: block;
  width: 45px;
  height: 40px;
  background: url(../images/common/icon/icon_sns_x_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain, 0;
  transition: 0.2s;
}
.l_footer .l_footer_social_x:hover span {
  opacity: 0.7;
}
@media (max-width: 814px) {
  .l_footer .l_footer_social_x:hover span {
    opacity: 1;
  }
}
.l_footer .l_footer_social_facebook span {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/common/icon/icon_sns_facebook_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain, 0;
  transition: 0.2s;
}
.l_footer .l_footer_social_facebook:hover span {
  opacity: 0.7;
}
@media (max-width: 814px) {
  .l_footer .l_footer_social_facebook:hover span {
    opacity: 1;
  }
}
.l_footer .l_footer_social_instagram span {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/common/icon/icon_sns_instagram_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain, 0;
  transition: 0.2s;
}
.l_footer .l_footer_social_instagram:hover span {
  opacity: 0.7;
}
@media (max-width: 814px) {
  .l_footer .l_footer_social_instagram:hover span {
    opacity: 1;
  }
}
.l_footer .l_footer_social_youtube span {
  display: block;
  width: 45px;
  height: 40px;
  background: url(../images/common/icon/icon_sns_youtube_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain, 0;
  transition: 0.2s;
}
.l_footer .l_footer_social_youtube:hover span {
  opacity: 0.7;
}
@media (max-width: 814px) {
  .l_footer .l_footer_social_youtube:hover span {
    opacity: 1;
  }
}
.l_footer .l_footer_copy {
  font-size: 1.2rem;
  color: #737373;
}
@media (max-width: 1310px) {
  .l_footer .l_footer_copy {
    order: 4;
  }
}
@media (max-width: 814px) {
  .l_footer .l_footer_copy {
    font-size: 1rem;
    letter-spacing: 0.8px;
  }
}
.l_footer .l_footer_nav {
  display: flex;
  width: 720px;
  justify-content: space-between;
}
@media (max-width: 1310px) {
  .l_footer .l_footer_nav {
    margin: 0 auto 80px auto;
  }
}
@media (max-width: 814px) {
  .l_footer .l_footer_nav {
    display: none;
  }
}
.l_footer .l_footer_nav_list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}
.l_footer .l_footer_nav_list_index {
  display: inline-block;
  margin-top: 7px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1.12px;
  color: #3dc4b2;
  transition: 0.2s;
}
.l_footer .l_footer_nav_list_index:hover {
  color: #ffffff;
}
.l_footer .l_footer_nav_sublist {
  margin-top: 10px;
  padding: 0;
}
.l_footer .l_footer_nav_sublist a {
  font-size: 1.4rem;
  color: #737373;
  transition: 0.2s;
}
.l_footer .l_footer_nav_sublist a:hover {
  color: #3dc4b2;
}

/* テキスト */
.c_text_large {
  font-size: 1.6rem;
  line-height: 180%;
  letter-spacing: 1.28px;
}
@media (max-width: 814px) {
  .c_text_large {
    font-size: 1.4rem;
    letter-spacing: 1.12px;
  }
}

.c_text_medium {
  font-size: 1.4rem;
  line-height: 170%;
  letter-spacing: 1.12px;
}
@media (max-width: 814px) {
  .c_text_medium {
    font-size: 1.2rem;
    letter-spacing: 0.96px;
  }
}

.c_text_small {
  font-size: 1.2rem;
  line-height: 170%;
  letter-spacing: 0.96px;
}

.c_text_bold {
  font-weight: bold;
}

/* テキスト&矢印ボタン */
.c_btn--text-arrow {
  font-weight: 700;
  transition: 0.2s;
}
.c_btn--text-arrow span {
  display: inline-block;
  margin-left: 15px;
  width: 10px;
  height: 13px;
  background: url(../images/common/icon/icon_arrow_right_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.2s;
}
.c_btn--text-arrow:hover {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_btn--text-arrow:hover {
    color: #ffffff;
  }
}

.c_btn--ex-link {
  font-weight: 700;
  transition: 0.2s;
}
.c_btn--ex-link span {
  display: inline-block;
  margin-left: 15px;
  width: 13px;
  height: 13px;
  background: url(../images/common/icon/icon_ex_link_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.2s;
}
.c_btn--ex-link:hover {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_btn--ex-link:hover {
    color: #ffffff;
  }
}

.c_btn--pdf-link {
  font-weight: 700;
  transition: 0.2s;
}
.c_btn--pdf-link span {
  display: inline-block;
  margin-left: 15px;
  width: 16px;
  height: 17px;
  background: url(../images/common/icon/icon_pdf_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.2s;
}
.c_btn--pdf-link:hover {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_btn--pdf-link:hover {
    color: #ffffff;
  }
}

.c_btn--text-reset {
  font-weight: 700;
  transition: 0.2s;
}
.c_btn--text-reset span {
  display: inline-block;
  margin-left: 15px;
  width: 12px;
  height: 12px;
  background: url(../images/common/icon/icon_reset_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.2s;
}
.c_btn--text-reset:hover {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_btn--text-reset:hover {
    color: #ffffff;
  }
}

/* 背景付きボタン */
.c_btn {
  position: relative;
  display: block;
  padding: 20px 0;
  background: #3dc4b2;
  overflow: hidden;
  transition: 0.2s;
  /* 流れる背景 */
}
@media (max-width: 814px) {
  .c_btn {
    padding: 18px 0;
  }
}
.c_btn .c_btn_text {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  color: #000000;
  transition: 0.2s;
  z-index: 3;
}
@media (max-width: 814px) {
  .c_btn .c_btn_text {
    font-size: 1.2rem;
  }
}
.c_btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: #000000;
  width: 100%;
  height: 100%;
  transition: transform 0.4s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.c_btn span {
  position: relative;
  top: 1px;
  display: block;
  width: 10px;
  height: 13px;
  background: url(../images/common/icon/icon_arrow_right_black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.2s;
  z-index: 3;
}
.c_btn:hover .c_btn_text {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_btn:hover .c_btn_text {
    color: #000000;
  }
}
.c_btn:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
@media (max-width: 814px) {
  .c_btn:hover::before {
    transform: scale(0, 1);
    transform-origin: right top;
  }
}
.c_btn:hover span {
  background: url(../images/common/icon/icon_arrow_right_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 814px) {
  .c_btn:hover span {
    background: url(../images/common/icon/icon_arrow_right_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.c_btn.c_btn_s {
  width: 148px;
}
.c_btn.c_btn_m {
  width: 310px;
  padding: 20px;
}
@media (max-width: 814px) {
  .c_btn.c_btn_m {
    width: 250px;
  }
}
.c_btn.c_btn_l {
  width: 475px;
  padding: 20px;
}
@media (max-width: 814px) {
  .c_btn.c_btn_l {
    width: 250px;
  }
}
.c_btn.c_btn_left span {
  width: 10px;
  height: 13px;
  background: url(../images/common/icon/icon_arrow_left_black.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.c_btn.c_btn_left:hover span {
  background: url(../images/common/icon/icon_arrow_left_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 814px) {
  .c_btn.c_btn_left:hover span {
    background: url(../images/common/icon/icon_arrow_left_green.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.c_btn.c_btn_menu span {
  width: 15.942px;
  height: 12px;
  background: url(../images/common/icon/icon_arrow_menu_black.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.c_btn.c_btn_menu:hover span {
  background: url(../images/common/icon/icon_arrow_menu_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 814px) {
  .c_btn.c_btn_menu:hover span {
    background: url(../images/common/icon/icon_arrow_menu_green.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.c_btn.c_btn_sort {
  background: #000000;
}
@media (max-width: 814px) {
  .c_btn.c_btn_sort {
    width: 120px;
  }
}
.c_btn.c_btn_sort:before {
  background: #3dc4b2;
}
.c_btn.c_btn_sort .c_btn_text {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_btn.c_btn_sort .c_btn_text {
    gap: 5px;
  }
}
.c_btn.c_btn_sort span {
  width: 15.942px;
  height: 12px;
  background: url(../images/common/icon/icon_sort_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.c_btn.c_btn_sort:hover .c_btn_text {
  color: #000000;
}
.c_btn.c_btn_sort:hover span {
  background: url(../images/common/icon/icon_sort_black.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 814px) {
  .c_btn.c_btn_sort:hover span {
    background: url(../images/common/icon/icon_sort_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.c_btn.c_btn_cv {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0;
}
@media (max-width: 814px) {
  .c_btn.c_btn_cv {
    width: 100%;
    max-width: 380px;
    padding: 25px 0;
  }
  .c_btn.c_btn_cv .c_btn_text {
    font-size: 1.4rem;
  }
}
.c_btn.c_btn_cv span {
  width: 23px;
  height: 15px;
  background: url(../images/common/icon/icon_mail_black.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.c_btn.c_btn_cv:hover span {
  background: url(../images/common/icon/icon_mail_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 814px) {
  .c_btn.c_btn_cv:hover span {
    background: url(../images/common/icon/icon_mail_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.c_btn_center {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

a:has(.c_btn):hover .c_btn .c_btn_text {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  a:has(.c_btn):hover .c_btn .c_btn_text {
    color: #000000;
  }
}
a:has(.c_btn):hover .c_btn::before {
  transform-origin: left top;
  transform: scale(1, 1);
}
@media (max-width: 814px) {
  a:has(.c_btn):hover .c_btn::before {
    transform: scale(0, 1);
    transform-origin: right top;
  }
}
a:has(.c_btn):hover .c_btn span {
  background: url(../images/common/icon/icon_arrow_right_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 814px) {
  a:has(.c_btn):hover .c_btn span {
    background: url(../images/common/icon/icon_arrow_right_black.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.c_btn_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 814px) {
  .c_btn_wrap {
    flex-direction: column;
    align-items: center;
  }
}
.c_btn_wrap.center {
  justify-content: center;
}
@media (max-width: 814px) {
  .c_btn_wrap.center {
    gap: 10px;
    flex-direction: row;
  }
}

.c_panel_lists {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 100px;
}
@media (max-width: 814px) {
  .c_panel_lists {
    flex-direction: column;
  }
}
.c_panel_lists .c_panel {
  width: calc(25% - 20px);
}
@media (max-width: 814px) {
  .c_panel_lists .c_panel {
    width: 100%;
    margin: 0 auto;
  }
}
.c_panel_lists.masonry {
  display: block;
  column-count: 4;
  column-gap: 0;
}
@media (max-width: 814px) {
  .c_panel_lists.masonry {
    column-count: unset;
    column-gap: unset;
  }
}
.c_panel_lists.masonry::after {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
}
.c_panel_lists.masonry .c_panel {
  width: auto;
  display: inline-block;
  margin: 0 10px 20px 10px;
}
@media (max-width: 814px) {
  .c_panel_lists.masonry .c_panel {
    display: block;
    width: auto;
    margin: 20px auto;
  }
}

/* totopボタン */
.c_pagetop {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 70px;
  background: #000000;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  /* 流れる背景 */
}
@media (max-width: 814px) {
  .c_pagetop {
    width: 40px;
    height: 40px;
  }
}
.c_pagetop.is-active {
  opacity: 1;
  visibility: visible;
}
.c_pagetop:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  background: #3dc4b2;
  width: 100%;
  height: 0%;
  transition: ease 0.2s;
}
.c_pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}
.c_pagetop span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 17px;
  height: 10px;
  background: url(../images/common/icon/icon_arrow_top_white.svg), url(../images/common/icon/icon_arrow_top_green.svg);
  background-repeat: no-repeat;
  background-size: contain, 0;
  transition: 0.2s;
}
.c_pagetop:hover::before {
  height: 100%;
}
@media (max-width: 814px) {
  .c_pagetop:hover::before {
    height: 0;
  }
}

/* パンくずリスト */
.c_breadcrumb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(61, 196, 178, 0.15);
  padding: 15px 40px;
  margin-bottom: 60px;
}
@media (max-width: 814px) {
  .c_breadcrumb {
    padding: 15px 25px 15px 25px;
  }
}
.c_breadcrumb .c_breadcrumb_menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}
.c_breadcrumb .c_breadcrumb_menu li {
  position: relative;
  font-size: 1.2rem;
  line-height: 170%;
  letter-spacing: 0.96px;
  margin-right: 20px;
  padding-right: 20px;
}
@media (max-width: 814px) {
  .c_breadcrumb .c_breadcrumb_menu li {
    margin-right: 10px;
    margin-bottom: 3px;
    padding-right: 10px;
  }
}
.c_breadcrumb .c_breadcrumb_menu li a:after {
  content: "/";
  position: absolute;
  right: 0;
  color: #545454;
}

/* inner */
.c_inner {
  box-sizing: content-box;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 814px) {
  .c_inner {
    padding: 0 20px;
  }
}

.c_inner_contents {
  width: 85%;
  max-width: 970px;
  margin: 0 auto;
}
@media (max-width: 814px) {
  .c_inner_contents {
    width: 100%;
  }
}

.c_page-wrap {
  padding: 105px 0;
}
@media (max-width: 814px) {
  .c_page-wrap {
    padding: 80px 0;
  }
}

.c_page_title {
  margin-bottom: 130px;
}
@media (max-width: 814px) {
  .c_page_title {
    margin-bottom: 85px;
  }
}

.c_page_subtitle {
  text-align: center;
  margin-bottom: 100px;
}
.c_page_subtitle.color {
  color: #3dc4b2;
}

/* H1,H2 和英組み合わせの見出し */
.c_heading_title.text-center {
  text-align: center;
}
.c_heading_title .c_heading_title_sub {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #3dc4b2;
  line-height: 180%;
  letter-spacing: 1.28px;
}
@media (max-width: 814px) {
  .c_heading_title .c_heading_title_sub {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
}

/* 画像付きパネル 共通設定*/
.c_panel {
  max-width: 310px;
}
@media (max-width: 814px) {
  .c_panel {
    max-width: 380px;
  }
}
.c_panel .c_panel_img {
  aspect-ratio: 310/179;
  overflow: hidden;
}
.c_panel .c_panel_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.c_panel .c_panel_body {
  transition: 0.2s;
}
.c_panel .c_panel_heading {
  transition: 0.2s;
}
.c_panel .c_panel_text {
  line-height: 180%;
}
.c_panel.is-current {
  opacity: 0.4;
}
.c_panel:hover .c_panel_img img {
  transform: scale(1.05);
}
@media (max-width: 814px) {
  .c_panel:hover .c_panel_img img {
    transform: scale(1);
  }
}
.c_panel:hover .c_panel_heading {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_panel:hover .c_panel_heading {
    color: #ffffff;
  }
}

.c_panel_set1 .c_panel_body {
  background: rgba(255, 255, 255, 0.1);
  padding: 17px 25px;
}
@media (max-width: 814px) {
  .c_panel_set1 .c_panel_body {
    padding: 20px;
  }
}
.c_panel_set1 .c_panel_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 180%;
  color: #ffffff;
  transition: 0.2s;
}
@media (max-width: 814px) {
  .c_panel_set1 .c_panel_text {
    font-size: 1.4rem;
    letter-spacing: 1.12px;
  }
}
.c_panel_set1:hover .c_panel_body {
  background: #1c1c1c;
}
@media (max-width: 814px) {
  .c_panel_set1:hover .c_panel_body {
    background: rgba(255, 255, 255, 0.1);
  }
}
.c_panel_set1:hover .c_panel_text {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_panel_set1:hover .c_panel_text {
    color: #fff;
  }
}

.c_panel_set2 .c_panel_body {
  background: rgba(255, 255, 255, 0.1);
  padding: 17px 25px;
}
@media (max-width: 814px) {
  .c_panel_set2 .c_panel_body {
    padding: 20px;
  }
}
.c_panel_set2 .c_panel_heading {
  margin-bottom: 20px;
}
.c_panel_set2 .c_panel_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 180%;
  color: #ffffff;
  transition: 0.2s;
}
@media (max-width: 814px) {
  .c_panel_set2 .c_panel_text {
    -webkit-line-clamp: 3;
    font-size: 1.4rem;
    letter-spacing: 1.12px;
  }
}
.c_panel_set2:hover .c_panel_body {
  background: #1c1c1c;
}
@media (max-width: 814px) {
  .c_panel_set2:hover .c_panel_body {
    background: rgba(255, 255, 255, 0.1);
  }
}

.c_panel_set3 .c_panel_body {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 20px;
}
@media (max-width: 814px) {
  .c_panel_set3 .c_panel_body {
    height: 80px;
  }
}
.c_panel_set3 .c_panel_heading {
  text-align: center;
}
.c_panel_set3:hover .c_panel_body {
  background: #000000;
}
@media (max-width: 814px) {
  .c_panel_set3:hover .c_panel_body {
    background: rgba(255, 255, 255, 0.1);
  }
}

.c_panel_set4 .c_panel_body {
  background: rgba(255, 255, 255, 0.2);
  padding: 20px;
}
@media (max-width: 814px) {
  .c_panel_set4 .c_panel_body {
    background: rgba(255, 255, 255, 0.1);
  }
}
.c_panel_set4 .c_panel_heading {
  margin-bottom: 20px;
}
.c_panel_set4 .c_panel_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 180%;
  color: #ffffff;
}
.c_panel_set4:hover .c_panel_body {
  background: #1c1c1c;
}
@media (max-width: 814px) {
  .c_panel_set4:hover .c_panel_body {
    background: rgba(255, 255, 255, 0.1);
  }
}

.c_panel_set5 .c_panel_body {
  background: rgba(255, 255, 255, 0.1);
  padding: 20px;
}
@media (max-width: 814px) {
  .c_panel_set5 .c_panel_body {
    background: rgba(255, 255, 255, 0.2);
  }
}
.c_panel_set5 .c_panel_heading {
  margin-bottom: 20px;
}
.c_panel_set5:hover .c_panel_body {
  background: #1c1c1c;
}
@media (max-width: 814px) {
  .c_panel_set5:hover .c_panel_body {
    background: rgba(255, 255, 255, 0.2);
  }
}

.c_panel_set6 .c_panel_body {
  background: rgba(255, 255, 255, 0.1);
  padding: 25px;
}
@media (max-width: 814px) {
  .c_panel_set6 .c_panel_body {
    background: rgba(255, 255, 255, 0.2);
  }
}
.c_panel_set6 .c_panel_date {
  color: #3dc4b2;
  font-size: 1.4rem;
  letter-spacing: 1.12px;
  transition: 0.2s;
}
.c_panel_set6 .c_panel_heading {
  margin-bottom: 20px;
  min-height: 7rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_panel_set6 .c_panel_heading {
    margin-bottom: 12px;
    -webkit-line-clamp: 1;
    min-height: 2rem;
    color: #ffffff;
  }
}
.c_panel_set6 .c_panel_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  line-height: 180%;
}
@media (max-width: 814px) {
  .c_panel_set6 .c_panel_text {
    -webkit-line-clamp: 3;
  }
}
.c_panel_set6:hover .c_panel_body {
  background: #000000;
}
@media (max-width: 814px) {
  .c_panel_set6:hover .c_panel_body {
    background: rgba(255, 255, 255, 0.2);
  }
}

/* 画像バナー */
.c_img_banner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 310px;
  box-shadow: 0px 0px 20px rgba(61, 196, 178, 0.2);
  aspect-ratio: 310/160;
}
.c_img_banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c_img_banner .c_img_banner_title {
  position: relative;
  width: 100%;
  text-align: center;
  transition: 0.2s;
  z-index: 2;
}
.c_img_banner:hover .c_img_banner_title {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_img_banner:hover .c_img_banner_title {
    color: #ffffff;
  }
}

/* テーブル table */
.c_table {
  margin-bottom: 150px;
}
@media (max-width: 814px) {
  .c_table {
    margin-bottom: 50px;
  }
}
.c_table .c_table_header {
  padding-bottom: 50px;
}
.c_table .c_table_header.color {
  color: #3dc4b2;
}
.c_table .c_table_body {
  padding: 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.c_table table {
  width: 100%;
}
@media (max-width: 814px) {
  .c_table table tr {
    display: block;
  }
}

.c_table_set1 {
  border-spacing: 5px;
}
.c_table_set1 th {
  width: 310px;
  padding: 40px 15px;
  text-align: left;
  background: rgba(255, 255, 255, 0.1);
  border-right: 1px solid #3dc4b2;
}
@media (max-width: 814px) {
  .c_table_set1 th {
    display: block;
    width: 100%;
    padding: 25px 15px;
    border-right: none;
    border-bottom: 1px solid #3dc4b2;
  }
}
.c_table_set1 td {
  padding: 40px 20px;
  text-align: left;
}
@media (max-width: 814px) {
  .c_table_set1 td {
    display: block;
    width: 100%;
    padding: 20px 15px;
  }
}

.c_table_set2 {
  table-layout: fixed;
  border-spacing: 20px;
}
@media (max-width: 814px) {
  .c_table_set2 {
    border-spacing: 0px;
  }
}
.c_table_set2 th {
  width: 310px;
  text-align: left;
  padding: 0 15px;
  font-size: 18px;
  font-weight: 700;
  border-right: 1px solid #3dc4b2;
}
@media (max-width: 814px) {
  .c_table_set2 th {
    display: block;
    width: 100%;
    padding: 15px 15px;
    border-right: none;
    border-bottom: 1px solid #3dc4b2;
  }
}
.c_table_set2 td {
  width: calc(100% - 310px);
  padding-left: 20px;
  text-align: left;
}
@media (max-width: 814px) {
  .c_table_set2 td {
    display: block;
    padding: 20px 0;
    width: 100%;
  }
}

/* フォーム */
@media (max-width: 814px) {
  .c_form_label {
    font-size: 1.6rem;
  }
}
.c_form_label .required {
  display: block;
  font-size: 1.4rem;
  color: #ff4d00;
}
@media (max-width: 814px) {
  .c_form_label .required {
    font-size: 1.2rem;
  }
}
.c_form_label .note {
  display: block;
  margin-top: 10px;
  font-weight: 400;
}

.c_form_field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.c_form_field input[type=text],
.c_form_field input[type=email],
.c_form_field input[type=tel],
.c_form_field textarea {
  display: block;
  width: 100%;
  padding: 22px 30px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 1.6rem;
  color: #fff;
  line-height: 180%;
  letter-spacing: 1.28px;
  border: 1px solid rgba(255, 255, 255, 0);
  outline: none;
  transition: 0.2s;
  border-radius: 0;
}
.c_form_field input:-webkit-autofill,
.c_form_field textarea:-webkit-autofill {
  border: 1px solid rgba(255, 255, 255, 0) !important;
  transition: all 50000000000s ease-in-out 0s, border 0.2s ease; /* Ngăn đổi màu khi autofill */
}
.c_form_field input:-webkit-autofill:focus, 
.c_form_field textarea:-webkit-autofill:focus {
  display: block;
  width: 100%;
  padding: 22px 30px;
  background: rgba(255, 255, 255, 0.1) !important;
  font-size: 1.6rem;
  color: #fff !important;
  line-height: 180%;
  letter-spacing: 1.28px;
  outline: none;
  transition: 0.2s;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid #3dc4b2!important;
  transition: all 50000000000s ease-in-out 0s, border 0.2s ease; /* Ngăn đổi màu khi autofill */
}
@media (max-width: 814px) {
  .c_form_field input[type=text],
  .c_form_field input[type=email],
  .c_form_field input[type=tel],
  .c_form_field textarea {
    padding: 15px;
    font-size: 1.4rem;
  }
}
.c_form_field input[type=text].year, .c_form_field input[type=text].month, .c_form_field input[type=text].date,
.c_form_field input[type=email].year,
.c_form_field input[type=email].month,
.c_form_field input[type=email].date,
.c_form_field input[type=tel].year,
.c_form_field input[type=tel].month,
.c_form_field input[type=tel].date,
.c_form_field textarea.year,
.c_form_field textarea.month,
.c_form_field textarea.date {
  margin: 10px 15px 10px 30px;
  text-align: center;
  padding: 12px 0px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: transparent;
}
@media (max-width: 814px) {
  .c_form_field input[type=text].year, .c_form_field input[type=text].month, .c_form_field input[type=text].date,
  .c_form_field input[type=email].year,
  .c_form_field input[type=email].month,
  .c_form_field input[type=email].date,
  .c_form_field input[type=tel].year,
  .c_form_field input[type=tel].month,
  .c_form_field input[type=tel].date,
  .c_form_field textarea.year,
  .c_form_field textarea.month,
  .c_form_field textarea.date {
    padding: 8px 0px;
    margin-left: 20px;
    margin-right: 10px;
  }
}
.c_form_field input[type=text].year,
.c_form_field input[type=email].year,
.c_form_field input[type=tel].year,
.c_form_field textarea.year {
  width: 105px;
}
.c_form_field input[type=text].year[readonly],
.c_form_field input[type=email].year[readonly],
.c_form_field input[type=tel].year[readonly],
.c_form_field textarea.year[readonly] {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 814px) {
  .c_form_field input[type=text].year,
  .c_form_field input[type=email].year,
  .c_form_field input[type=tel].year,
  .c_form_field textarea.year {
    width: 70px;
  }
}
.c_form_field input[type=text].month, .c_form_field input[type=text].date,
.c_form_field input[type=email].month,
.c_form_field input[type=email].date,
.c_form_field input[type=tel].month,
.c_form_field input[type=tel].date,
.c_form_field textarea.month,
.c_form_field textarea.date {
  width: 80px;
}
.c_form_field input[type=text].month[readonly], .c_form_field input[type=text].date[readonly],
.c_form_field input[type=email].month[readonly],
.c_form_field input[type=email].date[readonly],
.c_form_field input[type=tel].month[readonly],
.c_form_field input[type=tel].date[readonly],
.c_form_field textarea.month[readonly],
.c_form_field textarea.date[readonly] {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 814px) {
  .c_form_field input[type=text].month, .c_form_field input[type=text].date,
  .c_form_field input[type=email].month,
  .c_form_field input[type=email].date,
  .c_form_field input[type=tel].month,
  .c_form_field input[type=tel].date,
  .c_form_field textarea.month,
  .c_form_field textarea.date {
    width: 50px;
  }
}
.c_form_field input[type=text]:focus, .c_form_field input[type=text]:hover,
.c_form_field input[type=email]:focus,
.c_form_field input[type=email]:hover,
.c_form_field input[type=tel]:focus,
.c_form_field input[type=tel]:hover,
.c_form_field textarea:focus,
.c_form_field textarea:hover {
  border: 1px solid #3dc4b2;
}
.c_form_field input[type=text][readonly],
.c_form_field input[type=email][readonly],
.c_form_field input[type=tel][readonly],
.c_form_field textarea[readonly] {
  border: unset;
}
.c_form_field textarea {
  resize: none;
  min-height: 250px;
}
@media (max-width: 814px) {
  .c_form_field textarea {
    padding: 15px;
    font-size: 1.6rem;
  }
}
.c_form_field .c_form_field_label {
  font-size: 1.4rem;
}
.c_form_field .c_form_radio {
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.c_form_field .c_form_radio label {
  cursor: pointer;
}
.c_form_field .c_form_radio input[type=radio] {
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.c_form_field .c_form_radio input[type=radio]:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.c_form_field .c_form_radio input[type=radio]::after {
  content: "";
  display: block;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background: #3dc4b2;
  opacity: 0;
  transition: 0s;
}
.c_form_field .c_form_radio input[type=radio]:hover::before {
  border: 1px solid #3dc4b2;
}
.c_form_field .c_form_radio input[type=radio][readonly]:hover::before {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.c_form_field .c_form_radio input[type=radio]:checked::after {
  opacity: 1;
}

.c_form_error {
  margin-top: 5px;
  margin-left: 30px;
  font-weight: 700;
  color: #ff4d00;
}
.c_form_error:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: url(../images/common/icon/icon_error.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/* NEWSアイテム */
.c_news {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #545454;
}
.c_news:hover .c_news_text {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .c_news:hover .c_news_text {
    color: #ffffff;
  }
}
.c_news:first-child a {
  padding-top: 0;
}
.c_news a {
  display: block;
  padding: 0 0 30px 0;
}
.c_news .c_news_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}
.c_news .c_news_head {
  display: flex;
  gap: 40px;
  margin-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.96px;
}
.c_news .c_news_category {
  padding: 0 15px;
  border-left: 1px solid #3dc4b2;
  border-right: 1px solid #3dc4b2;
}
.c_news .c_news_text {
  transition: 0.2s;
}
.c_news .c_news_arrow span {
  display: block;
  width: 11px;
  height: 15px;
  background: url(../images/common/icon/icon_arrow_right_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.c_news_block {
  padding-top: 100px;
}
.c_news_block .c_news:last-child {
  margin-bottom: 0;
}

/* ニュース カテゴリ検索バー*/
.c_news_category_wrap {
  display: flex;
}
@media (max-width: 814px) {
  .c_news_category_wrap {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.c_news_category_wrap .c_news_category_year {
  margin-right: 70px;
}
@media (max-width: 814px) {
  .c_news_category_wrap .c_news_category_year {
    width: 100%;
    margin-bottom: 50px;
  }
}
.c_news_category_wrap .c_news_category_btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 325px;
  border-left: 1px solid #fff;
}
@media (max-width: 814px) {
  .c_news_category_wrap .c_news_category_btn {
    gap: 10px;
    justify-content: flex-end;
    width: 33.3333333333%;
    font-size: 1.2rem;
    line-height: 170%;
  }
}
.c_news_category_wrap .c_news_category_btn span {
  display: block;
  height: 12.5px;
  width: 20px;
  background: url(../images/common/icon/icon_arrow_bottom_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.c_news_category_wrap .c_news_category_btn:last-child {
  border-right: 1px solid #fff;
}

/* アーカイブ検索 */
.c_sort_archive {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: center;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 814px) {
  .c_sort_archive {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 60px;
  }
}
.c_sort_archive .c_sort_archive_controll {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
@media (max-width: 814px) {
  .c_sort_archive .c_sort_archive_controll {
    gap: 7px;
  }
}
.c_sort_archive .c_sort_archive_title {
  margin-right: 40px;
}
@media (max-width: 814px) {
  .c_sort_archive .c_sort_archive_title {
    font-size: 1.8rem;
  }
}
@media (max-width: 814px) {
  .c_sort_archive .c_sort_archive_reset {
    position: absolute;
    right: 0;
    bottom: -41px;
  }
}
.c_sort_archive label {
  margin-left: 10px;
}
@media (max-width: 814px) {
  .c_sort_archive label {
    margin-left: 5px;
  }
}

.c_select {
  cursor: pointer;
  outline: none;
  width: 150px;
  padding: 15px 15px;
  color: #fff;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("../images/common/icon/icon_arrow_bottom_green.svg") no-repeat right 15px center/12px auto;
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 814px) {
  .c_select {
    width: 80px;
    padding: 15px 8px;
    font-size: 1.4rem;
    background: url("../images/common/icon/icon_arrow_bottom_green.svg") no-repeat right 9px center/12px auto;
    background-color: rgba(255, 255, 255, 0.1);
  }
}

/* 記事ページ */
.c_single {
  position: relative;
  margin-bottom: 150px;
  background: rgba(84, 84, 84, 0.4);
}
@media (max-width: 814px) {
  .c_single {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
.c_single::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  display: block;
  width: 90%;
  height: 100%;
  background: #fff;
}
@media (max-width: 814px) {
  .c_single::before {
    width: 95%;
  }
}
.c_single.ceo-blog::before {
  height: 105%;
  top: 0px;
}
.c_single.ceo-blog img {
  margin-top: 100px;
}
@media (max-width: 814px) {
  .c_single.ceo-blog img {
    margin-top: 30px;
  }
}
.c_single .c_single_inner {
  width: 85%;
  max-width: 970px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 814px) {
  .c_single .c_single_inner {
    width: 85%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c_single .c_single_inner.has-thumbnail {
  padding-top: 0px;
}
.c_single .c_single_thumbnail {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 971/535;
  overflow: hidden;
}
.c_single .c_single_thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c_single .c_single_contents {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  color: #000;
}
.c_single .c_interview-block {
  margin-top: 90px;
}
@media (max-width: 814px) {
  .c_single .c_interview-block {
    margin-top: 60px;
  }
}
.c_single .c_interview-block .c_interview-block_title {
  margin-bottom: 30px;
}
.c_single .c_interview_info_block {
  display: flex;
  gap: 20px;
  align-items: flex-end;
}
@media (max-width: 814px) {
  .c_single .c_interview_info_block {
    flex-direction: column;
    align-items: center;
  }
}
.c_single .c_interview_info_block .c_interview_info_block_img {
  width: 310px;
  aspect-ratio: 3/2;
}
.c_single .c_interview_info_block .c_interview_info_block_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c_single .c_interview_info_block .c_interview_info_block_profile {
  flex: 1;
}
@media (max-width: 814px) {
  .c_single .c_interview_info_block .c_interview_info_block_profile dl {
    display: flex;
  }
}
.c_single .c_interview_info_block .c_interview_info_block_profile dt {
  width: 90px;
  margin-right: 7px;
  text-align: right;
  font-size: 1.4rem;
  color: #000;
}
.c_single .c_solution-block {
  margin-top: 90px;
}
@media (max-width: 814px) {
  .c_single .c_solution-block {
    margin-top: 60px;
  }
}
.c_single .c_solution-block .c_solution-block_title {
  margin-bottom: 30px;
}
.c_single .c_solution-block img {
  margin-top: 40px;
}

/* 記事ページ下部 記事リスト */
.c_other_posts_slider {
  margin-top: 35px;
}
.c_other_posts_slider .c_panel {
  display: flex;
}
.c_other_posts_slider .c_panel,
.c_other_posts_slider .c_panel_body {
  height: 100%;
}

/* メディア情報 記事 */
.c_media_item {
  padding: 50px 0;
  border-bottom: 1px solid #545454;
}
.c_media_item .c_media_item_date {
  display: block;
  margin-bottom: 13px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 170%;
  letter-spacing: 0.96px;
}
.c_media_item .c_media_item_link {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 25px;
  width: fit-content;
  margin: 25px 0 0 auto;
}

.swiper-pagenation {
  width: 100%;
  left: unset;
  right: unset;
  display: flex;
  margin-top: 40px;
  display: none;
}
@media (max-width: 814px) {
  .swiper-pagenation {
    display: block;
    margin-top: 20px;
  }
}
.swiper-pagenation .swiper-pagination-bullet {
  transition: 0s;
  height: 2px;
  margin: 0 !important;
  background-color: #d9d9da;
  opacity: 1;
  border-radius: 0;
}
.swiper-pagenation .swiper-pagination-bullet-active {
  background-color: #3dc4b2;
}
.swiper-pagenation .swiper-pagination-bullet:first-child {
  border-radius: 2px 0px 0px 2px;
}
.swiper-pagenation .swiper-pagination-bullet:last-child {
  border-radius: 0px 2px 2px 0px;
}

/* パーツ集のコンポーネント
-----------------------------*/
.c_parts_group {
  margin: 100px 0;
}
@media (max-width: 814px) {
  .c_parts_group {
    margin: 50px 0;
  }
}

/* 見出し */
.c_parts_h2 {
  margin: 45px 0;
}
@media (max-width: 814px) {
  .c_parts_h2 {
    margin: 30px 0;
  }
}

.c_parts_h3 {
  margin: 40px 0;
}
@media (max-width: 814px) {
  .c_parts_h3 {
    margin: 30px 0;
  }
}

.c_parts_h4 {
  margin: 35px 0;
}
@media (max-width: 814px) {
  .c_parts_h4 {
    margin: 20px 0;
  }
}

.c_parts_h5 {
  margin: 30px 0;
}
@media (max-width: 814px) {
  .c_parts_h5 {
    margin: 20px 0;
  }
}

/* 画像 */
.c_img {
  background: #d9d9da;
}
.c_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c_img_1300 {
  width: 100%;
  aspect-ratio: 1300/710;
}

.c_img_1135 {
  width: 100%;
  aspect-ratio: 1135/625;
}

.c_img_970 {
  width: 100%;
  aspect-ratio: 970/535;
}

.c_img_805 {
  width: 100%;
  aspect-ratio: 805/444;
}

.c_img_640 {
  width: 100%;
  aspect-ratio: 640/350;
}

.c_img_475 {
  width: 100%;
  aspect-ratio: 475/262;
}

.c_img_310 {
  width: 100%;
  aspect-ratio: 310/170;
}

.c_parts_btns {
  margin: 50px 0;
}

.c_parts_row {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 814px) {
  .c_parts_row {
    gap: 10px;
  }
}
.c_parts_row > * {
  flex: 1;
}

@media (max-width: 814px) {
  .c_parts_row-responsive {
    flex-direction: column;
  }
  .c_parts_row-responsive:nth-of-type(even) {
    flex-direction: column-reverse;
  }
}

.c_parts_row--three-two {
  display: flex;
  gap: 20px;
}
.c_parts_row--three-two > :first-child {
  flex: 2;
}
.c_parts_row--three-two > :last-child {
  flex: 3;
}
.c_parts_row--three-two:nth-of-type(even) > :first-child {
  flex: 3;
}
.c_parts_row--three-two:nth-of-type(even) > :last-child {
  flex: 2;
}

.c_parts_row_set {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 814px) {
  .c_parts_row_set {
    gap: 20px;
  }
}

/*  ギャラリー */
.c_parts_gallery {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 814px) {
  .c_parts_gallery {
    gap: 10px;
  }
}

/*  キャプション */
.c_caption {
  font-size: 1.4rem;
  line-height: 170%;
  letter-spacing: 1.12px;
  margin-top: 10px;
}
@media (max-width: 814px) {
  .c_caption {
    font-size: 1.2rem;
  }
}

/* リスト */
.c_parts_list {
  margin-bottom: 40px;
  padding-left: 0px;
  list-style-position: inside;
}

ul.c_parts_list {
  list-style: disc;
  list-style-position: inside;
}
ul.c_parts_list li {
  text-indent: -1rem;
  padding-left: 1rem;
}
ul.c_parts_list li span {
  vertical-align: middle;
}
ul.c_parts_list li::marker {
  font-size: 7px;
}

ol.c_parts_list li {
  text-indent: -2rem;
  padding-left: 2rem;
}

/* 段落 */
.c_parts_paragraph {
  margin: 30px 0;
}
@media (max-width: 814px) {
  .c_parts_paragraph {
    margin: 20px 0;
  }
}

.c_parts_btns {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 40px 0;
}
@media (max-width: 814px) {
  .c_parts_btns {
    gap: 10px;
  }
}

.c_parts_btns_two > * {
  width: 50%;
}

.c_parts_btns_three > * {
  width: 33.3333333333%;
}

/* align */
.u_align_center {
  text-align: center;
}

/* margin */
.u_mt-50 {
  margin-top: 40px;
}
@media (max-width: 814px) {
  .u_mt-50 {
    margin-top: 15px;
  }
}

.u_mt-100 {
  margin-top: 90px;
}
@media (max-width: 814px) {
  .u_mt-100 {
    margin-top: 40px;
  }
}

.u_mt-150 {
  margin-top: 140px;
}
@media (max-width: 814px) {
  .u_mt-150 {
    margin-top: 65px;
  }
}

.u_mt-200 {
  margin-top: 190px;
}
@media (max-width: 814px) {
  .u_mt-200 {
    margin-top: 90px;
  }
}

.u_mb-35 {
  margin-bottom: 25px;
}

.u_mb-50 {
  margin-bottom: 40px;
}
@media (max-width: 814px) {
  .u_mb-50 {
    margin-bottom: 20px;
  }
}

.u_mb-100 {
  margin-bottom: 90px;
}
@media (max-width: 814px) {
  .u_mb-100 {
    margin-bottom: 40px;
  }
}

.u_mb-150 {
  margin-bottom: 140px;
}
@media (max-width: 814px) {
  .u_mb-150 {
    margin-bottom: 65px;
  }
}

/* トップページ */
.page_top {
  /* ファーストビュー */
  /* ニュース */
  /* ピックアップ  */
  /* about */
  /* ソリューション */
  /* バナー一覧 */
}
.page_top .fv {
  margin-bottom: 200px;
  padding-top: 150px;
  min-height: 100vh;
}
.page_top .fv .fv_wrap {
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 814px) {
  .page_top .fv .fv_wrap {
    flex-direction: column-reverse;
  }
}
.page_top .fv .scrolldown {
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 10;
  width: 1px;
  height: 124px;
  opacity: 1;
  transition: opacity 2s ease-out;
}
@media (max-width: 814px) {
  .page_top .fv .scrolldown {
    left: 5px;
    bottom: -40px;
  }
}
.page_top .fv .scrolldown span:first-child {
  position: absolute;
  left: -1rem;
  top: -1em;
  font-size: 1.2rem;
  transform-origin: 0 0;
  transform: rotate(-90deg);
}
.page_top .fv .scrolldown span:last-child {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page_top .fv .scrolldown span:last-child::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #3dc4b2;
  animation: scroll-anim 2.4s infinite both;
}
@keyframes scroll-anim {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  25% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
.page_top .fv .fv_heading {
  left: 0;
  top: 12%;
  position: absolute;
}
@media (max-width: 814px) {
  .page_top .fv .fv_heading {
    top: 0;
  }
}
.page_top .fv .fv_heading h1 {
  font-size: 125px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: normal;
}
@media (max-width: 1000px) {
  .page_top .fv .fv_heading h1 {
    font-size: 10vw;
  }
}
@media (max-width: 814px) {
  .page_top .fv .fv_heading h1 {
    font-size: 4.6rem;
  }
}
.page_top .fv .fv_heading .c_btn_text_arrow {
  text-align: right;
  margin-top: 50px;
}
@media (max-width: 814px) {
  .page_top .fv .fv_heading .c_btn_text_arrow {
    text-align: left;
    margin-top: 32px;
  }
}
.page_top .fv .fv_video_wrap {
  width: 38%;
}
@media (max-width: 1000px) {
  .page_top .fv .fv_video_wrap {
    width: 44%;
  }
}
@media (max-width: 814px) {
  .page_top .fv .fv_video_wrap {
    width: 100%;
  }
}
.page_top .fv .fv_video_wrap .fv_video_banner {
  cursor: pointer;
  position: relative;
  width: 310px;
  height: 176px;
  margin: 123% 0 0 auto;
  border: 1px solid #3dc4b2;
  transition: 0.3s;
}
@media (max-width: 814px) {
  .page_top .fv .fv_video_wrap .fv_video_banner {
    width: 250px;
    height: 142px;
    margin: 50px auto 0 auto;
  }
}
.page_top .fv .fv_video_wrap .fv_video_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page_top .fv .fv_video_wrap .fv_video_banner .fv_video_banner_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/common/icon/icon_play_white.svg), url(../images/common/icon/icon_play_green.svg);
  background-repeat: no-repeat;
  background-size: contain, 0;
  transition: 0.2s;
}
.page_top .fv .fv_video_wrap .fv_video_banner:hover {
  border: 1px solid #fff;
}
.page_top .fv .fv_video_wrap .fv_video_banner:hover .fv_video_banner_play {
  background: url(../images/common/icon/icon_play_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.page_top .fv .fv_video_wrap .fv_video_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  background: rgba(28, 28, 28, 0.85);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 100;
  transition: 0.3s;
}
.page_top .fv .fv_video_wrap .fv_video_modal .fv_video {
  opacity: 0;
  visibility: hidden;
  width: 80%;
  max-width: 1000px;
  aspect-ratio: 2/1;
  transition: 0.3s;
  transition-delay: 0.3s;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #d9d9da;
}
.page_top .fv .fv_video_wrap .fv_video_modal.is-active {
  opacity: 1;
  visibility: visible;
}
.page_top .fv .fv_video_wrap .fv_video_modal.is-active .fv_video {
  opacity: 1;
  visibility: visible;
}
.page_top .fv .fv_slide_wrap {
  flex: 1;
  display: flex;
  gap: 15px;
}
@media (max-width: 814px) {
  .page_top .fv .fv_slide_wrap {
    margin-top: 100px;
    gap: 10px;
  }
}
.page_top .fv .fv_slide_wrap > div {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 814px) {
  .page_top .fv .fv_slide_wrap > div {
    gap: 10px;
  }
}
.page_top .fv .fv_slide_wrap .fv_slide {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.page_top .fv .fv_slide_wrap .fv_slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page_top .fv .fv_slide_wrap .fv_slide li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: opacity 0.7s cubic-bezier(0, 0.8, 0.56, 1), transform 0.5s cubic-bezier(0, 0.8, 0.56, 1);
  opacity: 0;
  z-index: 1;
}
.page_top .fv .fv_slide_wrap .fv_slide li.is-active {
  transform: translate(0, 0);
  opacity: 1;
  z-index: 2;
}
.page_top .fv .fv_slide_wrap .fv_slide_1 {
  margin-top: 25%;
  width: 100%;
  aspect-ratio: 418/237;
}
@media (max-width: 814px) {
  .page_top .fv .fv_slide_wrap .fv_slide_1 {
    margin-top: 56%;
  }
}
.page_top .fv .fv_slide_wrap .fv_slide_1 li {
  transform: translate(12%, 0);
}
.page_top .fv .fv_slide_wrap .fv_slide_2 {
  width: 70%;
  margin: 0 0 0 auto;
  aspect-ratio: 280/495;
}
.page_top .fv .fv_slide_wrap .fv_slide_2 li {
  transform: translate(0, -12%);
}
.page_top .fv .fv_slide_wrap .fv_slide_3 {
  width: 90%;
  aspect-ratio: 372/656;
}
@media (max-width: 814px) {
  .page_top .fv .fv_slide_wrap .fv_slide_3 {
    width: 100%;
  }
}
.page_top .fv .fv_slide_wrap .fv_slide_3 li {
  transform: translate(0, 12%);
}
.page_top .fv .fv_slide_wrap .fv_slide_4 {
  width: 50%;
  aspect-ratio: 227/129;
}
.page_top .fv .fv_slide_wrap .fv_slide_4 li {
  transform: translate(-12%, 0);
}
.page_top .news {
  position: relative;
  margin-bottom: 160px;
}
@media (max-width: 814px) {
  .page_top .news {
    margin-bottom: 100px;
  }
}
.page_top .news .news_head {
  width: 286px;
  margin-top: -19px;
}
@media (max-width: 814px) {
  .page_top .news .news_head {
    display: contents;
  }
}
.page_top .news .news_wrap {
  display: flex;
  justify-content: space-between;
  gap: 44px;
}
@media (max-width: 814px) {
  .page_top .news .news_wrap {
    flex-direction: column;
  }
}
.page_top .news .news_body {
  flex: 1;
}
.page_top .news .c_news_text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.page_top .news .news_more {
  margin-top: 100px;
}
@media (max-width: 814px) {
  .page_top .news .news_more {
    margin-top: 0px;
    order: 2;
    margin-left: auto;
  }
}
.page_top .pickup {
  margin-bottom: 150px;
}
@media (max-width: 814px) {
  .page_top .pickup {
    margin-bottom: 100px;
  }
}
.page_top .pickup .pickup_wrap {
  display: flex;
  justify-content: space-between;
  gap: 44px;
}
@media (max-width: 814px) {
  .page_top .pickup .pickup_wrap {
    flex-direction: column;
  }
}
.page_top .pickup .pickup_head {
  width: 286px;
  margin-top: 100px;
}
.page_top .pickup .pickup_body {
  flex: 1;
  width: 100%;
}
.page_top .pickup .pickup-slider {
  overflow: visible;
}
@media (max-width: 814px) {
  .page_top .pickup .pickup-slider {
    overflow: hidden;
    width: 100vw;
    padding: 0 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.page_top .pickup .pickup-slider .swiper-wrapper {
  display: block;
}
@media (max-width: 814px) {
  .page_top .pickup .pickup-slider .swiper-wrapper {
    display: flex;
  }
}
.page_top .pickup .pickup-slider .swiper-wrapper .swiper-slide {
  margin-bottom: 20px;
}
.page_top .pickup .pickup-slider .swiper-wrapper .swiper-slide:nth-of-type(2) {
  transform: translateX(-16%);
}
@media (max-width: 814px) {
  .page_top .pickup .pickup-slider .swiper-wrapper .swiper-slide:nth-of-type(2) {
    transform: translateX(0);
  }
}
.page_top .pickup .pickup-slider .swiper-wrapper .swiper-slide .c_panel_wrap {
  display: flex;
  gap: 20px;
}
@media (max-width: 814px) {
  .page_top .pickup .pickup-slider .swiper-wrapper .swiper-slide .c_panel_wrap {
    display: block;
  }
}
.page_top .pickup .pickup-slider .swiper-wrapper .swiper-slide .c_panel_wrap .c_panel {
  width: 33.3333333333%;
}
@media (max-width: 814px) {
  .page_top .pickup .pickup-slider .swiper-wrapper .swiper-slide .c_panel_wrap .c_panel {
    width: 100%;
    margin-bottom: 10px;
  }
}
.page_top .pickup .swiper-pagenation .swiper-pagination-bullet {
  width: 50%;
}
.page_top .about {
  margin-bottom: 150px;
  background-color: #000;
  background-image: url(../images/top/img_07.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 814px) {
  .page_top .about {
    margin-bottom: 100px;
    background-image: url(../images/top/img_07_sp.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.page_top .about:hover .about_body .about_body_text {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .page_top .about:hover .about_body .about_body_text {
    color: #ffffff;
  }
}
.page_top .about .about_wrap {
  padding: 70px;
}
@media (max-width: 814px) {
  .page_top .about .about_wrap {
    padding: 30px;
  }
}
.page_top .about .about_head {
  margin-bottom: 114px;
}
@media (max-width: 814px) {
  .page_top .about .about_head {
    margin-bottom: 200px;
  }
}
.page_top .about .about_body {
  position: relative;
}
.page_top .about .about_body_text {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 2.08px;
  transition: 0.2s;
}
@media (max-width: 814px) {
  .page_top .about .about_body_text {
    font-size: 1.6rem;
    letter-spacing: 1.44px;
  }
}
.page_top .about .about_more {
  position: absolute;
  right: 0px;
  bottom: -10px;
}
@media (max-width: 814px) {
  .page_top .about .about_more {
    position: relative;
    bottom: 0px;
    width: fit-content;
    margin-top: 30px;
    margin-left: auto;
  }
}
.page_top .solution {
  margin-bottom: 150px;
}
.page_top .solution .solution_head {
  margin-bottom: 30px;
}
@media (max-width: 814px) {
  .page_top .solution .solution_head {
    margin-bottom: 60px;
  }
}
.page_top .solution .solution_body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 220px;
}
@media (max-width: 814px) {
  .page_top .solution .solution_body {
    flex-direction: column;
    align-items: center;
    gap: 80px;
  }
}
.page_top .solution .solution_elem {
  text-align: center;
}
.page_top .solution .solution_elem:hover .solution_elem_text,
.page_top .solution .solution_elem:hover .solution_elem_more {
  color: #3dc4b2;
}
@media (max-width: 814px) {
  .page_top .solution .solution_elem:hover .solution_elem_text,
  .page_top .solution .solution_elem:hover .solution_elem_more {
    color: #ffffff;
  }
}
.page_top .solution .solution_elem_figure {
  width: 70px;
  margin: 0 auto;
}
.page_top .solution .solution_elem_index {
  margin: 30px 0;
}
.page_top .solution .solution_elem_text {
  transition: 0.2s;
}
.page_top .solution .solution_elem_more {
  margin-top: 40px;
}
.page_top .banners {
  background: url(../images/top/banners_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 100px;
}
.page_top .banners .banners_wrap {
  display: flex;
  justify-content: center;
  padding: 50px 0;
  gap: 20px;
}
@media (max-width: 814px) {
  .page_top .banners .banners_wrap {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 50px 65px;
  }
}

.page_aboutus .about_catchcopy {
  font-size: 10rem;
  font-weight: 300;
  line-height: 100%;
  text-align: center;
  margin-bottom: 70px;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}
@media (max-width: 814px) {
  .page_aboutus .about_catchcopy {
    font-size: 7rem;
  }
}
.page_aboutus .about_catchcopy.is-active {
  opacity: 1;
  visibility: visible;
}
.page_aboutus h5 {
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}
.page_aboutus h5.is-active {
  opacity: 1;
  visibility: visible;
}
.page_aboutus .about_anchor-link_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 200px 0;
}
@media (max-width: 814px) {
  .page_aboutus .about_anchor-link_wrap {
    margin: 100px 0;
  }
}
.page_aboutus .about_anchor-link {
  position: relative;
  width: 310px;
  height: 171px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  transition: 0.2s;
}
@media (max-width: 814px) {
  .page_aboutus .about_anchor-link {
    width: 100%;
    height: auto;
    align-items: baseline;
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.page_aboutus .about_anchor-link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
}
@media (max-width: 814px) {
  .page_aboutus .about_anchor-link img {
    display: none;
  }
}
.page_aboutus .about_anchor-link span {
  position: relative;
  display: block;
  width: 20px;
  height: 13px;
  background: url(../images/common/icon/icon_arrow_bottom_green.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.page_aboutus .about_anchor-link .about_anchor-link_text {
  position: relative;
  margin-top: 24px;
  text-align: center;
}
@media (max-width: 814px) {
  .page_aboutus .about_anchor-link .about_anchor-link_text {
    margin-top: 0px;
    text-align: left;
    font-size: 1.5rem;
  }
}
.page_aboutus .about_anchor-link:hover {
  box-shadow: 0px 0px 20px 0px rgba(61, 196, 178, 0.4);
}
@media (max-width: 814px) {
  .page_aboutus .about_anchor-link:hover {
    box-shadow: unset;
  }
}
.page_aboutus .about_anchor-link:hover img {
  filter: brightness(1.5); /* 明るくする */
}
.page_aboutus .about_item_block {
  position: relative;
  margin: 250px 0;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block {
    margin: 150px 0;
  }
}
.page_aboutus .about_item_block.flex {
  display: flex;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.flex {
    flex-direction: column;
  }
}
.page_aboutus .about_item_block.flex > * {
  flex-shrink: 0;
}
.page_aboutus .about_item_block .about_item_block_text-wrap {
  position: relative;
  background: #1c1c1c;
  padding: 50px;
  z-index: 2;
  transition: 0.2s;
  /* サイズ */
  /* 位置 */
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block .about_item_block_text-wrap {
    padding: 40px 30px;
  }
}
.page_aboutus .about_item_block .about_item_block_text-wrap h2 {
  margin-bottom: 50px;
  transition: 0.2s;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block .about_item_block_text-wrap h2 {
    margin-bottom: 30px;
  }
}
.page_aboutus .about_item_block .about_item_block_text-wrap.long {
  max-width: 970px;
}
.page_aboutus .about_item_block .about_item_block_text-wrap.middle {
  max-width: 640px;
}
.page_aboutus .about_item_block .about_item_block_text-wrap.short {
  max-width: 475px;
}
.page_aboutus .about_item_block .about_item_block_text-wrap.center {
  margin: 0 auto;
}
.page_aboutus .about_item_block .about_item_block_text-wrap.right {
  margin: 0 0 0 auto;
}
.page_aboutus .about_item_block .about_item_block_text-wrap.left {
  margin: 0 auto 0 0;
}
.page_aboutus .about_item_block .about_item_block_img-wrap {
  position: relative;
  max-width: 970px;
  width: 70%;
  /* 位置 */
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block .about_item_block_img-wrap {
    top: unset;
    width: 80%;
    max-width: unset !important;
  }
}
.page_aboutus .about_item_block .about_item_block_img-wrap.center {
  margin: 0 auto;
}
.page_aboutus .about_item_block .about_item_block_img-wrap.right {
  margin: 0 0 0 auto;
}
.page_aboutus .about_item_block .about_item_block_img-wrap.left {
  margin: 0 auto 0 0;
}
.page_aboutus .about_item_block .about_item_block_img-wrap img {
  width: 100%;
}
.page_aboutus .about_item_block.service1 .about_item_block_img-wrap {
  top: -60px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service1 .about_item_block_img-wrap {
    margin: 0 auto 0 0;
    top: 0px;
  }
}
.page_aboutus .about_item_block.service1 .c_btn {
  right: 0;
}
.page_aboutus .about_item_block.service2 .about_item_block_text-wrap {
  top: 60px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service2 .about_item_block_text-wrap {
    top: 0px;
    order: 2;
  }
}
.page_aboutus .about_item_block.service2 .about_item_block_img-wrap {
  left: -150px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service2 .about_item_block_img-wrap {
    left: 0px;
  }
}
.page_aboutus .about_item_block.service2 .c_btn {
  left: 0;
}
.page_aboutus .about_item_block.service3 .about_item_block_img-wrap {
  top: -60px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service3 .about_item_block_img-wrap {
    top: 0px;
  }
}
.page_aboutus .about_item_block.service3 .c_btn {
  left: 0;
}
.page_aboutus .about_item_block.service4 .about_item_block_text-wrap {
  order: 2;
  left: -150px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service4 .about_item_block_text-wrap {
    left: 0px;
  }
}
.page_aboutus .about_item_block.service4 .about_item_block_img-wrap {
  top: -60px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service4 .about_item_block_img-wrap {
    top: 0px;
  }
}
.page_aboutus .about_item_block.service4 .c_btn {
  left: 0;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service4 .c_btn {
    left: unset;
    right: 10%;
  }
}
.page_aboutus .about_item_block.service5 .about_item_block_text-wrap {
  top: 60px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service5 .about_item_block_text-wrap {
    top: 0px;
    order: 2;
  }
}
.page_aboutus .about_item_block.service5 .about_item_block_img-wrap {
  left: -150px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service5 .about_item_block_img-wrap {
    left: 0px;
  }
}
.page_aboutus .about_item_block.service5 .c_btn {
  left: 0;
}
.page_aboutus .about_item_block.service6 .about_item_block_text-wrap {
  order: 2;
  left: -150px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service6 .about_item_block_text-wrap {
    left: 0px;
  }
}
.page_aboutus .about_item_block.service6 .about_item_block_img-wrap {
  top: -60px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service6 .about_item_block_img-wrap {
    top: 0px;
  }
}
.page_aboutus .about_item_block.service6 .c_btn {
  left: 0;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service6 .c_btn {
    left: unset;
    right: 10%;
  }
}
.page_aboutus .about_item_block.service7 .about_item_block_img-wrap {
  top: -60px;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service7 .about_item_block_img-wrap {
    top: 0;
  }
}
.page_aboutus .about_item_block.service7 .c_btn {
  left: 0;
}
.page_aboutus .about_item_block.service8 .about_item_block_text-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translatex(-50%);
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service8 .about_item_block_text-wrap {
    position: relative;
  }
}
.page_aboutus .about_item_block.service8 .about_item_block_img-wrap {
  max-width: unset;
  width: 100%;
}
.page_aboutus .about_item_block.service8 .c_btn {
  right: 0;
}
@media (max-width: 814px) {
  .page_aboutus .about_item_block.service8 .c_btn {
    right: 10%;
  }
}

/* ソリューションページ */
.page_solution .swiper-pagenation .swiper-pagination-bullet {
  width: 25%;
}

/* CEOブログページ */
.page_ceo-blog .blog_title {
  margin-bottom: 100px;
}
.page_ceo-blog .blog_title h2 {
  margin: 15px 0;
  text-align: center;
}
.page_ceo-blog .blog_title h2.color {
  color: #3dc4b2;
}
.page_ceo-blog .blog_title h5 {
  text-align: center;
}

.page_contact .phone-icon {
  width: 80px;
  margin: 0 auto 50px auto;
}
@media (max-width: 814px) {
  .page_contact .phone-icon {
    width: 65px;
  }
}
.page_contact .contact_info_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: center;
  margin-bottom: 30px;
  padding: 40px 0;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 814px) {
  .page_contact .contact_info_wrap {
    flex-direction: column;
    align-items: center;
  }
}
.page_contact .contact_info_wrap > div {
  width: fit-content;
}
@media (max-width: 814px) {
  .page_contact .contact_info_wrap > div h4 {
    margin-bottom: 10px;
  }
}
.page_contact .note {
  margin-bottom: 100px;
  text-align: center;
}
@media (max-width: 814px) {
  .page_contact h3 {
    margin-bottom: 50px;
  }
}
.page_contact .tel-number_wrap {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 100px;
}
@media (max-width: 814px) {
  .page_contact .tel-number_wrap {
    gap: 30px;
  }
}
.page_contact .tel-number_wrap img {
  width: 70px;
}
@media (max-width: 814px) {
  .page_contact .tel-number_wrap img {
    width: 60px;
  }
}
.page_contact .tel-number_wrap .tel-number {
  margin-bottom: 20px;
  color: #3dc4b2;
}
.page_contact ol {
  line-height: 180%;
  padding-left: 2.5rem;
}

.page_recruit .icatch {
  width: 100%;
}
@media (max-width: 814px) {
  .page_recruit .icatch {
    margin-bottom: 100px;
  }
}
.page_recruit h2 {
  margin-bottom: 60px;
}
.page_recruit .item_wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 35px;
  row-gap: 70px;
}
.page_recruit .item_wrap > div {
  width: calc(50% - 35px);
}
.page_recruit .item_wrap > div h3 {
  margin-bottom: 35px;
}
@media (max-width: 814px) {
  .page_recruit .item_wrap {
    flex-direction: column;
    column-gap: 0px;
    row-gap: 80px;
    margin-top: 140px;
    margin-bottom: 90px;
  }
  .page_recruit .item_wrap > div {
    width: 100%;
  }
}
@media (max-width: 814px) {
  .page_recruit .c_panel_lists {
    margin-bottom: 90px;
    flex-direction: row;
    gap: 10px;
  }
  .page_recruit .c_panel_lists > .c_panel {
    width: calc(50% - 10px);
  }
}
@media (max-width: 814px) {
  .page_recruit .staff-interview {
    margin-top: 90px;
  }
}
.page_recruit .img-wrap {
  width: 100%;
  aspect-ratio: 1300/384;
}
@media (max-width: 814px) {
  .page_recruit .img-wrap {
    margin-bottom: 90px;
  }
}
.page_recruit .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 814px) {
  .page_recruit .img-wrap {
    aspect-ratio: 380/210;
  }
  .page_recruit .img-wrap img {
    object-position: 24%;
  }
}

.page_recruit-contact .contact_info_wrap {
  padding-top: 40px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 814px) {
  .page_recruit-contact h3 {
    margin-bottom: 50px;
  }
}
@media (max-width: 814px) {
  .page_recruit-contact h3 + p {
    text-align: left;
    margin-bottom: 40px;
  }
}
.page_recruit-contact .tel-number_wrap {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: 100px;
}
@media (max-width: 814px) {
  .page_recruit-contact .tel-number_wrap {
    gap: 30px;
  }
}
.page_recruit-contact .tel-number_wrap img {
  width: 70px;
}
@media (max-width: 814px) {
  .page_recruit-contact .tel-number_wrap img {
    width: 60px;
  }
}
.page_recruit-contact .tel-number_wrap .tel-number {
  margin-bottom: 20px;
  color: #3dc4b2;
}
.page_recruit-contact ol {
  line-height: 180%;
  padding-left: 2.5rem;
}/*# sourceMappingURL=style.css.map */

/* 20260326追加ここから */
.table-wrap {
  overflow-x: auto;
}
/* 20260326追加ここまで */