@charset "UTF-8";
/*-----------------------------------------
/*-----------------------------------------

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

-----------------------------------------*/
/* 変数の定義
--------------------------------------------------*/
/*-----------------------------------------
/*-----------------------------------------

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

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

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

-----------------------------------------*/
/* 色の定義
--------------------------------------------------*/
/* フォントの定義
--------------------------------------------------*/
html,
body,
ul,
ol,
dl,
li,
dt,
dd,
a,
p,
div,
img,
svg,
table,
tr,
th,
td,
figure {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: #000000;
  font-feature-settings: "palt";
}

body,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
img,
svg,
a,
table,
tr,
th,
td,
figure {
  font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: 0.08em;
  line-height: 1.4;
  font-weight: 700;
  font-feature-settings: "palt";
}

.en {
  font-family: "Clash Display", sans-serif;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.02em;
}

/* 事業紹介詳細
--------------------------------------------------*/
/* KV
--------------------------------------------------*/
.kv_service-detail {
  height: 440px;
}
@media screen and (max-width: 768px) {
  .kv_service-detail {
    height: 380px;
  }
}
.kv_service-detail::before {
  content: "";
  position: absolute;
  background: #fff;
  opacity: 0.75;
  z-index: 2;
  inset: 0;
}
.kv_service-detail .wrap_service_ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.kv_service-detail .wrap_service_ttl .const_type {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  padding-left: 19px;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .kv_service-detail .wrap_service_ttl .const_type {
    font-size: 1.6rem;
    padding-left: 15px;
  }
}
.kv_service-detail .wrap_service_ttl .const_type::before {
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  height: 20px;
  background: linear-gradient(to top right, #0065A3, #0982CC);
}
@media screen and (max-width: 768px) {
  .kv_service-detail .wrap_service_ttl .const_type::before {
    height: 16px;
  }
}
.kv_service-detail .wrap_service_ttl .service_ttl {
  font-size: clamp(4rem, 4vw, 4.8rem);
}
@media screen and (max-width: 768px) {
  .kv_service-detail .wrap_service_ttl .service_ttl {
    font-size: clamp(2.4rem, 6.15vw, 3rem);
  }
}

/* 概要
--------------------------------------------------*/
#overview {
  padding: 100px 0;
}
@media screen and (max-width: 999px) {
  #overview {
    padding: 60px 0;
  }
}
#overview .wrap_overview {
  display: grid;
  grid-template-columns: 1fr 40%;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
@media screen and (max-width: 999px) {
  #overview .wrap_overview {
    grid-template-columns: auto;
    row-gap: 30px;
  }
}
#overview .wrap_overview .left .t-blue {
  font-size: clamp(2.8rem, 2.8vw, 3.2rem);
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 999px) {
  #overview .wrap_overview .left .t-blue {
    font-size: clamp(2.2rem, 5.64vw, 3.2rem);
    margin-bottom: 20px;
  }
}
#overview .wrap_overview .right {
  overflow: hidden;
}

/* お悩み
--------------------------------------------------*/
#worries {
  padding: 80px 0;
}
@media screen and (max-width: 999px) {
  #worries {
    padding: 60px 0;
  }
}
#worries .center_sec_ttl {
  margin-bottom: 60px;
}
@media screen and (max-width: 999px) {
  #worries .center_sec_ttl {
    margin-bottom: 40px;
  }
}
#worries .worries_list .item {
  display: grid;
  grid-template-columns: 1fr 23.8%;
  align-items: stretch;
  -moz-column-gap: 60px;
       column-gap: 60px;
  margin-bottom: 33px;
}
@media screen and (max-width: 999px) {
  #worries .worries_list .item {
    grid-template-columns: auto;
    row-gap: 24px;
    margin-bottom: 43px;
  }
}
#worries .worries_list .item:last-child {
  margin-bottom: 0;
}
#worries .worries_list .item .case {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 20px 20px;
  position: relative;
}
#worries .worries_list .item .case .number {
  position: absolute;
  top: -13px;
  left: 20px;
  padding: 4px 30px;
  border-radius: 100vh;
}
@media screen and (max-width: 999px) {
  #worries .worries_list .item .case .number {
    font-size: 1.4rem;
    padding: 4px 20px;
  }
}
#worries .worries_list .item .case .number span {
  font-size: 1.8rem;
}
@media screen and (max-width: 999px) {
  #worries .worries_list .item .case .number span {
    font-size: 1.6rem;
  }
}
#worries .worries_list .item .case .case_txt {
  padding-left: 24px;
  position: relative;
}
#worries .worries_list .item .case .case_txt::before {
  content: "";
  position: absolute;
  top: 0.48em;
  left: 0;
  width: 16px;
  height: 15px;
  background: linear-gradient(to top right, #40B4FF, #0CA0FF);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.60004 15C1.15867 15 0.781619 14.8442 0.468883 14.5326C0.156294 14.2208 0 13.8449 0 13.4049V1.59507C0 1.15507 0.156294 0.779191 0.468883 0.467427C0.781619 0.155809 1.15867 0 1.60004 0H13.4467C13.5818 0 13.7095 0.0166916 13.8297 0.050074C13.95 0.0834563 14.0646 0.13353 14.1736 0.200294L12.9871 1.38287C12.9701 1.36596 12.9489 1.35184 12.9234 1.34052C12.8979 1.32919 12.8681 1.32353 12.834 1.32353H1.60004C1.52053 1.32353 1.45526 1.34897 1.40422 1.39985C1.35317 1.45074 1.32765 1.51581 1.32765 1.59507V13.4049C1.32765 13.4842 1.35317 13.5493 1.40422 13.6001C1.45526 13.651 1.52053 13.6765 1.60004 13.6765H13.4467C13.5262 13.6765 13.5915 13.651 13.6425 13.6001C13.6936 13.5493 13.7191 13.4842 13.7191 13.4049V7.49493L15.0467 6.1714V13.4049C15.0467 13.8449 14.8905 14.2208 14.5779 14.5326C14.2651 14.8442 13.8881 15 13.4467 15H1.60004ZM7.10295 11.5979L2.58716 7.0961L3.52005 6.16632L7.11136 9.74669L15.062 1.82073L16 2.72846L7.10295 11.5979Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.60004 15C1.15867 15 0.781619 14.8442 0.468883 14.5326C0.156294 14.2208 0 13.8449 0 13.4049V1.59507C0 1.15507 0.156294 0.779191 0.468883 0.467427C0.781619 0.155809 1.15867 0 1.60004 0H13.4467C13.5818 0 13.7095 0.0166916 13.8297 0.050074C13.95 0.0834563 14.0646 0.13353 14.1736 0.200294L12.9871 1.38287C12.9701 1.36596 12.9489 1.35184 12.9234 1.34052C12.8979 1.32919 12.8681 1.32353 12.834 1.32353H1.60004C1.52053 1.32353 1.45526 1.34897 1.40422 1.39985C1.35317 1.45074 1.32765 1.51581 1.32765 1.59507V13.4049C1.32765 13.4842 1.35317 13.5493 1.40422 13.6001C1.45526 13.651 1.52053 13.6765 1.60004 13.6765H13.4467C13.5262 13.6765 13.5915 13.651 13.6425 13.6001C13.6936 13.5493 13.7191 13.4842 13.7191 13.4049V7.49493L15.0467 6.1714V13.4049C15.0467 13.8449 14.8905 14.2208 14.5779 14.5326C14.2651 14.8442 13.8881 15 13.4467 15H1.60004ZM7.10295 11.5979L2.58716 7.0961L3.52005 6.16632L7.11136 9.74669L15.062 1.82073L16 2.72846L7.10295 11.5979Z' fill='black'/%3E%3C/svg%3E") no-repeat center/contain;
}
#worries .worries_list .item .case .case_txt.first {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: dashed 1px #C6D9E6;
}
#worries .worries_list .item .case .case_txt > .t-blue {
  font-weight: 700;
}
#worries .worries_list .item .case::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
  width: 43px;
  height: 26px;
  background-color: #023591;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='43' height='26' viewBox='0 0 43 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.25 12.5576L28 25.1143L35.75 12.5576L28 0L42.25 12.5576ZM2 10.5576C3.10457 10.5576 4 11.453 4 12.5576C3.99987 13.6621 3.10449 14.5576 2 14.5576C0.895512 14.5576 0.000131932 13.6621 0 12.5576C0 11.453 0.895431 10.5576 2 10.5576ZM10 10.5576C11.1046 10.5576 12 11.453 12 12.5576C11.9999 13.6621 11.1045 14.5576 10 14.5576C8.89551 14.5576 8.00013 13.6621 8 12.5576C8 11.453 8.89543 10.5576 10 10.5576ZM18 10.5576C19.1046 10.5576 20 11.453 20 12.5576C19.9999 13.6621 19.1045 14.5576 18 14.5576C16.8955 14.5576 16.0001 13.6621 16 12.5576C16 11.453 16.8954 10.5576 18 10.5576ZM26 10.5576C27.1046 10.5576 28 11.453 28 12.5576C27.9999 13.6621 27.1045 14.5576 26 14.5576C24.8955 14.5576 24.0001 13.6621 24 12.5576C24 11.453 24.8954 10.5576 26 10.5576Z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg width='43' height='26' viewBox='0 0 43 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.25 12.5576L28 25.1143L35.75 12.5576L28 0L42.25 12.5576ZM2 10.5576C3.10457 10.5576 4 11.453 4 12.5576C3.99987 13.6621 3.10449 14.5576 2 14.5576C0.895512 14.5576 0.000131932 13.6621 0 12.5576C0 11.453 0.895431 10.5576 2 10.5576ZM10 10.5576C11.1046 10.5576 12 11.453 12 12.5576C11.9999 13.6621 11.1045 14.5576 10 14.5576C8.89551 14.5576 8.00013 13.6621 8 12.5576C8 11.453 8.89543 10.5576 10 10.5576ZM18 10.5576C19.1046 10.5576 20 11.453 20 12.5576C19.9999 13.6621 19.1045 14.5576 18 14.5576C16.8955 14.5576 16.0001 13.6621 16 12.5576C16 11.453 16.8954 10.5576 18 10.5576ZM26 10.5576C27.1046 10.5576 28 11.453 28 12.5576C27.9999 13.6621 27.1045 14.5576 26 14.5576C24.8955 14.5576 24.0001 13.6621 24 12.5576C24 11.453 24.8954 10.5576 26 10.5576Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
@media screen and (max-width: 999px) {
  #worries .worries_list .item .case::after {
    top: calc(100% - 4px);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 24px;
    height: 17px;
  }
}
#worries .worries_list .item .page_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 15px;
  padding: 20px;
  background-image: linear-gradient(135deg, #023591, #5284DF, #023591);
  background-size: 200% 200%;
  transition: background-position 0.6s ease;
}
@media screen and (max-width: 999px) {
  #worries .worries_list .item .page_link {
    flex-direction: row;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
#worries .worries_list .item .page_link .wrap_txt {
  text-align: center;
}
@media screen and (max-width: 999px) {
  #worries .worries_list .item .page_link .wrap_txt {
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
}
#worries .worries_list .item .page_link .wrap_txt .series {
  font-size: 3rem;
  line-height: 1;
  padding-bottom: 6px;
  margin-bottom: 10px;
  border-bottom: dashed 1px #fff;
}
@media screen and (max-width: 999px) {
  #worries .worries_list .item .page_link .wrap_txt .series {
    font-size: 2.4rem;
    padding-bottom: 2px;
    margin-bottom: 0px;
  }
}
#worries .worries_list .item .page_link .wrap_txt .series .en {
  font-size: 3.4rem;
}
@media screen and (max-width: 999px) {
  #worries .worries_list .item .page_link .wrap_txt .series .en {
    font-size: 2.8rem;
  }
}
#worries .worries_list .item .page_link .sub_arrow {
  background-color: #fff;
  width: 16px;
  height: 16px;
  transition: transform 0.4s ease;
}
#worries .worries_list .item .page_link:hover {
  background-position: 100% 100%;
}
#worries .worries_list .item .page_link:hover .sub_arrow {
  transform: translateY(5px);
}
#worries .worries_list .item:nth-child(2) .case::after {
  background-color: #2284B3;
}
#worries .worries_list .item:nth-child(2) .page_link {
  background-image: linear-gradient(135deg, #2284B3, #66B5DB, #2284B3);
}
#worries .worries_list .item:nth-child(3) .case::after {
  background-color: #119323;
}
#worries .worries_list .item:nth-child(3) .page_link {
  background-image: linear-gradient(135deg, #119323, #1EE239, #119323);
}
#worries .worries_list .item:nth-child(4) .case::after {
  background-color: #B12C02;
}
#worries .worries_list .item:nth-child(4) .page_link {
  background-image: linear-gradient(135deg, #B12C02, #E67551, #B12C02);
}

/* 特徴
--------------------------------------------------*/
#features {
  padding-top: 100px;
}
@media screen and (max-width: 999px) {
  #features {
    padding-top: 60px;
  }
}
#features .wrap_features .wrap_sec_ttl {
  text-align: center;
}
#features .wrap_features .wrap_sec_ttl .top_txt {
  font-weight: 700;
  line-height: 1;
  padding: 8px 32px;
  border: solid 1px #C6D9E6;
  display: inline-block;
  margin-bottom: 18px;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .wrap_sec_ttl .top_txt {
    padding: 6px 20px;
    margin-bottom: 10px;
  }
}
#features .wrap_features .features_list .item {
  display: grid;
  grid-template-columns: 1fr 30%;
  -moz-column-gap: 60px;
       column-gap: 60px;
  padding-top: 40px;
  border-top: dashed 1px #0976BC;
  margin-bottom: 80px;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item {
    grid-template-columns: auto;
    row-gap: 25px;
    padding-top: 30px;
    margin-bottom: 50px;
  }
}
#features .wrap_features .features_list .item .left .wrap_series_ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .left .wrap_series_ttl {
    margin-bottom: 20px;
  }
}
#features .wrap_features .features_list .item .left .wrap_series_ttl .main {
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .left .wrap_series_ttl .main {
    font-size: clamp(2.6rem, 6.66vw, 3.2rem);
  }
}
#features .wrap_features .features_list .item .left .wrap_series_ttl .main .en {
  font-weight: 500;
  width: 50px;
  aspect-ratio: 1/1;
  display: grid;
  place-items: center;
  background: linear-gradient(to top right, #023591, #5284DF);
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .left .wrap_series_ttl .main .en {
    width: clamp(36px, 9.23vw, 50px);
  }
}
#features .wrap_features .features_list .item .left .wrap_series_ttl .sub {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .left .wrap_series_ttl .sub {
    font-size: 1.4rem;
  }
}
#features .wrap_features .features_list .item .left .wrap_series_ttl .sub .color {
  color: #023591;
}
#features .wrap_features .features_list .item .left .wrap_txt {
  margin-bottom: 20px;
}
#features .wrap_features .features_list .item .left .wrap_txt .ttl {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  color: #023591;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  #features .wrap_features .features_list .item .left .wrap_txt .ttl {
    font-size: 2.2rem;
  }
}
#features .wrap_features .features_list .item .left .example {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 8px;
  padding: 15px;
  margin-bottom: 40px;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .left .example {
    margin-bottom: 30px;
  }
}
#features .wrap_features .features_list .item .left .example .left {
  flex-shrink: 0;
  padding: 0 17px;
  border: solid 1px #0976BC;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .left .example .left {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .left .example .content {
    font-size: 1.4rem;
  }
}
#features .wrap_features .features_list .item .left .example .content span {
  font-size: 1.4rem;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .left .example .content span {
    font-size: 1.2rem;
  }
}
#features .wrap_features .features_list .item .left .detail_btn .supplement {
  font-size: 1.4rem;
  margin-bottom: 6px;
}
#features .wrap_features .features_list .item .left .detail_btn .wrap_btn {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#features .wrap_features .features_list .item:first-child > .left {
  position: relative;
}
#features .wrap_features .features_list .item:first-child > .left::before {
  content: "";
  position: absolute;
  background-image: url(../img/yukapika/yukapika-m_badge.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: clamp(80px, 8vw, 90px);
  height: clamp(80px, 8vw, 90px);
  top: 0;
  right: 0;
}
@media screen and (max-width: 599px) {
  #features .wrap_features .features_list .item:first-child > .left::before {
    width: 70px;
    height: 70px;
  }
  #features .wrap_features .features_list .item:first-child > .left .wrap_series_ttl {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 449px) {
  #features .wrap_features .features_list .item:first-child > .left::before {
    width: 60px;
    height: 60px;
  }
}
#features .wrap_features .features_list .item:nth-child(2) .wrap_series_ttl .main .en {
  background: linear-gradient(to top right, #2284B3, #66B5DB);
}
#features .wrap_features .features_list .item:nth-child(2) .wrap_series_ttl .sub .color,
#features .wrap_features .features_list .item:nth-child(2) .wrap_txt .ttl {
  color: #2284B3;
}
#features .wrap_features .features_list .item:nth-child(3) .wrap_series_ttl .main .en {
  background: linear-gradient(to top right, #119323, #1EE239);
}
#features .wrap_features .features_list .item:nth-child(3) .wrap_series_ttl .sub .color,
#features .wrap_features .features_list .item:nth-child(3) .wrap_txt .ttl {
  color: #119323;
}
#features .wrap_features .features_list .item:nth-child(4) .wrap_series_ttl .main .en {
  background: linear-gradient(to top right, #B12C02, #E67551);
}
#features .wrap_features .features_list .item:nth-child(4) .wrap_series_ttl .sub .color,
#features .wrap_features .features_list .item:nth-child(4) .wrap_txt .ttl {
  color: #B12C02;
}
#features .wrap_features .features_list .item:last-child {
  margin-bottom: 0;
}
#features .wrap_features .features_list .item .right {
  overflow: hidden;
  aspect-ratio: 300/307;
}
@media screen and (max-width: 999px) {
  #features .wrap_features .features_list .item .right {
    aspect-ratio: 310/200;
  }
}
#features .wrap_features .features_list .item .right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}/*# sourceMappingURL=yukapika.css.map */