@charset "UTF-8";
.bottom_bg {
  background: url(../img/top/news_bg.png);
}

/*
========================================================================= */
/*  header
========================================================================= */
header .headline {
  padding: 0 calc(var(--var-1) * 18) calc(var(--var-1) * 20) calc(var(--var-1) * 25);
}
header .headline .header_logo {
  padding-top: calc(var(--var-1) * 8);
  width: calc(var(--var-1) * 104);
  height: calc(var(--var-1) * 80);
}
header .headline .header_right .cmn_info .header_tel {
  padding-top: calc(var(--var-1) * 8);
}
header .headline .header_right .cmn_info .hd_btn {
  display: block;
  width: calc(var(--var-1) * 240);
  margin-left: calc(var(--var-1) * 26);
  padding: calc(var(--var-1) * 22) 0;
  color: var(--cl-white);
  border-radius: 0 0 calc(var(--var-1) * 5) calc(var(--var-1) * 5);
  font: 700 calc(var(--var-1) * 19)/1 var(--family-base);
  text-align: center;
}
header .headline .header_right .cmn_info .hd_btn::before {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 19);
  height: calc(var(--var-1) * 12);
  margin-right: calc(var(--var-1) * 8);
  background: url(../img/cmn/mail_icon.png) no-repeat top/100%;
}
header .headline .header_right .cmn_info .hd_btn:hover {
  background: linear-gradient(135deg, rgb(134, 209, 108) 0%, rgb(134, 209, 108) 30%, rgb(92, 194, 242) 60%, rgb(92, 194, 242) 100%);
}
header .headline .header_right .gnav_list {
  gap: calc(var(--var-1) * 28);
  margin-top: calc(var(--var-1) * 20);
}
header .headline .header_right .gnav_list .gnav_list_item {
  font: 700 calc(var(--var-1) * 17)/1 var(--family-base);
  transition: 0.3s;
}
header .headline .header_right .gnav_list .gnav_list_item:hover {
  color: var(--cl-blue);
}

.current {
  color: var(--cl-blue);
}

/*
========================================================================= */
/*  footer
========================================================================= */
footer {
  padding: calc(var(--var-1) * 56) 0 calc(var(--var-1) * 64);
  background: var(--txt-base);
  color: var(--cl-white);
}
footer .footer_logo {
  width: calc(var(--var-1) * 104);
  height: calc(var(--var-1) * 80);
  margin: 0 auto;
}
footer .footer_gnav_list {
  gap: calc(var(--var-1) * 22) 0;
  width: calc(var(--var-1) * 780);
  margin: calc(var(--var-1) * 80) auto 0;
}
footer .footer_gnav_list .footer_gnav_list_item .footer_gnav_link {
  display: block;
  padding: 0 calc(var(--var-1) * 24);
  border-left: 1px solid var(--cl-white);
  font: 400 calc(var(--var-1) * 14)/1 var(--family-base);
  transition: 0.3s;
}
footer .footer_gnav_list .footer_gnav_list_item .footer_gnav_link:hover {
  color: var(--cl-blue);
}
footer .footer_gnav_list .footer_gnav_list_item:nth-child(5), footer .footer_gnav_list .footer_gnav_list_item:nth-child(9) {
  border-right: 1px solid var(--cl-white);
}

/*
========================================================================= */
/*  mv
========================================================================= */
.mv {
  padding: calc(var(--var-1-sub) * 200) 0 calc(var(--var-1-sub) * 44);
  background: url(../img/top/mv_img1.png) no-repeat right 100% top/50%, url(../img/top/mv_img2.png) no-repeat right top/50%;
  text-align: center;
}
@media screen and (max-width: 1718px) {
  .mv {
    padding: calc(var(--var-1-sub) * 170) 0 calc(var(--var-1-sub) * 50);
  }
}
.mv .mv_ttl {
  width: calc(var(--var-1) * 615);
  height: calc(var(--var-1) * 153);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.mv .mv_ttl .mv_deco {
  position: relative;
  width: calc(var(--var-1) * 300);
}
.mv .mv_ttl .mv_deco::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 34);
  left: calc(var(--var-1) * -155);
  display: block;
  width: calc(var(--var-1) * 300);
  height: calc(var(--var-1) * 12);
  background-image: repeating-linear-gradient(-45deg, rgba(134, 209, 108, 0.6), rgba(134, 209, 108, 0.6) 2px, transparent 2px, transparent 4px);
}
.mv .mv_ttl .mv_ttl_sub {
  display: block;
  width: calc(var(--var-1) * 340);
  margin: 0 auto calc(var(--var-1) * 20);
  padding: calc(var(--var-1) * 16) 0 calc(var(--var-1) * 20);
  background: linear-gradient(135deg, rgba(92, 194, 242, 0.8) 0%, rgba(92, 194, 242, 0.8) 30%, rgba(134, 209, 108, 0.8) 60%, rgba(134, 209, 108, 0.8) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(38, 38, 42, 0.4);
  border-radius: calc(var(--var-1) * 100);
  font: 900 calc(var(--var-1) * 24)/1 var(--family-base);
  position: relative;
}
.mv .mv_ttl .mv_ttl_sub::before {
  content: "";
  position: absolute;
  bottom: calc(var(--var-1) * -11);
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 11);
  background: var(--cl-white);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.mv .mv_ttl .mv_ttl_sub::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--cl-white);
  border-radius: calc(var(--var-1) * 100);
}
.mv .mv_ttl .mv_ttl_sub small {
  font-size: calc(var(--var-1) * 20);
}
.mv .mv_list {
  width: calc(var(--var-1) * 1080);
  margin: calc(var(--var-1-sub) * 234) auto 0;
}
@media screen and (max-width: 1718px) {
  .mv .mv_list {
    margin: calc(var(--var-1-sub) * 154) auto 0;
  }
}
.mv .mv_list .mv_item {
  display: block;
  width: calc(var(--var-1) * 400);
  padding: calc(var(--var-1) * 13);
  background: var(--cl-blue);
  border-radius: 0 calc(var(--var-1) * 30) 0 calc(var(--var-1) * 30);
}
.mv .mv_list .mv_item .mv_lead {
  padding-top: calc(var(--var-1) * 5);
  color: var(--cl-white);
  font: 900 calc(var(--var-1) * 24)/1.333 var(--family-base);
}
.mv .mv_list .mv_item .mv_link {
  display: block;
  width: 100%;
  margin-top: calc(var(--var-1) * 18);
  padding: calc(var(--var-1) * 16) 0;
  background: var(--cl-white);
  color: var(--cl-blue);
  border-radius: calc(var(--var-1) * 5) calc(var(--var-1) * 15) calc(var(--var-1) * 5) calc(var(--var-1) * 15);
  font: 700 calc(var(--var-1) * 17)/1 var(--family-base);
  position: relative;
}
.mv .mv_list .mv_item .mv_link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: calc(var(--var-1) * 10);
  display: block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 20);
  background: url(../img/cmn/arw_r.png) no-repeat top/100%;
  transform: translateY(calc(var(--var-1) * 1));
}
.mv .mv_list .mv_item:nth-child(2) {
  background: var(--cl-green);
}
.mv .mv_list .mv_item:nth-child(2) .mv_lead {
  padding-top: calc(var(--var-1) * 18);
}
.mv .mv_list .mv_item:nth-child(2) .mv_lead em {
  font-size: calc(var(--var-1) * 28);
}
.mv .mv_list .mv_item:nth-child(2) .mv_link {
  margin-top: calc(var(--var-1) * 32);
  color: var(--cl-green);
}

/*
========================================================================= */
/*  sv
========================================================================= */
.sb_mv {
  padding: calc(var(--var-1) * 120) 0;
  position: relative;
  z-index: 0;
  text-align: center;
}
.sb_mv .sv_ttl {
  display: inline-block;
  margin: 0 auto;
  padding: calc(var(--var-1) * 32) calc(var(--var-1) * 50) calc(var(--var-1) * 30);
  background: linear-gradient(135deg, rgba(92, 194, 242, 0.8) 0%, rgba(92, 194, 242, 0.8) 30%, rgba(134, 209, 108, 0.8) 60%, rgba(134, 209, 108, 0.8) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(38, 38, 42, 0.4);
  font: 900 calc(var(--var-1) * 42)/1 var(--family-base);
  text-align: center;
  position: relative;
}
.sb_mv .sv_ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--cl-white);
  border-radius: 0 calc(var(--var-1) * 30) 0 calc(var(--var-1) * 30);
}

/*
========================================================================= */
/*  下層の背景設定
========================================================================= */
.about_mv {
  background: url(../img/sv/about.png) no-repeat top/cover;
}

.service_mv {
  background: url(../img/sv/service.png) no-repeat top/cover;
}

.collect_mv {
  background: url(../img/sv/collect.png) no-repeat top/cover;
}

.faq_mv {
  background: url(../img/sv/faq.png) no-repeat top/cover;
}

.news_mv {
  background: url(../img/sv/news.png) no-repeat top/cover;
}

.contact_mv {
  background: url(../img/sv/contact.png) no-repeat top/cover;
}

.complete_mv {
  background: url(../img/sv/complete.png) no-repeat top/cover;
}

.privacy_mv {
  background: url(../img/sv/privacy.png) no-repeat top/cover;
}

.site_mv {
  background: url(../img/sv/site.png) no-repeat top/cover;
}

.notfound_mv {
  background: url(../img/sv/notfound.png) no-repeat top/cover;
}

/*
========================================================================= */
/*  top_about
========================================================================= */
.top_about {
  background: url(../img/top/about_bg.png) no-repeat right;
}
.top_about .top_about_content {
  gap: calc(var(--var-1) * 70);
}
.top_about .top_about_content .top_about_figure_wrap {
  gap: calc(var(--var-1-sub) * 10);
  margin-left: calc(var(--var-1-sub) * -330);
}
@media screen and (max-width: 1500px) {
  .top_about .top_about_content .top_about_figure_wrap {
    margin-left: calc(var(--var-1-sub) * -130);
  }
}
.top_about .top_about_content .top_about_figure_wrap .top_about_figure {
  width: calc(var(--var-1-sub) * 720);
  height: calc(var(--var-1-sub) * 400);
}
.top_about .top_about_content .top_about_txt .top_about_ttl {
  text-indent: calc(var(--var-1) * -30);
  padding-left: calc(var(--var-1) * 12);
  line-height: 1.4;
  text-align: left;
  align-items: flex-start;
}
.top_about .top_about_content .top_about_txt .top_about_ttl .top_about_ttl_en {
  margin-bottom: calc(var(--var-1) * 32);
  padding-left: calc(var(--var-1) * 18);
}
.top_about .top_about_content .top_about_txt .top_about_desc {
  margin-top: calc(var(--var-1) * 32);
  line-height: 2.118;
  white-space: nowrap;
}
.top_about .top_about_content .top_about_txt .top_about_btn_wrap {
  text-align: right;
}
.top_about .top_about_content .top_about_txt .top_about_btn_wrap .top_about_btn {
  display: inline-block;
  margin-top: calc(var(--var-1) * 36);
  padding-bottom: calc(var(--var-1) * 12);
  background-image: radial-gradient(circle, #5cc2f2 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: calc(var(--var-1) * 4) calc(var(--var-1) * 2);
  font: 700 calc(var(--var-1) * 20)/1 var(--family-base);
}
.top_about .top_about_content .top_about_txt .top_about_btn_wrap .top_about_btn::after {
  content: "";
  display: inline-block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 20);
  margin-left: calc(var(--var-1) * 17);
  background: url(../img/cmn/arw_r.png) no-repeat top/100%;
  transform: translateY(calc(var(--var-1) * 3));
  transition: 0.3s;
}
.top_about .top_about_content .top_about_txt .top_about_btn_wrap .top_about_btn:hover::after {
  transform: translateY(calc(var(--var-1) * 3)) translateX(calc(var(--var-1) * 4));
}

/*
========================================================================= */
/*  top_service
========================================================================= */
.top_service {
  padding-bottom: calc(var(--var-1) * 140);
  background: url(../img/top/service_bg.png) no-repeat bottom;
}
.top_service .top_service_desc {
  margin-top: calc(var(--var-1) * 40);
  line-height: 1;
  text-align: center;
}
.top_service .top_service_list {
  margin-top: calc(var(--var-1) * 60);
}
.top_service .top_service_list .top_service_item {
  width: calc(var(--var-1) * 520);
  padding: calc(var(--var-1) * 10) calc(var(--var-1) * 10) calc(var(--var-1) * 20);
  background: url(../img/top/service_cont_bg1.png) no-repeat top/cover;
}
.top_service .top_service_list .top_service_item .top_service_figure {
  width: calc(var(--var-1) * 500);
  height: calc(var(--var-1) * 320);
}
.top_service .top_service_list .top_service_item .top_service_txt {
  color: var(--cl-white);
}
.top_service .top_service_list .top_service_item .top_service_txt .top_service_lead {
  margin-top: calc(var(--var-1) * 30);
  font: 900 calc(var(--var-1) * 28)/1 var(--family-base);
  text-align: center;
}
.top_service .top_service_list .top_service_item .top_service_txt .top_service_desc {
  margin-top: calc(var(--var-1) * 22);
  font: 700 calc(var(--var-1) * 16)/2 var(--family-base);
}
.top_service .top_service_list .top_service_item .top_service_txt .top_service_btn {
  margin: calc(var(--var-1) * 28) calc(var(--var-1) * 10) 0;
}
.top_service .top_service_list .top_service_item:nth-child(2) {
  background: url(../img/top/service_cont_bg2.png) top/cover;
}
.top_service .top_service_list .top_service_item:nth-child(2) .top_service_txt .top_service_btn {
  color: var(--cl-green);
}

/*
========================================================================= */
/*  top_faq
========================================================================= */
.top_faq {
  padding: calc(var(--var-1) * 30) 0;
  background: url(../img/top/faq_bg.png);
}
.top_faq .top_faq_content .top_faq_txt {
  color: var(--cl-white);
}
.top_faq .top_faq_content .top_faq_txt .top_faq_ttl {
  color: var(--cl-white);
  font-size: calc(var(--var-1) * 36);
  text-align: left;
}
.top_faq .top_faq_content .top_faq_txt .top_faq_ttl .top_faq_ttl_en {
  color: var(--cl-white);
}
.top_faq .top_faq_content .top_faq_txt .top_faq_desc {
  margin-top: calc(var(--var-1) * 28);
}
.top_faq .top_faq_content .top_faq_txt .top_faq_btn {
  width: calc(var(--var-1) * 400);
  margin-top: calc(var(--var-1) * 32);
}
.top_faq .top_faq_content .top_faq_figure {
  width: calc(var(--var-1) * 600);
  height: calc(var(--var-1) * 370);
  position: relative;
  z-index: 0;
}
.top_faq .top_faq_content .top_faq_figure::before {
  content: "";
  position: absolute;
  top: calc(var(--var-1) * 8);
  left: calc(var(--var-1) * 10);
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--cl-green-light);
  border-radius: calc(var(--var-1) * 5);
}

/*
========================================================================= */
/*  top_news
========================================================================= */
.top_news {
  padding: calc(var(--var-1) * 108) 0 calc(var(--var-1) * 46);
}
.top_news .top_news_left .top_news_ttl {
  text-align: left;
}
.top_news .top_news_left .top_news_btn {
  width: calc(var(--var-1) * 230);
  margin-top: calc(var(--var-1) * 36);
  border: 1px solid var(--cl-gray);
}
.top_news .top_news_right .top_news_content {
  width: calc(var(--var-1) * 800);
  padding: calc(var(--var-1) * 18) calc(var(--var-1) * 18) calc(var(--var-1) * 8);
  border-bottom: 1px solid var(--cl-gray);
}
.top_news .top_news_right .top_news_content .top_news_top time {
  line-height: 1;
}
.top_news .top_news_right .top_news_content .top_news_top .top_news_tag_list {
  gap: calc(var(--var-1) * 8);
  margin-left: calc(var(--var-1) * 10);
  padding-left: calc(var(--var-1) * 8);
  border-left: 1px solid var(--txt-base);
}
.top_news .top_news_right .top_news_content .top_news_top .top_news_tag_list .top_news_tag_item {
  line-height: 1;
}
.top_news .top_news_right .top_news_content .top_news_lead {
  margin-top: calc(var(--var-1) * 16);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top_news .top_news_right .top_news_content:first-child {
  padding-top: 0;
}
.top_news .top_news_right .top_news_content:last-child {
  border: none;
}

/*
========================================================================= */
/*  about_concept
========================================================================= */
.about_concept {
  padding-bottom: 0;
}
.about_concept .about_concept_content {
  margin-top: calc(var(--var-1) * 68);
}
.about_concept .about_concept_content .about_concept_figure {
  width: calc(var(--var-1) * 400);
  height: calc(var(--var-1) * 520);
}
.about_concept .about_concept_content .about_concept_desc {
  line-height: 2.118;
}

/*
========================================================================= */
/*  about_service
========================================================================= */
.about_service {
  padding: calc(var(--var-1) * 140) 0 0;
}
.about_service .about_service_list {
  gap: calc(var(--var-1) * 70);
  margin-top: calc(var(--var-1) * 64);
}
.about_service .about_service_list .about_service_item {
  background: url(../img/about/service_bg1.png);
  gap: calc(var(--var-1) * 30);
  padding: calc(var(--var-1) * 18);
}
.about_service .about_service_list .about_service_item .about_service_figure {
  flex-shrink: 0;
  width: calc(var(--var-1) * 410);
  height: calc(var(--var-1) * 280);
}
.about_service .about_service_list .about_service_item .about_service_txt {
  padding-top: calc(var(--var-1) * 8);
  color: var(--cl-white);
}
.about_service .about_service_list .about_service_item .about_service_txt .about_service_lead {
  font: 900 calc(var(--var-1) * 32)/1 var(--family-base);
}
.about_service .about_service_list .about_service_item .about_service_txt .about_service_desc {
  margin-top: calc(var(--var-1) * 20);
}
.about_service .about_service_list .about_service_item:nth-child(2) {
  background: url(../img/about/service_bg2.png);
}
.about_service .about_service_list .about_service_item:nth-child(3) {
  background: url(../img/about/service_bg3.png);
}

/*
========================================================================= */
/*  about_area
========================================================================= */
.about_area {
  padding: calc(var(--var-1) * 230) 0 calc(var(--var-1) * 80);
  background: url(../img/top/service_bg.png);
}
.about_area .about_area_content {
  gap: calc(var(--var-1) * 8);
}
.about_area .about_area_content .about_area_txt .about_area_ttl {
  align-items: flex-start;
  text-align: left;
  position: relative;
}
.about_area .about_area_content .about_area_txt .about_area_ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: calc(var(--var-1) * 221);
  height: calc(var(--var-1) * 11);
  background: url(../img/about/area_arw.png) no-repeat top/100%;
}
.about_area .about_area_content .about_area_txt .about_area_desc {
  margin-top: calc(var(--var-1) * 28);
  line-height: 2.118;
}
.about_area .about_area_content .about_area_txt .about_area_desc em {
  font: 700 calc(var(--var-1) * 19)/1 var(--family-base);
  position: relative;
}
.about_area .about_area_content .about_area_txt .about_area_desc em::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: calc(var(--var-1) * 12);
  background: linear-gradient(135deg, rgb(92, 194, 242) 0%, rgb(92, 194, 242) 30%, rgb(134, 209, 108) 60%, rgb(134, 209, 108) 100%);
}
.about_area .about_area_content .about_area_figure {
  width: calc(var(--var-1) * 440);
  height: calc(var(--var-1) * 418);
}

/*
========================================================================= */
/*  company
========================================================================= */
.company {
  padding: calc(var(--var-1) * 140) 0 calc(var(--var-1) * 70);
}
.company .info_table {
  margin-top: calc(var(--var-1) * 72);
  padding: calc(var(--var-1) * 35) calc(var(--var-1) * 20);
  background: var(--cl-white);
}
.company .info_table .company_table {
  width: 100%;
}
.company .info_table .company_table .table_txt {
  gap: calc(var(--var-1) * 72);
  padding: calc(var(--var-1) * 16) calc(var(--var-1) * 10);
  border-bottom: 1px solid var(--cl-gray);
}
.company .info_table .company_table .table_txt .table_label {
  width: calc(var(--var-1) * 72);
  font-weight: 500;
}
.company .info_table .company_table .table_txt:first-child {
  padding-top: 0;
}
.company .info_table .company_table .table_txt:last-child {
  border: none;
}
.company .info_table .company_table .table_txt .table_desc {
  font-weight: 500;
}
.company .info_table .company_table .table_txt .table_desc .tel_svg {
  display: block;
  margin-top: calc(var(--var-1) * 4);
}
.company .info_table .company_table .table_txt .table_desc .tel_svg img {
  display: block;
}

/*
========================================================================= */
/*  service_worry
========================================================================= */
.service_worry {
  margin-top: calc(var(--var-1) * 40);
}
.service_worry .cmn_worry_content {
  width: 100%;
}
.service_worry .cmn_worry_content .cmn_worry_ttl::before {
  left: calc(var(--var-1) * 400);
}
.service_worry .cmn_worry_content .cmn_worry_ttl::after {
  left: calc(var(--var-1) * 384);
}
.service_worry .cmn_worry_content .cmn_worry_list {
  justify-content: center;
  gap: calc(var(--var-1) * 24) 0;
  transform: translateX(calc(var(--var-1) * 12));
}
.service_worry .cmn_worry_content .cmn_worry_list .cmn_worry_item {
  width: 46%;
  line-height: 1.556;
  text-indent: calc(var(--var-1) * -23);
  padding-left: calc(var(--var-1) * 23);
}
.service_worry .cmn_worry_btm .cmn_worry_lead::before {
  background: var(--cl-blue);
}

/*
========================================================================= */
/*  collect_worry
========================================================================= */
.collect_worry {
  margin-top: calc(var(--var-1) * 40);
  background: url(../img/collect/worry_bg.png) no-repeat;
}
.collect_worry .cmn_worry_content {
  width: 100%;
}
.collect_worry .cmn_worry_content .cmn_worry_ttl::before {
  left: calc(var(--var-1) * 400);
}
.collect_worry .cmn_worry_content .cmn_worry_ttl::after {
  left: calc(var(--var-1) * 384);
}
.collect_worry .cmn_worry_content .cmn_worry_list {
  justify-content: center;
  gap: calc(var(--var-1) * 24) 0;
  padding: 0 calc(var(--var-1) * 0);
  transform: translateX(calc(var(--var-1) * 34));
}
.collect_worry .cmn_worry_content .cmn_worry_list .cmn_worry_item {
  line-height: 1.556;
  text-indent: calc(var(--var-1) * -23);
  padding-left: calc(var(--var-1) * 23);
}
.collect_worry .cmn_worry_btm .cmn_worry_lead {
  text-shadow: 0px 0px calc(var(--var-1) * 6) rgb(101, 163, 80), 0px 0px calc(var(--var-1) * 6) rgb(101, 163, 80);
}
.collect_worry .cmn_worry_btm .cmn_worry_lead::before {
  background: var(--cl-green);
}

/*
========================================================================= */
/*  collect_service
========================================================================= */
.collect_service .cmn_service_ttl {
  background: var(--cl-green);
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(38, 38, 42, 0.5);
}
.collect_service .cmn_service_ttl_en {
  color: var(--cl-green) !important;
}
.collect_service .cmn_service_txt .cmn_service_lead {
  color: var(--cl-green);
}
.collect_service .cmn_service_btm_content {
  background: var(--cl-green);
}
.collect_service .cmn_service_lead {
  color: var(--cl-green);
}

/*
========================================================================= */
/*  collect_reason
========================================================================= */
.collect_reason {
  background: var(--cl-green-light-sub);
}
.collect_reason .cmn_reason_ttl {
  background: var(--cl-green);
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(38, 38, 42, 0.5);
}
.collect_reason .cmn_reason_ttl_en {
  color: var(--cl-green) !important;
}
.collect_reason .cmn_reason_txt::before {
  background: var(--cl-green);
}
.collect_reason .cmn_reason_txt .cmn_reason_lead::before {
  background: var(--cl-green);
}
.collect_reason .cmn_reason_btm_lead {
  background: var(--cl-green);
}
.collect_reason .cmn_reason_btm_item .cmn_reason_btm_figure_after {
  background: var(--cl-green) !important;
}

/*
========================================================================= */
/*  collect_flow
========================================================================= */
.collect_flow .cmn_flow_ttl {
  background: var(--cl-green);
  background-clip: text;
  -webkit-background-clip: text;
  color: rgba(38, 38, 42, 0.5);
}
.collect_flow .cmn_flow_ttl_en {
  color: var(--cl-green) !important;
}
.collect_flow .cmn_flow_img_wrap .cmn_flow_figure {
  background: var(--cl-green-light-sub);
}
.collect_flow .cmn_flow_img_wrap .cmn_flow_figure::before {
  filter: brightness(0) saturate(100%) invert(77%) sepia(80%) saturate(287%) hue-rotate(49deg) brightness(88%) contrast(87%);
}
.collect_flow .cmn_flow_img_wrap .cmn_flow_figure .cmn_flow_img {
  filter: brightness(0) saturate(100%) invert(77%) sepia(80%) saturate(287%) hue-rotate(49deg) brightness(88%) contrast(87%);
}
.collect_flow .cmn_flow_img_wrap .cmn_flow_figure .cmn_flow_deco {
  color: var(--cl-green);
}

/*
========================================================================= */
/*  faq
========================================================================= */
.faq .faq_type_list {
  gap: calc(var(--var-1) * 32) calc(var(--var-1) * 14);
  margin-top: calc(var(--var-1) * 42);
}
.faq .faq_type_list .faq_type_item a {
  display: block;
  width: calc(var(--var-1) * 350);
  padding: calc(var(--var-1) * 22) 0;
  background: var(--cl-blue);
  color: var(--cl-white);
  font: 700 calc(var(--var-1) * 20)/1 var(--family-base);
  text-align: center;
  position: relative;
}
.faq .faq_type_list .faq_type_item a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: calc(var(--var-1) * 10);
  z-index: 1;
  display: block;
  width: calc(var(--var-1) * 20);
  height: calc(var(--var-1) * 20);
  background: url(../img/faq/btn_arw.png) no-repeat top/100%;
  transform: rotate(90deg);
}
.faq .faq_type_list .faq_type_item:nth-child(3n+2) a {
  background: var(--cl-green);
}
.faq .faq_type_list .faq_type_item:nth-child(3n) a {
  background: var(--cl-gray-dark);
}
.faq .faq_list_ttl {
  margin-top: calc(var(--var-1) * 76);
  font: 700 calc(var(--var-1) * 32)/1 var(--family-base);
  text-align: center;
  scroll-margin-top: calc(var(--var-1) * 40);
}
.faq .faq_list_ttl:nth-child(3) {
  color: var(--cl-blue);
}
.faq .faq_list_ttl:nth-child(5) {
  color: var(--cl-green);
}
.faq .faq_list_ttl:nth-child(7) {
  color: var(--cl-gray-dark);
}
.faq .faq_list_ttl:not(:has(+ .faq_list > li)) {
  display: none;
}
.faq .faq_list {
  margin-top: calc(var(--var-1) * 40);
  gap: calc(var(--var-1) * 60);
}
.faq .faq_list .faq_item .faq_txt .faq_lead {
  padding: calc(var(--var-1) * 14) calc(var(--var-1) * 20) calc(var(--var-1) * 20);
  color: var(--cl-white);
  border-radius: calc(var(--var-1) * 30) calc(var(--var-1) * 30) 0 0;
  font: 700 calc(var(--var-1) * 28)/1.429 var(--family-base);
}
.faq .faq_list .faq_item .faq_txt .faq_lead em {
  flex-shrink: 0;
  margin-right: calc(var(--var-1) * 12);
  font: 700 calc(var(--var-1) * 32)/1.429 var(--family-en);
  padding-top: calc(var(--var-1) * 23);
}
.faq .faq_list .faq_item .faq_txt .faq_lead .faq_lead_deco {
  display: inline-block;
  margin-bottom: calc(var(--var-1) * 6);
  padding: calc(var(--var-1) * 4) calc(var(--var-1) * 6);
  background: var(--cl-white);
  font: 700 calc(var(--var-1) * 15)/1 var(--family-base);
}
.faq .faq_list .faq_item .faq_txt .faq_desc {
  padding: calc(var(--var-1) * 20) calc(var(--var-1) * 20) calc(var(--var-1) * 30);
  border: 1px solid var(--cl-gray);
  border-radius: 0 0 calc(var(--var-1) * 30) calc(var(--var-1) * 30);
  line-height: 2;
}
.faq .faq_list .faq_item .faq_txt .faq_desc em {
  flex-shrink: 0;
  margin-right: calc(var(--var-1) * 12);
  font: 700 calc(var(--var-1) * 32)/1.429 var(--family-en);
  background: linear-gradient(135deg, rgb(92, 194, 242) 0%, rgb(92, 194, 242) 30%, rgb(134, 209, 108) 60%, rgb(134, 209, 108) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.faq .faq_list:first-child {
  margin-top: calc(var(--var-1) * 76);
}
.faq .faq_list:nth-child(4) .faq_txt .faq_lead {
  background: var(--cl-blue);
}
.faq .faq_list:nth-child(4) .faq_txt .faq_lead .faq_lead_deco {
  color: var(--cl-blue);
}
.faq .faq_list:nth-child(6) .faq_txt .faq_lead {
  background: var(--cl-green);
}
.faq .faq_list:nth-child(6) .faq_txt .faq_lead .faq_lead_deco {
  color: var(--cl-green);
}
.faq .faq_list:nth-child(8) .faq_txt .faq_lead {
  background: var(--cl-gray-dark);
}
.faq .faq_list:nth-child(8) .faq_txt .faq_lead .faq_lead_deco {
  color: var(--cl-gray-dark);
}

/* =====================
  CONTACT
===================== */
.form {
  position: relative;
  padding-bottom: calc(var(--var-1) * 68);
}

.contact_form {
  padding: calc(var(--var-1) * 80) calc(var(--var-1) * 40) calc(var(--var-1) * 40) calc(var(--var-1) * 40);
}

.form_content {
  padding: calc(var(--var-1) * 72) calc(var(--var-1) * 56);
}

.form .contact-form-table {
  width: 100%;
  font-size: calc(var(--var-1) * 16);
}
.form .contact-form-table th,
.form .contact-form-table td {
  padding-block: calc(var(--var-1) * 24);
  vertical-align: middle;
  font-weight: 600;
}
.form .contact-form-table th {
  width: 30%;
  border-bottom: 1px solid var(--cl-must);
}
.form .contact-form-table th .required_mark,
.form .contact-form-table th .any_mark {
  padding: calc(var(--var-1) * 2) calc(var(--var-1) * 4);
  float: right;
  background: #fff;
  color: red;
  font-weight: 600;
  font-size: calc(var(--var-1) * 12);
}
.form .contact-form-table th .any_mark {
  display: none;
}
.form .contact-form-table th .required-mark {
  margin-right: calc(var(--var-1) * 32);
}
.form .contact-form-table td {
  width: 60%;
  border-bottom: 1px solid var(--cl-must);
}
.form .contact-form-table td input,
.form .contact-form-table td textarea {
  width: 100%;
  padding: calc(var(--var-1) * 10);
}
.form .contact-form-table td #agree {
  width: auto;
}
.form .contact-submits-wrap input {
  background: var(--cl-must);
}
.form .contact-check-submits-wrap {
  gap: calc(var(--var-1) * 40);
}
.form .contact-check-submits-wrap .correction_btn {
  background: var(--cl-must);
}
.form .check-form {
  padding: calc(var(--var-1) * 80) calc(var(--var-1) * 40) calc(var(--var-1) * 40) calc(var(--var-1) * 40);
}

/* =====================
  CONTACT COMPLETE
===================== */
.contents_u .complete_box {
  margin-top: calc(var(--var-1) * 32);
  line-height: 2.5;
  text-align: center;
}
.contents_u .complete_box a {
  display: block;
  width: calc(var(--var-1) * 240);
  height: calc(var(--var-1) * 64);
  line-height: calc(var(--var-1) * 64);
  margin: calc(var(--var-1) * 32) auto;
  background: var(--cl-must);
  color: #fff;
  border-radius: calc(var(--var-1) * 32);
  font-size: calc(var(--var-1) * 20);
}

/* =====================
  NEWS
===================== */
.news .news_type {
  display: block;
  width: calc(var(--var-1) * 200);
  padding: calc(var(--var-1) * 8);
  margin: 0 0 0 auto;
}
.news .news_inner {
  width: calc(var(--var-1) * 1080);
  margin: 0 auto;
}
.news .news_inner .news_list {
  margin-top: calc(var(--var-1) * 60);
}
.news .news_inner .news_list .sb_style:first-child .news_content {
  padding-top: 0;
}
.news .news_inner .news_list .news_content {
  gap: calc(var(--var-1) * 60);
  padding: calc(var(--var-1) * 20) 0;
  color: var(--txt-base);
  border-bottom: 1px solid var(--cl-must);
}
.news .news_inner .news_list .news_content .news_figure {
  overflow: hidden;
}
.news .news_inner .news_list .news_content .news_figure .news_img {
  width: calc(var(--var-1) * 380);
  height: calc(var(--var-1) * 240);
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s;
}
.news .news_inner .news_list .news_content .news_txt {
  width: calc(var(--var-1) * 1120);
}
.news .news_inner .news_list .news_content .news_txt .news_top {
  gap: calc(var(--var-1) * 12);
}
.news .news_inner .news_list .news_content .news_txt .news_top time,
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag_item {
  padding: calc(var(--var-1) * 6) calc(var(--var-1) * 20);
  border: 1px solid var(--txt-base);
  border-radius: calc(var(--var-1) * 25);
  color: var(--txt-base);
  font: 700 calc(var(--var-1) * 17)/1 var(--family-base);
}
.news .news_inner .news_list .news_content .news_txt .news_top time {
  flex-shrink: 0;
}
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag_list {
  gap: calc(var(--var-1) * 8);
}
.news .news_inner .news_list .news_content .news_txt .news_top .news_tag_list .news_tag_item {
  border: 1px solid var(--cl-must);
  color: var(--cl-must);
}
.news .news_inner .news_list .news_content .news_txt .news_lead {
  margin-top: calc(var(--var-1) * 20);
  font: 500 calc(var(--var-1) * 22) var(--family-base);
}
.news .news_inner .news_list .news_content .news_txt .news_desc {
  margin-top: calc(var(--var-1) * 25);
  font-weight: 500;
  line-height: 1.765;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-height: calc(var(--var-1) * 60);
}
.news .news_inner .news_list .news_content:hover .news_img {
  transform: scale(1.05);
}

.pagenation {
  display: flex;
  justify-content: center;
  gap: calc(var(--var-1) * 10);
  margin-top: calc(var(--var-1) * 100);
  font: 500 calc(var(--var-1) * 20)/1 var(--family-base);
}
.pagenation a,
.pagenation .current {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--var-1) * 40);
  height: calc(var(--var-1) * 40);
  background: var(--txt-base);
  color: var(--txt-sub-white);
  transition: 0.3s;
}
.pagenation a:hover {
  background: var(--cl-must);
}
.pagenation .current {
  background: var(--cl-must);
}

.news_index {
  margin-bottom: calc(var(--var-1) * 100);
}
.news_index .news_content {
  border-bottom: calc(var(--var-1) * 2) solid var(--cl-must);
  transition: 0.3s;
}
.news_index .news_content:hover {
  transform: translateX(calc(var(--var-1) * 12));
  opacity: 0.6;
}

.news_detail {
  margin-bottom: calc(var(--var-1) * 40);
}
.news_detail .news_ttl {
  padding-left: calc(var(--var-1) * 16);
  border-left: calc(var(--var-1) * 6) solid var(--cl-must);
  font-size: calc(var(--var-1) * 22);
  font-weight: 700;
}
.news_detail .news_content {
  margin-top: calc(var(--var-1) * 32);
}
.news_detail .news_content .news_desc {
  margin-top: calc(var(--var-1) * 32);
  font-weight: 500;
  line-height: 1.765;
}
.news_detail .news_content::before {
  display: none;
}
.news_detail .news_content .news_top {
  gap: calc(var(--var-1) * 12);
}
.news_detail .news_content .news_top time,
.news_detail .news_content .news_top .news_tag_item {
  padding: calc(var(--var-1) * 6) calc(var(--var-1) * 20);
  border: 1px solid var(--txt-base);
  border-radius: calc(var(--var-1) * 25);
  color: var(--txt-base);
  font: 700 calc(var(--var-1) * 17)/1 var(--family-base);
}
.news_detail .news_content .news_top time {
  flex-shrink: 0;
}
.news_detail .news_content .news_top .news_tag_list {
  gap: calc(var(--var-1) * 12);
}
.news_detail .news_content .news_top .news_tag_list .news_tag_item {
  border: 1px solid var(--cl-must);
  color: var(--cl-must);
}

.detail_pagination {
  margin-top: calc(var(--var-1) * 48);
  padding: calc(var(--var-1) * 24);
  font-size: calc(var(--var-1) * 16);
  font-weight: 600;
  position: relative;
}
.detail_pagination p {
  display: inline-block;
  transition: 0.3s;
}
.detail_pagination p:hover {
  color: var(--cl-must);
}
.detail_pagination .left {
  position: absolute;
  left: 0;
}
.detail_pagination .center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.detail_pagination .right {
  position: absolute;
  right: 0;
}

/* =====================
  404
===================== */
#notfound .notfound_ttl {
  font: 700 calc(var(--var-1) * 48) var(--family-base);
}
#notfound .txt_blc {
  margin-top: calc(var(--var-1) * 24);
  font-size: calc(var(--var-1) * 18);
  line-height: 1.8;
}
#notfound .txt_blc a {
  font-weight: 700;
  color: var(--cl-must);
}

/* =====================
  PRIVACY
===================== */
#privacy .cmn_ttl_second {
  display: inline-block;
  font: 700 calc(var(--var-1) * 28)/1 var(--family-base);
  position: relative;
}
#privacy .cmn_ttl_second::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: calc(var(--var-1) * 6);
  background: var(--cl-must);
}
#privacy .privacy_box {
  margin-top: calc(var(--var-1) * 64);
}
#privacy .privacy_box:first-of-type {
  margin-top: calc(var(--var-1) * 120);
}
#privacy .privacy_box p {
  margin-top: calc(var(--var-1) * 24);
}

/* =====================
  SITE MAP
===================== */
#site_map ul {
  width: 80%;
  margin: calc(var(--var-1) * 56) auto 0;
}
#site_map ul a {
  display: flex;
  align-items: center;
  gap: calc(var(--var-1) * 16);
  padding: calc(var(--var-1) * 16) 0 calc(var(--var-1) * 16) calc(var(--var-1) * 8);
  border-bottom: 1px solid var(--cl-must);
  position: relative;
  font-size: calc(var(--var-1) * 20);
  transition: 0.3s;
}
#site_map ul a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(var(--var-1) * 16);
  margin: auto 0;
  width: calc(var(--var-1) * 24);
  height: calc(var(--var-1) * 24);
  background: url(../img/cmn/arw_r.png) no-repeat top/100%;
  transition: 0.3s;
}
#site_map ul a:hover::before {
  right: calc(var(--var-1) * 10);
}
#site_map ul a:hover {
  color: var(--cl-must);
}