.home_page .key {
  --height: auto;
  --min-height: 435px;
  --max-height: unset;
  height: var(--height);
  min-height: var(--min-height);
  max-height: var(--max-height);
  font-size: 10px;
  background-repeat: no-repeat;
  background-image: url(../images/idx_key_before.svg), url(../images/idx_key_after.svg);
  background-size: 44.4em, 55em;
  background-position:
    -9.2em bottom,
    calc(100% + 2.7em) -10.8em;
  padding-bottom: 7em;
}
@media only screen and (min-width: 1366px) {
  .home_page .key {
    background-position:
      -3.6603221083vw bottom,
      58.5651537335vw -108px;
  }
}
@media only screen and (min-width: 1440px) {
  .home_page .key {
    background-position:
      -0.9722222222vw bottom,
      58.1944444444vw -108px;
  }
}
@media only screen and (min-width: 1600px) {
  .home_page .key {
    background-position:
      4.25vw bottom,
      57.375vw -108px;
  }
}
@media only screen and (min-width: 1920px) {
  .home_page .key {
    background-position:
      10.6770833333vw bottom,
      56.1458333333vw -108px;
  }
}
.home_page .key .mv_slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home_page .key .mv_slider img {
  border-radius: 30px;
}
.home_page .key .key_text {
  position: relative;
  width: 100%;
  height: 100%;
}
.home_page .key .key_text .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: var(--height);
  min-height: var(--min-height);
  max-height: var(--max-height);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 20px;
}
.home_page .key .key_text .item .mv_slider img {
  border-radius: 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .home_page .key .key_text .item {
    margin: 0 1.5625vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .home_page .key .slider {
    width: 47vw;
  }
}
.home_page .key .key_txt {
  margin-top: -4.6em;
}
.home_page .key .key_txt .inner {
  position: relative;
}
.home_page .key .key_txt .title {
  font-size: 4.8em;
  font-weight: 600;
  color: var(--main-color);
  line-height: 1.5;
  letter-spacing: 0.075em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.home_page .key .key_img {
  position: absolute;
  top: -0.2em;
  right: 0.6em;
  max-width: 50.9em;
  width: 48%;
}
.home_page .key .key_img > div {
  width: 16em;
  height: 16em;
  border-radius: 50%;
  padding: 0.5em;
  background: #fff;
}
.home_page .key .key_img > div img {
  border-radius: 50%;
}
.home_page .key .key_img > div:nth-child(2) {
  margin-top: 2.1em;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .home_page .key {
    --min-height: unset;
    font-size: 0.9vw;
  }
}
.home_page .topic_path {
  display: none;
}
.home_page h2 {
  position: relative;
  margin-bottom: 35px;
  color: var(--clr1);
  font-size: calc(var(--ttl_size) + 6px);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.875;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.home_page h2 .en {
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  color: #bbe4d4;
  letter-spacing: 0.15em;
  font-size: 16px;
  margin-bottom: -0.5em;
  line-height: 1;
}
.home_page h2.white {
  color: #fff;
}
.home_page h2.white .en {
  color: #fff;
}
.home_page h2.med {
  font-size: calc(var(--ttl_size) + 15px);
  display: table;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.2em;
  position: relative;
}
.home_page h2.med .en {
  font-size: 0.5111em;
}
.home_page h2.med::after,
.home_page h2.med::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: url(../images/h2_icon.png) no-repeat center/contain;
  width: 0.8889em;
  height: 0.3333em;
  top: calc(50% + 0.0222em);
}
.home_page h2.med::before {
  right: calc(100% + 0.3556em);
}
.home_page h2.med::after {
  left: calc(100% + 0.1333em);
}
.home_page h2.big {
  font-size: calc(var(--ttl_size) + 25px);
}
.home_page h2.big .en {
  font-size: 23px;
}
.home_page h2.big::after {
  left: calc(100% + 3px);
  width: 40px;
  height: 30px;
  top: calc(50% - 7px);
}
.home_page h3 {
  color: var(--clr1);
  font-size: calc(var(--ttl_size) + 2px);
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: 34px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.home_page h3 .en {
  display: block;
  font-size: 16px;
  letter-spacing: 0.15em;
  line-height: 1;
}
.home_page h3.clr1 {
  color: var(--clr4);
}
.home_page h3.clr2 {
  color: var(--clr5);
}
.home_page h3.clr3 {
  color: var(--clr6);
}
.home_page h3.green {
  color: var(--main-color);
}
.home_page h3.white {
  color: #fff;
}

section {
  background-size: cover;
  background-repeat: no-repeat;
}

.idx1 {
  padding: 23px 0 69px;
}
.idx1 h2 {
  margin-bottom: 31px;
  letter-spacing: 0.06em;
}
.idx1 .btn-group {
  max-width: 184px;
}
.idx1 .btn-group .btn a {
  min-height: 52px;
}
.idx1 .idx1_txt {
  width: 23%;
}
.idx1 .idx1_news {
  width: 77%;
  max-width: 829px;
  margin-top: -1px;
}
.idx1 .idx1_news ul li {
  border-top: 1px solid #f4f4f4;
}
.idx1 .idx1_news ul li:last-child {
  border-bottom: 1px solid #f4f4f4;
}
.idx1 .idx1_news ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  letter-spacing: 0.15em;
  --w: 11.7857em;
  line-height: 1;
  text-decoration: none;
  opacity: 1;
  padding: 1.6429em 0.7143em 1.6786em 1.4286em;
  color: var(--clr1);
  font-size: 14px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.idx1 .idx1_news ul li a .date {
  width: var(--w);
  font-family: var(--f-en);
  font-weight: 600;
  letter-spacing: 0.15em;
}
.idx1 .idx1_news ul li a .title {
  width: calc(100% - var(--w));
  font-weight: 500;
  letter-spacing: 0.12em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .idx1 .idx1_news ul li a:hover {
    background-color: var(--main-color);
    color: #fff;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx1 .idx1_news {
    width: 74%;
  }
}

.idx2 {
  position: relative;
  z-index: 2;
}
.idx2 .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48% 8px 46%;
  grid-template-columns: 48% 46%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0 8px;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
}
.idx2 .inner::after,
.idx2 .inner::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.idx2 .inner::before {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(../images/idx2_after_img_mask.svg);
  mask-image: url(../images/idx2_after_img_mask.svg);
  width: 16.875em;
  height: 17.5em;
  right: -7.8125em;
  top: 0px;
  background: url(../images/idx2_after_img.jpg) no-repeat top center/cover;
}
.idx2 .inner::after {
  background: url(../images/idx2_txt_after.svg) no-repeat center/contain;
  width: 18.4375em;
  height: 18.625em;
  bottom: -0.625em;
  right: -1.5625em;
}
.idx2 .idx2_img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / span 3;
  margin-left: -50px;
  max-width: 510px;
  position: relative;
  z-index: 1;
  align-self: flex-start;
}
.idx2 .idx2_img::after,
.idx2 .idx2_img::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.idx2 .idx2_img::before {
  background: url(../images/idx2_before.svg) no-repeat center/contain;
  width: 10.625em;
  height: 10.625em;
  left: -7.1875em;
  top: -5.1875em;
}
.idx2 .idx2_img figure {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(../images/idx2_img_mask.svg);
  mask-image: url(../images/idx2_img_mask.svg);
}
.idx2 .idx2_img .idx2_img_box {
  position: relative;
  z-index: 1;
}
.idx2 .idx2_img .idx2_img_box::after,
.idx2 .idx2_img .idx2_img_box::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.idx2 .idx2_img .idx2_img_box::before {
  background: url(../images/idx2_img_before.svg) no-repeat center/contain;
  width: 12.5em;
  height: 13.125em;
  right: -3.125em;
  top: 0px;
}
.idx2 .idx2_img .idx2_img_box::after {
  background: url(../images/idx2_img_after.svg) no-repeat center/contain;
  width: 16.5625em;
  height: 15.625em;
  left: 0px;
  bottom: -9.3125em;
}
.idx2 h2 {
  margin-top: 144px;
  font-size: calc(var(--ttl_size) + 2px);
  margin-bottom: 27px;
}
.idx2 h2 .en {
  margin-bottom: 10px;
}
.idx2 .idx2_p {
  letter-spacing: 0.06em;
}
.idx2 .btn-group {
  margin-top: 16px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx2 .idx2_img {
    margin-left: 0;
    font-size: 10px;
  }
  .idx2 .inner {
    -ms-grid-columns: 46% 46%;
    grid-template-columns: 46% 46%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .idx2 .inner::before,
  .idx2 .inner::after {
    font-size: 10px;
  }
  .idx2 .inner::before {
    right: -2em;
  }
}

.idx3 {
  position: relative;
  z-index: 1;
  padding-bottom: 85px;
}
.idx3::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: url(../images/idx3_bg.svg) no-repeat top center/cover;
  inset: 0;
  z-index: -1;
  top: -120px;
  bottom: -268px;
}
@media only screen and (min-width: 1919px) {
  .idx3::before {
    background-image: url(../images/idx3_bg_1920.svg);
  }
}
.idx3 .TabContainer {
  padding-top: 16px;
}
.idx3 .TabContainer.init .TabContent {
  overflow: unset;
}
.idx3 .TabContainer .TabPager {
  margin-left: auto;
  margin-right: auto;
  padding: 0 92px;
  border-bottom: 1px solid var(--main-color);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.idx3 .TabContainer .TabPager li {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--main-color);
  border-radius: 8px 8px 0 0;
  width: calc(25% - 8.5px);
  background-color: #fff;
  font-size: 1.125em;
  letter-spacing: 0.15em;
  line-height: 1;
  color: var(--main-color);
  font-weight: 600;
  padding: 0.2778em 0 0.4444em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  border-bottom: 0;
}
.idx3 .TabContainer .TabPager li br {
  display: none;
}
@media only screen and (min-width: 769px) {
  .idx3 .TabContainer .TabPager li:hover {
    background-color: var(--main-color);
    color: #fff;
  }
}
.idx3 .TabContainer .TabPager li.active {
  padding: 0.2em 0 0.36em;
  font-size: 1.5625em;
  letter-spacing: 0.15em;
  background-color: var(--main-color);
  color: #fff;
}
.idx3 .idx3_tab_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 39px 0 10px;
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.idx3 .idx3_tab_content .item {
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 12.5px;
  width: calc(25% - 25px);
  padding: 14px 0 14px 0px;
  position: relative;
  margin-bottom: 25px;
  z-index: 1;
}
.idx3 .idx3_tab_content .item::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  inset: 0;
  background-color: #fff;
  border-radius: 7px;
  z-index: -1;
  -webkit-box-shadow: 0 0 14px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 14px 0px rgba(0, 0, 0, 0.25);
}
.idx3 .idx3_tab_content .item::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(../images/shared_btn_icon.svg);
  mask-image: url(../images/shared_btn_icon.svg);
  background-color: var(--clr1);
  width: 13px;
  height: 10px;
  right: 1.1875em;
  top: calc(50% - 5px);
  -webkit-transition: none;
  transition: none;
}
.idx3 .idx3_tab_content .item p {
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.2222222222;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media only screen and (min-width: 769px) {
  .idx3 .idx3_tab_content .item:hover::before {
    background-color: var(--clr3);
  }
  .idx3 .idx3_tab_content .item:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
  }
  .idx3 .idx3_tab_content .item:hover p {
    color: #fff;
  }
  .idx3 .idx3_tab_content .item:hover::after {
    background-color: #fff;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx3 .idx3_tab_content {
    margin-left: -5px;
    margin-right: -5px;
  }
  .idx3 .idx3_tab_content .item {
    width: calc(25% - 10px);
    margin: 0 5px 10px;
    padding: 10px 0;
  }
  .idx3 .idx3_tab_content .item figure {
    width: 55px;
  }
  .idx3 .idx3_tab_content .item p {
    font-size: 14px;
    letter-spacing: 0;
  }
  .idx3 .TabContainer .TabPager li {
    font-size: 16px;
    letter-spacing: 0;
  }
  .idx3 .TabContainer .TabPager li.active {
    font-size: 18px;
    letter-spacing: 0;
    padding: 10px 0;
  }
}

.idx4 {
  padding: 189px 0 0;
  position: relative;
  z-index: 1;
  margin-top: -4.4375em;
}
.idx4 h2.big {
  margin-left: 0;
  margin-bottom: 87px;
}
.idx4 h2.big::before {
  display: none;
}
.idx4::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  inset: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  -webkit-mask-image: url(../images/idx4_bg_top.png);
  mask-image: url(../images/idx4_bg_top.png);
  background-color: #fff;
  background-image: url(../images/idx4_img_right.png);
  background-position: right -0.875em;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 43.875em;
  z-index: -1;
}
@media only screen and (min-width: 1281px) {
  .idx4 {
    margin-top: -107px;
    padding: 225px 0 0;
  }
}
@media only screen and (min-width: 2000px) {
  .idx4 {
    padding-top: 350px;
  }
}
.idx4 .idx4_inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 44% 0 65%;
  grid-template-columns: 44% 65%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0;
  position: relative;
  z-index: 1;
}
.idx4 .idx4_inner::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
  top: -3.25em;
  left: -6.25em;
  height: 44.125em;
  width: 10.625em;
  background: url(../images/idx4_shadow01.svg) no-repeat left top/contain;
}
.idx4 .idx4_inner02::before {
  left: unset;
  right: -6.25em;
  background: url(../images/idx4_shadow02.svg) no-repeat right top/contain;
  top: 0.55em;
}
.idx4 .idx4_inner03::before {
  background: url(../images/idx4_shadow03.svg) no-repeat left top/contain;
  top: 0.55em;
}
.idx4 .idx4_img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1 / span 4;
  -ms-grid-column: 2;
  grid-column-start: 2;
  max-width: 700px;
  margin-top: -24px;
  right: -52px;
  position: relative;
  z-index: 1;
}
.idx4 .idx4_img::before,
.idx4 .idx4_img::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.idx4 .idx4_img::after {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-image: url(../images/idx4_img_after.svg);
  mask-image: url(../images/idx4_img_after.svg);
  top: 1em;
  left: -1em;
  width: 100%;
  height: 100%;
}
.idx4 .idx4_img::before {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-image: url(../images/idx4_shape03.svg);
  mask-image: url(../images/idx4_shape03.svg);
}
.idx4 .idx4_img .img_main {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-image: url(../images/idx4_img_shape.svg);
  mask-image: url(../images/idx4_img_shape.svg);
  position: relative;
  z-index: 1;
}
.idx4 .idx4_img .idx4_img_box {
  position: relative;
  z-index: 1;
}
.idx4 .idx4_img .idx4_img_box::before,
.idx4 .idx4_img .idx4_img_box::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 6em;
  height: 5.6875em;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-image: url(../images/idx4_shape01.svg);
  mask-image: url(../images/idx4_shape01.svg);
}
.idx4 .idx4_img .idx4_img_box::before {
  z-index: -1;
}
.idx4 .idx4_img .idx4_img_box::after {
  z-index: 1;
}
.idx4 .idx4_img .img {
  position: absolute;
  z-index: 2;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
}
.idx4 .idx4_img .img01 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='242px' height='235px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M106.355,1.040 C139.542,-4.000 211.462,5.423 239.659,119.474 C254.001,177.482 177.946,239.001 121.533,234.282 C79.520,230.767 -13.001,195.031 1.650,117.482 C12.296,61.128 63.010,7.624 106.355,1.040 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='242px' height='235px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M106.355,1.040 C139.542,-4.000 211.462,5.423 239.659,119.474 C254.001,177.482 177.946,239.001 121.533,234.282 C79.520,230.767 -13.001,195.031 1.650,117.482 C12.296,61.128 63.010,7.624 106.355,1.040 Z'/%3E%3C/svg%3E");
}
.idx4 .idx4_img .img02 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='231px' height='233px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M213.014,191.710 C193.118,218.764 135.625,263.000 35.118,202.276 C-16.001,171.390 -5.705,74.041 37.504,37.452 C69.683,10.203 160.328,-30.000 204.760,35.230 C237.048,82.630 239.001,156.373 213.014,191.710 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='231px' height='233px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M213.014,191.710 C193.118,218.764 135.625,263.000 35.118,202.276 C-16.001,171.390 -5.705,74.041 37.504,37.452 C69.683,10.203 160.328,-30.000 204.760,35.230 C237.048,82.630 239.001,156.373 213.014,191.710 Z'/%3E%3C/svg%3E");
}
.idx4 .idx4_img.idx4_img01::after {
  background-color: var(--clr4);
}
.idx4 .idx4_img.idx4_img01::before {
  width: 4.625em;
  height: 4.875em;
  top: 0.25em;
  left: -10.625em;
  background-color: var(--clr4);
}
.idx4 .idx4_img.idx4_img01 .idx4_img_box::before {
  background-color: var(--clr4);
  bottom: 8.4375em;
  left: -8.125em;
}
.idx4 .idx4_img.idx4_img01 .idx4_img_box::after {
  background-color: var(--clr4);
  bottom: -0.75em;
  right: 5.25em;
}
.idx4 .idx4_img.idx4_img01 .img01 {
  right: 7.75em;
  top: -9.875em;
  /*background-image: url(https://yotsubashi-cl.com/wp-content/uploads/2025/05/191028_006-e1747295334183.jpg);*/
  max-width: 15.0625em;
}
.idx4 .idx4_img.idx4_img01 .img02 {
  max-width: 14.4375em;
  bottom: 1.125em;
  left: -4.625em;
  background-image: url(../images/idx4_img01_after.jpg);
}
.idx4 .idx4_img.idx4_img02::after {
  background-color: var(--clr5);
  left: 1em;
}
.idx4 .idx4_img.idx4_img02::before {
  width: 4.625em;
  height: 4.875em;
  bottom: 4.5em;
  right: -34.85em;
  background-color: var(--clr5);
}
.idx4 .idx4_img.idx4_img02 .idx4_img_box::before {
  background-color: var(--clr5);
  width: 6.8125em;
  height: 6.8125em;
  top: 2.75em;
  right: 1.375em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='109px' height='109px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M99.876,89.666 C90.590,102.316 63.759,122.999 16.855,94.606 C-7.002,80.165 -2.196,34.647 17.968,17.539 C32.986,4.798 75.288,-13.999 96.023,16.500 C111.092,38.663 112.003,73.144 99.876,89.666 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='109px' height='109px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M99.876,89.666 C90.590,102.316 63.759,122.999 16.855,94.606 C-7.002,80.165 -2.196,34.647 17.968,17.539 C32.986,4.798 75.288,-13.999 96.023,16.500 C111.092,38.663 112.003,73.144 99.876,89.666 Z'/%3E%3C/svg%3E");
}
.idx4 .idx4_img.idx4_img02 .idx4_img_box::after {
  bottom: -2.9em;
  right: 13em;
  background-color: var(--clr5);
}
.idx4 .idx4_img.idx4_img02 .img01 {
  background-image: url(../images/idx4_img02_after.jpg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='243px' height='234px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M92.588,3.306 C125.087,-5.001 197.751,-2.806 238.349,107.593 C258.999,163.744 190.001,232.376 133.298,233.308 C91.069,234.000 -4.999,207.738 1.083,129.305 C5.502,72.310 50.140,14.155 92.588,3.306 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='243px' height='234px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M92.588,3.306 C125.087,-5.001 197.751,-2.806 238.349,107.593 C258.999,163.744 190.001,232.376 133.298,233.308 C91.069,234.000 -4.999,207.738 1.083,129.305 C5.502,72.310 50.140,14.155 92.588,3.306 Z'/%3E%3C/svg%3E");
  bottom: -1em;
  right: -2.375em;
  width: 15.1875em;
  height: 14.625em;
}
.idx4 .idx4_img.idx4_img02 .img02 {
  right: -34.25em;
  top: -1.75em;
  background-image: url(../images/idx4_img02_before.jpg);
  width: 14.5625em;
  height: 14.5625em;
}
.idx4 .idx4_img.idx4_img03::after {
  background-color: var(--clr6);
}
.idx4 .idx4_img.idx4_img03::before {
  width: 4.625em;
  height: 4.875em;
  top: -0.8em;
  left: 12.15em;
  background-color: var(--clr6);
  z-index: 2;
}
.idx4 .idx4_img.idx4_img03 .idx4_img_box::before {
  background-color: var(--clr6);
  width: 6.8125em;
  height: 6.8125em;
  bottom: 3.25em;
  left: -9.125em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='109px' height='109px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M99.876,89.666 C90.590,102.316 63.759,122.999 16.855,94.606 C-7.002,80.165 -2.196,34.647 17.968,17.539 C32.986,4.798 75.288,-13.999 96.023,16.500 C111.092,38.663 112.003,73.144 99.876,89.666 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='109px' height='109px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M99.876,89.666 C90.590,102.316 63.759,122.999 16.855,94.606 C-7.002,80.165 -2.196,34.647 17.968,17.539 C32.986,4.798 75.288,-13.999 96.023,16.500 C111.092,38.663 112.003,73.144 99.876,89.666 Z'/%3E%3C/svg%3E");
}
.idx4 .idx4_img.idx4_img03 .idx4_img_box::after {
  top: 0.2em;
  left: -35.9em;
  background-color: var(--clr6);
}
.idx4 .idx4_img.idx4_img03 .img01 {
  background-image: url(../images/idx4_img03_after.jpg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='224px' height='234px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M10.176,58.481 C26.351,16.502 73.178,4.720 110.399,0.360 C147.621,-4.001 194.380,30.510 210.623,58.481 C226.866,86.452 227.999,144.805 210.623,174.724 C193.246,204.643 174.036,229.692 110.399,232.846 C46.762,236.001 18.015,193.047 10.176,174.724 C2.337,156.402 -5.999,100.460 10.176,58.481 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='224px' height='234px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M10.176,58.481 C26.351,16.502 73.178,4.720 110.399,0.360 C147.621,-4.001 194.380,30.510 210.623,58.481 C226.866,86.452 227.999,144.805 210.623,174.724 C193.246,204.643 174.036,229.692 110.399,232.846 C46.762,236.001 18.015,193.047 10.176,174.724 C2.337,156.402 -5.999,100.460 10.176,58.481 Z'/%3E%3C/svg%3E");
  top: -2em;
  left: -5.125em;
  width: 13.875em;
}
.idx4 .idx4_img.idx4_img03 .img02 {
  background-image: url(../images/idx4_img03_before.jpg);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='236px' height='233px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M110.805,232.045 C66.002,236.1000 33.987,200.857 12.995,169.827 C-7.998,138.796 1.224,81.418 18.654,54.134 C36.084,26.850 87.504,-0.999 122.124,0.660 C156.744,2.319 187.872,7.847 219.935,62.878 C251.998,117.909 226.980,163.184 214.275,178.570 C201.570,193.957 155.607,227.090 110.805,232.045 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='236px' height='233px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M110.805,232.045 C66.002,236.1000 33.987,200.857 12.995,169.827 C-7.998,138.796 1.224,81.418 18.654,54.134 C36.084,26.850 87.504,-0.999 122.124,0.660 C156.744,2.319 187.872,7.847 219.935,62.878 C251.998,117.909 226.980,163.184 214.275,178.570 C201.570,193.957 155.607,227.090 110.805,232.045 Z'/%3E%3C/svg%3E");
  bottom: -2.5em;
  left: 7.75em;
  width: 14.625em;
}
.idx4 .idx4_p {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.165em;
  line-height: 2.0625;
}
.idx4 .idx4_group_btn {
  margin-top: 15px;
}
.idx4 .idx4_group_btn .btn {
  max-width: 343px;
}
.idx4 .idx4_group_btn .btn a {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  color: var(--clr4);
  border: 1px solid var(--clr4);
  border-radius: 7px;
  font-size: 22px;
  letter-spacing: 0.1em;
  font-weight: 500;
  min-height: 3.7727em;
  margin-bottom: 0.6364em;
  padding: 0 0 0.0909em 7.0909em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.idx4 .idx4_group_btn .btn a::after {
  background-color: var(--clr4);
  right: 0.8182em;
}
@media only screen and (min-width: 769px) {
  .idx4 .idx4_group_btn .btn a:hover {
    --clr4: var(--main-color);
  }
}
.idx4 .idx4_group_btn .btn01 a {
  background-image: url(../images/idx4_btn01.png);
}
.idx4 .idx4_group_btn .btn02 a {
  background-image: url(../images/idx4_btn02.png);
}
.idx4 .idx4_group_btn .btn03 a {
  background-image: url(../images/idx4_btn03.png);
}
.idx4 .btn-group {
  margin-top: 15px;
}
.idx4 .idx4_inner02 {
  margin: 143px 0;
  -ms-grid-columns: 57.5% 44%;
  grid-template-columns: 57.5% 44%;
}
.idx4 .idx4_inner02 .idx4_img {
  -ms-grid-column: unset;
  grid-column-start: unset;
  right: unset;
  margin-left: -151px;
}
.idx4 .idx4_inner02 h3 {
  margin-top: 109px;
}
.idx4 .idx4_inner03 h3 {
  margin-top: 108px;
}
.idx4 .idx4_fet {
  border-radius: 70px 70px 0 0;
  margin-top: 152px;
  padding: 69px 0 0;
  background: url(../images/idx4_fet_bg_1920.jpg) no-repeat top center/cover;
  background-size: contain;
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .idx4 .idx4_fet {
    background-image: url(../images/idx4_fet_bg.jpg);
  }
}
.idx4 .idx4_fet .inner {
  position: relative;
}
.idx4 .idx4_fet .inner::before,
.idx4 .idx4_fet .inner::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.idx4 .idx4_fet .inner::before {
  width: 21em;
  height: 21.1875em;
  background: url(../images/idx4_fet_before.svg) no-repeat center/contain;
  left: -8.75em;
  bottom: 8.75em;
}
.idx4 .idx4_fet .inner::after {
  background: url(../images/idx4_fet_after.svg) no-repeat center/contain;
  width: 15.75em;
  height: 16.3125em;
  right: -8.75em;
  bottom: -7.375em;
}
.idx4 .idx4_fet h3 {
  margin-bottom: 15px;
}
.idx4 .idx4_fet .idx4_fet_p {
  width: 67%;
  margin: 0 auto;
  color: #fff;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.17em;
  line-height: 2.07;
}
.idx4 .idx4_fet .fblock {
  margin-top: 40px;
}
.idx4 .idx4_fet .item {
  width: calc(25% - 19px);
}
.idx4 .idx4_fet .item:nth-child(even) {
  margin-top: 50px;
}
.idx4 .idx4_fet .item img {
  border-radius: 15px;
}
.idx4 .idx4_fet .item .idx4_fet_txt {
  position: relative;
}
.idx4 .idx4_fet .item .idx4_fet_txt p {
  position: absolute;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 14px;
  background: url(../images/idx4_fet_ttl.svg) no-repeat top center/contain;
  width: 6.7857em;
  height: 6.7857em;
  top: -1.0714em;
  right: -1.0714em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.idx4 .idx4_fet .item .ttl02 {
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 1.7;
  margin: 10px 0 20px;
}
.idx4 .idx4_fet_box {
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  z-index: 1;
  margin-top: 48px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40% 0 57.2%;
  grid-template-columns: 40% 57.2%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0;
  padding: 32px;
}
.idx4 .idx4_fet_box::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  inset: 0;
  z-index: -1;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='30' ry='30' stroke='black' stroke-width='4' stroke-dasharray='2%2c 6' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='30' ry='30' stroke='black' stroke-width='4' stroke-dasharray='2%2c 6' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  border-radius: 30px;
  background-color: var(--main-color);
}
.idx4 .idx4_fet_box::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: url(../images/idx4_fet_icon.svg) no-repeat center/contain;
  width: 12.625em;
  height: 8.375em;
  bottom: -2.1875em;
  right: -1.3125em;
}
.idx4 .idx4_fet_box h3 {
  margin: 8px 0 -5px;
}
.idx4 .idx4_fet_box picture {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / span 3;
  max-width: 405px;
}
.idx4 .idx4_fet_box picture img {
  border-radius: 15px;
}
.idx4 .idx4_fet_box .ttl {
  letter-spacing: 0.16em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  margin-bottom: 0;
}
.idx4 .idx4_fet_box .btn-group {
  margin-top: 5px;
}
.idx4 .idx4_fet_box .btn-group .btn {
  max-width: 252px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx4 .idx4_group_btn {
    max-width: 280px;
  }
  .idx4 .idx4_group_btn .btn a {
    font-size: 20px;
    letter-spacing: 0;
  }
  .idx4 .idx4_inner01,
  .idx4 .idx4_inner02,
  .idx4 .idx4_inner03 {
    -ms-grid-columns: 45% 45%;
    grid-template-columns: 45% 45%;
  }
  .idx4 .idx4_img {
    font-size: 11px;
  }
  .idx4 .idx4_img01 {
    right: -20px;
  }
  .idx4 .idx4_inner02 {
    margin: 80px 0;
  }
  .idx4 .idx4_inner02 .idx4_img {
    margin-left: -20px;
  }
  .idx4 .idx4_img02 {
    left: -20px;
  }
  .idx4 .idx4_img.idx4_img03 {
    right: -20px;
  }
  .idx4 .idx4_img.idx4_img03 .idx4_img_box::after {
    left: -30em;
  }
  .idx4 .idx4_img.idx4_img03 .idx4_img_box::before {
    bottom: -5.75em;
    left: -2.125em;
  }
  .idx4 .idx4_fet {
    margin-top: 100px;
    background-size: auto 55vw;
  }
  .idx4 .idx4_fet .fblock {
    padding: 0 20px;
  }
  .idx4 .idx4_fet .fblock .item .ttl02 {
    letter-spacing: 0;
    font-size: 14px;
  }
  .idx4 .idx4_fet_box::after {
    right: 0;
    font-size: 10px;
  }
}

.idx5 {
  clip-path: polygon(0 0, 100% 20.5%, 100% 100%, 0% 100%);
  background-color: #faf7ed;
  padding: 232px 0 82px;
  margin-top: -90px;
}
@media only screen and (min-width: 1281px) {
  .idx5 {
    padding: 284px 0 82px;
    margin-top: -142px;
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
  }
}
.idx5 .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 57.5% 0 43%;
  grid-template-columns: 57.5% 43%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0;
  position: relative;
  z-index: 1;
}
.idx5 .inner::before,
.idx5 .inner::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
@media only screen and (min-width: 769px) {
  .idx5 .inner::before {
    background: url(../images/idx5_icon02.svg) no-repeat center/contain;
    width: 21em;
    height: 21.1875em;
    left: -12.625em;
    bottom: -0.5em;
    font-size: min(1.5vw, 16px);
  }
}
@media only screen and (min-width: 769px) {
  .idx5 .inner::after {
    background: url(../images/idx5_icon03.svg) no-repeat center/contain;
    width: 40.9375em;
    height: 42.5em;
    bottom: -27.75em;
    right: -31.0625em;
    font-size: min(1.5vw, 16px);
  }
}
.idx5 h2.big {
  margin-left: 0;
  margin-top: 0;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 769px) {
  .idx5 h2.big::before {
    display: none;
  }
}
.idx5 .idx5_img {
  max-width: 653px;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / span 3;
  margin-left: -100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.idx5 .idx5_img::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
  right: -10.875em;
  top: -3.3125em;
  background-color: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='203px' height='191px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M175.393,166.162 C140.033,204.000 69.616,193.256 31.924,166.206 C-5.658,139.234 -12.999,59.332 27.155,26.755 C77.388,-14.001 146.531,-1.610 174.599,23.099 C213.999,57.784 209.020,130.179 175.393,166.162 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='203px' height='191px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M175.393,166.162 C140.033,204.000 69.616,193.256 31.924,166.206 C-5.658,139.234 -12.999,59.332 27.155,26.755 C77.388,-14.001 146.531,-1.610 174.599,23.099 C213.999,57.784 209.020,130.179 175.393,166.162 Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 12.6875em;
  height: 11.9375em;
}
.idx5 .idx5_img .idx5_img01,
.idx5 .idx5_img .idx5_img02 {
  position: relative;
}
.idx5 .idx5_img .ttl {
  z-index: 1;
  position: absolute;
  line-height: 1;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='131px' height='132px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M120.325,108.095 C109.090,123.238 76.623,147.997 19.867,114.009 C-9.001,96.722 -3.186,42.235 21.214,21.755 C39.386,6.504 90.573,-15.998 115.664,20.511 C133.897,47.042 135.000,88.317 120.325,108.095 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='131px' height='132px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M120.325,108.095 C109.090,123.238 76.623,147.997 19.867,114.009 C-9.001,96.722 -3.186,42.235 21.214,21.755 C39.386,6.504 90.573,-15.998 115.664,20.511 C133.897,47.042 135.000,88.317 120.325,108.095 Z'/%3E%3C/svg%3E");
  background-color: var(--main-color);
  color: #fff;
  width: 5.9091em;
  height: 5.9091em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  right: -1.4091em;
  top: -3.0455em;
  margin: 0;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 22px;
  letter-spacing: 0.15em;
  font-weight: 600;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.idx5 .idx5_img .ttl span {
  font-size: 0.7273em;
  font-weight: 600;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
}
.idx5 .idx5_img img {
  border-radius: 30px;
}
.idx5 .idx5_p {
  font-size: 18px;
  letter-spacing: 0.155em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  line-height: 2.22;
}
.idx5 .btn-group {
  margin-top: 29px;
  max-width: 214px;
  margin-left: auto;
}
.idx5 .btn-group .btn:not(:first-child) {
  margin-top: 15px;
}
.idx5 .idx5_img02 {
  margin-top: 48px;
}
.idx5 .idx5_img02 .ttl {
  top: -65px;
  padding-left: 0.3182em;
}
.idx5 .idx5_img02 .btn-group {
  margin-top: 31px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx5 .idx5_img {
    margin-left: -20px;
  }
  .idx5 .idx5_img > div {
    width: 48%;
  }
  .idx5 .inner {
    -ms-grid-columns: 45% 45%;
    grid-template-columns: 45% 45%;
  }
  .idx5 .idx5_img {
    margin-left: 0;
  }
  .idx5 .idx5_img .ttl {
    font-size: 16px;
  }
  .idx5 .idx5_p {
    font-size: 16px;
    line-height: 2;
  }
}

.idx6 {
  padding: 100px 0 0;
  color: #fff;
  position: relative;
  z-index: 1;
}
.idx6::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
  inset: 0;
  bottom: unset;
  background: url(../images/idx6_bg.jpg) no-repeat center/cover;
  height: 955px;
}
@media only screen and (min-width: 1281px) {
  .idx6::before {
    background-image: url(../images/idx6_bg1920.jpg);
  }
}
.idx6 .idx6_info {
  max-width: 435px;
  width: 41%;
}
.idx6 .idx6_txt {
  width: 55%;
  max-width: 578px;
}
.idx6 .idx6_logo {
  display: table;
  margin-bottom: 16px;
}
.idx6 .idx6_logo a:hover {
  opacity: 1;
}
.idx6 .btn-group {
  width: 100%;
  margin-top: 47px;
}
.idx6 .btn-group .btn {
  margin: 0 auto;
  max-width: 344px;
}
.idx6 .idx6_map {
  width: 100%;
  margin-top: 100px;
  margin-bottom: -250px;
  position: relative;
  z-index: 2;
}
.idx6 .idx6_map iframe {
  border: 0;
  border-radius: 15px;
  width: 100%;
  display: block;
  height: 500px;
}
.idx6 .idx6_map .inner {
  max-width: 1200px;
}

.idx6 .shared_tbl tr .jp {
  color: #fff !important;
  text-decoration-color: #fff !important;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx6 .idx6_logo {
    max-width: calc(100% - 40px);
  }
  .idx6 .btn-group .btn {
    max-width: 300px;
  }
}

.idx7 {
  padding-top: 535px;
}
.idx7 .idx7_bg {
  padding: 50px 0 71px;
  position: relative;
  z-index: 1;
  background-color: var(--main-color);
}
.idx7 .idx7_bg::before {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
  inset: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1280px' height='64px'%3E%3Cpath fill-rule='evenodd' fill='rgb(30, 164, 114)' d='M1280.000,16.096 C1221.815,16.096 1221.815,0.005 1163.631,0.005 C1105.446,0.005 1105.446,16.096 1047.262,16.096 C989.080,16.096 989.080,0.005 930.898,0.005 C872.716,0.005 872.716,16.096 814.533,16.096 C756.352,16.096 756.352,0.005 698.170,0.005 C639.989,0.005 639.989,16.096 581.808,16.096 C523.627,16.096 523.627,0.005 465.445,0.005 C407.266,0.005 407.266,16.096 349.086,16.096 C290.905,16.096 290.905,0.005 232.724,0.005 C174.543,0.005 174.543,16.096 116.362,16.096 C58.181,16.096 58.181,0.005 -0.000,0.005 L-0.000,63.993 L1280.000,63.993 L1280.000,16.096 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1280px' height='64px'%3E%3Cpath fill-rule='evenodd' fill='rgb(30, 164, 114)' d='M1280.000,16.096 C1221.815,16.096 1221.815,0.005 1163.631,0.005 C1105.446,0.005 1105.446,16.096 1047.262,16.096 C989.080,16.096 989.080,0.005 930.898,0.005 C872.716,0.005 872.716,16.096 814.533,16.096 C756.352,16.096 756.352,0.005 698.170,0.005 C639.989,0.005 639.989,16.096 581.808,16.096 C523.627,16.096 523.627,0.005 465.445,0.005 C407.266,0.005 407.266,16.096 349.086,16.096 C290.905,16.096 290.905,0.005 232.724,0.005 C174.543,0.005 174.543,16.096 116.362,16.096 C58.181,16.096 58.181,0.005 -0.000,0.005 L-0.000,63.993 L1280.000,63.993 L1280.000,16.096 Z'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  background-color: var(--main-color);
  top: -63px;
  height: 64px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  mask-position: center top;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx7 .idx7_bg::before {
    -webkit-mask-position: center bottom;
    mask-position: center bottom;
  }
}
.idx7 .idx7_img {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 68.9814814815%;
  max-width: 745px;
  margin-right: -9.2592592593%;
  margin-top: -235px;
  position: relative;
}
.idx7 .idx7_img img {
  border-radius: 30px 0 0 30px;
}
.idx7 .idx7_img::after {
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: url(../images/idx7_recruit.svg) no-repeat center/contain;
  width: 29.5em;
  height: 15.75em;
  left: -4.9375em;
  bottom: -2.5625em;
}
.idx7 .idx7_txt {
  width: 33%;
  color: #fff;
}
.idx7 .idx7_txt h3 {
  color: #fff;
  font-size: calc(var(--ttl_size) - 4px);
  line-height: 1.5;
  letter-spacing: 0.15em;
  margin-bottom: 17px;
}
.idx7 .btn-group {
  margin-top: 42px;
}
.idx7 .btn-group .btn {
  max-width: 251px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx7 .idx7_img {
    margin-right: -3%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 60%;
    font-size: 10px;
  }
}

.idx_banner {
  position: fixed;
  right: 2em;
  bottom: 15.4em;
  z-index: 14;
  border: 1px solid var(--main-color);
  border-radius: 7px;
  overflow: hidden;
  font-size: 10px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.idx_banner.active {
  bottom: 10em;
  right: 10px;
}
.idx_banner.hide {
  opacity: 0;
  visibility: hidden;
}
.idx_banner picture {
  width: 25em;
  position: relative;
}
.idx_banner picture img {
  border-radius: 7px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media only screen and (min-width: 769px) {
  .idx_banner picture:hover img {
    opacity: 0.8;
  }
}
.idx_banner a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.idx_banner .close {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  z-index: 1;
  top: -1.6em;
  right: -1.7em;
  background: var(--main-color) url(../images/banner_close.svg) no-repeat center/contain;
  width: 4.7em;
  height: 4.7em;
  border-radius: 50%;
  background-size: 0.9em;
  background-position: calc(100% - 2.5em) calc(100% - 1.3em);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media only screen and (min-width: 769px) {
  .idx_banner .close:hover {
    background-color: var(--clr4);
  }
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
  .idx_banner {
    bottom: 20px;
    right: 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .idx_banner {
    bottom: 8em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx_banner {
    font-size: 9px;
  }
}
@media only screen and (min-width: 769px) and (max-height: 500px) and (max-width: 1024px) {
  .idx_banner {
    right: 80px;
  }
  .idx_banner.active {
    right: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .idx_banner.active {
    bottom: 16em;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1400px), (min-width: 769px) and (max-height: 700px) {
  .idx_banner.active {
    bottom: 8em;
  }
}