@charset "UTF-8";
/* ------------------------------------------- */
/* 変数やmixinなどのメンバーを読み込み */
/* ------------------------------------------- */
/* --------------------------------
	レスポンシブ
-------------------------------- */
.deco-wave-06, .deco-wave-02, .deco-wave-03, .deco-wave-04, .deco-wave-05 {
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  margin-top: -9%;
}

/* ------------------------------------------- */
/* END 変数やmixinなどのメンバーを読み込み */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* カラー設定 */
/* ------------------------------------------- */
.main-color-txt {
  color: #F7922C;
}

.main-color-bg {
  background-color: #F7922C;
}

.main-color-border {
  border-color: #F7922C;
}

.sub-color-txt {
  color: #643B03;
}

.sub-color-bg {
  background-color: #643B03;
}

.sub-color-border {
  border-color: #643B03;
}

.btn-color-txt {
  color: #74C44E;
}

.btn-color-bg {
  background-color: #74C44E;
}

.btn-color-border {
  border-color: #74C44E;
}

.accent-color-txt {
  color: #74C44E;
}

.accent-color-bg {
  background-color: #74C44E;
}

.accent-color-border {
  border-color: #74C44E;
}

.txt-color-orange {
  color: #d97e00;
}

.border-color-orange {
  border-color: #d97e00;
}

.txt-color-darkblue {
  color: #002555;
}

.border-color-darkblue {
  border-color: #002555;
}

/* ------------------------------------------- */
/* END カラー設定 */
/* ------------------------------------------- */
/* ------------------------------------------- */
/* ヘッダー */
/* ------------------------------------------- */
.navbar-toggler-icon {
  position: relative;
  width: 40px;
  height: 40px;
  background: none;
  appearance: none;
  cursor: pointer;
}

.navbar-toggler-icon,
.navbar-toggler-icon span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.navbar-toggler-icon span {
  position: absolute;
  left: 5px;
  width: 80%;
  height: 3px;
  background-color: #F7922C;
  border-radius: 4px;
}

.navbar-toggler-icon span:nth-of-type(1) {
  top: 8px;
}

.navbar-toggler-icon span:nth-of-type(2) {
  top: 20px;
}

.navbar-toggler-icon span:nth-of-type(3) {
  top: 32px;
}

.navbar-toggler-icon p {
  color: #F7922C;
  font-size: 10px;
  white-space: nowrap;
  margin-top: 36px;
}

/* ------------------------------------------- */
/*  パーツ */
/* ------------------------------------------- */
.hover-color-main {
  transition: 0.2s;
}

@media (hover: hover) {
  .hover-color-main:hover {
    color: #F7922C !important;
  }
}

@media (hover: none) {
  .hover-color-main:active {
    color: #F7922C !important;
  }
}

.text-button-more {
  border-radius: 2rem;
  text-align: center;
  padding: .5rem 2rem;
  white-space: nowrap;
  font-weight: bold;
  color: white;
  background-color: #74C44E;
}

@media (max-width: 575px) {
  .text-button-more {
    font-size: 1.2rem;
  }
}

.text-button-more:hover, .text-button-more:focus {
  background-color: #74C44E;
}

.community-link-text {
  color: #317465;
  opacity: 1;
}

.community-link-text a {
  transition: 0.3s all;
}

.community-link-text a:hover {
  opacity: 0.7;
}

.community-btn-border {
  border: 1px solid #317465;
}

#wpfront-scroll-top-container {
  background-color: #F7922C;
}

/* ------------------------------------------- */
/*  全ページ共通 */
/* ------------------------------------------- */
.news-category-red {
  color: white;
  padding: 3px 1em;
  margin: 0;
  margin-right: 0.5rem;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #F66788;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 575px) {
  .news-category-red {
    font-size: 0.8rem;
    margin-right: 0.8rem;
  }
}

.news-category-green {
  color: white;
  padding: 3px 1em;
  margin: 0;
  margin-right: 0.5rem;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #2FC9BB;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 575px) {
  .news-category-green {
    font-size: 0.8rem;
    margin-right: 0.8rem;
  }
}

.news-tag-red {
  color: #F66788;
  border: 1px solid #F66788;
  border-radius: 5rem;
  padding: 3px 1em;
  margin: 0;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
  white-space: nowrap;
}

.news-tag-green {
  color: #46B293;
  border: 1px solid #46B293;
  border-radius: 5rem;
  padding: 3px 1em;
  margin: 0;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
  white-space: nowrap;
}

.news-tag-gray {
  color: #666666;
  border: 1px solid #666666;
  border-radius: 5rem;
  padding: 3px 1em;
  margin: 0;
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: 1px;
  white-space: nowrap;
}

.news-icon-new {
  color: #ff4b00;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 0.8rem;
}

.footer_hamburger {
  background-color: #F7922C;
}

.footer_hamburger .hamburger-btn {
  background-color: #F7922C;
}

.footer-text-color {
  color: #643B03;
}

.footer-bg-color {
  padding-bottom: 6%;
  background-image: url(../../image/community/bg_wall_06_salmon.jpg);
  background-position-x: 5%;
}

@media (max-width: 575px) {
  .footer-bg-color {
    padding-top: 4.5rem;
  }
}

.footer-sns-color {
  color: #f5c6c6;
}

.footer-sns-color i {
  font-size: 1.5rem !important;
}

.footer-sns-link {
  background-color: #8f6450;
  padding: 0.25rem 0.35rem;
  border-radius: 5px;
  display: flex;
}

@media (max-width: 575px) {
  .footer-sns-link {
    font-size: 0.8rem;
  }
  .footer-sns-link span {
    white-space: initial;
  }
}

.deco-wave-06 {
  mask-image: url(../../image/community/deco_wave06.svg);
  -webkit-mask-image: url(../../image/community/deco_wave06.svg);
}

.footer-text-address {
  font-size: .9rem !important;
}

.sns-list svg {
  fill: #643B03;
}

/**********************************************
*　トップページ
***********************************************/
.first-view_section {
  position: relative;
}

.first-view_wall-img {
  position: absolute;
  top: 200px;
  left: 0;
  z-index: -1;
}

.first-view_container {
  height: 100dvh;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-left: 3rem;
  margin-right: 3rem;
}

@media (max-width: 767px) {
  .first-view_container {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (max-width: 575px) {
  .first-view_container {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.first-view_logo {
  display: none;
}

@media (max-width: 575px) {
  .first-view_logo {
    display: block;
    padding-top: 74px;
  }
  .first-view_logo img {
    display: none;
  }
}

@media (max-width: 575px) {
  .js-common-header-home .site-header__logo .logo_img {
    padding-bottom: .5rem;
  }
}

@media (max-width: 991px) {
  .js-common-header-home .site-header__logo .logo_img img {
    transition: .2s;
    height: 50px;
  }
}

@media (max-width: 991px) {
  .js-common-header-home .site-header__logo .logo_img.js-size-change img {
    transition: .2s;
    height: 70px;
  }
}

.js-common-header-home .common-header-frame {
  transition: 0.3s;
}

@media (max-width: 575px) {
  .js-common-header-home:not(.is-scroll) .common-header-frame:has(.navbar-toggler[aria-expanded="false"]) {
    background-color: transparent;
  }
  .js-common-header-home:not(.is-scroll) .common-header-frame:has(.navbar-toggler[aria-expanded="false"]) .menu-list__parent {
    opacity: 0;
  }
  .js-common-header-home:not(.is-scroll) .common-header-frame:has(.navbar-toggler[aria-expanded="true"]) {
    background-color: white;
    opacity: 1;
  }
}

@media (max-width: 575px) {
  .js-common-header-home.is-scroll .site-header__logo .logo_img {
    padding-top: .5rem;
  }
}

@media (max-width: 575px) {
  .js-common-header-home.is-scroll .site-header__logo .logo_img img {
    height: 50px;
  }
}

@media (max-width: 575px) {
  .js-common-header-home.is-scroll .common-header-frame {
    background-color: white;
  }
}

@media (max-width: 575px) {
  .fv-frame-circle {
    mask-image: url(../../image/common/deco/frame_circle_01.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-image: url(../../image/common/deco/frame_circle_01.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    aspect-ratio: 1/1;
  }
  .fv-frame-circle img {
    height: 101%;
    object-fit: cover;
  }
}

@media (max-width: 575px) {
  .first-view-bg-slider-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
  }
}

.first-view_slider {
  opacity: 0;
  width: 100%;
  box-sizing: border-box;
  transition: opacity .3s linear;
  height: 100%;
}

.first-view_slider.slick-initialized {
  opacity: 1;
}

.first-view_slider .slick-list {
  overflow: visible;
}

.first-view_slider .slide-arrow {
  color: #74C44E;
  background-color: white;
  border: 1px solid #74C44E;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  padding: 0;
  z-index: 1;
}

.first-view_slider .slide-arrow::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.3rem;
  color: #74C44E;
  display: block;
}

.first-view_slider .prev-arrow {
  left: 0;
}

.first-view_slider .prev-arrow::before {
  content: "\f060";
}

@media (max-width: 575px) {
  .first-view_slider .prev-arrow {
    top: auto;
    bottom: 5px;
  }
}

.first-view_slider .next-arrow {
  right: 0;
}

.first-view_slider .next-arrow::before {
  content: "\f061";
}

@media (max-width: 575px) {
  .first-view_slider .next-arrow {
    top: auto;
    right: auto;
    left: calc(40px + 10px);
    bottom: 5px;
  }
}

.first-view_slider .slick-list, .first-view_slider .slick-track {
  height: 100%;
}

@media (max-width: 575px) {
  .first-view_slider {
    margin-top: 2rem;
  }
}

.fv-slider_item {
  position: relative;
}

.fv-slider-item_img {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .fv-slider-item_img {
    mask-image: url(../../image/community/deco_wave01_ver3.svg);
    mask-size: cover;
    mask-position-y: bottom;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(../../image/community/deco_wave01_ver3.svg);
    -webkit-mask-size: cover;
    -webkit-mask-position-y: bottom;
    -webkit-mask-repeat: no-repeat;
    background-color: white;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

@media screen and (min-width: 576px) and (min-width: 1600px) {
  .fv-slider-item_img {
    mask-image: url(../../image/community/deco_wave01_ver4.svg);
    -webkit-mask-image: url(../../image/community/deco_wave01_ver4.svg);
  }
}

@media screen and (min-width: 576px) and (max-width: 1199px) {
  .fv-slider-item_img {
    height: 90%;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .fv-slider-item_img {
    mask-image: url(../../image/community/deco_wave01_ver2.svg);
    -webkit-mask-image: url(../../image/community/deco_wave01_ver2.svg);
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .fv-slider-item_img {
    height: 85%;
  }
}

@media screen and (min-width: 576px) {
  .fv-slider-item_img source, .fv-slider-item_img img {
    object-position: 50%;
    object-fit: cover;
  }
}

@media (max-width: 575px) {
  .fv-slider-item_img-inner {
    width: 75vw;
  }
}

.fv-slider_text {
  position: absolute;
  width: 34%;
  bottom: 2rem;
  right: calc(80px + 1rem);
  text-shadow: 1px 1px 5px #FFF, -1px -1px 5px #FFF, -1px 1px 5px #FFF, 1px -1px 5px #FFF, 0px 1px 5px #FFF,  0 -1px 5px #FFF, -1px 0 5px #FFF, 1px 0 5px #FFF;
}

@media (max-width: 1399px) {
  .fv-slider_text {
    bottom: 0;
  }
}

@media (max-width: 991px) {
  .fv-slider_text {
    width: 48%;
  }
}

@media (max-width: 575px) {
  .fv-slider_text {
    width: 75%;
    right: auto;
    left: 0;
  }
}

.first-view_header {
  font-size: 2rem;
}

@media (max-width: 575px) {
  .first-view_header {
    font-size: 6vw;
  }
}

@media (max-width: 575px) {
  .fv-slider-item_variation .fv-slider-item_img {
    justify-content: flex-end;
    align-items: center;
  }
  .fv-slider-item_variation .fv-slider-item_img-inner {
    transform: translateY(70px);
  }
  .fv-slider-item_variation .fv-slider_text {
    bottom: auto;
    top: 0;
  }
  .fv-slider-item_variation:nth-of-type(2n + 1) .fv-slider_text {
    left: 0;
    right: auto;
  }
}

.first-view_button-more {
  position: absolute;
  right: 0;
  bottom: 1rem;
  background-color: #74C44E;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
}

.first-view_button-more p {
  line-height: 1.3;
}

@media (max-width: 575px) {
  .first-view_button-more {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.first-view_button-more:hover {
  color: white;
}

.first-view_button-more:visited {
  color: white;
}

.home-header-en {
  font-size: 1rem;
  letter-spacing: .05em;
  color: #EF865E;
  margin-bottom: 0;
  font-weight: bold;
}

@media (max-width: 575px) {
  .home-header-en {
    font-size: 1rem;
  }
}

.home-header-ja {
  font-size: 1.5rem;
  font-weight: bold;
}

.home-header-vertical {
  writing-mode: vertical-rl;
}

.deco-wave-02 {
  mask-image: url(../../image/community/deco_wave02.svg);
  -webkit-mask-image: url(../../image/community/deco_wave02.svg);
}

.deco-wave-03 {
  mask-image: url(../../image/community/deco_wave03.svg);
  -webkit-mask-image: url(../../image/community/deco_wave03.svg);
  margin-top: -14%;
}

.deco-wave-04 {
  mask-image: url(../../image/community/deco_wave04.svg);
  -webkit-mask-image: url(../../image/community/deco_wave04.svg);
}

.deco-wave-05 {
  mask-image: url(../../image/community/deco_wave05.svg);
  -webkit-mask-image: url(../../image/community/deco_wave05.svg);
}

.footer-bg-color, .home-bg-yellow, .home-bg-blue, .home-bg-white, .home-bg-orange {
  background-size: cover;
  padding-top: 10%;
  padding-bottom: 2%;
}

@media (max-width: 767px) {
  .footer-bg-color, .home-bg-yellow, .home-bg-blue, .home-bg-white, .home-bg-orange {
    padding-top: 6rem;
    padding-bottom: 12%;
  }
}

.home-bg-yellow {
  background-image: url(../../image/community/bg_wall_02_yellow.jpg);
  padding-bottom: 9%;
}

@media (max-width: 575px) {
  .home-bg-yellow {
    padding-top: 5rem;
  }
}

.home-bg-blue {
  background-image: url(../../image/community/bg_wall_03_blue.jpg);
  padding-bottom: 9%;
}

@media (max-width: 575px) {
  .home-bg-blue {
    padding-top: 3rem;
  }
}

.home-bg-white {
  background-image: url(../../image/community/bg_wall_04_white.jpg);
  padding-top: 6%;
  padding-bottom: 12%;
}

@media (max-width: 575px) {
  .home-bg-white {
    padding-top: 15%;
  }
}

.home-bg-orange {
  background-image: url(../../image/community/bg_wall_05_orange.jpg);
  padding-top: 6%;
  padding-bottom: 11%;
}

@media (max-width: 767px) {
  .home-bg-orange {
    padding-bottom: 20%;
  }
}

@media (max-width: 575px) {
  .home-bg-orange {
    padding-top: 12%;
  }
}

.sample-image-wrap {
  max-width: 400px;
  min-width: 250px;
}

@media (max-width: 575px) {
  .sample-image-left {
    margin-left: -5rem;
  }
}

@media (max-width: 575px) {
  .sample-image-right {
    margin-right: -5rem;
  }
}

.home-blue-text {
  width: 100%;
}

@media (max-width: 991px) {
  .home-blue-text {
    width: 60%;
  }
}

@media (max-width: 575px) {
  .home-blue-text {
    width: 100%;
  }
}

.second_section {
  z-index: 0;
  position: relative;
}

@media (max-width: 575px) {
  .second_section {
    margin-top: 4rem !important;
  }
}

.box-type_slider_dot {
  position: relative;
}

.box-type_slider_dot .slick-dots {
  position: static;
}

.box-type_slider_dot .slick-dots li button:before {
  font-size: 20px;
  opacity: 0.25;
}

.box-type_slider_dot .slick-dots .slick-active button:before {
  color: #EF865E;
  opacity: 1;
}

.bt-slider-tag {
  color: #EF865E;
  border: 1px solid #EF865E;
  border-radius: 5rem;
  padding: 2px 5px;
  font-size: 0.7rem;
  margin-bottom: 0.2rem;
  font-weight: bold;
  white-space: nowrap;
}

.slide-arrow-scroll-sp {
  color: #F7922C;
  border-color: #F7922C;
}

.slide-arrow-scroll-sp::before {
  color: #F7922C;
}

.home-icon-map_container01, .home-icon-map_container02 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 2fr 1fr;
  gap: 0 0.5rem;
}

@media (max-width: 1199px) {
  .home-icon-map_container01, .home-icon-map_container02 {
    grid-template-columns: auto auto;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    justify-content: center;
    gap: 1rem;
  }
}

@media (max-width: 767px) {
  .home-icon-map_container01, .home-icon-map_container02 {
    grid-template-columns: 1fr 3fr 1fr 3fr;
    grid-template-rows: 1fr auto auto 1fr;
    gap: 1rem;
  }
}

.home-icon-map_container01 {
  grid-template-areas: "item1 . item2" "item1 item3 item2" ". item3 .";
}

@media (max-width: 1199px) {
  .home-icon-map_container01 {
    grid-template-areas: "item1 ." "item1 item2" "item3 item2" "item3 .";
    gap: 1rem;
  }
}

@media (max-width: 767px) {
  .home-icon-map_container01 {
    grid-template-areas: "item1 item1 . ." "item1 item1 item2 item2" "item3 item3 item2 item2" "item3 item3 . .";
  }
}

@media (max-width: 298px) {
  .home-icon-map_container01 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "item1 item1 ." ". item2 item2" "item3 item3 .";
  }
}

.home-icon-map_container02 {
  grid-template-areas: "item1 . item3" "item1 item2 item3" ". item2 .";
}

@media (max-width: 1199px) {
  .home-icon-map_container02 {
    grid-template-areas: "item3 ." "item3 item2" "item1 item2" "item1 .";
  }
}

@media (max-width: 767px) {
  .home-icon-map_container02 {
    grid-template-areas: ". . item3 item3" "item2 item2 item3 item3" "item2 item2 item1 item1" ". . item1 item1";
    gap: 1rem;
  }
}

.him-container_item {
  width: 260px;
}

.him-container_item:nth-of-type(1) {
  grid-area: item1;
}

.him-container_item:nth-of-type(2) {
  grid-area: item2;
}

.him-container_item:nth-of-type(3) {
  grid-area: item3;
}

.him-container_item p {
  line-height: 1.3;
}

@media (max-width: 575px) {
  .him-container_item {
    min-width: 160px;
    width: 45vmin;
  }
}

.home-icon_img-type1 {
  height: 60%;
}

@media (max-width: 575px) {
  .home-icon_img-type1 {
    height: 50%;
  }
}

.home-icon_img-type2 {
  height: 46%;
}

@media (max-width: 575px) {
  .home-icon_img-type2 {
    height: 38%;
  }
}

.home-icon_img-type3 {
  height: 60%;
}

@media (max-width: 575px) {
  .home-icon_img-type3 {
    height: 50%;
  }
}

.home-icon_img-type4 {
  width: 75%;
}

@media (max-width: 575px) {
  .home-icon_img-type4 {
    width: 60%;
  }
}

.home-icon_img-type5 {
  width: 75%;
}

@media (max-width: 575px) {
  .home-icon_img-type5 {
    width: 50%;
  }
}

.home-icon_img-type6 {
  width: 75%;
}

@media (max-width: 575px) {
  .home-icon_img-type6 {
    width: 60%;
  }
}

.him-icon-text {
  max-width: 120px;
  text-align: center;
}

.home-button-position-type1 {
  position: absolute;
  bottom: 5%;
  right: 5%;
}

a.banner-wrap {
  width: calc(100% / 4 - 0.5rem);
  margin: 0.25rem;
}

@media (max-width: 991px) {
  a.banner-wrap {
    width: calc(100% / 3 - 0.5rem);
  }
}

@media (max-width: 575px) {
  a.banner-wrap {
    width: calc(100% / 2 - 0.5rem);
  }
}

@media (max-width: 575px) {
  .front-footer-link {
    justify-content: flex-start !important;
  }
}

.home-negative-margin-footer {
  margin-top: -19%;
}

/* - - - - - 装飾 - - - - - */
.deco-halo {
  position: relative;
}

.deco-halo::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background-image: url(../../image/common/deco/deco_02.png);
  background-repeat: no-repeat;
  background-size: contain;
}

/**********************************************
*　事業内容ページ
***********************************************/
.button-arrow-down {
  border-radius: 50%;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  aspect-ratio: 1/1;
}

.button-arrow-down::after {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-weight: 900;
  display: block;
  color: inherit;
}

.button-arrow-down {
  border: 1px solid;
  transition: 0.3s all;
}

.button-arrow-down::after {
  transform: rotate(90deg);
}

.biz-first-bg {
  width: 25vw;
  min-width: 300px;
  max-width: 400px;
  top: 50%;
  transform: translateY(-50%);
  right: -30%;
  opacity: 0.18;
}

.biz-bg-color-beige {
  background-color: #FDF8EA;
}

.biz-bg-color-beige-sm {
  background-color: #FDF8EA;
}

@media (max-width: 575px) {
  .biz-bg-color-beige-sm {
    background-color: transparent;
  }
}

.biz-bg-color-aqua {
  background-color: #E5F7F5;
}

.biz-bg-color-aqua-sm {
  background-color: #E5F7F5;
}

@media (max-width: 575px) {
  .biz-bg-color-aqua-sm {
    background-color: transparent;
  }
}

.biz-width-type1 {
  max-width: 900px;
}

@media (max-width: 991px) {
  .biz-width-type1 {
    max-width: none;
  }
}

@media (max-width: 575px) {
  .biz-width-type2 {
    width: 120vw;
    margin: 0 calc(50% - 60vw);
  }
}

@media (max-width: 991px) {
  .biz-wrap1 {
    position: relative;
    top: 0;
    left: 0;
    margin-top: -5rem;
  }
}

@media (max-width: 575px) {
  .biz-wrap1 {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

.biz-item {
  width: calc(100% / 2);
}

@media (max-width: 991px) {
  .biz-item__header {
    display: flex;
    flex-flow: column-reverse;
    align-items: center;
  }
}

@media (max-width: 575px) {
  .biz-bg-size1 {
    width: 50vw;
    min-height: 550px;
    max-height: 600px;
    height: 50vh;
  }
}

#partnership {
  margin-bottom: 0 !important;
}

.biz-sdgs-banner {
  width: 25%;
  min-width: 200px;
}

.biz-circle-type1 {
  height: 27rem;
}

@media (max-width: 991px) {
  .biz-circle-type1 {
    height: auto;
    margin-top: 1rem;
  }
}

.circle-type2-town-planning svg {
  stroke: #d97e00;
}

.circle-type2-partnership svg {
  stroke: #002555;
}

.circle-type2-town-planning, .circle-type2-partnership {
  width: 140px;
  min-width: 10rem;
  aspect-ratio: 1/1;
}

@media (max-width: 991px) {
  .circle-type2-town-planning, .circle-type2-partnership {
    width: 40%;
    min-width: 7.6rem;
    max-width: 11rem;
  }
}

.circle-type2-town-planning svg, .circle-type2-partnership svg {
  fill: white;
}

.txt-color-town-planning {
  color: #d97e00;
}

.txt-color-partnership {
  color: #002555;
}

.txt-color-town-planning,
.txt-color-partnership {
  display: flex;
  flex-flow: column;
}

.txt-color-town-planning br,
.txt-color-partnership br {
  display: none;
}

@media (max-width: 575px) {
  .txt-color-town-planning br,
  .txt-color-partnership br {
    display: block;
  }
}

.services_detail_list p:last-child {
  margin-bottom: 0;
}

.biz-bg-town-planning {
  border-radius: 10rem 15px 15px 10rem;
  background-color: #FDF8EA;
}

@media (max-width: 1199px) {
  .biz-bg-town-planning {
    height: 12em;
  }
}

@media (max-width: 991px) {
  .biz-bg-town-planning {
    height: inherit;
  }
}

.biz-bg-partnership {
  border-radius: 15px 10rem 10rem 15px !important;
  background-color: #E5F7F5;
  flex-flow: row-reverse;
}

@media (max-width: 1199px) {
  .biz-bg-partnership {
    height: 12em;
  }
}

@media (max-width: 991px) {
  .biz-bg-partnership {
    height: inherit;
  }
}

@media screen and (max-width: 1799px) {
  .biz-sample-image-left-parent {
    width: 50vw;
    margin-left: calc(25% - 25vw);
  }
}

@media (max-width: 991px) {
  .biz-sample-image-left-parent {
    height: 100%;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

@media screen and (max-width: 1799px) {
  .biz-sample-image-right-parent {
    width: 50vw;
    margin-right: calc(25% - 25vw);
  }
}

@media (max-width: 991px) {
  .biz-sample-image-right-parent {
    height: 100%;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

.biz-sample-image {
  max-height: 400px;
  width: 100%;
}

@media (max-width: 991px) {
  .biz-sample-image {
    max-height: none;
  }
}

#town-planning h3 {
  border-color: #d97e00;
}

#town-planning .services_detail_item__about {
  background-color: #FDF8EA;
}

@media (max-width: 991px) {
  #town-planning .services_detail_item__about {
    background-color: transparent;
  }
}

#town-planning .services_detail_item__about__tit {
  color: #d97e00;
}

#partnership h3 {
  border-color: #062857;
}

#partnership .services_detail_item__about {
  background-color: #E5F7F5;
}

@media (max-width: 991px) {
  #partnership .services_detail_item__about {
    background-color: transparent;
  }
}

#partnership .services_detail_item__about__tit {
  color: #002555;
}

.biz-box-rounded-left {
  border-radius: 10rem 15px 15px 10rem;
}

.biz-box-rounded-right {
  border-radius: 15px 10rem 10rem 15px;
}

.biz-sdgs-icon {
  width: 120px;
  max-width: 20vw;
  top: 0;
}

@media (max-width: 991px) {
  .biz-sdgs-icon {
    position: relative !important;
  }
}

.biz-sdgs-icon.section-sdgs11-position {
  right: 0;
}

.biz-sdgs-icon.section-sdgs17-position {
  left: 0;
}

.biz-icon-type1 {
  width: 90px;
  transform: rotate(25deg);
  opacity: 0.2;
  top: -30px;
  left: -30px;
}

@media (max-width: 991px) {
  .biz-icon-type1 {
    top: inherit;
    left: inherit;
    width: 120px;
    bottom: -30px;
    right: -30px;
  }
}

.biz-icon-type2 {
  width: 120px;
  opacity: 0.2;
  bottom: 20px;
  right: 20px;
}

@media (max-width: 991px) {
  .biz-icon-type2 {
    bottom: -30px;
    right: inherit;
    left: 0;
  }
}

.biz-icon-type3 {
  width: 100px;
  opacity: 0.2;
  top: -20px;
  right: -20px;
}

@media (max-width: 991px) {
  .biz-icon-type3 {
    width: 160px;
    top: inherit;
    bottom: -20px;
  }
}

.biz-icon-type4 {
  width: 140px;
  opacity: 0.15;
  bottom: -20px;
  left: -20px;
}

@media (max-width: 991px) {
  .biz-icon-type4 {
    bottom: inherit;
    top: -60px;
    left: -40px;
  }
}

.biz-icon-type5 {
  width: 120px;
  opacity: 0.15;
  top: -20px;
  right: 0;
}

@media (max-width: 991px) {
  .biz-icon-type5 {
    width: 150px;
    top: inherit;
    bottom: -30px;
  }
}

.biz-icon-type6 {
  width: 150px;
  opacity: 0.15;
  bottom: 0;
  right: -20px;
}

@media (max-width: 991px) {
  .biz-icon-type6 {
    right: inherit;
    left: -30px;
  }
}

/**********************************************
イベント・講座詳細ページ
***********************************************/
/**********************************************
* SNSアカウント一覧ページ
***********************************************/
.sns_acount_list_container p, .sns_acount_list_container ul, .sns_acount_list_container li {
  margin-bottom: 0;
}

.sns_icon_block {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sns_icon_facebook {
  font-size: 1.7rem;
  color: #1877f2;
}

@media (max-width: 575px) {
  .sns_icon_facebook {
    font-size: 1.4rem;
  }
}

.sns_icon_twitter {
  font-size: 1.8rem;
  color: #000000;
}

@media (max-width: 575px) {
  .sns_icon_twitter {
    font-size: 1.5rem;
  }
}

.sns_icon_instagram {
  font-size: 1.2rem;
  width: 1.6rem;
  height: 1.6rem;
  min-width: 1.6rem;
  background: linear-gradient(to right, rgba(247, 207, 0, 0.7), rgba(246, 37, 2, 0.7) 45%, rgba(182, 47, 82, 0.7) 75%, rgba(113, 58, 166, 0.7));
  border-radius: 0.25em;
  color: white;
}

@media (max-width: 575px) {
  .sns_icon_instagram {
    font-size: .9rem;
    width: 1.3rem;
    height: 1.3rem;
    min-width: 1.3rem;
  }
}

/**********************************************
* 採用情報ページ
***********************************************/
.recruit_list_item {
  border: 1px solid #F4EBE2;
  margin-bottom: -1px;
}

.recruit_list_item:nth-last-of-type(1) {
  margin-bottom: 0;
}

.recruit_list_item p {
  margin-bottom: 0;
}