.home_page .key {
  --height: 57vw;
  --min-height: 550px;
  --max-height: 990px;
  height: var(--height);
  min-height: var(--min-height);
  max-height: var(--max-height);
  background-size: cover;
  background-image: url("../images/idx_key_bg.jpg");
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .home_page .key {
    font-size: clamp(6.5px, 0.7vw, 10px);
  }
}
.home_page .key::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background: rgba(25, 39, 85, 0.2);
}
.home_page .key .inner {
  position: relative;
  padding: 0;
  width: 100%;
}
.home_page .key_video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.home_page .key_video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home_page .key_text {
  position: relative;
  overflow: hidden;
}
.home_page .key_text .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: var(--height);
  min-height: var(--min-height);
  max-height: var(--max-height);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.home_page .key .catch {
  margin: auto;
}
.home_page .key h2,
.home_page .key p {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.home_page .key h2 {
  font-size: 4.8em;
  line-height: 1.875;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .home_page .key h2 {
    margin-bottom: 0.125em;
    margin-right: -0.2083em;
  }
}
.home_page .key p {
  font-size: 2em;
}
.home_page .topic_path {
  display: none;
}
.home_page h3 {
  position: relative;
  margin-bottom: 35px;
  color: var(--main-color);
  font-family: var(--f-jp);
  font-size: calc(var(--ttl_size) + 12px);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
.home_page h3 > span {
  display: block;
}
.home_page h3::before {
  position: absolute;
  top: -0.8667em;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: var(--f-en);
  font-size: 120px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(var(--main-color-rgb), 0.15);
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .home_page h3::before {
    font-size: 100px;
  }
}
@media only screen and (min-width: 769px) {
  .home_page h3::before {
    margin-left: 0.0833em;
  }
}
.home_page h3[data-en]::before {
  content: attr(data-en);
}
.home_page h3 .en {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .home_page h3 .en {
    font-size: 20px;
  }
}
.home_page h3.white {
  color: #fff;
}
.home_page h3.white .en {
  color: #fff;
}

@media only screen and (min-width: 1921px) {
  .home_page .key {
    --max-height: 35vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1566px) {
  .home_page .key {
    --max-height: calc(100vh - var(--wrapper));
  }
}
section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.idx01 {
  background-image: url("../images/idx01_bg.jpg");
}
@media only screen and (min-width: 769px) {
  .idx01 {
    padding: 80px 0;
  }
}
.idx01 h3 {
  text-align: left;
}
.idx01 h3 .jp {
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 769px) {
  .idx01 h3 {
    margin-bottom: -8px;
  }
  .idx01 h3 .jp {
    font-size: 18px;
    margin-bottom: -5px;
    padding-left: 2px;
  }
  .idx01 h3 .en {
    padding-left: 1px;
    font-size: calc(var(--ttl_size) + 12px);
  }
}
@media only screen and (min-width: 769px) {
  .idx01 .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 10px;
  }
}
.idx01 .content .box {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .idx01 .content .box {
    width: 50%;
    padding: 2.2em 0 2.9em;
  }
  .idx01 .content .box:first-child::before {
    content: "";
    position: absolute;
    background-color: #dfdfdf;
    width: 1px;
    height: 100%;
    top: 0px;
    bottom: 0px;
    right: 0px;
  }
  .idx01 .content .box:not(:first-child) .news {
    margin-left: auto;
  }
}
.idx01 .content li {
  border-bottom: 1px solid #c8c8c8;
  width: auto;
  position: relative;
  z-index: 1;
}
.idx01 .content li::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  inset: 0;
  background-color: var(--main-color);
  z-index: -1;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 769px) {
  .idx01 .content li:last-child a {
    padding-top: 1.9375em;
  }
}
.idx01 .content li a {
  display: flex;
  text-decoration: none;
  transition: all 0.3s;
  letter-spacing: 0.1em;
  white-space: nowrap;
  max-width: 100%;
  font-size: var(--txt_size);
  color: var(--clr1);
  --w: 6.9375em;
}
.idx01 .content li a span {
  display: inline-block;
}
.idx01 .content li a .date {
  width: var(--w);
  transition: all 0.3s;
  color: var(--main-color);
}
.idx01 .content li a .title {
  max-width: calc(100% - var(--w));
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .idx01 .content li a {
    padding: 2.0625em 0.35em;
  }
  .idx01 .content li a .title {
    padding-right: 1.5em;
  }
}
@media only screen and (min-width: 769px) {
  .idx01 .content li:hover::before {
    width: 100%;
  }
  .idx01 .content li:hover a {
    opacity: 1;
    color: #fff;
  }
  .idx01 .content li:hover a .date {
    color: inherit;
  }
}
.idx01 .content .news {
  position: relative;
  max-width: 585px;
}
@media only screen and (min-width: 769px) {
  .idx01 .content .news {
    width: 92%;
  }
}
.idx01 .content .btn-group {
  z-index: 1;
  width: 50%;
  max-width: 12.1em;
}
@media only screen and (min-width: 769px) {
  .idx01 .content .btn-group {
    font-size: 10px;
    position: absolute;
    right: 2.7em;
    top: 2.8em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx01 .content .btn-group {
    font-size: 8.75px;
  }
}
.idx01 .content .btn-group .btn-news {
  --clr-btn: var(--main-color);
}
.idx01 .content .btn-group .btn-news a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.8em;
  text-decoration: none;
  color: var(--clr-btn);
  letter-spacing: 0.1em;
  line-height: 1.5;
  min-height: 2.2222em;
}
.idx01 .content .btn-group .btn-news a::before {
  content: "";
  position: absolute;
  width: 2.2222em;
  height: 2.2222em;
  border-radius: 50%;
  top: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto 0;
  background-color: var(--clr-btn);
}
.idx01 .content .btn-group .btn-news a::after {
  content: "";
  position: absolute;
  width: 2.2222em;
  height: 2.2222em;
  top: 1px;
  bottom: 0px;
  right: 0px;
  margin: auto 0;
  --mask: url("../images/ic_btn.png");
  mask-image: var(--mask);
  -webkit-mask-image: var(--mask);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 0.4444em 0.7222em;
  -webkit-mask-size: 0.4444em 0.7222em;
  mask-position: center;
  -webkit-mask-position: center;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .idx01 .content .btn-group .btn-news a:hover {
    opacity: 1;
    --clr-btn: var(--clr2);
  }
}

.idx02 {
  background-image: url("../images/idx02_bg.jpg");
  background-position: top center;
}
@media only screen and (min-width: 769px) {
  .idx02 {
    padding: min(12vw, 152px) 0 90px;
    background-size: auto min(50vw, 600px);
  }
}
@media only screen and (min-width: 769px) {
  .idx02 h3 {
    margin-bottom: 78px;
    letter-spacing: -0.03em;
  }
}
.idx02 .idx_box {
  background-color: #fff;
  box-shadow: var(--box-shadow);
}
@media only screen and (min-width: 769px) {
  .idx02 .idx_box {
    font-size: min(0.65vw, 10px);
    padding: 9.8em 7.5em 7.9em;
  }
}
@media only screen and (min-width: 769px) {
  .idx02 .idx_content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
  }
  .idx02 .idx_content_left {
    width: 49%;
    max-width: 545px;
    padding-top: 16px;
  }
  .idx02 .idx_content_right {
    max-width: 545px;
    width: 49%;
  }
  .idx02 .idx_content_right iframe {
    height: 480px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
  .idx02 .idx_content_right iframe {
    height: 400px;
  }
}
@media only screen and (min-width: 769px) {
  .idx02 .idx_logo {
    margin-bottom: 16px;
  }
  .idx02 .idx_logo a:hover {
    opacity: 1;
  }
}
.idx02 .idx_address {
  text-align: center;
  line-height: 1.6;
}
@media only screen and (min-width: 769px) {
  .idx02 .idx_address {
    font-size: 15px;
    margin-bottom: 43px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx02 .idx_address {
    margin-bottom: 25px;
  }
}
.idx02 .glb_tel {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 769px) {
  .idx02 .glb_tel {
    font-size: min(0.875vw, 10px);
    margin-bottom: 27px;
  }
}
.idx02 .glb_tel a {
  padding-left: 0.9722em;
}
.idx02 .glb_tel a::before {
  left: -0.75em;
  top: 0.1389em;
}
@media only screen and (min-width: 769px) {
  .idx02 .time_sheet table {
    font-size: min(0.645vw, 10px);
  }
}
.idx02 .btn-group {
  font-size: 10px;
}
@media only screen and (max-width: 1024px) {
  .idx02 .btn-group {
    font-size: 8.75px;
  }
}
@media only screen and (min-width: 769px) {
  .idx02 .flex_gr {
    --size-mg: 1.2em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx02 .flex_gr {
    --size-mg: 5px ;
  }
}

.idx03 {
  background-image: url("../images/idx03_bg.png");
  background-position: top center;
}
@media only screen and (min-width: 769px) {
  .idx03 {
    padding: 122px 0 90px;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 769px) {
  .idx03 h3 {
    margin-bottom: 39px;
  }
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabPager {
    font-size: min(0.875vw, 10px);
  }
}
.idx03 .TabContainer .TabPager > div {
  width: 33.3333333333%;
  max-width: 360px;
}
.idx03 .TabContainer .TabPager > div.active {
  background-color: #fff;
  color: var(--clr3);
  pointer-events: none;
}
.idx03 .TabContainer .TabPager > div:nth-child(2) p {
  letter-spacing: 0;
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabPager > div:hover {
    background-color: var(--clr2);
  }
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabContent {
    font-size: min(0.52vw, 10px);
  }
}
.idx03 .TabContainer .TabContent .content {
  background-color: #fff;
  box-shadow: var(--box-shadow);
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabContent .content > div {
    padding: 8em 8em 8.2em;
  }
  .idx03 .TabContainer .TabContent .content > div:nth-child(3) .txt .ttl {
    letter-spacing: 0.028em;
    margin-right: -5px;
  }
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabContent .content > div .txt {
    display: flex;
    justify-content: space-between;
  }
  .idx03 .TabContainer .TabContent .content > div .txt_left {
    flex-shrink: 0;
    max-width: 600px;
    width: 54%;
  }
  .idx03 .TabContainer .TabContent .content > div .txt_right {
    max-width: 640px;
    width: 56%;
    padding: 0 min(2.2%, 28px);
  }
}
.idx03 .TabContainer .TabContent .content > div .txt .ttl {
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--main-color);
  position: relative;
}
.idx03 .TabContainer .TabContent .content > div .txt .ttl::before {
  content: "";
  position: absolute;
  width: 4em;
  height: 1px;
  bottom: 0px;
  left: 0px;
  background-color: var(--main-color);
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabContent .content > div .txt .ttl {
    font-size: min(2.7vw, 30px);
    padding-bottom: 0.5333em;
    margin-bottom: 0.7667em;
  }
}
.idx03 .TabContainer .TabContent .content > div .txt .desc p {
  font-size: var(--txt_size);
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabContent .content > div .txt .desc {
    margin-bottom: 37px;
  }
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabContent .content > div .txt .bnr {
    margin-bottom: 24px;
  }
  .idx03 .TabContainer .TabContent .content > div .txt .bnr a:hover {
    opacity: 1;
  }
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabContent .content > div .txt .btn-group {
    font-size: 10px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx03 .TabContainer .TabContent .content > div .txt .btn-group {
    font-size: 7.5px;
  }
}
.idx03 .TabContainer .TabContent .content > div .txt .btn-group .btn {
  min-width: 120px;
}
.idx03 .TabContainer .TabContent .content > div .txt .flex_gr {
  margin-top: calc(var(--size-mg) * -1 - 2px);
  margin-top: calc(var(--size-mg) * -1 - 2px);
}
.idx03 .TabContainer .TabContent .content > div .txt .flex_gr .item {
  margin-top: calc(var(--size-mg) - 2px);
  margin-bottom: calc(var(--size-mg) - 2px);
}
@media only screen and (min-width: 769px) {
  .idx03 .TabContainer .TabContent .content > div .txt .flex_gr {
    --size-mg: 1.2em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx03 .TabContainer .TabContent .content > div .txt .flex_gr {
    --size-mg: 5px;
  }
}

.idx04 {
  background-image: url("../images/idx04_bg.jpg");
}
@media only screen and (min-width: 769px) {
  .idx04 {
    padding: 85px 0 0;
  }
}
@media only screen and (min-width: 769px) {
  .idx04 h3 {
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 31px;
  }
  .idx04 h3 .en {
    margin-right: 18px;
    margin-top: 4px;
  }
  .idx04 h3 .jp {
    letter-spacing: 0.055em;
  }
}
.idx04 .scr_pc {
  display: block;
}
.idx04 .scr_sp {
  display: none;
}
@media only screen and (max-width: 900px) {
  .idx04 .scr_pc {
    display: none;
  }
  .idx04 .scr_sp {
    display: block;
  }
}
.idx04 .idx_content {
  display: flex;
  position: relative;
  z-index: 1;
}
.idx04 .idx_content::before {
  content: "";
  position: absolute;
  width: 36em;
  height: 33.4em;
  background: url("../images/idx04_ic.png") no-repeat center/cover;
  z-index: -1;
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content::before {
    font-size: min(0.6vw, 10px);
    top: -6.2em;
    left: -7.6em;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1566px) {
  .idx04 .idx_content::before {
    left: 0;
  }
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content {
    justify-content: space-between;
    padding: 0 min(4.2vw, 80px);
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .idx04 .idx_content {
    padding: 0 30px;
  }
}
.idx04 .idx_content_left {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content_left {
    width: 49.6%;
    padding-left: 1px;
    padding-bottom: min(5.2vw, 99px);
  }
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content_right {
    align-self: flex-end;
    flex-shrink: 0;
    margin-top: -34px;
    max-width: 579px;
    width: 46%;
  }
}
.idx04 .idx_content .desc p {
  font-size: var(--txt_size);
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content .desc {
    margin-bottom: 50px;
  }
}
.idx04 .idx_content .doctor_box {
  position: relative;
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content .doctor_box {
    padding-right: 10.3em;
    font-size: min(0.75vw, 10px);
  }
}
.idx04 .idx_content .doctor_info {
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  width: 20em;
  height: 20em;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content .doctor_info {
    top: calc(50% - 9.5em);
    right: 0.7em;
  }
}
.idx04 .idx_content .doctor_info .txt span {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content .doctor_info .txt {
    padding-bottom: 1px;
  }
}
.idx04 .idx_content .doctor_info .txt .pos {
  font-size: 1.8em;
  letter-spacing: 0.4em;
  padding-bottom: 0.5556em;
  margin-bottom: 0.2778em;
  padding-left: 0.3333em;
  position: relative;
}
.idx04 .idx_content .doctor_info .txt .pos::before {
  content: "";
  position: absolute;
  width: 100%;
  max-width: 7.7778em;
  height: 1px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  background-color: rgba(var(--main-color-rgb), 0.2);
}
.idx04 .idx_content .doctor_info .txt .name .jp {
  font-size: 3em;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 0.1em;
  padding-left: 0.1em;
}
.idx04 .idx_content .doctor_info .txt .name .en {
  font-family: var(--f-jp);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--main-color);
}
@media only screen and (min-width: 901px) {
  .idx04 .idx_content .doctor_info .txt .name .en {
    font-size: min(0.8vw, 9px);
  }
}
@media only screen and (min-width: 901px) {
  .idx04 .btn-group {
    font-size: 10px;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1024px) {
  .idx04 .btn-group {
    font-size: 8.75px;
  }
}
.idx04 .btn-group .btn {
  min-width: 120px;
}
@media only screen and (min-width: 901px) {
  .idx04 .flex_gr {
    --size-mg: 1.2em;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .idx04 .flex_gr {
    --size-mg: 5px;
  }
}

@media only screen and (min-width: 769px) {
  .idx_bnr01 {
    padding: min(7.5vw, 62px) 0 min(8vw, 90px);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .idx_bnr01 {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
.idx_bnr01 .ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-weight: 600;
  color: var(--main-color);
}
@media only screen and (min-width: 769px) {
  .idx_bnr01 .ttl {
    font-size: calc(var(--ttl_size) + 6px);
    margin-bottom: 24px;
  }
}
.idx_bnr01 .ttl .lg {
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 769px) {
  .idx_bnr01 .ttl .lg {
    background: linear-gradient(to right, var(--clr-blue-light), var(--clr-blue-light)) bottom 2px left/100% 14px repeat-x;
  }
}
.idx_bnr01 .ttl .sm {
  letter-spacing: -0.01em;
  color: var(--clr1);
}
@media only screen and (min-width: 769px) {
  .idx_bnr01 .ttl .sm {
    font-size: var(--ttl_size);
  }
}
.idx_bnr01 .ttl > span {
  flex-shrink: 0;
}
@media only screen and (min-width: 769px) {
  .idx_bnr01 .ttl > span {
    padding: 0 0.5556em;
  }
}
.idx_bnr01 .ttl::before, .idx_bnr01 .ttl::after {
  content: "";
  flex-grow: 1;
  width: 100%;
  height: 1px;
  background-color: var(--main-color);
}
@media only screen and (min-width: 769px) {
  .idx_bnr01 .ttl::before, .idx_bnr01 .ttl::after {
    box-shadow: 0 3px 0 var(--main-color);
    margin-top: 0.2778em;
  }
}
.idx_bnr01 .bnr-group {
  justify-content: space-between;
}
@media only screen and (min-width: 431px) {
  .idx_bnr01 .bnr-group {
    display: flex;
    gap: min(1.3vw, 22px);
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx_bnr01 .bnr-group .bnr {
    width: 42%;
  }
}
@media only screen and (min-width: 431px) and (max-width: 1024px) {
  .idx_bnr01 .bnr-group {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.idx_bnr01 .bnr-group .bnr {
  position: relative;
}

.idx05 {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .idx05 {
    padding: 133px 0 100px;
  }
}
.idx05::before {
  content: "";
  position: absolute;
  max-width: 1200px;
  top: 0px;
  right: 0px;
  background: url("../images/idx05_bg.jpg") no-repeat top center/cover;
  z-index: -1;
}
@media only screen and (min-width: 1921px) {
  .idx05::before {
    right: calc(50% - 960px);
  }
}
@media only screen and (min-width: 769px) {
  .idx05::before {
    width: 62.5%;
    height: 500px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx05::before {
    height: auto;
    max-height: 500px;
    aspect-ratio: 12/6;
    min-height: min(45.6vw, 400px);
    background-position: top left 65%;
  }
}
@media only screen and (min-width: 769px) {
  .idx05 h3 {
    text-align: left;
    margin-left: 78px;
    padding-left: 28px;
    margin-bottom: 75px;
  }
  .idx05 h3::before {
    margin-left: -80px;
  }
  .idx05 h3::after {
    content: "";
    position: absolute;
    bottom: 0px;
    background-color: var(--main-color);
    width: 4px;
    height: calc(100% - 6px);
    left: 3px;
    top: 1px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx05 h3 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer {
    padding: 0 min(4.2vw, 80px);
    font-size: min(0.85vw, 10px);
  }
}
.idx05 .TabContainer .TabPager > div {
  width: 50%;
  max-width: 550px;
  background-color: var(--clr2);
}
.idx05 .TabContainer .TabPager > div p {
  color: #fff;
}
.idx05 .TabContainer .TabPager > div.active {
  background-color: var(--main-color);
  pointer-events: none;
}
.idx05 .TabContainer .TabPager > div:first-child p {
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabPager > div:hover {
    background-color: var(--clr3);
  }
}
.idx05 .TabContainer .TabContent {
  overflow: hidden;
}
.idx05 .TabContainer .TabContent .content {
  background: url("../images/idx05_bg02.jpg") no-repeat top center/cover;
  border: 5px solid #e8e8e8;
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt01 {
    font-size: min(0.75vw, 10px);
    padding: 4em 8em;
  }
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list {
  width: 75.2em;
  height: 65.8em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .person {
  position: relative;
  z-index: 1;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .person::before {
  content: "";
  position: absolute;
  width: 85.8em;
  height: 85.8em;
  top: calc(50% - 42.9em);
  left: calc(50% - 42.9em);
  background: url("../images/idx05_person_bg.png") no-repeat center/cover;
  z-index: -1;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .person::after {
  content: "";
  position: absolute;
  width: 50em;
  height: 50em;
  top: calc(50% - 25em);
  left: calc(50% - 25em);
  background: url("../images/idx05_shape.png") no-repeat center/cover;
  z-index: -1;
  animation: animate_rotate 8s linear infinite;
  transition: all 0.3s linear;
  opacity: 0.3;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .person picture {
  position: relative;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .person picture img {
  width: 22.9em;
  height: 52.9em;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .person picture::before {
  content: "";
  position: absolute;
  width: 4em;
  height: 4em;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite {
  --clr-ite: var(--clr2);
  position: absolute;
  width: 16em;
  height: 16em;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--clr-ite);
  z-index: 2;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite .ttl {
  color: #fff;
  text-align: center;
  font-size: 2.4em;
  line-height: 1.3333333333;
  font-weight: 500;
  letter-spacing: 0;
  padding-bottom: 0.0833em;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite:nth-child(odd) {
  --clr-ite: var(--clr3);
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt01 .list .ite:hover {
    --clr-ite: var(--main-color);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.5);
  }
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite::before {
  content: "";
  position: absolute;
  width: calc(100% - 1em);
  height: calc(100% - 1em);
  inset: 0.5em;
  border-radius: inherit;
  border: 0.1em solid rgba(255, 255, 255, 0.2);
  background: transparent;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite::after {
  content: "";
  position: absolute;
  width: 0.8em;
  height: 1.3em;
  bottom: 2.1em;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  background: url("../images/ic_btn.png") no-repeat center/cover;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite01 {
  top: 0.3em;
  left: 18.7%;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite01:hover ~ .person::after {
  top: -22em;
  scale: 0.664;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite02 {
  top: 0.3em;
  right: 18.7%;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite02:hover ~ .person::after {
  top: -22em;
  scale: 0.664;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite03 {
  top: 24.7%;
  right: 0;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite03:hover ~ .person::after {
  top: -22em;
  scale: 0.664;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite04 {
  top: 50.3%;
  right: 0;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite04:hover ~ .person::after {
  top: 2.5em;
  left: calc(50% - 15.5em);
  scale: 0.55;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite05 {
  bottom: -0.3em;
  right: 18.7%;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite05:hover ~ .person::after {
  top: 10em;
  left: calc(50% - 21.8em);
  scale: 0.5;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite06 {
  bottom: -0.3em;
  left: 18.7%;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite06:hover ~ .person::after {
  top: 17em;
  left: calc(50% - 28.5em);
  scale: 0.45;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite07 {
  top: 50.3%;
  left: 0;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite07:hover ~ .person::after {
  top: 2.5em;
  left: calc(50% - 34.2em);
  scale: 0.55;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite08 {
  top: 24.7%;
  left: 0;
}
.idx05 .TabContainer .TabContent .content > div .txt01 .list .ite08:hover ~ .person::after {
  top: -22em;
  scale: 0.664;
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt02 {
    font-size: min(0.75vw, 10px);
    padding: 7.4em 5.2vw;
  }
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt02 .list {
    --size-mg: 1em;
    margin: calc(var(--size-mg) * -1);
  }
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite {
  max-width: 480px;
  min-height: 150px;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
  padding: 0.5em;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
  transition: all 0.3s linear;
  width: calc(33.3333333333% - var(--size-mg) * 2);
}
@media only screen and (max-width: 1024px) {
  .idx05 .TabContainer .TabContent .content > div .txt02 .list .ite {
    width: calc(33.3333333333% - var(--size-mg) * 2);
    min-height: 120px;
  }
  .idx05 .TabContainer .TabContent .content > div .txt02 .list .ite .txt .ttl {
    font-size: 16px;
  }
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt02 .list .ite {
    margin: var(--size-mg);
  }
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: var(--main-color);
  opacity: 0.8;
  z-index: -1;
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite1 {
  background-image: url(../images/idx05_img1.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite2 {
  background-image: url(../images/idx05_img2.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite3 {
  background-image: url(../images/idx05_img3.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite4 {
  background-image: url(../images/idx05_img4.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite5 {
  background-image: url(../images/idx05_img5.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite6 {
  background-image: url(../images/idx05_img6.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite7 {
  background-image: url(../images/idx05_img7.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite8 {
  background-image: url(../images/idx05_img8.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite9 {
  background-image: url(../images/idx05_img9.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite10 {
  background-image: url(../images/idx05_img10.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite11 {
  background-image: url(../images/idx05_img11.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite12 {
  background-image: url(../images/idx05_img12.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite13 {
  background-image: url(../images/idx05_img13.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite14 {
  background-image: url(../images/idx05_img14.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite15 {
  background-image: url(../images/idx05_img15.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite16 {
  background-image: url(../images/idx05_img16.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite17 {
  background-image: url(../images/idx05_img17.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite18 {
  background-image: url(../images/idx05_img18.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite19 {
  background-image: url(../images/idx05_img19.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite20 {
  background-image: url(../images/idx05_img20.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite21 {
  background-image: url(../images/idx05_img21.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite22 {
  background-image: url(../images/idx05_img22.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite23 {
  background-image: url(../images/idx05_img23.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite24 {
  background-image: url(../images/idx05_img24.jpg);
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite:nth-child(even)::before {
  background-color: var(--clr-brown);
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt02 .list .ite:hover {
    transform: translateY(-0.5em);
  }
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite .txt {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt02 .list .ite .txt {
    padding: 0.5em 2em;
  }
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite .txt::before {
  content: "";
  position: absolute;
  width: 0.8em;
  height: 1.3em;
  bottom: 0px;
  margin: auto 0;
  background: url("../images/ic_btn.png") no-repeat center/cover;
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt02 .list .ite .txt::before {
    top: 0px;
    right: 4.5%;
  }
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite .ttl {
  position: relative;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .idx05 .TabContainer .TabContent .content > div .txt02 .list .ite .ttl {
    font-size: min(1.35vw, 20px);
  }
}
.idx05 .TabContainer .TabContent .content > div .txt02 .list .ite .desc {
  font-size: var(--txt_size);
  color: #fff;
  margin-bottom: 0;
  line-height: 1.75;
}

.idx06 {
  background-image: url("../images/idx06_bg.jpg");
  position: relative;
}
@media only screen and (min-width: 769px) {
  .idx06 {
    padding: min(9vw, 128px) 0 min(9vw, 136px);
  }
}
.idx06::before, .idx06::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 769px) {
  .idx06::before, .idx06::after {
    height: 20px;
  }
}
.idx06::before {
  top: 0;
}
.idx06::after {
  bottom: 0;
}
@media only screen and (min-width: 769px) {
  .idx06 h3 {
    margin-bottom: 24px;
  }
  .idx06 h3 .en {
    margin-bottom: -1px;
  }
}
@media only screen and (min-width: 769px) {
  .idx06 .inner {
    max-width: 980px;
    padding: 0 50px;
  }
}
@media only screen and (min-width: 769px) {
  .idx06 .desc {
    margin-bottom: 53px;
  }
}
.idx06 .desc p {
  line-height: 2.4;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .idx06 .desc p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx06 .desc p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 431px) {
  .idx06 .bnr-group {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 769px) {
  .idx06 .bnr-group {
    gap: 40px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx06 .bnr-group {
    gap: 20px;
  }
}
.idx06 .bnr-group .bnr {
  position: relative;
  transition: all 0.3s linear;
}
@media only screen and (min-width: 769px) {
  .idx06 .bnr-group .bnr:not(:has(a[target*=_blank])):hover {
    box-shadow: var(--box-shadow);
    opacity: 0.8;
  }
}

.idx07 {
  background-image: url("../images/idx07_bg.jpg");
}
@media only screen and (min-width: 769px) {
  .idx07 {
    padding: 134px 0 min(8.5vw, 118px);
  }
}
@media only screen and (min-width: 769px) {
  .idx07 h3 {
    margin-bottom: 62px;
  }
}
.idx07 .idx_box {
  counter-reset: item;
}
@media only screen and (min-width: 769px) {
  .idx07 .idx_box {
    font-size: min(0.9vw, 10px);
    --space: min(4vw, 60px);
    gap: var(--space);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 7.4em;
  }
}
.idx07 .idx_box .ite {
  max-width: 605px;
  counter-increment: item;
  --clr-ite: var(--main-color-rgb);
}
@media only screen and (min-width: 769px) {
  .idx07 .idx_box .ite {
    width: 47.5%;
  }
  .idx07 .idx_box .ite:nth-child(even) {
    margin-top: 6.8em;
  }
  .idx07 .idx_box .ite:nth-child(even) .ite_content {
    padding-top: 5.4em;
    padding-bottom: 6.5em;
  }
  .idx07 .idx_box .ite04 .ite_content {
    padding-bottom: 6.8em !important;
  }
  .idx07 .idx_box .ite04 .ite_content .ttl {
    padding-bottom: 0.8077em;
  }
}
.idx07 .idx_box .ite:nth-child(2) {
  --clr-ite: var(--clr2-rgb);
}
.idx07 .idx_box .ite:nth-child(2) .nb::before {
  background-color: var(--clr-brown-light);
}
.idx07 .idx_box .ite:nth-child(3) {
  --clr-ite: var(--clr2-rgb);
}
.idx07 .idx_box .ite:nth-child(3) .nb::before {
  background-color: var(--clr-brown-light);
}
.idx07 .idx_box .ite:nth-child(4) {
  --clr-ite: var(--main-color-rgb);
}
.idx07 .idx_box .ite:nth-child(4) .nb::before {
  background-color: var(--clr3);
}
.idx07 .idx_box .ite:nth-child(5) {
  --clr-ite: var(--main-color-rgb);
}
.idx07 .idx_box .ite:nth-child(5) .nb::before {
  background-color: var(--clr3);
}
.idx07 .idx_box .ite:nth-child(6) {
  --clr-ite: var(--clr2-rgb);
}
.idx07 .idx_box .ite:nth-child(6) .nb::before {
  background-color: var(--clr-brown-light);
}
.idx07 .idx_box .ite .nb {
  position: absolute;
  top: -1.9em;
  right: 1.1em;
  border-radius: 50%;
  width: 9.6em;
  height: 9.6em;
  background-color: rgb(var(--clr-ite));
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.idx07 .idx_box .ite .nb::before {
  content: "";
  position: absolute;
  width: 6.2em;
  height: 5.8em;
  top: 0.7em;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  --mask: url("../images/idx07_ic.png");
  mask-image: var(--mask);
  -webkit-mask-image: var(--mask);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100% auto;
  -webkit-mask-size: 100% auto;
  mask-position: center;
  -webkit-mask-position: center;
  background-color: var(--clr3);
  opacity: 0.4;
  z-index: -1;
}
.idx07 .idx_box .ite .nb > span {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.2em;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.idx07 .idx_box .ite .nb > span::after {
  content: counter(item, decimal-leading-zero);
  font-size: 4em;
  font-weight: 300;
  margin-top: -0.0625em;
}
.idx07 .idx_box .ite_img {
  position: relative;
  padding-right: var(--space);
}
.idx07 .idx_box .ite_img picture {
  display: table;
  position: relative;
}
.idx07 .idx_box .ite_img picture::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  box-shadow: inset calc(var(--space) / 2 - 2px) calc(var(--space) / 2 - 2px) 0px 0px rgba(var(--clr-ite), 0.5);
}
.idx07 .idx_box .ite_content {
  position: relative;
  margin-left: var(--space);
  background-color: #fefefe;
  box-shadow: 1em 1.7321em 3em 0em rgba(0, 0, 0, 0.1);
  margin-top: calc(var(--space) * -1);
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .idx07 .idx_box .ite_content {
    padding: 5.2em 6.6em 6.7em 6.5em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx07 .idx_box .ite_content {
    padding-left: 4em;
    padding-right: 4em;
  }
}
.idx07 .idx_box .ite_content .ttl {
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.3846153846;
  padding-bottom: 0.6923em;
  margin-bottom: 0.8077em;
  color: rgb(var(--clr-ite));
  position: relative;
}
@media only screen and (min-width: 769px) {
  .idx07 .idx_box .ite_content .ttl {
    font-size: calc(var(--ttl_size) - 4px);
  }
}
.idx07 .idx_box .ite_content .ttl::before {
  content: "";
  position: absolute;
  width: 3.3333em;
  height: 0.0417em;
  bottom: 0px;
  left: 0px;
  background-color: rgb(var(--clr-ite));
}
.idx07 .idx_box .ite_content .desc p {
  font-size: var(--txt_size);
}
.idx07 .btn-group .btn {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 769px) {
  .idx08 {
    margin-bottom: 60px;
  }
}
.idx08 .bnr-group {
  max-width: 1920px;
  margin: 0 auto;
}
@media only screen and (min-width: 431px) {
  .idx08 .bnr-group {
    display: flex;
    font-size: min(0.85vw, 10px);
  }
}
.idx08 .bnr {
  font-size: 1em;
  max-width: 960px;
  position: relative;
}
@media only screen and (min-width: 431px) {
  .idx08 .bnr {
    width: 50%;
  }
}
.idx08 .bnr::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  inset: 0;
  background-color: var(--main-color);
}
.idx08 .bnr::after {
  content: "";
  position: absolute;
  width: calc(100% - 2em);
  height: calc(100% - 2em);
  inset: 1em;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.idx08 .bnr .ttl {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  padding-top: 0.0952em;
  font-size: 4.2em;
}
.idx08 .bnr .ttl .en {
  font-size: 0.5238em;
  margin-bottom: -1px;
}
.idx08 .bnr picture img {
  width: auto;
}
@media only screen and (min-width: 1900px) {
  .idx08 .bnr picture img {
    height: 400px;
  }
}
.idx08 .bnr .ic_arr {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4em;
  margin: auto 0;
  width: 5.2em;
  height: 5.2em;
  border-radius: 50%;
  background-color: var(--main-color);
}
.idx08 .bnr .ic_arr::before {
  content: "";
  position: absolute;
  width: 0.8em;
  height: 1.3em;
  inset: 0;
  margin: auto;
  background: url("../images/ic_btn.png") no-repeat center/cover;
}
.idx08 .bnr:nth-child(even)::before {
  background-color: #63503d;
  opacity: 1;
}
.idx08 .bnr:nth-child(even) .ttl {
  letter-spacing: 0;
}
.idx08 .bnr:nth-child(even) .ic_arr {
  background-color: var(--clr2);
}
@media only screen and (min-width: 769px) {
  .idx08 .bnr:hover::before {
    width: 100%;
    opacity: 0.4;
  }
}

@media only screen and (min-width: 769px) {
  .idx_bnr02 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 431px) {
  .idx_bnr02 .bnr-group {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (min-width: 769px) {
  .idx_bnr02 .bnr-group {
    gap: 20px;
  }
}
@media only screen and (min-width: 431px) and (max-width: 1024px) {
  .idx_bnr02 .bnr-group {
    gap: 10px;
  }
}
.idx_bnr02 .bnr-group .bnr {
  position: relative;
  max-width: 584px;
}
@media only screen and (min-width: 431px) {
  .idx_bnr02 .bnr-group .bnr {
    width: 50%;
  }
}

@media only screen and (min-width: 769px) {
  .idx_map {
    height: clamp(350px, 25vw, 450px);
  }
}
.idx_map iframe {
  height: 100%;
}

@keyframes animate_rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=index_pc.css.map */