@charset "UTF-8";
/* style */
:root {
  --corp_color: #eb6ea5;
  --pink_5: #d63384;
  --pink_6: #ab296a;
  --pink_bg: #ffe7f1;
  --gray_3: #dee2e6;
  --tertiary_bg: #f8f9fa;
  --bs_primary: #0d6efd;
  --font-base: "Adjusted -apple-system", BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Meiryo", "BIZ UDPGothic", sans-serif;
}
html, body {
  overflow-x: hidden;
}
body {
  font-family: var(--font-base);
}
@font-face {
  font-family: "Adjusted -apple-system";
  src: local("-apple-system");
  size-adjust: 112%;
  unicode-range: U+0020-007E, U+00A0-00FF; 
}
.font_serif {
  font-family: "Ryumin Regular KL", "Hiragino Mincho ProN", "Noto Serif JP", "Noto Serif CJK JP", "Yu Mincho", var(--font-base);
}
#carousel_fv{
  font-family: "Shin Maru Go Regular", var(--font-base);
}
.text_corp {
  color: var(--corp_color);
}
.text_pink {
  color: var(--pink_5);
}
.text_pink_6 {
  color: var(--pink_6);
}
.bg_pink {
  background-color: var(--pink_bg);
}
.text_xs {
  font-size: 0.75rem;
}
.text_xxs {
  font-size: 0.625rem;
}
.pb_6 {
  padding-bottom: 4rem;
}
.pb_7 {
  padding-bottom: 5rem;
}
.py_6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py_7 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.hd_logo {
  width: 195px;
  height: auto;
}
.ft_logo {
  width: 165px;
  height: auto;
}
.nav-link {
  color: #222;
  font-size: 0.9rem;
}
.hd_tel {
  width: 160px;
  height: auto;
}
.hd_mail {
  font-size: 0.9rem;
}
.search_form1 {
  max-width: 160px;
}
.hd_search input {
  font-size: 0.8rem;
}
.hd_search input, .menu_search input {
  border-left: none !important;
}
.hd_search input:focus, .menu_search input:focus {
  box-shadow: none;
  border-color: var(--gray_3);
}
.hd_search input::placeholder, .menu_search input::placeholder {
  color: #a9a9a9;
}
.navbar-toggler {
  border: none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(34, 34, 34, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-nav .nav-item .nav-link:hover {
  background-color: var(--tertiary_bg);
  border-radius: 0.25rem;
}
#dropdown_nav .dropdown-menu {
  max-height: 50vh;
  overflow-y: auto;
}
.dropdown-menu .dropdown-item:hover {
  background-color: var(--bs_primary);
  color: #fff;
}
.dropdown-toggle:focus {
  box-shadow: none;
}
.dropdown-toggle::after {
  display: none;
}
#carousel_fv {
  position: relative;
  height: 94vh;
  overflow: hidden;
}
.hd_sub {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#carousel_fv .carousel-item img {
  width: 100%;
  height: 94vh;
  object-fit: cover;
}
.overlay-text {
  position: absolute;
  top: 50%;
  left: 6%;
  z-index: 10;
}
.overlay-text a {
  background-color: #fff;
}
.banner {
  max-width: 223px;
}
.banner-s {
  max-width: 152px;
}
.img_hover_dn {
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.img_hover_dn:hover {
  opacity: 0.8;
  transform: scale(0.98);
  background-color: #fff;
}
.img_hover_br {
  transition: opacity 0.2s ease-in-out;
}
.img_hover_br:hover {
  opacity: 0.8;
  background-color: #fff;
}
.hover_bg:hover {
  background-color: var(--tertiary_bg);
}
.h-border::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.5em;
  width: 2em;
  border-bottom: 3px solid var(--corp_color);
}
.custom_link {
  text-underline-offset: 0.25em;
  text-decoration: underline;
  --bs-link-underline-opacity: 0;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1));
}
.custom_link:hover {
  text-underline-offset: 0.375em;
  --bs-link-underline-opacity: 0.75;
}
#carousel_feature .splide__slide {
  background-color: #fff;
  border-radius: 1rem;
}
#carousel_feature .splide__slide img {
  height: 220px;
  width: auto;
}
#carousel_feature .splide__arrow {
  background-color: var(--gray_3);
  width: 3rem;
  height: 3rem;
}
#carousel_process .splide__pagination__page, #carousel_feature .splide__pagination__page {
  width: 7px;
  height: 7px;
  margin: 0 13px;
}
#carousel_process .splide__pagination__page, #carousel_feature .splide__pagination__page {
  border: 1px solid #222;
  background-color: transparent;
}
#carousel_process .splide__pagination__page.is-active, #carousel_feature .splide__pagination__page.is-active {
  background-color: #222;
}
#carousel_process .splide__pagination__page:hover,#carousel_feature .splide__pagination__page.is-active  {
  background-color: #222;
}
.parallax_section {
  background-image: url('img/hp_004_002_pc.webp');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 26vw;
}
.icon_circle {
  width: 4rem;
  height: 4rem;
  border-radius: 4rem;
}
.btn_bg_white {
  background-color: #fff;
}
#accordion_faq .accordion-button:not(.collapsed) {
  background-color: var(--pink_bg);
  color: var(--pink_6);
  box-shadow: none;
}
#accordion_faq .accordion-button {
  background-color: var(--pink_bg);
  color: var(--pink_6);
}
#accordion_faq .accordion-item {
  border-bottom: 2px solid var(--pink_6);
}
#accordion_faq {
  border-top: 2px solid var(--pink_6);
}
#accordion_faq .accordion-body {
  color: var(--pink_6);
}
#accordion_faq .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ab296a'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2z'/%3e%3c/svg%3e");
}
#accordion_faq .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ab296a'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8z'/%3e%3c/svg%3e");
}
#accordion_faq .accordion-button {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#accordion_faq .accordion-body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#accordion_faq .accordion-button:focus {
  box-shadow: none !important;
}
#accordion_footer .accordion-button:not(.collapsed) {
  background-color: var(--tertiary_bg);
  box-shadow: none;
  color: #222 !important;
}
#accordion_footer .accordion-button {
  background-color: var(--tertiary_bg);
}
#accordion_footer .accordion-body {
  background-color: var(--tertiary_bg);
}
#accordion_footer .accordion-item {
  border-bottom: 1px solid var(--gray_3);
}
#accordion_footer .accordion {
  border-bottom: 1px solid var(--gray_3);
}
#accordion_footer .accordion-button:focus {
  box-shadow: none !important;
}
#accordion_nav .accordion-button:not(.collapsed) {
  background-color: #fff;
  box-shadow: none;
  color: #222 !important;
}
#accordion_nav .accordion-button {
  font-size: 0.9rem;
}
#accordion_nav .accordion-button:hover {
  background-color: var(--tertiary_bg);
}
#accordion_nav .accordion-button:focus {
  box-shadow: none !important;
}
#accordion_nav .nav-link:hover {
  background-color: var(--tertiary_bg);
  color: #222 !important;
}
#information .list-group-item {
  border: none;
  border-radius: 0%;
}
#information .list-group {
  border-top: 1px solid var(--gray_3);
}
#information .list-group:last-child {
  border-bottom: 1px solid var(--gray_3);
}
#information .list-group-item:first-child {
  color: #666;
}
.monitor_img {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
footer .nav-link {
  color: #222;
  font-size: 0.75rem;
  text-underline-offset: 0.25em;
  text-decoration: underline;
  --bs-body-underline-opacity: 0;
  text-decoration-color: rgba(var(--bs-body-color-rgb), var(--bs-body-underline-opacity, 1));
}
footer .nav-link:hover {
  color: #222;
  text-underline-offset: 0.375em;
  --bs-body-underline-opacity: 0.75;
}

@media (min-width: 1400px) {
.hd_logo {
  width: 220px;
  height: auto;
}
}

@media (min-width: 992px) {
.monitor_img {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
}

@media (min-width: 768px) and (max-width: 1199px) {
.parallax_section {
  background-attachment: scroll;
  height: 33vw;
}
}

@media (min-width: 576px) and (max-width: 1199px) {
.overlay-text {
  top: 75%;
}
}

@media (max-width: 575px) {
#offcanvas_nav {
  width: 90vw;
}
.hd_sub {
  font-size: 0.85rem;
}
.hd_sub li img{
  width: 12px;
  height: auto;
}
#carousel_fv {
  height: 81vh;
}
#carousel_fv .carousel-item img {
  height: 81vh;
}	
.overlay-text {
  top: 75%;
}
.banner {
  max-width: 200px;
}
.banner-s {
  max-width: 139px;
}
#carousel_process .splide__slide {
  background-color: #fff;
  border-radius: 1rem;
}
#carousel_process .splide__slide .card-img-top {
  height: 179px;
  width: auto;
}
#carousel_process .splide__track {
  margin-left: -0.8rem; /* splide__trackのpaddingを消す */
  margin-right: -0.8rem; /* splide__trackのpaddingを消す */
}
#carousel_process .splide__arrow, #carousel_feature .splide__arrow {
  background-color: var(--gray_3);
  width: 2.4rem;
  height: 2.4rem;
}
#carousel_process .splide__arrow--prev, #carousel_feature .splide__arrow--prev {
  left: 0rem;
}
#carousel_process .splide__arrow--next, #carousel_feature .splide__arrow--next {
  right: 0rem;
}
#carousel_process .splide__arrow svg, #carousel_feature .splide__arrow svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: #222;
}
#carousel_process .splide__arrow svg {
  fill: #222;
}
#carousel_feature .splide__slide img {
  height: 196px;
  width: auto;
}
#carousel_feature .card-title {
  font-size: 1.25rem !important;
}
.w_96 {
  max-width: 96%;
}
.ft_logo {
  width: 200px;
}
}