@charset "UTF-8";
/* 変数の定義
--------------------------------------------------*/
/* reset
--------------------------------------------------*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, svg, a, table, tr, th, td, figure {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: inherit;
}

body, p {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 769px) {
  body, p {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

h1, h2, h3, h4 {
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  h1, h2, h3, h4 {
    line-height: 1.4;
  }
}

article, header, footer, aside, figure, figcaption, nav, section {
  display: block;
}

ol, ul, li {
  list-style: none;
}

a {
  text-decoration: none;
  opacity: 1;
  transition: 0.3s;
  cursor: pointer;
  word-break: break-all;
}

img {
  display: block;
  border-style: none;
  max-width: 100%;
  width: 100%;
  height: auto;
}

:focus {
  border-style: none;
  outline: none;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  box-sizing: border-box;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

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

article {
  overflow-wrap: break-word;
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* 色の定義
--------------------------------------------------*/
/* テキストパーツ
--------------------------------------------------*/
/* フォントの定義
--------------------------------------------------*/
html {
  font-size: 10px;
}

/* デフォルトでは Noto Sans JP を使用 */
body, ul, ol, dl, li, dt, dd, p, div, span, img, svg, a, table, tr, th, td, figure, select, input, textarea {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  line-height: 1.6;
  color: #111;
}
@media screen and (max-width: 768px) {
  body, ul, ol, dl, li, dt, dd, p, div, span, img, svg, a, table, tr, th, td, figure, select, input, textarea {
    font-size: 1.6rem;
  }
}

h1, h2, h3, h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  line-height: 1.6;
  color: #111;
}

p {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* 下層メインビジュアル
--------------------------------------------------*/
/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* ヘッダー　PC  */
/* ------------------------------------- */
#container {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  #container {
    padding-top: 60px;
  }
}

header {
  position: fixed;
  z-index: 999;
  width: 100%;
}

.pc_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto auto;
  padding: 0 40px;
  height: 100px;
  background-color: #fff;
  border-bottom: 1px solid #CED1D6;
}
@media screen and (max-width: 1199px) {
  .pc_header {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .pc_header {
    display: none;
  }
}
.pc_header .logo_wrap {
  width: 147px;
}
.pc_header .pc_nav {
  display: flex;
  column-gap: 30px;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .pc_header .pc_nav {
    column-gap: 2%;
    width: 100%;
  }
}
.pc_header .main_list {
  display: flex;
  column-gap: 30px;
  justify-content: end;
}
@media screen and (max-width: 1199px) {
  .pc_header .main_list {
    column-gap: 5%;
    width: 62.5%;
  }
}
.pc_header .main_list .link {
  transition: 0.3s;
  position: relative;
  font-weight: 700;
}
.pc_header .main_list .link::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #0071BC;
  bottom: -4px;
  transform: scale(0, 1);
  transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
  transition: transform 0.3s; /*変形の時間*/
}
.pc_header .main_list .link:hover {
  color: #0071BC;
}
.pc_header .main_list .link:hover:after {
  transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
@media screen and (max-width: 1199px) {
  .pc_header .main_list .link {
    font-size: clamp(12px, 1.33vw, 16px);
  }
}
.pc_header .main_list .current::after {
  transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
.pc_header .btn_wrap {
  display: flex;
  column-gap: 10px;
}
@media screen and (max-width: 1199px) {
  .pc_header .btn_wrap {
    width: 37.5%;
    min-width: 270px;
  }
}
.pc_header .btn_wrap .nav_btn {
  background-color: #0071BC;
  height: 40px;
  padding: 0 13px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0071BC;
  transition: 0.3s;
}
@media screen and (max-width: 1199px) {
  .pc_header .btn_wrap .nav_btn {
    padding: 0 3%;
    width: 50%;
    min-width: 130px;
  }
}
.pc_header .btn_wrap .nav_btn .txt {
  color: #fff;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
  transition: 0.3s;
}
@media screen and (max-width: 1199px) {
  .pc_header .btn_wrap .nav_btn .txt {
    font-size: clamp(12px, 1.33vw, 16px);
  }
}
.pc_header .btn_wrap .nav_btn .txt:after {
  transition: 0.3s;
  position: absolute;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 14 10'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D .st1 %7B fill: none; stroke: %23fff; stroke-width: .3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M2,9.6c-.3,0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V1.7c0-.3.1-.6.3-.8.2-.2.5-.3.8-.3h9.7c.3,0,.6.1.8.3.2.2.3.5.3.8v6.8c0,.3-.1.6-.3.8-.2.2-.5.3-.8.3H2ZM6.9,5.5L1.8,2.4v6.2c0,0,0,0,0,.1,0,0,0,0,.1,0h9.7c0,0,.1,0,.1,0,0,0,0,0,0-.1V2.4l-5.1,3.1ZM6.9,4.5l5-3H1.9l5,3ZM1.8,2.4v-.9,7c0,0,0,0,0,.1,0,0,0,0,.1,0h-.2V2.4Z'/%3E%3Cpath class='st1' d='M1.8,2.4l5.1,3.1,5.1-3.1v6.2c0,0,0,0,0,.1,0,0,0,0-.1,0H2M1.8,2.4v6.2M1.8,2.4v-.9,7M1.8,2.4v6.3h.2M1.8,8.5c0,0,0,0,0,.1,0,0,0,0,.1,0M2,9.6c-.3,0-.6-.1-.8-.3-.2-.2-.3-.5-.3-.8V1.7c0-.3.1-.6.3-.8.2-.2.5-.3.8-.3h9.7c.3,0,.6.1.8.3.2.2.3.5.3.8v6.8c0,.3-.1.6-.3.8-.2.2-.5.3-.8.3H2ZM6.9,4.5l5-3H1.9l5,3Z'/%3E%3C/svg%3E");
}
.pc_header .btn_wrap .nav_btn:last-of-type .txt:after {
  width: 16px;
  height: 16px;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 14'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M8.2,12.6c0,0,.1,0,.2,0,0,0,.1,0,.2-.1l5.7-5.5c.2-.2.3-.3.4-.5,0-.2.1-.4.1-.6s0-.4-.1-.6c0-.2-.2-.4-.4-.5l-2.9-2.7c-.2-.2-.3-.3-.5-.3-.2,0-.4-.1-.6-.1s-.4,0-.6.1c-.2,0-.4.2-.5.3l-.4.4,1.3,1.3c.2.1.3.3.4.5,0,.2.1.4.1.6,0,.4-.1.8-.4,1-.3.3-.7.4-1.1.4s-.4,0-.6-.1c-.2,0-.4-.2-.5-.3l-1.4-1.3-3.1,3c0,0,0,.1-.1.2,0,0,0,.1,0,.2,0,.1,0,.2.1.3,0,0,.2.1.3.1s.1,0,.2,0c0,0,.1,0,.2-.1l2.3-2.2.8.7-2.3,2.2c0,0,0,.1-.1.2,0,0,0,.1,0,.2,0,.1,0,.2.1.3,0,0,.2.1.3.1s.1,0,.2,0c0,0,.1,0,.2-.1l2.4-2.3.8.7-2.4,2.3s0,0-.1.2c0,0,0,.1,0,.2,0,.1,0,.2.1.3,0,0,.2.1.3.1s.1,0,.2,0c0,0,.1,0,.2-.1l2.4-2.3.8.7-2.4,2.3c0,0,0,.1-.1.2,0,0,0,.1,0,.2,0,.1,0,.2.1.3,0,0,.2.1.3.1ZM8.2,13.6c-.4,0-.8-.1-1.1-.4-.3-.3-.5-.6-.5-1-.4,0-.7-.2-1-.4-.3-.2-.4-.6-.4-1-.4,0-.8-.2-1-.4-.3-.3-.4-.6-.4-1-.4,0-.8-.2-1.1-.4-.3-.3-.4-.6-.4-1s0-.4.1-.6c0-.2.2-.4.3-.5l3.9-3.7,2.1,2s0,0,.2.1c0,0,.1,0,.2,0,.1,0,.2,0,.3-.1,0,0,.1-.2.1-.3s0-.1,0-.2c0,0,0-.1-.1-.2l-2.5-2.4c-.2-.2-.3-.3-.5-.3-.2,0-.4-.1-.6-.1s-.4,0-.6.1c-.2,0-.4.2-.5.3l-2.3,2.3c-.1.1-.2.3-.3.4,0,.2-.1.3-.1.5,0,.1,0,.3,0,.4,0,.1,0,.3.1.4l-.8.8c-.2-.2-.3-.5-.4-.7,0-.3-.1-.6-.1-.8,0-.3,0-.6.2-.9.1-.3.3-.6.6-.8l2.3-2.2c.3-.2.6-.4.9-.6.3-.1.6-.2,1-.2s.7,0,1,.2c.3.1.6.3.9.6l.4.4.4-.4c.3-.2.6-.4.9-.6.3-.1.6-.2,1-.2s.7,0,1,.2c.3.1.6.3.9.6l2.8,2.7c.3.2.5.5.6.9s.2.6.2,1,0,.6-.2.9-.3.6-.6.8l-5.7,5.5c-.2.2-.3.3-.5.3-.2,0-.4.1-.6.1Z'/%3E%3C/svg%3E");
}
.pc_header .btn_wrap .nav_btn:hover {
  background-color: #081734;
  border: 1px solid #081734;
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/*---------------------------------------*/
/* フッター上　コンタクト導線
--------------------------------------------------*/
.footer_contact {
  display: flex;
}
@media screen and (max-width: 999px) {
  .footer_contact {
    display: block;
  }
}
.footer_contact .contact_link {
  border-right: 1px solid #CED1D6;
}
@media screen and (max-width: 999px) {
  .footer_contact .contact_link {
    border-right: none;
    border-bottom: 1px solid #CED1D6;
  }
}
.footer_contact .contact_link, .footer_contact .rec_link {
  background-color: #0071BC;
  width: 50%;
  padding: 60px 0 40px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media screen and (max-width: 999px) {
  .footer_contact .contact_link, .footer_contact .rec_link {
    width: 100%;
    padding: 40px 0 20px;
  }
}
.footer_contact .contact_link .tlt_warp, .footer_contact .rec_link .tlt_warp {
  position: relative;
}
.footer_contact .contact_link .tlt_warp::after, .footer_contact .rec_link .tlt_warp::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100px;
  background-color: #CED1D6;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.footer_contact .contact_link .tlt_warp .en_tlt, .footer_contact .rec_link .tlt_warp .en_tlt {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #CED1D6;
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 999px) {
  .footer_contact .contact_link .tlt_warp .en_tlt, .footer_contact .rec_link .tlt_warp .en_tlt {
    font-size: 16px;
  }
}
.footer_contact .contact_link .tlt_warp .jp_tlt, .footer_contact .rec_link .tlt_warp .jp_tlt {
  color: #fff;
  font-weight: 900;
  font-size: 24px;
  text-align: center;
  padding: 0 10% 10px;
}
.footer_contact .contact_link .txt, .footer_contact .rec_link .txt {
  color: #fff;
  width: 90%;
  margin: 20px auto 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  line-height: 1.8;
}
@media screen and (max-width: 999px) {
  .footer_contact .contact_link .txt, .footer_contact .rec_link .txt {
    width: 100%;
    margin: 20px auto 20px;
    padding: 0 10%;
  }
}
@media screen and (max-width: 768px) {
  .footer_contact .contact_link .txt, .footer_contact .rec_link .txt {
    font-size: 14px;
  }
}
.footer_contact .contact_link .btn_wrap, .footer_contact .rec_link .btn_wrap {
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 999px) {
  .footer_contact .contact_link .btn_wrap, .footer_contact .rec_link .btn_wrap {
    width: 100%;
    padding: 0 10%;
  }
}
.footer_contact .contact_link .arrow, .footer_contact .rec_link .arrow {
  margin: auto 0 auto auto;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: #fff;
}
@media screen and (max-width: 999px) {
  .footer_contact .contact_link .arrow, .footer_contact .rec_link .arrow {
    width: 40px;
    height: 40px;
  }
}
.footer_contact .contact_link .arrow .arrow_icon, .footer_contact .rec_link .arrow .arrow_icon {
  width: 30px;
  height: 22px;
  right: 9px;
}
@media screen and (max-width: 999px) {
  .footer_contact .contact_link .arrow .arrow_icon, .footer_contact .rec_link .arrow .arrow_icon {
    right: 3px;
    width: 25px;
  }
}
.footer_contact .contact_link .arrow .arrow_icon:before, .footer_contact .contact_link .arrow .arrow_icon:after, .footer_contact .rec_link .arrow .arrow_icon:before, .footer_contact .rec_link .arrow .arrow_icon:after {
  content: "";
  background: #0071BC;
  width: 22px;
  height: 22px;
}
@media screen and (max-width: 999px) {
  .footer_contact .contact_link .arrow .arrow_icon:before, .footer_contact .contact_link .arrow .arrow_icon:after, .footer_contact .rec_link .arrow .arrow_icon:before, .footer_contact .rec_link .arrow .arrow_icon:after {
    width: 15px;
    height: 15px;
  }
}
.footer_contact .contact_link:hover, .footer_contact .rec_link:hover {
  background-color: #081734;
}

/* フッター
--------------------------------------------------*/
.footer {
  background-color: #fff;
}
.footer .top_nav {
  display: flex;
  justify-content: space-between;
  padding: 100px;
  column-gap: 80px;
}
@media screen and (max-width: 1199px) {
  .footer .top_nav {
    padding: 100px 5%;
  }
}
@media screen and (max-width: 999px) {
  .footer .top_nav {
    padding: 80px 5%;
    column-gap: 60px;
  }
}
@media screen and (max-width: 768px) {
  .footer .top_nav {
    display: block;
    padding: 60px 5%;
  }
}
.footer .top_nav .logo_wrap {
  width: 375px;
}
@media screen and (max-width: 999px) {
  .footer .top_nav .logo_wrap {
    width: 280px;
  }
}
@media screen and (max-width: 768px) {
  .footer .top_nav .logo_wrap {
    width: 100%;
  }
}
.footer .top_nav .logo {
  width: 280px;
}
@media screen and (max-width: 768px) {
  .footer .top_nav .logo {
    width: 175px;
  }
}
.footer .top_nav .company_name {
  margin-top: 40px;
  font-weight: 900;
  font-size: 24px;
}
.footer .top_nav .company_name .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 24px;
}
.footer .top_nav .adress {
  margin-top: 10px;
  font-size: 14px;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .footer .top_nav .adress {
    line-height: 1.8;
  }
}
.footer .top_nav .nav_list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 375px - 100px);
  max-width: 700px;
}
@media screen and (max-width: 1400px) {
  .footer .top_nav .nav_list {
    column-gap: 40px;
    row-gap: 20px;
  }
}
@media screen and (max-width: 999px) {
  .footer .top_nav .nav_list {
    width: calc(100% - 340px);
  }
}
@media screen and (max-width: 768px) {
  .footer .top_nav .nav_list {
    width: 100%;
    margin-top: 40px;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .footer .top_nav .nav_list li {
    margin-bottom: 20px;
  }
  .footer .top_nav .nav_list li:last-of-type {
    margin-bottom: 0;
  }
}
.footer .top_nav .nav_list li:first-of-type, .footer .top_nav .nav_list li:nth-of-type(3), .footer .top_nav .nav_list li:nth-of-type(4) {
  width: 140px;
}
.footer .top_nav .nav_list li:nth-of-type(2), .footer .top_nav .nav_list li:nth-of-type(5) {
  width: 300px;
}
.footer .top_nav .nav_list li:first-of-type, .footer .top_nav .nav_list li:nth-of-type(4) {
  margin-right: 90px;
}
@media screen and (max-width: 1400px) {
  .footer .top_nav .nav_list li:first-of-type, .footer .top_nav .nav_list li:nth-of-type(4) {
    margin-right: 0;
  }
}
.footer .top_nav .nav_list li:nth-of-type(2) {
  margin-right: 30px;
}
@media screen and (max-width: 1400px) {
  .footer .top_nav .nav_list li:nth-of-type(2) {
    margin-right: 0;
  }
}
.footer .top_nav .nav_list li .link {
  font-weight: 700;
  padding-right: 20px;
  position: relative;
  font-size: 18px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .footer .top_nav .nav_list li .link {
    font-size: 16px;
  }
}
.footer .top_nav .nav_list li .link:after {
  transition: 0.3s;
  position: absolute;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #0071BC;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M9.7,6.6H0v-1.2h9.7L5.1.8l.9-.8,6,6-6,6-.9-.8,4.6-4.6Z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  .footer .top_nav .nav_list li .link:after {
    width: 14px;
    height: 14px;
  }
}
.footer .top_nav .nav_list li .link:hover {
  color: #0071BC;
}
.footer .top_nav .nav_list li .link:hover:after {
  right: -5px;
}
.footer .top_nav .nav_list li .submenuItems {
  margin-top: 10px;
}
.footer .top_nav .nav_list li .child {
  transition: 0.3s;
  position: relative;
  padding-left: 20px;
  line-height: 1.3;
  display: block;
  margin-bottom: 5px;
  color: #081734;
}
@media screen and (max-width: 768px) {
  .footer .top_nav .nav_list li .child {
    font-size: 14px;
  }
}
.footer .top_nav .nav_list li .child:last-of-type {
  margin-bottom: 0;
}
.footer .top_nav .nav_list li .child::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 10px;
  background-color: #0071BC;
  left: 0;
  top: 12px;
}
@media screen and (max-width: 768px) {
  .footer .top_nav .nav_list li .child::before {
    top: 10px;
  }
}
.footer .top_nav .nav_list li .child:hover {
  color: #0071BC;
}
.footer .bottom_nav {
  background-color: #081734;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 20px 80px;
}
@media screen and (max-width: 1199px) {
  .footer .bottom_nav {
    padding: 20px 5%;
  }
}
@media screen and (max-width: 768px) {
  .footer .bottom_nav {
    display: block;
    padding: 10% 5%;
  }
}
.footer .bottom_nav .copy {
  color: #F2F3F5;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .footer .bottom_nav .copy {
    text-align: right;
  }
}
.footer .bottom_nav .page_link {
  display: flex;
  column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .footer .bottom_nav .page_link {
    justify-content: end;
    margin-bottom: 20px;
  }
}
.footer .bottom_nav .page_link a {
  color: #F2F3F5;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.footer .bottom_nav .page_link a:hover {
  opacity: 0.6;
}

/* 流用パーツ
--------------------------------------------------*/
article {
  word-break: break-all;
}

.lg_none {
  display: none;
}
@media screen and (max-width: 999px) {
  .lg_none {
    display: block;
  }
}

.lg_view {
  display: block;
}
@media screen and (max-width: 999px) {
  .lg_view {
    display: none;
  }
}

.sp_none {
  display: block;
}
@media screen and (max-width: 768px) {
  .sp_none {
    display: none;
  }
}

.sp_none_space {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .sp_none_space {
    display: none;
  }
}

.pc_none {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc_none {
    display: block;
  }
}

.pc-view {
  display: none;
}
@media screen and (min-width: 769px) {
  .pc-view {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 850px) {
  .pc-view.blank {
    display: none;
  }
}

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

.pc-nav-view {
  display: block;
}
@media screen and (max-width: 999px) {
  .pc-nav-view {
    display: none;
  }
}

.lg_br {
  display: none;
}
@media screen and (max-width: 999px) {
  .lg_br {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .lg_br {
    display: none;
  }
}

.sm_br {
  display: none;
}
@media screen and (max-width: 413px) {
  .sm_br {
    display: block;
  }
}

.sp_none {
  display: block;
}
@media screen and (max-width: 768px) {
  .sp_none {
    display: none;
  }
}

.pc_none {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc_none {
    display: block;
  }
}

span.word {
  display: inline-block;
}

/* ボタン
--------------------------------------------------*/
.btn {
  display: inline-block;
  position: relative;
  width: 360px;
  height: 70px;
  background-color: #081734;
  color: #fff;
  font-size: 16px;
  display: flex;
  padding: 0 30px;
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  overflow: hidden;
  font-weight: 700;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .btn {
    height: 50px;
    width: 100%;
    max-width: 310px;
  }
}
.btn .arrow_icon {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 25px;
  height: 15px;
  transform: translateY(-50%);
  overflow: hidden;
}
.btn .arrow_icon:before, .btn .arrow_icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  transform: translateY(-50%) translateX(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  background: #fff;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M9.7,6.6H0v-1.2h9.7L5.1.8l.9-.8,6,6-6,6-.9-.8,4.6-4.6Z'/%3E%3C/svg%3E");
  z-index: 1;
  pointer-events: none;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
.btn .arrow_icon:after {
  transform: translateY(-50%) translateX(-100%);
}
.btn:hover {
  background-color: #0071BC;
}
.btn:hover .arrow_icon:before {
  animation-name: transformRightLeft;
  animation-delay: 0s;
  transition-delay: 0.3s;
}
.btn:hover .arrow_icon:after {
  animation-name: transformLeftRight;
  animation-delay: 0.2s;
}

@keyframes transformLeftRight {
  0% {
    transform: translateY(-50%) translateX(-100%);
    opacity: 0;
    transition-delay: 0.3s;
  }
  100% {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
}
@keyframes transformRightLeft {
  0% {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-50%) translateX(100%);
    opacity: 0;
  }
}
.arrow {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #081734;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  overflow: hidden;
  padding-right: 40px;
}
@media screen and (max-width: 768px) {
  .arrow {
    width: 24px;
    height: 24px;
    padding-right: 24px;
  }
}
.arrow .arrow_icon {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 25px;
  height: 15px;
  transform: translateY(-50%);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .arrow .arrow_icon {
    height: 12px;
    right: 6px;
    width: 12px;
  }
}
.arrow .arrow_icon:before, .arrow .arrow_icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  transform: translateY(-50%) translateX(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  background: #fff;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M9.7,6.6H0v-1.2h9.7L5.1.8l.9-.8,6,6-6,6-.9-.8,4.6-4.6Z'/%3E%3C/svg%3E");
  z-index: 1;
  pointer-events: none;
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}
@media screen and (max-width: 768px) {
  .arrow .arrow_icon:before, .arrow .arrow_icon:after {
    width: 12px;
    height: 12px;
  }
}
.arrow .arrow_icon:after {
  transform: translateY(-50%) translateX(-100%);
}

a:hover .arrow_icon:before {
  animation-name: transformRightLeft;
  animation-delay: 0s;
  transition-delay: 0.3s;
}
@media screen and (max-width: 768px) {
  a:hover .arrow_icon:before {
    animation-name: none;
    animation-delay: 0s;
    transition-delay: 0s;
  }
}
a:hover .arrow_icon:after {
  animation-name: transformLeftRight;
  animation-delay: 0.2s;
}
@media screen and (max-width: 768px) {
  a:hover .arrow_icon:after {
    animation-name: none;
    animation-delay: 0s;
  }
}

@keyframes transformLeftRight {
  0% {
    transform: translateY(-50%) translateX(-100%);
    opacity: 0;
    transition-delay: 0.3s;
  }
  100% {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
}
@keyframes transformRightLeft {
  0% {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-50%) translateX(100%);
    opacity: 0;
  }
}
/* タイトル 中央寄せ
--------------------------------------------------*/
.title_center {
  position: relative;
}
.title_center .en {
  font-size: 150px;
  opacity: 0.05;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .title_center .en {
    font-size: clamp(36px, 21vw, 180px);
  }
}
.title_center .jp {
  font-weight: 900;
  font-size: 36px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  text-align: center;
  width: 100%;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .title_center .jp {
    font-size: 36px;
  }
}

/* タイトル 左寄せ
--------------------------------------------------*/
.title_left {
  position: relative;
}
.title_left .en {
  font-size: 150px;
  opacity: 0.05;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .title_left .en {
    font-size: clamp(36px, 21vw, 180px);
    text-align: center;
  }
}
.title_left .jp {
  font-weight: 900;
  font-size: 36px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .title_left .jp {
    right: 50%;
    font-size: 36px;
    transform: translate(50%, -50%);
  }
}

/* 下層KV
--------------------------------------------------*/
.sec_under_kv {
  height: 300px;
  padding: 0 100px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #081734;
}
@media screen and (max-width: 1199px) {
  .sec_under_kv {
    padding: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .sec_under_kv {
    height: 250px;
  }
}
.sec_under_kv .tlt_wrap {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.sec_under_kv .en_tlt {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 150px;
  color: #081734;
  opacity: 0.05;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 0.7;
}
@media screen and (max-width: 999px) {
  .sec_under_kv .en_tlt {
    font-size: clamp(80px, 15vw, 150px);
    bottom: -1%;
  }
}
@media screen and (max-width: 768px) {
  .sec_under_kv .en_tlt {
    font-size: clamp(30px, 15.63vw, 120px);
  }
}
.sec_under_kv .page_title {
  font-size: 60px;
  font-weight: 900;
  color: #081734;
}
@media screen and (max-width: 768px) {
  .sec_under_kv .page_title {
    font-size: 36px;
  }
}
.sec_under_kv .breadcrumbs {
  opacity: 0.6;
  margin-top: 10px;
}
.sec_under_kv .breadcrumbs .link, .sec_under_kv .breadcrumbs .no_link, .sec_under_kv .breadcrumbs .hyphen {
  color: #666666;
  font-size: 14px;
  display: inline;
}
.sec_under_kv .breadcrumbs .link {
  transition: 0.3s;
}
.sec_under_kv .breadcrumbs .link:hover {
  opacity: 0.6;
}
.sec_under_kv .breadcrumbs .hyphen {
  position: relative;
  padding: 0px 10px;
}
.sec_under_kv .breadcrumbs .hyphen::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 4px;
  height: 8px;
  right: 0;
  left: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  background: #666666;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 6 10'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23666; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M1,1l4,4L1,9'/%3E%3C/svg%3E");
}

/* 下層 汎用タイトル
--------------------------------------------------*/
.title_ver01 {
  position: relative;
}
.title_ver01 .en {
  font-size: 80px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  text-align: center;
  color: #081734;
  opacity: 0.05;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .title_ver01 .en {
    font-size: clamp(60px, 10.42vw, 80px);
  }
}
.title_ver01 .jp {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 36px;
  font-weight: 900;
  text-align: center;
  color: #081734;
}
@media screen and (max-width: 768px) {
  .title_ver01 .jp {
    font-size: 30px;
  }
}

/*フェードイン*/
.fadein {
  opacity: 0;
  transition: all 800ms ease-in-out;
  transition-delay: 0.03s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.slideup-en {
  display: inline-block;
  overflow: hidden;
}
.slideup-en span.move {
  display: inline-block;
  transform: translateY(101%);
}
.slideup-en.action span.move {
  animation: 1s cubic-bezier(0.83, 0, 0.17, 1) forwards slideup-en;
}
.slideup-en.action span.move.move_delay {
  animation-delay: 0.1s;
}

@keyframes slideup-en {
  0% {
    transform: translateY(101%);
  }
  100% {
    transform: translateY(0);
  }
}
.logo_white.action {
  animation: 0.8s ease forwards zoom-up;
}

@keyframes zoom-up {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    top: 50%;
    transform: translateY(-50%) scale(3);
    opacity: 0.1;
  }
}
/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
.page_top {
  /* ------------------------------------- */
  /* キーヴィジュアル */
  /* ------------------------------------- */
  /* ------------------------------------- */
  /* 世界に信頼されるテクノロジーを、日本の現場へ */
  /* ------------------------------------- */
  /* ------------------------------------- */
  /* X2M 株式会社の 強み*/
  /* ------------------------------------- */
  /* ------------------------------------- */
  /* 製品・サービス紹介*/
  /* ------------------------------------- */
  /* ------------------------------------- */
  /* 事例紹介 */
  /* ------------------------------------- */
  /* ------------------------------------- */
  /* ニュース */
  /* ------------------------------------- */
}
.page_top .sec_top_kv {
  position: relative;
  /* お知らせ TOP 掲出-------------------------------- */
}
.page_top .sec_top_kv .kv_ph {
  width: 100%;
  height: calc(100vh - 100px);
  min-height: 600px;
  background-image: url(../img/top/kv_pc.webp);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .kv_ph {
    height: calc(100svh - 60px);
    max-height: 670px;
    min-height: 600px;
    background-image: url(../img/top/kv_sp.webp);
  }
}
.page_top .sec_top_kv .pc_kv {
  display: block;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .pc_kv {
    display: none;
  }
}
.page_top .sec_top_kv .sp_kv {
  display: none;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .sp_kv {
    display: block;
  }
}
.page_top .sec_top_kv .catch {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_kv .catch {
    left: 10%;
    right: 10%;
  }
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .catch {
    top: 15%;
    transform: none;
  }
}
.page_top .sec_top_kv .catch .l_txt_wrap {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .catch .l_txt_wrap {
    display: none;
  }
}
.page_top .sec_top_kv .catch .l_txt_wrap_sp {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  display: inline-block;
  display: none;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .catch .l_txt_wrap_sp {
    display: block;
  }
}
.page_top .sec_top_kv .catch .l_txt {
  font-size: 70px;
  color: #fff;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_kv .catch .l_txt {
    font-size: clamp(48px, 7vw, 70px);
  }
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .catch .l_txt {
    font-size: clamp(20px, 8.72vw, 48px);
  }
}
.page_top .sec_top_kv .catch .s_txt {
  margin-top: 40px;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .catch .s_txt {
    font-size: 16px;
  }
}
.page_top .sec_top_kv .catch .move_delay {
  position: relative;
}
.page_top .sec_top_kv .news_posting {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: #F2F3F5;
  padding: 20px;
  border-radius: 5px;
  width: 360px;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .news_posting {
    bottom: 60px;
    right: 0;
    left: 0;
    width: 80%;
    margin: auto;
    padding: 15px 20px;
  }
}
.page_top .sec_top_kv .news_posting .date_cate {
  display: flex;
  column-gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 359px) {
  .page_top .sec_top_kv .news_posting .date_cate {
    column-gap: 5px;
  }
}
.page_top .sec_top_kv .news_posting .date_cate .date {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .news_posting .date_cate .date {
    font-size: 13px;
  }
}
@media screen and (max-width: 359px) {
  .page_top .sec_top_kv .news_posting .date_cate .date {
    font-size: 11px;
  }
}
.page_top .sec_top_kv .news_posting .date_cate .cate {
  font-size: 14px;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #0071BC;
  padding: 0 10px;
  border-radius: 15px;
  font-size: 13px;
  transition: 0.3;
}
.page_top .sec_top_kv .news_posting .date_cate .cate:hover {
  background-color: #0071BC;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .news_posting .date_cate .cate {
    font-size: 12px;
  }
}
@media screen and (max-width: 359px) {
  .page_top .sec_top_kv .news_posting .date_cate .cate {
    font-size: 10px;
    width: 130px;
  }
}
.page_top .sec_top_kv .news_posting .post_title {
  font-size: 14px;
  display: block; /* ブロック要素として設定 */
  width: 100%; /* 親要素に合わせた幅設定 */
  overflow: hidden; /* 溢れた部分を隠す */
  text-overflow: ellipsis; /* 溢れた部分に「...」を表示 */
  white-space: nowrap; /* テキストを一行に制限 */
  word-break: break-word; /* 長い単語や記号が正しく改行されるように設定 */
  overflow-wrap: break-word; /* 長い単語や記号が正しく改行されるように設定 */
  padding-right: 20px;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_kv .news_posting .post_title {
    font-size: 13px;
  }
}
@media screen and (max-width: 359px) {
  .page_top .sec_top_kv .news_posting .post_title {
    font-size: 12px;
  }
}
.page_top .sec_top_kv .news_posting .post_title::after {
  transition: 0.3s;
  position: absolute;
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #0071BC;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M9.7,6.6H0v-1.2h9.7L5.1.8l.9-.8,6,6-6,6-.9-.8,4.6-4.6Z'/%3E%3C/svg%3E");
}
.page_top .sec_top_kv .news_posting .post_title:hover {
  opacity: 0.6;
}
.page_top .sec_top_intro {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  height: 600px;
  background: radial-gradient(circle at bottom left, #2979C1 0%, #153866 20%, #0F234A 40%, #070824 60%, #05021A 80%, #050018 100%);
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro {
    height: auto;
  }
}
.page_top .sec_top_intro .logo_white {
  position: absolute;
  top: -65px;
  right: 0;
  left: 0;
  margin: auto;
  width: 155px;
  height: 130px;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro .logo_white {
    width: 96px;
    height: 80px;
    top: -40px;
  }
}
.page_top .sec_top_intro .txt_wrap {
  width: 90%;
  padding: 120px 0 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro .txt_wrap {
    padding: 80px 0;
    width: 80%;
  }
}
.page_top .sec_top_intro .txt_wrap .title_en {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #AAAAAA;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro .txt_wrap .title_en {
    font-size: 16px;
  }
}
.page_top .sec_top_intro .txt_wrap .title_jp {
  color: #fff;
  font-weight: 900;
  font-size: 36px;
  line-height: 1.6;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro .txt_wrap .title_jp {
    font-size: 24px;
    margin-top: 10px;
  }
}
.page_top .sec_top_intro .txt_wrap .title_jp .word {
  color: #fff;
  font-weight: 900;
  font-size: 36px;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro .txt_wrap .title_jp .word {
    font-size: 24px;
  }
}
.page_top .sec_top_intro .txt_wrap .txt_pc {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro .txt_wrap .txt_pc {
    display: none;
  }
}
.page_top .sec_top_intro .txt_wrap .txt_pc .word {
  color: #fff;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro .txt_wrap .txt_pc .word {
    text-align: left;
  }
}
.page_top .sec_top_intro .txt_wrap .txt_sp {
  color: #fff;
  line-height: 1.6;
  margin-top: 30px;
  text-align: left;
  display: none;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_intro .txt_wrap .txt_sp {
    display: block;
  }
}
.page_top .sticky_wrap {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 200;
  overflow: hidden;
  background-color: #fff;
}
.page_top .sec_top_features {
  display: flex;
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features {
    display: block;
    width: 100%;
  }
}
.page_top .sec_top_features .title_area {
  width: 350px;
  border-right: 1px solid #666666;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_features .title_area {
    width: auto;
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .title_area {
    width: 100%;
    padding: 80px 0 40px;
    border-right: none;
  }
}
.page_top .sec_top_features .title_area::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #666666;
  right: 0;
  bottom: 0;
}
.page_top .sec_top_features .title_area .title {
  font-weight: 900;
  font-size: 32px;
  line-height: 1.4;
  text-align: right;
  padding: 50px 50px 0 0;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .title_area .title {
    text-align: center;
    padding: 0;
    font-size: 26px;
  }
}
.page_top .sec_top_features .title_area .title .en {
  font-weight: 700;
  font-size: 32px;
  text-align: right;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .title_area .title .en {
    font-size: 26px;
  }
}
.page_top .sec_top_features .title_area .title .large {
  font-size: 48px;
  font-weight: 900;
  line-height: 1.4;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .title_area .title .large {
    text-align: center;
    font-size: 40px;
  }
}
.page_top .sec_top_features .title_area .bg_txt {
  position: absolute;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  opacity: 0.05;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 188px;
  bottom: 0;
  right: 0;
  letter-spacing: 0;
  line-height: 0.7;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .title_area .bg_txt {
    writing-mode: horizontal-tb;
    transform: none;
    left: 0;
    text-align: center;
    font-size: 18.8vw;
  }
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_features .title_area .bg_txt {
    font-size: 22vw;
  }
}
.page_top .sec_top_features .features_area {
  width: calc(100% - 350px);
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .features_area {
    width: 100%;
    margin: auto;
  }
}
.page_top .sec_top_features .features_area .features_detail {
  padding: 50px 0 50px 50px;
  display: flex;
  column-gap: 40px;
  position: relative;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .features_area .features_detail {
    display: block;
    padding: 40px 5%;
    border-bottom: 1px solid #666666;
  }
}
.page_top .sec_top_features .features_area .features_detail::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #666666;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .features_area .features_detail::after {
    content: none;
  }
}
.page_top .sec_top_features .features_area .features_detail .img_wrap {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .features_area .features_detail .img_wrap {
    margin: auto auto 20px;
    width: 80px;
    height: 80px;
  }
}
.page_top .sec_top_features .features_area .features_detail .txt_wrap {
  width: calc(100% - 100px - 40px);
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .features_area .features_detail .txt_wrap {
    width: 100%;
    margin: auto;
  }
}
.page_top .sec_top_features .features_area .features_detail .txt_wrap .black, .page_top .sec_top_features .features_area .features_detail .txt_wrap .blue {
  font-weight: 900;
  font-size: 30px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .features_area .features_detail .txt_wrap .black, .page_top .sec_top_features .features_area .features_detail .txt_wrap .blue {
    text-align: center;
    font-size: 24px;
  }
}
.page_top .sec_top_features .features_area .features_detail .txt_wrap .blue {
  color: #0071BC;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_features .features_area .features_detail .txt_wrap .blue {
    left: 50%;
    transform: translateX(-50%);
  }
}
.page_top .sec_top_features .features_area .features_detail .txt_wrap .blue::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 9.5px;
  height: 14px;
  left: -8px;
  top: 4px;
  background: #111111;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 16'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23081734; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M2,16V4c0-1.1.9-2,2-2h7.5'/%3E%3C/svg%3E");
}
.page_top .sec_top_features .features_area .features_detail .txt_wrap .blue::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 9.5px;
  height: 14px;
  right: -8px;
  bottom: 4px;
  background: #111111;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 11 16'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23081734; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M9.5,0v12c0,1.1-.9,2-2,2H0'/%3E%3C/svg%3E");
}
.page_top .sec_top_features .features_area .features_detail .txt_wrap .txt {
  line-height: 1.8;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_features .features_area .features_detail .txt_wrap .txt {
    font-size: 14px;
  }
}
.page_top .sec_top_services {
  width: 90%;
  max-width: 1200px;
  margin: 80px auto 100px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services {
    margin: 60px auto 40px;
  }
}
.page_top .sec_top_services .title_center {
  margin-bottom: 20px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .title_center {
    margin-bottom: 40px;
  }
}
.page_top .sec_top_services .services_01 {
  display: flex;
  align-items: flex-start;
  margin: auto;
  padding: 0 60px 60px;
  border-bottom: 1px solid #666666;
  column-gap: 6%;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .services_01 {
    display: block;
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .services_01 {
    padding: 0 0 30px;
  }
}
.page_top .sec_top_services .services_01 .img_wrap {
  width: 60%;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .services_01 .img_wrap {
    width: 100%;
    margin: auto;
  }
}
.page_top .sec_top_services .services_01 .img_wrap img {
  border-radius: 5px;
}
.page_top .sec_top_services .services_01 .txt_wrap {
  width: 34%;
  min-width: 360px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .services_01 .txt_wrap {
    width: 100%;
    margin: 20px auto auto;
    min-width: auto;
  }
}
.page_top .sec_top_services .services_01 .txt_wrap .bold {
  font-weight: 900;
  font-size: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .services_01 .txt_wrap .bold {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.page_top .sec_top_services .services_01 .txt_wrap .txt {
  line-height: 1.8;
  margin-bottom: 30px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .services_01 .txt_wrap .txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .services_01 .txt_wrap .btn {
    margin: auto;
  }
}
.page_top .sec_top_services .bottom_wrap {
  display: flex;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap {
    display: block;
  }
}
.page_top .sec_top_services .bottom_wrap .services_02, .page_top .sec_top_services .bottom_wrap .services_03 {
  width: 50%;
  margin-top: 60px;
  padding: 0 60px 0;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02, .page_top .sec_top_services .bottom_wrap .services_03 {
    width: 100%;
    display: block;
    padding: 30px 60px 30px;
    margin-top: auto;
  }
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_services .bottom_wrap .services_02, .page_top .sec_top_services .bottom_wrap .services_03 {
    padding: 30px 0;
  }
}
.page_top .sec_top_services .bottom_wrap .services_02 .img_wrap, .page_top .sec_top_services .bottom_wrap .services_03 .img_wrap {
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .img_wrap, .page_top .sec_top_services .bottom_wrap .services_03 .img_wrap {
    width: 28%;
    min-width: 100px;
    height: fit-content;
  }
}
.page_top .sec_top_services .bottom_wrap .services_02 .img_wrap img, .page_top .sec_top_services .bottom_wrap .services_03 .img_wrap img {
  height: auto;
  transition: transform 0.3s ease; /* ゆっくり変化させる */
}
.page_top .sec_top_services .bottom_wrap .services_02 .img_wrap .pc_ph, .page_top .sec_top_services .bottom_wrap .services_03 .img_wrap .pc_ph {
  display: block;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .img_wrap .pc_ph, .page_top .sec_top_services .bottom_wrap .services_03 .img_wrap .pc_ph {
    display: none;
  }
}
.page_top .sec_top_services .bottom_wrap .services_02 .img_wrap .lg_ph, .page_top .sec_top_services .bottom_wrap .services_03 .img_wrap .lg_ph {
  display: none;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .img_wrap .lg_ph, .page_top .sec_top_services .bottom_wrap .services_03 .img_wrap .lg_ph {
    display: block;
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .txt_wrap, .page_top .sec_top_services .bottom_wrap .services_03 .txt_wrap {
    width: 65%;
  }
}
.page_top .sec_top_services .bottom_wrap .services_02 .bold, .page_top .sec_top_services .bottom_wrap .services_03 .bold {
  margin: 20px auto 30px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .bold, .page_top .sec_top_services .bottom_wrap .services_03 .bold {
    display: none;
  }
}
.page_top .sec_top_services .bottom_wrap .services_02 .bold .title, .page_top .sec_top_services .bottom_wrap .services_03 .bold .title {
  font-weight: 900;
  font-size: 24px;
}
.page_top .sec_top_services .bottom_wrap .services_02 .txt, .page_top .sec_top_services .bottom_wrap .services_03 .txt {
  line-height: 1.8;
}
.page_top .sec_top_services .bottom_wrap .services_02:hover, .page_top .sec_top_services .bottom_wrap .services_03:hover {
  opacity: 0.6;
}
.page_top .sec_top_services .bottom_wrap .services_02:hover img, .page_top .sec_top_services .bottom_wrap .services_03:hover img {
  transform: scale(1.08); /* 拡大 */
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .sp_flex, .page_top .sec_top_services .bottom_wrap .services_03 .sp_flex {
    width: 100%;
    display: flex;
    column-gap: 20px;
    margin-top: 20px;
  }
  .page_top .sec_top_services .bottom_wrap .services_02 .sp_flex .txt, .page_top .sec_top_services .bottom_wrap .services_03 .sp_flex .txt {
    font-size: 14px;
  }
}
.page_top .sec_top_services .bottom_wrap .services_02 .bold_sp, .page_top .sec_top_services .bottom_wrap .services_03 .bold_sp {
  display: none;
  justify-content: start;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .bold_sp, .page_top .sec_top_services .bottom_wrap .services_03 .bold_sp {
    display: inline;
    align-items: center;
    font-weight: 900;
    font-size: 20px;
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .bold_sp .arrow, .page_top .sec_top_services .bottom_wrap .services_03 .bold_sp .arrow {
    width: 24px;
    height: 24px;
    padding-right: 24px;
    display: inline;
    margin-left: 10px;
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .bold_sp .arrow .arrow_icon, .page_top .sec_top_services .bottom_wrap .services_03 .bold_sp .arrow .arrow_icon {
    height: 12px;
    right: 6px;
    width: 12px;
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 .bold_sp .arrow .arrow_icon:before, .page_top .sec_top_services .bottom_wrap .services_02 .bold_sp .arrow .arrow_icon:after, .page_top .sec_top_services .bottom_wrap .services_03 .bold_sp .arrow .arrow_icon:before, .page_top .sec_top_services .bottom_wrap .services_03 .bold_sp .arrow .arrow_icon:after {
    width: 12px;
    height: 12px;
  }
}
.page_top .sec_top_services .bottom_wrap .services_02 {
  border-right: 1px solid #111111;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_services .bottom_wrap .services_02 {
    border-right: none;
    border-bottom: 1px solid #666666;
  }
}
.page_top .bg_sec_top_cases {
  background-color: #F2F3F5;
  padding: 80px 0;
}
.page_top .sec_top_cases {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_cases {
    width: 100%;
  }
}
.page_top .sec_top_cases .case_list {
  margin: auto auto;
  display: flex;
  column-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0;
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_cases .case_list {
    column-gap: 20px;
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_cases .case_list {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 20px;
    scrollbar-width: thin;
    scrollbar-color: #666666 transparent;
    padding: 20px 20px 20px;
    margin: 20px auto auto;
  }
}
.page_top .sec_top_cases .case_list::-webkit-scrollbar {
  height: 8px;
}
.page_top .sec_top_cases .case_list::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 4px;
}
.page_top .sec_top_cases .case_list::-webkit-scrollbar-track {
  background: transparent;
}
.page_top .sec_top_cases .case_list li {
  width: calc((100% - 80px) / 3);
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_cases .case_list li {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 999px) {
  .page_top .sec_top_cases .case_list li {
    flex-shrink: 0;
    width: 80%;
    max-width: 290px;
  }
}
.page_top .sec_top_cases .case_list li:before {
  position: absolute;
  left: 10px;
  top: -15px;
  content: "";
  width: 1px;
  height: 50px;
  background: #666666;
  transform: rotate(45deg);
}
.page_top .sec_top_cases .case_list li .link {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* 比率を指定 */
}
.page_top .sec_top_cases .case_list li .link .img_wrap {
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
  position: relative;
}
.page_top .sec_top_cases .case_list li .link .img_wrap .cate_label {
  position: absolute;
  background-color: #fff;
  color: #0071BC;
  border-radius: 30px;
  width: 80px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-weight: 700;
  top: 10px;
  left: 10px;
}
.page_top .sec_top_cases .case_list li .link .img_wrap img {
  height: auto;
  transition: transform 0.3s ease; /* ゆっくり変化させる */
}
.page_top .sec_top_cases .case_list li .link .post_title {
  font-size: 20px;
  font-weight: 900;
  margin-top: 15px;
  flex-grow: 1;
}
.page_top .sec_top_cases .case_list li .link .tag {
  margin-top: 15px;
  color: #666666;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_cases .case_list li .link .tag {
    font-size: 14px;
  }
}
.page_top .sec_top_cases .case_list li .link .arrow {
  margin: 10px 0 auto auto;
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_cases .case_list li .link .arrow {
    width: 40px;
    height: 40px;
    padding-right: 40px;
  }
  .page_top .sec_top_cases .case_list li .link .arrow .arrow_icon {
    right: 2px;
    width: 25px;
    height: 15px;
  }
  .page_top .sec_top_cases .case_list li .link .arrow .arrow_icon:before, .page_top .sec_top_cases .case_list li .link .arrow .arrow_icon:after {
    width: 15px;
    height: 15px;
  }
}
.page_top .sec_top_cases .case_list li .link:hover {
  opacity: 0.6;
}
.page_top .sec_top_cases .case_list li .link:hover img {
  transform: scale(1.08); /* 拡大 */
}
.page_top .sec_top_cases .scroll {
  display: none;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #666666;
  margin: 5px 20px 0;
  position: relative;
  font-size: 14px;
}
.page_top .sec_top_cases .scroll::after {
  position: absolute;
  content: "";
  width: 60px;
  height: 1px;
  background-color: #666666;
  right: -70px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_cases .scroll {
    display: inline-block;
  }
}
.page_top .sec_top_new {
  width: 90%;
  max-width: 1200px;
  margin: 100px auto;
  display: flex;
  column-gap: 60px;
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_new {
    display: block;
    margin: 60px auto 60px;
  }
}
.page_top .sec_top_new .title_wrap {
  width: 320px;
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_new .title_wrap {
    width: 100%;
    margin-bottom: 40px;
  }
}
.page_top .sec_top_new .title_wrap .title_left .en {
  font-size: 120px;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_new .title_wrap .title_left .en {
    font-size: clamp(36px, 21.54vw, 180px);
    right: auto;
  }
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_new .title_wrap .title_left .jp {
    transform: translateY(-50%);
    width: 100%;
  }
  .page_top .sec_top_new .title_wrap .title_left .en {
    text-align: center;
  }
}
.page_top .sec_top_new .title_wrap .btn {
  width: 200px;
  height: 50px;
}
.page_top .sec_top_new .news_list {
  width: calc(100% - 320px - 60px);
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_new .news_list {
    width: 100%;
  }
}
.page_top .sec_top_new .news_list li {
  display: flex;
  column-gap: 40px;
  border-bottom: 1px solid #666666;
  height: 110px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_new .news_list li {
    display: block;
    height: auto;
    padding: 20px 0;
  }
}
.page_top .sec_top_new .news_list li:first-of-type {
  border-top: 1px solid #666666;
}
.page_top .sec_top_new .news_list li .arrow_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_new .news_list li .arrow_sp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 22px;
    background-color: #081734;
    display: block;
    right: 0;
    overflow: hidden;
  }
  .page_top .sec_top_new .news_list li .arrow_sp::after {
    transition: 0.3s;
    position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M9.7,6.6H0v-1.2h9.7L5.1.8l.9-.8,6,6-6,6-.9-.8,4.6-4.6Z'/%3E%3C/svg%3E");
  }
}
.page_top .sec_top_new .news_list .date_cate {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_new .news_list .date_cate {
    margin-bottom: 10px;
  }
}
.page_top .sec_top_new .news_list .date_cate .date {
  width: 100px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_new .news_list .date_cate .date {
    font-size: 13px;
    width: 80px;
  }
}
.page_top .sec_top_new .news_list .date_cate .cate {
  font-size: 14px;
  width: 150px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F3F5;
  color: #0071BC;
  padding: 0 10px;
  border-radius: 15px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_new .news_list .date_cate .cate {
    height: 22px;
    font-size: 12px;
    width: 130px;
  }
}
.page_top .sec_top_new .news_list .date_cate .cate:hover {
  background-color: #0071BC;
  color: #fff;
}
.page_top .sec_top_new .news_list .post_title {
  width: calc(100% - 270px);
  font-size: 14px;
  display: flex;
  align-items: center;
  column-gap: 20px;
  width: 100%; /* 親要素に合わせた幅設定 */
  transition: 0.3s;
}
.page_top .sec_top_new .news_list .post_title .txt {
  display: -webkit-box; /* フレックスボックス形式で表示 */
  -webkit-box-orient: vertical; /* 縦方向にボックスを並べる */
  -webkit-line-clamp: 2; /* 表示を2行に制限 */
  overflow: hidden; /* 溢れた部分を非表示 */
  text-overflow: ellipsis; /* 省略記号「...」を表示 */
  word-break: break-word; /* 長い単語を折り返す */
  overflow-wrap: break-word; /* 同上 */
  width: calc(100% - 40px); /* 任意の幅設定 */
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_new .news_list .post_title .txt {
    font-size: 14px;
  }
}
.page_top .sec_top_new .news_list .post_title .arrow {
  margin: auto 0 auto auto;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #081734;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .page_top .sec_top_new .news_list .post_title .arrow {
    display: none;
  }
}
.page_top .sec_top_new .news_list .post_title .arrow .arrow_icon {
  width: 12px;
  height: 12px;
  right: 9px;
}
.page_top .sec_top_new .news_list .post_title .arrow .arrow_icon:before, .page_top .sec_top_new .news_list .post_title .arrow .arrow_icon:after {
  content: "";
  background: #fff;
  width: 12px;
  height: 12px;
}
.page_top .sec_top_new .news_list .post_title:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_new .pc_btn {
    display: none;
  }
}
.page_top .sec_top_new .xl_btn {
  display: none;
}
@media screen and (max-width: 1199px) {
  .page_top .sec_top_new .xl_btn {
    display: flex;
    margin: 30px auto auto;
  }
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
.page_about {
  /* ------------------------------------- */
  /* 企業理念 */
  /* ------------------------------------- */
  /* ------------------------------------- */
  /* 代表挨拶 */
  /* ------------------------------------- */
  /* ------------------------------------- */
  /* 会社概要 */
  /* ------------------------------------- */
  /* ------------------------------------- */
  /* 海外拠点 */
  /* ------------------------------------- */
}
.page_about .sec_philosophy {
  background: radial-gradient(circle at bottom left, #2979C1 0%, #153866 20%, #0F234A 40%, #070824 60%, #05021A 80%, #050018 100%);
  padding: 80px 2%;
}
@media screen and (max-width: 768px) {
  .page_about .sec_philosophy {
    padding: 60px 5%;
  }
}
.page_about .sec_philosophy .title {
  position: relative;
}
.page_about .sec_philosophy .title::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 1px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.page_about .sec_philosophy .title .en {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  text-align: center;
  color: #AAAAAA;
  margin-bottom: 10px;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .page_about .sec_philosophy .title .en {
    font-size: 16px;
  }
}
.page_about .sec_philosophy .title .jp {
  font-size: 36px;
  font-weight: 900;
  text-align: center;
  color: #fff;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_philosophy .title .jp {
    font-size: 30px;
  }
}
.page_about .sec_philosophy .catch_txt {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.8;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_philosophy .catch_txt {
    font-size: 16px;
  }
}
.page_about .sec_message {
  width: 90%;
  max-width: 1000px;
  margin: 70px auto auto;
}
@media screen and (max-width: 768px) {
  .page_about .sec_message {
    margin: 60px auto auto;
  }
}
.page_about .sec_message .flex_wrap {
  display: flex;
  column-gap: 60px;
  margin: 60px auto auto;
}
@media screen and (max-width: 768px) {
  .page_about .sec_message .flex_wrap {
    margin: 30px auto auto;
    display: block;
  }
}
.page_about .sec_message .flex_wrap .img_wrap {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_message .flex_wrap .img_wrap {
    max-width: 300px;
    width: 100%;
    margin: auto auto 20px;
  }
}
.page_about .sec_message .flex_wrap .txt_wrap {
  width: calc(100% - 300px);
}
@media screen and (max-width: 768px) {
  .page_about .sec_message .flex_wrap .txt_wrap {
    width: 100%;
  }
}
.page_about .sec_message .flex_wrap .txt_wrap .txt {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .page_about .sec_message .flex_wrap .txt_wrap .txt {
    font-size: 14px;
  }
}
.page_about .sec_message .flex_wrap .txt_wrap .signature {
  margin-top: 40px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .page_about .sec_message .flex_wrap .txt_wrap .signature {
    margin-top: 20px;
  }
}
.page_about .sec_message .flex_wrap .txt_wrap .signature .position {
  font-size: 14px;
}
.page_about .sec_message .flex_wrap .txt_wrap .signature .name {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.page_about .sec_profile {
  width: 90%;
  max-width: 1000px;
  margin: 40px auto 100px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_profile {
    margin: 30px auto 80px;
  }
}
.page_about .sec_profile .table_wrap {
  margin-top: 40px;
  border: 1px solid #081734;
  border-radius: 5px;
  padding: 20px 60px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_profile .table_wrap {
    margin-top: 30px;
    padding: 0 20px;
  }
}
.page_about .sec_profile .table_wrap dl {
  display: flex;
  column-gap: 20px;
  border-bottom: 1px solid #CED1D6;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .page_about .sec_profile .table_wrap dl {
    display: block;
  }
}
.page_about .sec_profile .table_wrap dl:last-of-type {
  border-bottom: 0;
}
.page_about .sec_profile .table_wrap dl dt {
  font-weight: 900;
  color: #081734;
  width: 180px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_profile .table_wrap dl dt {
    width: 100%;
    margin-bottom: 5px;
  }
}
.page_about .sec_profile .table_wrap dl dd {
  color: #081734;
  width: calc(100% - 200px);
}
@media screen and (max-width: 768px) {
  .page_about .sec_profile .table_wrap dl dd {
    width: 100%;
    font-size: 14px;
  }
}
.page_about .bg_sec_locations {
  background-color: #F2F3F5;
  padding: 70px 0 100px;
}
@media screen and (max-width: 768px) {
  .page_about .bg_sec_locations {
    padding: 40px 0 60px;
  }
}
.page_about .sec_locations {
  width: 90%;
  max-width: 1000px;
  margin: auto;
}
.page_about .sec_locations .block {
  display: flex;
  padding: 40px 0;
  border-bottom: 1px solid #081734;
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .block {
    display: block;
    padding: 30px 0;
  }
}
.page_about .sec_locations .block .country {
  width: 320px;
  margin: 0 auto auto;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .block .country {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
  }
}
.page_about .sec_locations .block .country .jp {
  font-size: 20px;
  font-weight: 900;
}
.page_about .sec_locations .block .country .en {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #666666;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .block .country .en {
    margin: 5px auto 20px;
  }
}
.page_about .sec_locations .block .info {
  width: calc(100% - 320px);
  padding: 0 40px;
  border-left: 1px solid #081734;
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .block .info {
    width: 100%;
    border-left: none;
    padding: 0;
  }
}
.page_about .sec_locations .block .info dl {
  display: flex;
  column-gap: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .block .info dl {
    display: block;
  }
}
.page_about .sec_locations .block .info dl:last-of-type {
  margin-bottom: 0;
}
.page_about .sec_locations .block .info dl dt {
  width: 80px;
  background-color: #fff;
  height: 28px;
  border-radius: 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .block .info dl dt {
    height: 20px;
    font-size: 13px;
    margin-bottom: 5px;
  }
}
.page_about .sec_locations .block .info dl dd {
  width: calc(100% - 100px);
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .block .info dl dd {
    width: 100%;
    font-size: 14px;
  }
}
.page_about .sec_locations .block .info dl .mail_link {
  color: #0071BC;
  border-bottom: 1px solid #0071BC;
  transition: 0.3s;
}
.page_about .sec_locations .block .info dl .mail_link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .block .info dl .mail_link {
    font-size: 14px;
  }
}
.page_about .sec_locations .aus {
  border-top: 1px solid #081734;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .page_about .sec_locations .aus {
    margin-top: 30px;
  }
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
.page_sitemap {
  /* ------------------------------------- */
  /* サイトマップ */
  /* ------------------------------------- */
}
.page_sitemap .sec_sitemap {
  width: 90%;
  max-width: 800px;
  margin: 70px auto;
}
@media screen and (max-width: 768px) {
  .page_sitemap .sec_sitemap {
    margin: 40px auto;
  }
}
.page_sitemap .sec_sitemap .list li {
  border-bottom: 1px solid #CED1D6;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .page_sitemap .sec_sitemap .list li {
    padding: 0 0;
  }
}
.page_sitemap .sec_sitemap .list li:nth-of-type(2) {
  padding-bottom: 30px;
}
.page_sitemap .sec_sitemap .list li:nth-of-type(2) .link {
  padding: 30px 0 20px;
}
.page_sitemap .sec_sitemap .list li:last-of-type {
  border-bottom: none;
}
.page_sitemap .sec_sitemap .link {
  font-weight: 700;
  font-size: 20px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 30px 0;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page_sitemap .sec_sitemap .link {
    padding: 20px 0;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
  }
}
.page_sitemap .sec_sitemap .link .arrow {
  margin-left: 20px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #081734;
  padding-right: 0;
}
.page_sitemap .sec_sitemap .link .arrow .arrow_icon {
  width: 12px;
  height: 12px;
  right: 9px;
}
.page_sitemap .sec_sitemap .link .arrow .arrow_icon:before, .page_sitemap .sec_sitemap .link .arrow .arrow_icon:after {
  content: "";
  background: #fff;
  width: 12px;
  height: 12px;
}
.page_sitemap .sec_sitemap .link:hover {
  opacity: 0.6;
}
.page_sitemap .sec_sitemap .child {
  transition: 0.3s;
  position: relative;
  padding-left: 30px;
  line-height: 1.3;
  display: block;
  margin-bottom: 5px;
  color: #081734;
}
.page_sitemap .sec_sitemap .child::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 7px;
  background-color: #0071BC;
  left: 15px;
  top: 12px;
}
.page_sitemap .sec_sitemap .child:last-of-type {
  margin-bottom: 0;
}
.page_sitemap .sec_sitemap .child:hover {
  opacity: 0.6;
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
.page_services {
  margin-bottom: 100px;
  /* ------------------------------------- */
  /* 製品・サービス紹介 */
  /* ------------------------------------- */
}
@media screen and (max-width: 768px) {
  .page_services {
    margin-bottom: 60px;
  }
}
.page_services hr {
  margin: 0;
  border: none;
  position: absolute;
  top: -30px;
}
.page_services .sec_under_kv_ph {
  height: 400px;
  padding: 0 100px;
  position: relative;
  background-image: url(../img/service/service_kv.webp);
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_under_kv_ph {
    padding: 0 5%;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_under_kv_ph {
    height: 250px;
  }
}
.page_services .sec_under_kv_ph .breadcrumbs {
  opacity: 0.6;
  display: flex;
  padding: 20px 0 0;
}
@media screen and (max-width: 999px) {
  .page_services .sec_under_kv_ph .breadcrumbs {
    padding: 20px 0 0;
  }
}
.page_services .sec_under_kv_ph .breadcrumbs .link, .page_services .sec_under_kv_ph .breadcrumbs .no_link, .page_services .sec_under_kv_ph .breadcrumbs .hyphen {
  color: #fff;
  font-size: 14px;
}
.page_services .sec_under_kv_ph .breadcrumbs .link {
  transition: 0.3s;
}
.page_services .sec_under_kv_ph .breadcrumbs .link:hover {
  opacity: 0.6;
}
.page_services .sec_under_kv_ph .breadcrumbs .hyphen {
  position: relative;
  padding: 0px 10px;
}
.page_services .sec_under_kv_ph .breadcrumbs .hyphen::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 4px;
  height: 8px;
  right: 0;
  left: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 6 10'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23666; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M1,1l4,4L1,9'/%3E%3C/svg%3E");
}
.page_services .sec_under_kv_ph .tlt_wrap {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.page_services .sec_under_kv_ph .tlt_wrap .en_tlt {
  color: #CED1D6;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 0.7;
  font-size: 30px;
  margin-bottom: 5px;
  letter-spacing: 0em;
}
@media screen and (max-width: 768px) {
  .page_services .sec_under_kv_ph .tlt_wrap .en_tlt {
    font-size: 16px;
  }
}
.page_services .sec_under_kv_ph .tlt_wrap .page_title {
  font-size: 70px;
  font-weight: 900;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page_services .sec_under_kv_ph .tlt_wrap .page_title {
    font-size: 28px;
  }
}
.page_services .sec_under_kv_ph .tlt_wrap .page_title::after {
  content: "";
  position: absolute;
  background-color: #fff;
  height: 1px;
  width: 9.5em;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.page_services .in-page_link {
  margin: 60px auto auto;
  width: 90%;
  max-width: 1000px;
}
.page_services .in-page_link ul {
  display: flex;
  justify-content: center;
  column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .page_services .in-page_link ul {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
.page_services .in-page_link ul li {
  width: 320px;
}
@media screen and (max-width: 768px) {
  .page_services .in-page_link ul li {
    flex-wrap: wrap;
  }
}
.page_services .in-page_link ul li a {
  background-color: #081734;
  color: #fff;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 30px;
  padding: 0 15px 0 50px;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 999px) {
  .page_services .in-page_link ul li a {
    font-size: clamp(12px, 1.6vw, 16px);
    padding: 0 1.5vw 0 5vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .in-page_link ul li a {
    font-size: 14px;
    padding: 0 15px 0 40px;
  }
}
.page_services .in-page_link ul li a::after {
  transition: 0.3s;
  position: absolute;
  display: inline-block;
  content: "";
  width: 11px;
  height: 11px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 9'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M7.5,6.2c.4.4,1,.4,1.4,0L14.6.6l1.4,1.4-5.7,5.7c-1.2,1.2-3.1,1.2-4.2,0L.4,2,1.9.6l5.7,5.7Z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 999px) {
  .page_services .in-page_link ul li a::after {
    right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .page_services .in-page_link ul li a::after {
    right: 15px;
  }
}
.page_services .in-page_link ul li a::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23fff; stroke-linejoin: bevel; %7D .st1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st1' d='M23.6,8.9c0,1.7-1.2,3-2.7,3s-2.7-1.3-2.7-3,2.7-4.9,2.7-4.9c0,0,2.8,3.3,2.8,4.9ZM20.9,10.7c.7,0,1.3-.6,1.3-1.4s-1.3-2.3-1.3-2.3c0,0-1.2,1.5-1.2,2.3s.6,1.4,1.3,1.4Z'/%3E%3Cpath class='st1' d='M16,8.9c0,1.7-1.2,3-2.7,3s-2.7-1.3-2.7-3,2.7-4.9,2.7-4.9c0,0,2.8,3.3,2.8,4.9ZM13.3,10.7c.7,0,1.3-.6,1.3-1.4s-1.3-2.3-1.3-2.3c0,0-1.2,1.5-1.2,2.3s.6,1.4,1.3,1.4Z'/%3E%3Cpath class='st1' d='M8.5,8.9c0,1.7-1.2,3-2.7,3s-2.7-1.3-2.7-3,2.7-4.9,2.7-4.9c0,0,2.8,3.3,2.8,4.9ZM5.7,10.7c.7,0,1.3-.6,1.3-1.4s-1.3-2.3-1.3-2.3c0,0-1.2,1.5-1.2,2.3s.6,1.4,1.3,1.4Z'/%3E%3Cpath class='st0' d='M20.6,14.6h-3.6c-.2.6,0,2.2.7,2.2h1.1v1.7c.1,0-4.3,0-4.3,0l-.2-3.9h-1.8s-.2,3.9-.2,3.9h-4.6s.1-1.7.1-1.7h1.2c.7,0,.9-1.6.7-2.2h-3.6c0,0-.7,6.4-.7,6.4h16l-.7-6.3Z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 999px) {
  .page_services .in-page_link ul li a::before {
    left: 5%;
    width: 2.4vw;
    height: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .in-page_link ul li a::before {
    left: 15px;
    width: 20px;
    height: 20px;
  }
}
.page_services .in-page_link ul li a:hover {
  background-color: #0071BC;
}
.page_services .in-page_link ul li a:hover::after {
  top: calc(50% + 3px);
}
.page_services .in-page_link ul li:nth-of-type(2) a::before {
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23fff; stroke-linejoin: round; stroke-width: 1.3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M23,13.6v2.6c0,.7-.6,1.3-1.3,1.3h-4.6c-.9,1.3-2.4,2.1-4.1,2.1s-3.2-.9-4.1-2.2h-1.4c-1.9,0-2.2,0-2.2,1.9v1c.3.6-.9,1.4-.9,1.4H1.7c-.8-.4-.7-.8-.7-.8v-4.4c0-2.6,2.6-4.2,4.9-4.2s1.7,0,3,0c.2-.3.3-.6.6-.9v-1c0-.2,0-.4.1-.5-.5,0-.9-.4-.9-1s.5-1,1-1h1.8v-1.6h-4.8c-.7,0-1.3-.6-1.3-1.3h0c0-.8.6-1.4,1.3-1.4h3.9c0-.7.6-1.3,1.3-1.3h2.3c.7,0,1.3.6,1.3,1.3h0s3.9,0,3.9,0c.7,0,1.3.6,1.3,1.3h0c0,.8-.6,1.4-1.3,1.4h-4.8v1.6h1.8c.6,0,1,.4,1,1s-.4.9-.9,1c0,.2.1.3.1.5v1c.3.3.4.6.6.9h4.4c.7,0,1.3.6,1.3,1.3h0Z'/%3E%3C/svg%3E");
}
.page_services .in-page_link ul li:nth-of-type(3) a::before {
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 25'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B stroke-width: .3px; %7D .st0, .st1 %7B stroke: %23fff; %7D .st0, .st1, .st2 %7B fill: %23fff; %7D .st1 %7B stroke-width: .9px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st2' d='M14.9,23.6h-5c-.4,0-.7-.3-.7-.7s.3-.7.7-.7h5c.4,0,.7.3.7.7s-.3.7-.7.7Z'/%3E%3Cpath class='st2' d='M10.4,22.9h4.1c0,1.1-.9,2.1-2.1,2.1s-2.1-.9-2.1-2.1h0Z'/%3E%3Cpath class='st0' d='M14.7,19.8h-4.1c-1,0-1.8-.8-1.8-1.8l-.2-1c-2.8-1.4-4.6-4.4-4.6-7.5C4,4.8,7.8,1,12.5,1s8.5,3.8,8.5,8.5-1.8,6.1-4.6,7.5l.2,1c0,1-.8,1.8-1.8,1.8h0ZM12.5,2c-4.1,0-7.4,3.3-7.4,7.4s1.7,5.5,4.3,6.7c.2,0,.3.3.3.5l.2,1.3c0,.4.3.7.7.7h4.1c.4,0,.7-.3.7-.7l-.2-1.3c0-.2.1-.4.3-.5,2.6-1.2,4.3-3.9,4.3-6.7,0-4.1-3.3-7.4-7.4-7.4Z'/%3E%3Cpath class='st2' d='M15.5,21.8h-6c-.4,0-.7-.3-.7-.7s.3-.7.7-.7h6c.4,0,.7.3.7.7s-.3.7-.7.7Z'/%3E%3Cpath class='st2' d='M10.4,23.6h-.4c-.4,0-.7-.3-.7-.7s.3-.7.7-.7h.4c.4,0,.7.3.7.7s-.3.7-.7.7Z'/%3E%3Cpath class='st2' d='M15,23.6h-.5c-.4,0-.7-.3-.7-.7s.3-.7.7-.7h.5c.4,0,.7.3.7.7s-.3.7-.7.7Z'/%3E%3Ccircle class='st1' cx='12.4' cy='9.4' r='2.6'/%3E%3C/svg%3E");
}
.page_services .sec_lp_gas, .page_services .sec_water, .page_services .sec_electric {
  width: 90%;
  max-width: 1200px;
  margin: auto;
  padding-top: 80px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas, .page_services .sec_water, .page_services .sec_electric {
    padding-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .title_ver01 .en, .page_services .sec_water .title_ver01 .en, .page_services .sec_electric .title_ver01 .en {
    font-size: clamp(40px, 10.42vw, 80px);
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .title_ver01 .jp, .page_services .sec_water .title_ver01 .jp, .page_services .sec_electric .title_ver01 .jp {
    font-size: 30px;
    line-height: 1.3;
  }
}
.page_services .sec_lp_gas .flex_wrap, .page_services .sec_water .flex_wrap, .page_services .sec_electric .flex_wrap {
  display: flex;
  column-gap: 60px;
  margin: 60px auto 80px;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .flex_wrap, .page_services .sec_water .flex_wrap, .page_services .sec_electric .flex_wrap {
    display: block;
    margin: 40px auto 60px;
  }
}
.page_services .sec_lp_gas .flex_wrap .img_wrap, .page_services .sec_water .flex_wrap .img_wrap, .page_services .sec_electric .flex_wrap .img_wrap {
  width: 50%;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .flex_wrap .img_wrap, .page_services .sec_water .flex_wrap .img_wrap, .page_services .sec_electric .flex_wrap .img_wrap {
    width: 100%;
    max-width: 600px;
    margin: auto auto 20px;
  }
}
.page_services .sec_lp_gas .flex_wrap .img_wrap img, .page_services .sec_water .flex_wrap .img_wrap img, .page_services .sec_electric .flex_wrap .img_wrap img {
  border-radius: 5px;
}
.page_services .sec_lp_gas .flex_wrap .txt_wrap, .page_services .sec_water .flex_wrap .txt_wrap, .page_services .sec_electric .flex_wrap .txt_wrap {
  width: calc(50% - 60px);
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .flex_wrap .txt_wrap, .page_services .sec_water .flex_wrap .txt_wrap, .page_services .sec_electric .flex_wrap .txt_wrap {
    width: 100%;
  }
}
.page_services .sec_lp_gas .flex_wrap .txt_wrap .txt, .page_services .sec_water .flex_wrap .txt_wrap .txt, .page_services .sec_electric .flex_wrap .txt_wrap .txt {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .flex_wrap .txt_wrap .txt, .page_services .sec_water .flex_wrap .txt_wrap .txt, .page_services .sec_electric .flex_wrap .txt_wrap .txt {
    font-size: 14px;
  }
}
.page_services .sec_lp_gas .flex_wrap .txt_wrap .txt:nth-of-type(2), .page_services .sec_water .flex_wrap .txt_wrap .txt:nth-of-type(2), .page_services .sec_electric .flex_wrap .txt_wrap .txt:nth-of-type(2) {
  margin-top: 20px;
}
.page_services .sec_lp_gas .features_wrap, .page_services .sec_water .features_wrap, .page_services .sec_electric .features_wrap {
  background-color: #F2F3F5;
  border-radius: 5px;
  padding: 60px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap, .page_services .sec_water .features_wrap, .page_services .sec_electric .features_wrap {
    padding: 20px 0;
  }
}
.page_services .sec_lp_gas .features_wrap #case_water, .page_services .sec_lp_gas .features_wrap #case_electric, .page_services .sec_water .features_wrap #case_water, .page_services .sec_water .features_wrap #case_electric, .page_services .sec_electric .features_wrap #case_water, .page_services .sec_electric .features_wrap #case_electric {
  margin: 0;
  border: none;
  position: absolute;
  top: -70px;
}
.page_services .sec_lp_gas .features_wrap .small_title, .page_services .sec_water .features_wrap .small_title, .page_services .sec_electric .features_wrap .small_title {
  font-size: 30px;
  color: #081734;
  position: relative;
  font-weight: 900;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap .small_title, .page_services .sec_water .features_wrap .small_title, .page_services .sec_electric .features_wrap .small_title {
    margin-bottom: 20px;
    font-size: 26px;
  }
}
.page_services .sec_lp_gas .features_wrap .small_title::after, .page_services .sec_water .features_wrap .small_title::after, .page_services .sec_electric .features_wrap .small_title::after {
  position: absolute;
  content: "";
  background-color: #081734;
  width: 100px;
  height: 1px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.page_services .sec_lp_gas .features_wrap .card_wrap, .page_services .sec_water .features_wrap .card_wrap, .page_services .sec_electric .features_wrap .card_wrap {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  display: flex;
  column-gap: 40px;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_lp_gas .features_wrap .card_wrap, .page_services .sec_water .features_wrap .card_wrap, .page_services .sec_electric .features_wrap .card_wrap {
    column-gap: 1.67vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap .card_wrap, .page_services .sec_water .features_wrap .card_wrap, .page_services .sec_electric .features_wrap .card_wrap {
    display: block;
  }
}
.page_services .sec_lp_gas .features_wrap .card_wrap .card, .page_services .sec_water .features_wrap .card_wrap .card, .page_services .sec_electric .features_wrap .card_wrap .card {
  width: calc((100% - 80px) / 3);
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_lp_gas .features_wrap .card_wrap .card, .page_services .sec_water .features_wrap .card_wrap .card, .page_services .sec_electric .features_wrap .card_wrap .card {
    width: calc((100% - 3.33vw) / 3);
    padding: 1.67vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap .card_wrap .card, .page_services .sec_water .features_wrap .card_wrap .card, .page_services .sec_electric .features_wrap .card_wrap .card {
    width: 100%;
    max-width: 320px;
    margin: auto auto 20px;
    padding: 20px;
  }
  .page_services .sec_lp_gas .features_wrap .card_wrap .card:last-of-type, .page_services .sec_water .features_wrap .card_wrap .card:last-of-type, .page_services .sec_electric .features_wrap .card_wrap .card:last-of-type {
    margin: auto auto;
  }
}
.page_services .sec_lp_gas .features_wrap .card_wrap .card .label, .page_services .sec_water .features_wrap .card_wrap .card .label, .page_services .sec_electric .features_wrap .card_wrap .card .label {
  border: 1px solid #0071BC;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  width: 110px;
  height: 26px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0071BC;
  margin: auto auto 20px;
}
.page_services .sec_lp_gas .features_wrap .card_wrap .card .txt, .page_services .sec_water .features_wrap .card_wrap .card .txt, .page_services .sec_electric .features_wrap .card_wrap .card .txt {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap .card_wrap .card .txt, .page_services .sec_water .features_wrap .card_wrap .card .txt, .page_services .sec_electric .features_wrap .card_wrap .card .txt {
    font-size: 13px;
  }
}
.page_services .sec_lp_gas .features_wrap .card_wrap .card .title, .page_services .sec_water .features_wrap .card_wrap .card .title, .page_services .sec_electric .features_wrap .card_wrap .card .title {
  margin-top: 5px;
  font-size: clamp(14px, 1.67vw, 20px);
  font-weight: 900;
  text-align: center;
  color: #081734;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap .card_wrap .card .title, .page_services .sec_water .features_wrap .card_wrap .card .title, .page_services .sec_electric .features_wrap .card_wrap .card .title {
    font-size: clamp(17px, 5vw, 20px);
  }
}
.page_services .sec_lp_gas .features_wrap .achievements, .page_services .sec_water .features_wrap .achievements, .page_services .sec_electric .features_wrap .achievements {
  display: flex;
  width: 90%;
  max-width: 1000px;
  margin: 80px auto 60px;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .features_wrap .achievements, .page_services .sec_water .features_wrap .achievements, .page_services .sec_electric .features_wrap .achievements {
    display: block;
    margin: 60px auto 60px;
  }
}
.page_services .sec_lp_gas .features_wrap .achievements .title, .page_services .sec_water .features_wrap .achievements .title, .page_services .sec_electric .features_wrap .achievements .title {
  color: #081734;
  font-size: 30px;
  font-weight: 900;
  width: 186px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .features_wrap .achievements .title, .page_services .sec_water .features_wrap .achievements .title, .page_services .sec_electric .features_wrap .achievements .title {
    width: 100%;
    font-size: 26px;
  }
}
.page_services .sec_lp_gas .features_wrap .achievements .achieve_list, .page_services .sec_water .features_wrap .achievements .achieve_list, .page_services .sec_electric .features_wrap .achievements .achieve_list {
  width: calc(100% - 186px);
  border-left: 1px solid #081734;
  padding-left: 60px;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .features_wrap .achievements .achieve_list, .page_services .sec_water .features_wrap .achievements .achieve_list, .page_services .sec_electric .features_wrap .achievements .achieve_list {
    width: 100%;
    padding-left: 20px;
    margin-top: 20px;
  }
}
.page_services .sec_lp_gas .features_wrap .achievements .achieve_list li, .page_services .sec_water .features_wrap .achievements .achieve_list li, .page_services .sec_electric .features_wrap .achievements .achieve_list li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap .achievements .achieve_list li, .page_services .sec_water .features_wrap .achievements .achieve_list li, .page_services .sec_electric .features_wrap .achievements .achieve_list li {
    font-size: 14px;
  }
}
.page_services .sec_lp_gas .features_wrap .achievements .achieve_list li:last-of-type, .page_services .sec_water .features_wrap .achievements .achieve_list li:last-of-type, .page_services .sec_electric .features_wrap .achievements .achieve_list li:last-of-type {
  margin-bottom: 0;
}
.page_services .sec_lp_gas .features_wrap .achievements .achieve_list li::after, .page_services .sec_water .features_wrap .achievements .achieve_list li::after, .page_services .sec_electric .features_wrap .achievements .achieve_list li::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 16px;
  height: 12px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #0071BC;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 18 14'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M6.3,13.2L.6,7.4l1.2-1.2,4.6,4.6L16.3.9l1.2,1.2L6.3,13.2Z'/%3E%3C/svg%3E");
}
.page_services .sec_lp_gas .features_wrap .case, .page_services .sec_water .features_wrap .case, .page_services .sec_electric .features_wrap .case {
  width: 90%;
  max-width: 1000px;
  margin: auto auto;
  padding: 40px 60px;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
}
.page_services .sec_lp_gas .features_wrap .case #case_lp_gas, .page_services .sec_water .features_wrap .case #case_lp_gas, .page_services .sec_electric .features_wrap .case #case_lp_gas {
  margin: 0;
  border: none;
  position: absolute;
  top: -90px;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .features_wrap .case, .page_services .sec_water .features_wrap .case, .page_services .sec_electric .features_wrap .case {
    padding: 40px 40px;
    margin: auto auto;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap .case, .page_services .sec_water .features_wrap .case, .page_services .sec_electric .features_wrap .case {
    padding: 30px 5%;
    margin: auto auto;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .features_wrap .case .txt, .page_services .sec_water .features_wrap .case .txt, .page_services .sec_electric .features_wrap .case .txt {
    font-size: 14px;
  }
}
.page_services .sec_lp_gas .features_wrap .case .txt:nth-of-type(2), .page_services .sec_water .features_wrap .case .txt:nth-of-type(2), .page_services .sec_electric .features_wrap .case .txt:nth-of-type(2) {
  margin-top: 20px;
}
.page_services .sec_lp_gas .features_wrap .case .flex_wrap, .page_services .sec_water .features_wrap .case .flex_wrap, .page_services .sec_electric .features_wrap .case .flex_wrap {
  margin: auto auto 40px;
  column-gap: 40px;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .features_wrap .case .flex_wrap, .page_services .sec_water .features_wrap .case .flex_wrap, .page_services .sec_electric .features_wrap .case .flex_wrap {
    margin: auto auto 20px;
  }
}
.page_services .sec_lp_gas .features_wrap .case .txt_wrap, .page_services .sec_water .features_wrap .case .txt_wrap, .page_services .sec_electric .features_wrap .case .txt_wrap {
  width: calc(50% - 40px);
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .features_wrap .case .txt_wrap, .page_services .sec_water .features_wrap .case .txt_wrap, .page_services .sec_electric .features_wrap .case .txt_wrap {
    width: 100%;
  }
}
.page_services .sec_lp_gas .features_wrap .case .txt_wrap .place, .page_services .sec_water .features_wrap .case .txt_wrap .place, .page_services .sec_electric .features_wrap .case .txt_wrap .place {
  font-size: 18px;
  font-weight: 900;
  color: #081734;
}
.page_services .sec_lp_gas .features_wrap .case .txt_wrap .case_title, .page_services .sec_water .features_wrap .case .txt_wrap .case_title, .page_services .sec_electric .features_wrap .case .txt_wrap .case_title {
  color: #081734;
  font-size: 24px;
  font-weight: 900;
  margin-top: 10px;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .features_wrap .case .txt_wrap .case_title, .page_services .sec_water .features_wrap .case .txt_wrap .case_title, .page_services .sec_electric .features_wrap .case .txt_wrap .case_title {
    font-size: 20px;
  }
}
.page_services .sec_lp_gas .features_wrap .case .txt_wrap .tag, .page_services .sec_water .features_wrap .case .txt_wrap .tag, .page_services .sec_electric .features_wrap .case .txt_wrap .tag {
  font-size: 16px;
  color: #666666;
  margin-top: 30px;
}
@media screen and (max-width: 999px) {
  .page_services .sec_lp_gas .features_wrap .case .txt_wrap .tag, .page_services .sec_water .features_wrap .case .txt_wrap .tag, .page_services .sec_electric .features_wrap .case .txt_wrap .tag {
    font-size: 12px;
    margin-top: 20px;
  }
}
.page_services .sec_lp_gas .large_btn, .page_services .sec_water .large_btn, .page_services .sec_electric .large_btn {
  background-color: #0071BC;
  width: 90%;
  max-width: 880px;
  display: flex;
  align-items: center;
  column-gap: 20px;
  padding: 20px 30px 20px 30px;
  border-radius: 100px;
  transition: 0.3s;
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn, .page_services .sec_water .large_btn, .page_services .sec_electric .large_btn {
    border-radius: 10px;
    display: block;
    position: relative;
    padding: 20px 40px 20px 30px;
  }
  .page_services .sec_lp_gas .large_btn .window, .page_services .sec_water .large_btn .window, .page_services .sec_electric .large_btn .window {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page_services .sec_lp_gas .large_btn .window .win, .page_services .sec_water .large_btn .window .win, .page_services .sec_electric .large_btn .window .win {
    width: 10px;
    height: 10px;
  }
}
.page_services .sec_lp_gas .large_btn:hover, .page_services .sec_water .large_btn:hover, .page_services .sec_electric .large_btn:hover {
  background-color: #081734;
}
.page_services .sec_lp_gas .large_btn:hover .txt_area .window .win::after, .page_services .sec_water .large_btn:hover .txt_area .window .win::after, .page_services .sec_electric .large_btn:hover .txt_area .window .win::after {
  background: #081734;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn:hover, .page_services .sec_water .large_btn:hover, .page_services .sec_electric .large_btn:hover {
    background-color: #0071BC;
  }
}
.page_services .sec_lp_gas .large_btn .logo_wrap, .page_services .sec_water .large_btn .logo_wrap, .page_services .sec_electric .large_btn .logo_wrap {
  width: 190px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_lp_gas .large_btn .logo_wrap, .page_services .sec_water .large_btn .logo_wrap, .page_services .sec_electric .large_btn .logo_wrap {
    width: 15.83vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn .logo_wrap, .page_services .sec_water .large_btn .logo_wrap, .page_services .sec_electric .large_btn .logo_wrap {
    margin: auto auto 20px;
    width: 190px;
  }
}
.page_services .sec_lp_gas .large_btn .logo_wrap img, .page_services .sec_water .large_btn .logo_wrap img, .page_services .sec_electric .large_btn .logo_wrap img {
  width: 120px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_lp_gas .large_btn .logo_wrap img, .page_services .sec_water .large_btn .logo_wrap img, .page_services .sec_electric .large_btn .logo_wrap img {
    width: 10vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn .logo_wrap img, .page_services .sec_water .large_btn .logo_wrap img, .page_services .sec_electric .large_btn .logo_wrap img {
    margin: auto;
    width: 120px;
  }
}
.page_services .sec_lp_gas .large_btn .txt_area, .page_services .sec_water .large_btn .txt_area, .page_services .sec_electric .large_btn .txt_area {
  width: calc(100% - 190px - 20px);
  padding-right: 80px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_lp_gas .large_btn .txt_area, .page_services .sec_water .large_btn .txt_area, .page_services .sec_electric .large_btn .txt_area {
    width: calc(100% - 15.83vw - 20px);
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn .txt_area, .page_services .sec_water .large_btn .txt_area, .page_services .sec_electric .large_btn .txt_area {
    width: 100%;
    padding-right: 0;
  }
}
.page_services .sec_lp_gas .large_btn .txt_area .service_tlt, .page_services .sec_water .large_btn .txt_area .service_tlt, .page_services .sec_electric .large_btn .txt_area .service_tlt {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn .txt_area .service_tlt, .page_services .sec_water .large_btn .txt_area .service_tlt, .page_services .sec_electric .large_btn .txt_area .service_tlt {
    justify-content: center;
    display: block;
  }
}
.page_services .sec_lp_gas .large_btn .txt_area .service_tlt span, .page_services .sec_water .large_btn .txt_area .service_tlt span, .page_services .sec_electric .large_btn .txt_area .service_tlt span {
  color: #fff;
}
.page_services .sec_lp_gas .large_btn .txt_area .service_tlt .name, .page_services .sec_water .large_btn .txt_area .service_tlt .name, .page_services .sec_electric .large_btn .txt_area .service_tlt .name {
  font-size: 30px;
  font-weight: 900;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_lp_gas .large_btn .txt_area .service_tlt .name, .page_services .sec_water .large_btn .txt_area .service_tlt .name, .page_services .sec_electric .large_btn .txt_area .service_tlt .name {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn .txt_area .service_tlt .name, .page_services .sec_water .large_btn .txt_area .service_tlt .name, .page_services .sec_electric .large_btn .txt_area .service_tlt .name {
    font-size: 22px;
    display: block;
    text-align: center;
  }
}
.page_services .sec_lp_gas .large_btn .txt_area .service_tlt .sub, .page_services .sec_water .large_btn .txt_area .service_tlt .sub, .page_services .sec_electric .large_btn .txt_area .service_tlt .sub {
  font-size: 22px;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_lp_gas .large_btn .txt_area .service_tlt .sub, .page_services .sec_water .large_btn .txt_area .service_tlt .sub, .page_services .sec_electric .large_btn .txt_area .service_tlt .sub {
    font-size: 1.83vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn .txt_area .service_tlt .sub, .page_services .sec_water .large_btn .txt_area .service_tlt .sub, .page_services .sec_electric .large_btn .txt_area .service_tlt .sub {
    font-size: 14px;
    display: block;
    text-align: center;
  }
}
.page_services .sec_lp_gas .large_btn .txt_area .conductor, .page_services .sec_water .large_btn .txt_area .conductor, .page_services .sec_electric .large_btn .txt_area .conductor {
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .page_services .sec_lp_gas .large_btn .txt_area .conductor, .page_services .sec_water .large_btn .txt_area .conductor, .page_services .sec_electric .large_btn .txt_area .conductor {
    font-size: 1.33vw;
  }
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn .txt_area .conductor, .page_services .sec_water .large_btn .txt_area .conductor, .page_services .sec_electric .large_btn .txt_area .conductor {
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
  }
}
.page_services .sec_lp_gas .large_btn .txt_area .window, .page_services .sec_water .large_btn .txt_area .window, .page_services .sec_electric .large_btn .txt_area .window {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_services .sec_lp_gas .large_btn .txt_area .window .win, .page_services .sec_water .large_btn .txt_area .window .win, .page_services .sec_electric .large_btn .txt_area .window .win {
  position: relative;
  width: 100%;
}
.page_services .sec_lp_gas .large_btn .txt_area .window .win::after, .page_services .sec_water .large_btn .txt_area .window .win::after, .page_services .sec_electric .large_btn .txt_area .window .win::after {
  transition: 0.3s;
  position: absolute;
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  right: 0;
  left: 0;
  margin: auto;
  top: 60%;
  transform: translateY(-50%);
  background: #0071BC;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 21'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M2.1,20.5c-.6,0-1.1-.2-1.5-.6-.4-.4-.6-.9-.6-1.5V2.6c0-.6.2-1.1.6-1.5.4-.4.9-.6,1.5-.6h7.4v1.8H2.1c0,0-.2,0-.2.1,0,0-.1.2-.1.2v15.7c0,0,0,.2.1.2,0,0,.2.1.2.1h15.7c0,0,.2,0,.2-.1,0,0,.1-.2.1-.2v-7.4h1.8v7.4c0,.6-.2,1.1-.6,1.5-.4.4-.9.6-1.5.6H2.1ZM7.3,14.4l-1.2-1.2L17,2.2h-4.6V.4h7.6v7.6h-1.8V3.5L7.3,14.4Z'/%3E%3C/svg%3E");
}
@media screen and (max-width: 768px) {
  .page_services .sec_lp_gas .large_btn .txt_area .window, .page_services .sec_water .large_btn .txt_area .window, .page_services .sec_electric .large_btn .txt_area .window {
    display: none;
  }
}
.page_services .sec_water .features_wrap {
  padding-top: 80px;
}
.page_services .sec_water .achievements {
  margin: 0px auto 60px !important;
}
.page_services .sec_electric .title_ver01 .jp {
  bottom: -50px;
}
@media screen and (max-width: 768px) {
  .page_services .sec_electric .title_ver01 .jp {
    font-size: 30px;
    bottom: -40px;
    line-height: 1.3;
  }
}
.page_services .sec_electric .flex_wrap {
  margin: 100px auto 80px;
}
@media screen and (max-width: 768px) {
  .page_services .sec_electric .flex_wrap {
    margin: 80px auto 40px;
  }
}
.page_services .sec_electric .features_wrap {
  padding-top: 80px;
}
.page_services .sec_electric .achievements {
  margin: 0px auto 60px !important;
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
.page_policy {
  /* ------------------------------------- */
  /* プライバシーポリシー */
  /* ------------------------------------- */
}
.page_policy .sec_policy {
  width: 90%;
  max-width: 1000px;
  margin: 100px auto;
}
@media screen and (max-width: 768px) {
  .page_policy .sec_policy {
    margin: 60px auto;
  }
}
.page_policy .sec_policy .policy_block {
  border-bottom: 1px solid #CED1D6;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.page_policy .sec_policy .policy_block:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.page_policy .sec_policy .policy_block .title {
  font-weight: 900;
  font-size: 24px;
  color: #081734;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page_policy .sec_policy .policy_block .title {
    font-size: 20px;
  }
}
.page_policy .sec_policy .policy_block .txt {
  line-height: 1.8em;
}
@media screen and (max-width: 768px) {
  .page_policy .sec_policy .policy_block .txt {
    font-size: 14px;
  }
}
.page_policy .sec_policy .policy_block .item {
  padding: 0 0 0 20px;
  margin-top: 20px;
}
.page_policy .sec_policy .policy_block .item .item_tlt {
  padding-left: 20px;
  position: relative;
  font-weight: 900;
}
.page_policy .sec_policy .policy_block .item .item_tlt::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 10px;
  background-color: #0071BC;
  left: 0;
  top: 12px;
}
.page_policy .sec_policy .policy_block .item .item_txt {
  padding-left: 20px;
  margin-top: 10px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .page_policy .sec_policy .policy_block .item .item_txt {
    font-size: 14px;
  }
}
.page_policy .sec_policy .policy_block .item .item_txt .indent {
  display: block;
  text-indent: -1.75em;
  padding-left: calc(1.75em + 20px);
  padding-right: 0;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .page_policy .sec_policy .policy_block .item .item_txt .indent {
    font-size: 14px;
  }
}
.page_policy .sec_policy .policy_block .item .item_txt .indent:first-of-type {
  margin-top: 10px;
}
.page_policy .sec_policy .policy_block .list {
  margin: 10px auto 20px;
  padding: 0 20px;
}
.page_policy .sec_policy .policy_block .list li {
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .page_policy .sec_policy .policy_block .list li {
    font-size: 14px;
  }
}
.page_policy .sec_policy .policy_block .mail_link, .page_policy .sec_policy .policy_block .link {
  color: #0071BC;
  border-bottom: 1px solid #0071BC;
  transition: 0.3s;
}
.page_policy .sec_policy .policy_block .mail_link:hover, .page_policy .sec_policy .policy_block .link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .page_policy .sec_policy .policy_block .mail_link, .page_policy .sec_policy .policy_block .link {
    font-size: 14px;
  }
}
.page_policy .sec_policy .policy_block .note {
  font-size: 14px;
  line-height: 1.8;
  color: #666666;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .page_policy .sec_policy .policy_block .note {
    font-size: 12px;
  }
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
.page_news, .page_category {
  /* ------------------------------------- */
  /* ニュース一覧 */
  /* ------------------------------------- */
}
.page_news .sec_news_log, .page_category .sec_news_log {
  width: 90%;
  max-width: 1000px;
  margin: 100px auto;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log, .page_category .sec_news_log {
    margin: 40px auto;
  }
}
.page_news .sec_news_log .cate_link_area, .page_category .sec_news_log .cate_link_area {
  display: flex;
}
.page_news .sec_news_log .cate_link_area .cate_link, .page_category .sec_news_log .cate_link_area .cate_link {
  width: 33.3333333333%;
  padding: 20px 10px;
  border-bottom: 2px solid #CED1D6;
  color: #081734;
  transition: 0.3s;
  text-align: center;
}
.page_news .sec_news_log .cate_link_area .cate_link.current, .page_category .sec_news_log .cate_link_area .cate_link.current {
  border-bottom: 2px solid #0071BC;
}
.page_news .sec_news_log .cate_link_area .cate_link.current .word, .page_category .sec_news_log .cate_link_area .cate_link.current .word {
  color: #0071BC;
}
.page_news .sec_news_log .cate_link_area .cate_link:hover, .page_category .sec_news_log .cate_link_area .cate_link:hover {
  border-bottom: 2px solid #0071BC;
}
.page_news .sec_news_log .cate_link_area .cate_link:hover .word, .page_category .sec_news_log .cate_link_area .cate_link:hover .word {
  color: #0071BC;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .cate_link_area .cate_link, .page_category .sec_news_log .cate_link_area .cate_link {
    padding: 10px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.page_news .sec_news_log .cate_link_area .word, .page_category .sec_news_log .cate_link_area .word {
  display: inline-block;
  color: #081734;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}
.page_news .sec_news_log .news_list, .page_category .sec_news_log .news_list {
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .news_list, .page_category .sec_news_log .news_list {
    margin-top: 20px;
  }
}
.page_news .sec_news_log .news_list li, .page_category .sec_news_log .news_list li {
  display: flex;
  column-gap: 40px;
  border-bottom: 1px solid #CED1D6;
  min-height: 110px;
  padding: 30px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .news_list li, .page_category .sec_news_log .news_list li {
    display: block;
    height: auto;
    padding: 20px 0;
    min-height: auto;
  }
}
.page_news .sec_news_log .news_list li .arrow_sp, .page_category .sec_news_log .news_list li .arrow_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .news_list li .arrow_sp, .page_category .sec_news_log .news_list li .arrow_sp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 22px;
    background-color: #081734;
    display: block;
    right: 0;
    overflow: hidden;
  }
  .page_news .sec_news_log .news_list li .arrow_sp::after, .page_category .sec_news_log .news_list li .arrow_sp::after {
    transition: 0.3s;
    position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
    background: #fff;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100%;
    mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12'%3E%3C!-- Generator: Adobe Illustrator 29.6.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 207) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M9.7,6.6H0v-1.2h9.7L5.1.8l.9-.8,6,6-6,6-.9-.8,4.6-4.6Z'/%3E%3C/svg%3E");
  }
}
.page_news .sec_news_log .news_list .date_cate, .page_category .sec_news_log .news_list .date_cate {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .news_list .date_cate, .page_category .sec_news_log .news_list .date_cate {
    margin-bottom: 10px;
  }
}
.page_news .sec_news_log .news_list .date_cate .date, .page_category .sec_news_log .news_list .date_cate .date {
  width: 100px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .news_list .date_cate .date, .page_category .sec_news_log .news_list .date_cate .date {
    font-size: 13px;
    width: 80px;
  }
}
.page_news .sec_news_log .news_list .date_cate .cate, .page_category .sec_news_log .news_list .date_cate .cate {
  font-size: 14px;
  width: 150px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F3F5;
  color: #0071BC;
  padding: 0 10px;
  border-radius: 15px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .news_list .date_cate .cate, .page_category .sec_news_log .news_list .date_cate .cate {
    font-size: 12px;
    width: 130px;
    height: 22px;
  }
}
.page_news .sec_news_log .news_list .date_cate .cate:hover, .page_category .sec_news_log .news_list .date_cate .cate:hover {
  background-color: #0071BC;
  color: #fff;
}
.page_news .sec_news_log .news_list .post_title, .page_category .sec_news_log .news_list .post_title {
  width: calc(100% - 270px);
  font-size: 14px;
  display: flex;
  align-items: center;
  column-gap: 20px;
  width: 100%; /* 親要素に合わせた幅設定 */
  transition: 0.3s;
}
.page_news .sec_news_log .news_list .post_title .txt, .page_category .sec_news_log .news_list .post_title .txt {
  width: calc(100% - 40px);
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .news_list .post_title .txt, .page_category .sec_news_log .news_list .post_title .txt {
    font-size: 14px;
  }
}
.page_news .sec_news_log .news_list .post_title .arrow, .page_category .sec_news_log .news_list .post_title .arrow {
  margin: auto 0 auto auto;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #081734;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  .page_news .sec_news_log .news_list .post_title .arrow, .page_category .sec_news_log .news_list .post_title .arrow {
    display: none;
  }
}
.page_news .sec_news_log .news_list .post_title .arrow .arrow_icon, .page_category .sec_news_log .news_list .post_title .arrow .arrow_icon {
  width: 12px;
  height: 12px;
  right: 9px;
}
.page_news .sec_news_log .news_list .post_title .arrow .arrow_icon:before, .page_news .sec_news_log .news_list .post_title .arrow .arrow_icon:after, .page_category .sec_news_log .news_list .post_title .arrow .arrow_icon:before, .page_category .sec_news_log .news_list .post_title .arrow .arrow_icon:after {
  content: "";
  background: #fff;
  width: 12px;
  height: 12px;
}
.page_news .sec_news_log .news_list .post_title:hover, .page_category .sec_news_log .news_list .post_title:hover {
  opacity: 0.6;
}
.page_news .wp-pagenavi, .page_category .wp-pagenavi {
  display: flex;
  justify-content: center;
  margin: 40px auto auto;
}
.page_news .wp-pagenavi a, .page_news .wp-pagenavi span, .page_category .wp-pagenavi a, .page_category .wp-pagenavi span {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  border: none;
  border-radius: 20px;
  border: 1px solid #fff;
  color: #666666;
  font-family: "Poppins", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .page_news .wp-pagenavi a, .page_news .wp-pagenavi span, .page_category .wp-pagenavi a, .page_category .wp-pagenavi span {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}
.page_news .wp-pagenavi .current, .page_category .wp-pagenavi .current {
  color: #081734;
  background-color: #fff;
  border: 1px solid #081734;
}
.page_news .wp-pagenavi a, .page_news .wp-pagenavi .extend, .page_category .wp-pagenavi a, .page_category .wp-pagenavi .extend {
  color: #666666;
  background-color: #fff;
}
.page_news .wp-pagenavi .extend, .page_category .wp-pagenavi .extend {
  border: none;
}
.page_news .wp-pagenavi .last, .page_category .wp-pagenavi .last {
  margin-right: 0;
}
.page_news .wp-pagenavi a, .page_category .wp-pagenavi a {
  transition: 0.3s;
}
.page_news .wp-pagenavi a:hover, .page_category .wp-pagenavi a:hover {
  color: #081734;
  background-color: #fff;
  border: 1px solid #081734;
}
.page_news .wp-pagenavi .previouspostslink, .page_news .wp-pagenavi .nextpostslink, .page_category .wp-pagenavi .previouspostslink, .page_category .wp-pagenavi .nextpostslink {
  position: relative;
}
.page_news .wp-pagenavi .previouspostslink::after, .page_news .wp-pagenavi .nextpostslink::after, .page_category .wp-pagenavi .previouspostslink::after, .page_category .wp-pagenavi .nextpostslink::after {
  transition: 0.3s;
  position: absolute;
  display: inline-block;
  content: "";
  width: 11px;
  height: 11px;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background: #0071BC;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 9'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M7.5,6.2c.4.4,1,.4,1.4,0L14.6.6l1.4,1.4-5.7,5.7c-1.2,1.2-3.1,1.2-4.2,0L.4,2,1.9.6l5.7,5.7Z'/%3E%3C/svg%3E");
}
.page_news .wp-pagenavi .previouspostslink::after, .page_category .wp-pagenavi .previouspostslink::after {
  transform: translateY(-50%) rotate(90deg);
  right: 14px;
}

/* ------------------------------------- */
/* 詳細 */
/* ------------------------------------- */
.page_news_single .sec_under_kv {
  padding: 60px 100px;
  height: auto;
}
@media screen and (max-width: 1199px) {
  .page_news_single .sec_under_kv {
    padding: 40px 5%;
  }
}
.page_news_single .sec_under_kv .tlt_wrap {
  display: contents;
}
.page_news_single .sec_under_kv .date_cate {
  display: flex;
  column-gap: 20px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .page_news_single .sec_under_kv .date_cate {
    margin-bottom: 10px;
  }
}
.page_news_single .sec_under_kv .date_cate .date {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
@media screen and (max-width: 768px) {
  .page_news_single .sec_under_kv .date_cate .date {
    font-size: 13px;
  }
}
.page_news_single .sec_under_kv .date_cate .cate {
  font-size: 14px;
  width: 150px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F2F3F5;
  color: #0071BC;
  padding: 0 10px;
  border-radius: 15px;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page_news_single .sec_under_kv .date_cate .cate {
    font-size: 12px;
    width: 130px;
    height: 22px;
  }
}
.page_news_single .sec_under_kv .date_cate .cate:hover {
  background-color: #0071BC;
  color: #fff;
}
.page_news_single .sec_under_kv .page_title {
  font-size: 36px;
  line-height: 1.6;
  font-weight: 900;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .page_news_single .sec_under_kv .page_title {
    font-size: 24px;
    margin-top: 20px;
  }
}
.page_news_single .sec_under_kv .breadcrumbs {
  margin-top: 20px;
}
.page_news_single .sec_news_single {
  margin: 100px auto 100px;
  width: 90%;
  max-width: 1000px;
}
@media screen and (max-width: 768px) {
  .page_news_single .sec_news_single {
    margin: 60px auto;
  }
}
.page_news_single .post_content {
  margin: auto auto 40px;
}
.page_news_single .post_content p {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content p {
    font-size: 14px;
  }
}
.page_news_single .post_content a {
  color: #0071BC;
  border-bottom: 1px solid #0071BC;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content a {
    font-size: 14px;
  }
}
.page_news_single .post_content a:hover {
  opacity: 0.6;
}
.page_news_single .post_content img {
  width: auto;
  margin: 20px 0 20px 0;
}
.page_news_single .post_content h1 {
  background-color: #F2F3F5;
  color: #081734;
  font-size: 32px;
  font-weight: 900;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content h1 {
    font-size: 24px;
  }
}
.page_news_single .post_content h2 {
  color: #081734;
  font-size: 24px;
  font-weight: 900;
  border-bottom: 1px solid #081734;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content h2 {
    font-size: 20px;
  }
}
.page_news_single .post_content h3 {
  color: #081734;
  font-size: 24px;
  font-weight: 900;
  position: relative;
  padding-left: 12px;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content h3 {
    font-size: 18px;
  }
}
.page_news_single .post_content h3::before {
  position: absolute;
  content: "";
  background-color: #081734;
  width: 2px;
  height: 1em;
  top: 8px;
  left: 0;
}
.page_news_single .post_content h4 {
  color: #0071BC;
  font-size: 20px;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content h4 {
    font-size: 16px;
  }
}
.page_news_single .post_content h5 {
  color: #081734;
  font-size: 18px;
  font-weight: 900;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content h5 {
    font-size: 15px;
  }
}
.page_news_single .post_content h6 {
  color: #081734;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content h6 {
    font-size: 14px;
  }
}
.page_news_single .post_content blockquote {
  margin: 0;
  padding: 0 0 0 25px;
  position: relative;
}
.page_news_single .post_content blockquote::before {
  position: absolute;
  content: "";
  background-color: #CED1D6;
  width: 5px;
  height: 100%;
  top: 0px;
  left: 0;
}
.page_news_single .post_content blockquote p {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .page_news_single .post_content blockquote p {
    font-size: 14px;
  }
}
.page_news_single .post_content ol, .page_news_single .post_content ul {
  padding-left: 24px;
}
.page_news_single .post_content ol,
.page_news_single .post_content ul,
.page_news_single .post_content li {
  list-style: revert;
}
.page_news_single .post_content li {
  margin-bottom: 0;
}
.page_news_single .btn {
  margin: auto;
  padding-left: 55px;
}
.page_news_single .btn .arrow_icon {
  right: auto;
  left: 15px;
  transform: rotate(180deg);
  top: auto;
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
.page_404 {
  /* ------------------------------------- */
  /* エラー */
  /* ------------------------------------- */
}
.page_404 .sec_under_kv {
  height: auto;
  border-bottom: none;
}
.page_404 .sec_under_kv .tlt_wrap {
  padding: 10px 0 20px;
  position: static;
  transform: none;
}
.page_404 .sec_404 {
  width: 90%;
  max-width: 1000px;
  margin: 20px auto 100px;
}
@media screen and (max-width: 768px) {
  .page_404 .sec_404 {
    margin: auto auto 60px;
  }
}
.page_404 .sec_404 .title_ver01 {
  margin-bottom: 80px;
}
.page_404 .sec_404 .title_ver01 .jp {
  bottom: -40px;
}
@media screen and (max-width: 768px) {
  .page_404 .sec_404 .title_ver01 .jp {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .page_404 .sec_404 .title_ver01 .en {
    font-size: clamp(50px, 10.42vw, 80px);
  }
}
.page_404 .sec_404 .txt {
  text-align: center;
  line-height: 1.8;
}
.page_404 .sec_404 .btn {
  margin: 40px auto auto;
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
.page_contact, .page_confirm, .page_complete {
  border-bottom: 1px solid #666666;
  /* ------------------------------------- */
  /* コンタクト 入力　確認 */
  /* ------------------------------------- */
}
.page_contact .error, .page_confirm .error, .page_complete .error {
  color: #ED454E !important;
  font-size: 12px !important;
  margin: 10px auto auto;
}
.page_contact .sec_contact_intro, .page_confirm .sec_contact_intro, .page_complete .sec_contact_intro {
  width: 90%;
  max-width: 1200px;
  margin: 100px auto;
}
@media screen and (max-width: 768px) {
  .page_contact .sec_contact_intro, .page_confirm .sec_contact_intro, .page_complete .sec_contact_intro {
    margin: 60px auto;
  }
}
.page_contact .sec_contact_intro .catch_txt, .page_confirm .sec_contact_intro .catch_txt, .page_complete .sec_contact_intro .catch_txt {
  font-size: 24px;
  font-weight: 900;
  color: #081734;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page_contact .sec_contact_intro .catch_txt, .page_confirm .sec_contact_intro .catch_txt, .page_complete .sec_contact_intro .catch_txt {
    font-size: 20px;
  }
}
.page_contact .sec_contact_intro .txt, .page_confirm .sec_contact_intro .txt, .page_complete .sec_contact_intro .txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page_contact .sec_contact_intro .txt, .page_confirm .sec_contact_intro .txt, .page_complete .sec_contact_intro .txt {
    font-size: 14px;
  }
}
.page_contact .bg_sec_form, .page_confirm .bg_sec_form, .page_complete .bg_sec_form {
  background-color: #F2F3F5;
  padding: 70px 0 100px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form, .page_confirm .bg_sec_form, .page_complete .bg_sec_form {
    padding: 40px 0 60px;
  }
}
.page_contact .bg_sec_form .sec_form, .page_confirm .bg_sec_form .sec_form, .page_complete .bg_sec_form .sec_form {
  margin: auto;
  width: 90%;
  max-width: 1000px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .title_ver01 .en, .page_confirm .bg_sec_form .sec_form .title_ver01 .en, .page_complete .bg_sec_form .sec_form .title_ver01 .en {
    font-size: clamp(50px, 11.42vw, 80px);
  }
}
.page_contact .bg_sec_form .sec_form .title_ver01 .jp, .page_confirm .bg_sec_form .sec_form .title_ver01 .jp, .page_complete .bg_sec_form .sec_form .title_ver01 .jp {
  bottom: -40px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .title_ver01 .jp, .page_confirm .bg_sec_form .sec_form .title_ver01 .jp, .page_complete .bg_sec_form .sec_form .title_ver01 .jp {
    font-size: clamp(24px, 7.69vw, 30px);
  }
}
.page_contact .bg_sec_form .sec_form .current_ul, .page_confirm .bg_sec_form .sec_form .current_ul, .page_complete .bg_sec_form .sec_form .current_ul {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #081734;
  width: 360px;
  height: 50px;
  margin: 80px auto auto;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .current_ul, .page_confirm .bg_sec_form .sec_form .current_ul, .page_complete .bg_sec_form .sec_form .current_ul {
    max-width: 360px;
    width: 90%;
    margin: 60px auto auto;
    height: 40px;
  }
}
.page_contact .bg_sec_form .sec_form .current_ul li, .page_confirm .bg_sec_form .sec_form .current_ul li, .page_complete .bg_sec_form .sec_form .current_ul li {
  width: 90px;
  text-align: center;
  border-right: 1px solid #CED1D6;
}
.page_contact .bg_sec_form .sec_form .current_ul li:last-of-type, .page_confirm .bg_sec_form .sec_form .current_ul li:last-of-type, .page_complete .bg_sec_form .sec_form .current_ul li:last-of-type {
  border-right: none;
}
.page_contact .bg_sec_form .sec_form .current_ul li p, .page_confirm .bg_sec_form .sec_form .current_ul li p, .page_complete .bg_sec_form .sec_form .current_ul li p {
  line-height: 1.3;
  font-weight: 700;
  color: #081734;
  opacity: 0.5;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .current_ul li p, .page_confirm .bg_sec_form .sec_form .current_ul li p, .page_complete .bg_sec_form .sec_form .current_ul li p {
    font-size: 12px;
  }
}
.page_contact .bg_sec_form .sec_form .current_ul .current p, .page_confirm .bg_sec_form .sec_form .current_ul .current p, .page_complete .bg_sec_form .sec_form .current_ul .current p {
  opacity: 1;
}
.page_contact .bg_sec_form .sec_form .txt_error, .page_contact .bg_sec_form .sec_form .note, .page_confirm .bg_sec_form .sec_form .txt_error, .page_confirm .bg_sec_form .sec_form .note, .page_complete .bg_sec_form .sec_form .txt_error, .page_complete .bg_sec_form .sec_form .note {
  color: #ED454E;
  text-align: center;
  margin: 20px auto auto;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .txt_error, .page_contact .bg_sec_form .sec_form .note, .page_confirm .bg_sec_form .sec_form .txt_error, .page_confirm .bg_sec_form .sec_form .note, .page_complete .bg_sec_form .sec_form .txt_error, .page_complete .bg_sec_form .sec_form .note {
    font-size: 14px;
  }
}
.page_contact .bg_sec_form .sec_form .txt_error, .page_confirm .bg_sec_form .sec_form .txt_error, .page_complete .bg_sec_form .sec_form .txt_error {
  display: none;
}
.page_contact .bg_sec_form .sec_form .txt_error.active, .page_confirm .bg_sec_form .sec_form .txt_error.active, .page_complete .bg_sec_form .sec_form .txt_error.active {
  display: block;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper, .page_confirm .bg_sec_form .sec_form .mw_wrapper, .page_complete .bg_sec_form .sec_form .mw_wrapper {
  margin: 20px auto auto;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .mark_note, .page_confirm .bg_sec_form .sec_form .mw_wrapper .mark_note, .page_complete .bg_sec_form .sec_form .mw_wrapper .mark_note {
  color: #ED454E;
  font-size: 12px;
  font-weight: 400;
  display: block;
  text-align: right;
  margin-bottom: 10px;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .mark_note .mark, .page_confirm .bg_sec_form .sec_form .mw_wrapper .mark_note .mark, .page_complete .bg_sec_form .sec_form .mw_wrapper .mark_note .mark {
  color: #ED454E;
  font-weight: 900;
  font-size: 12px;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .mark, .page_confirm .bg_sec_form .sec_form .mw_wrapper .mark, .page_complete .bg_sec_form .sec_form .mw_wrapper .mark {
  color: #ED454E;
  font-weight: 900;
  font-size: 14px;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper dl, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl, .page_complete .bg_sec_form .sec_form .mw_wrapper dl {
  display: flex;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper dl, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl, .page_complete .bg_sec_form .sec_form .mw_wrapper dl {
    display: block;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper dl dt, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dt, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dt {
  font-size: 18px;
  font-weight: 900;
  color: #081734;
  width: 260px;
  padding: 13px 0 0 0;
  text-align: right;
  line-height: 1.6;
  margin-right: 39px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper dl dt, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dt, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dt {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    font-size: 15px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper dl dd, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd {
  border-left: 1px solid #081734;
  padding-left: 40px;
  width: calc(100% - 260px);
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd {
    width: 100%;
    border-left: none;
    padding-left: 0;
    font-size: 14px;
    padding-bottom: 10px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper dl dd input, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd select, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd input[type=checkbox], .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd input, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd select, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd input[type=checkbox], .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd input, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd select, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd input[type=checkbox] {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  border: 1px solid #fff;
  transition-duration: 300ms;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd input, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd select, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd input[type=checkbox], .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd input, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd select, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd input[type=checkbox], .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd input, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd select, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd input[type=checkbox] {
    font-size: 14px;
    padding: 15px 15px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper dl dd input::placeholder, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd textarea::placeholder, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd input::placeholder, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd textarea::placeholder, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd input::placeholder, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd textarea::placeholder {
  color: #111111;
  opacity: 0.5;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper dl dd input:focus, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd textarea:focus, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd input:focus, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd textarea:focus, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd input:focus, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd textarea:focus {
  border: 1px solid #0071BC;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper dl dd input:focus::placeholder, .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd textarea:focus::placeholder, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd input:focus::placeholder, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd textarea:focus::placeholder, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd input:focus::placeholder, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd textarea:focus::placeholder {
  color: transparent;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd textarea {
  height: 300px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_confirm .bg_sec_form .sec_form .mw_wrapper dl dd textarea, .page_complete .bg_sec_form .sec_form .mw_wrapper dl dd textarea {
    height: 150px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .inquiry_type dd, .page_confirm .bg_sec_form .sec_form .mw_wrapper .inquiry_type dd, .page_complete .bg_sec_form .sec_form .mw_wrapper .inquiry_type dd {
  position: relative;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .inquiry_type dd::after, .page_confirm .bg_sec_form .sec_form .mw_wrapper .inquiry_type dd::after, .page_complete .bg_sec_form .sec_form .mw_wrapper .inquiry_type dd::after {
  transition: 0.3s;
  position: absolute;
  display: inline-block;
  content: "";
  width: 11px;
  height: 11px;
  right: 20px;
  top: 23px;
  background: #0071BC;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 9'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M7.5,6.2c.4.4,1,.4,1.4,0L14.6.6l1.4,1.4-5.7,5.7c-1.2,1.2-3.1,1.2-4.2,0L.4,2,1.9.6l5.7,5.7Z'/%3E%3C/svg%3E");
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy dt, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy dt, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy dt {
  padding: 0;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .link, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .link, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .link {
  font-size: 18px;
  font-weight: 900;
  color: #081734;
  line-height: 1;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #081734;
  transition: 0.3s;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .link:hover, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .link:hover, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .link, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .link, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .link {
    font-size: 15px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .icon, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .icon, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .icon {
  position: relative;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .icon::after, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .icon::after, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .icon::after {
  transition: 0.3s;
  position: absolute;
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  right: 0;
  left: 0;
  margin: auto;
  top: 60%;
  transform: translateY(-50%);
  background: #0071BC;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_1' data-name='レイヤー_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 21'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %230071bc; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M2.1,20.5c-.6,0-1.1-.2-1.5-.6-.4-.4-.6-.9-.6-1.5V2.6c0-.6.2-1.1.6-1.5.4-.4.9-.6,1.5-.6h7.4v1.8H2.1c0,0-.2,0-.2.1,0,0-.1.2-.1.2v15.7c0,0,0,.2.1.2,0,0,.2.1.2.1h15.7c0,0,.2,0,.2-.1,0,0,.1-.2.1-.2v-7.4h1.8v7.4c0,.6-.2,1.1-.6,1.5-.4.4-.9.6-1.5.6H2.1ZM7.3,14.4l-1.2-1.2L17,2.2h-4.6V.4h7.6v7.6h-1.8V3.5L7.3,14.4Z'/%3E%3C/svg%3E");
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy input[type=checkbox].check, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy input[type=checkbox].check, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy input[type=checkbox].check {
  display: none;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .privacy_wrapper label, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .privacy_wrapper label, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .privacy_wrapper label {
  display: inline-block;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check + span, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check + span, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check + span {
  padding-left: 28px;
  display: inline-block;
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check + span, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check + span, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check + span {
    padding-left: 24px;
    padding-top: 0;
    font-size: 15px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after,
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after,
.page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after,
.page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  transition-duration: 300ms;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before {
  background-color: #fff;
  border-radius: 3px;
  left: 0;
  height: 20px;
  width: 20px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::before {
    height: 16px;
    width: 16px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after {
  border: none;
  border-right: 1px solid #0071BC;
  border-bottom: 1px solid #0071BC;
  height: 10px;
  left: 7px;
  opacity: 0;
  top: 3px;
  transform: rotate(45deg);
  width: 5px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check + span::after {
    height: 8px;
    left: 6px;
    opacity: 0;
    top: 3px;
    width: 3px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .check:checked + span::after, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .check:checked + span::after, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .check:checked + span::after {
  opacity: 1;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .error, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .error, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .error {
  text-align: left;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .privacy .open-area, .page_confirm .bg_sec_form .sec_form .mw_wrapper .privacy .open-area, .page_complete .bg_sec_form .sec_form .mw_wrapper .privacy .open-area {
  display: none;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .btn_wrap, .page_confirm .bg_sec_form .sec_form .mw_wrapper .btn_wrap, .page_complete .bg_sec_form .sec_form .mw_wrapper .btn_wrap {
  display: flex;
  column-gap: 40px;
  justify-content: center;
  flex-direction: row-reverse;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .page_contact .bg_sec_form .sec_form .mw_wrapper .btn_wrap, .page_confirm .bg_sec_form .sec_form .mw_wrapper .btn_wrap, .page_complete .bg_sec_form .sec_form .mw_wrapper .btn_wrap {
    flex-direction: column;
    justify-content: center;
    margin: 40px auto auto;
    align-items: center;
    row-gap: 10px;
  }
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .btn, .page_confirm .bg_sec_form .sec_form .mw_wrapper .btn, .page_complete .bg_sec_form .sec_form .mw_wrapper .btn {
  transition: 0.3s;
  text-align: left;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .btn .btn_txt, .page_confirm .bg_sec_form .sec_form .mw_wrapper .btn .btn_txt, .page_complete .bg_sec_form .sec_form .mw_wrapper .btn .btn_txt {
  color: #fff;
  font-weight: 700;
  height: 100%;
  width: 100%;
  text-align: left;
  padding: 0;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .back, .page_confirm .bg_sec_form .sec_form .mw_wrapper .back, .page_complete .bg_sec_form .sec_form .mw_wrapper .back {
  padding-left: 55px;
}
.page_contact .bg_sec_form .sec_form .mw_wrapper .back .arrow_icon, .page_confirm .bg_sec_form .sec_form .mw_wrapper .back .arrow_icon, .page_complete .bg_sec_form .sec_form .mw_wrapper .back .arrow_icon {
  right: auto;
  left: 15px;
  transform: rotate(180deg);
  top: auto;
}

.page_contact .back {
  display: none;
}

.page_confirm .back {
  display: flex;
}

.page_confirm .mw_wrapper .mark_note {
  display: none !important;
}
.page_confirm .mw_wrapper .inquiry_type dd {
  position: relative;
}
.page_confirm .mw_wrapper .inquiry_type dd::after {
  display: none !important;
}
.page_confirm .mw_wrapper dl dt {
  padding: 18px 0 18px 0 !important;
}
@media screen and (max-width: 768px) {
  .page_confirm .mw_wrapper dl dt {
    padding: 20px 0 0 0 !important;
  }
}
.page_confirm .mw_wrapper dl dt .mark {
  display: none;
}
.page_confirm .mw_wrapper dl dd {
  padding: 20px 0 20px 40px;
}
@media screen and (max-width: 768px) {
  .page_confirm .mw_wrapper dl dd {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #666666;
  }
}
.page_confirm .mw_wrapper .privacy, .page_confirm .mw_wrapper .kakunin {
  display: none !important;
}

.page_complete .current_ul {
  margin: 0 auto auto !important;
}
.page_complete .mw_wrapper {
  margin-top: 30px !important;
}
.page_complete .mw_wrapper .icon_wrap {
  width: 150px;
  height: auto;
  margin: auto auto 20px;
}
.page_complete .mw_wrapper .bold {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page_complete .mw_wrapper .bold {
    font-size: 18px;
  }
}
.page_complete .mw_wrapper .txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page_complete .mw_wrapper .txt {
    font-size: 14px;
    text-align: left;
  }
}
.page_complete .mw_wrapper .bold_txt {
  font-weight: 700;
  text-align: center;
  color: #0071BC;
}
@media screen and (max-width: 768px) {
  .page_complete .mw_wrapper .bold_txt {
    font-size: 14px;
    text-align: left;
  }
}
.page_complete .mw_wrapper .btn_wrap_complete {
  display: flex;
  justify-content: center;
  column-gap: 40px;
  flex-direction: row;
  margin: 40px auto auto;
}
@media screen and (max-width: 768px) {
  .page_complete .mw_wrapper .btn_wrap_complete {
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
  }
}
.page_complete .mw_wrapper .conductor_wrap {
  background-color: #fff;
  border-radius: 5px;
  margin-top: 40px;
  padding: 40px 20px;
}
@media screen and (max-width: 768px) {
  .page_complete .mw_wrapper .conductor_wrap .bold {
    text-align: left;
    font-size: 18px;
  }
}
.page_complete .mw_wrapper .conductor_wrap .conductor_btn_wrap {
  display: flex;
  column-gap: 20px;
  row-gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .page_complete .mw_wrapper .conductor_wrap .conductor_btn_wrap {
    flex-direction: column;
    align-items: center;
  }
}
.page_complete .mw_wrapper .conductor_wrap .conductor_btn_wrap .btn_small {
  width: 260px;
  height: 50px;
  font-size: 14px;
}/*# sourceMappingURL=style.css.map */