.home_page {
  background: url(../images/idx_main_bg.jpg) no-repeat top center/100%;
}
.home_page .key {
  --height: 47.7083333333vw;
  --min-height: unset;
  --max-height: 916px;
  height: var(--height);
  min-height: var(--min-height);
  max-height: var(--max-height);
  font-size: 10px;
  background-image: url(../images/idx_main_bg_left.png), url(../images/idx_main_bg_right.png);
  background-size: 93em, 93em;
  background-repeat: no-repeat;
  background-position: -0.2em 9.1em, calc(100% - 4.3em) 2.6em;
}
@media only screen and (min-width: 1919px) {
  .home_page .key {
    margin-top: -1.1em;
  }
}
.home_page .key::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx_key_icon_right.png) no-repeat center/contain;
  width: 35em;
  height: 33.9em;
  top: 7.5em;
  right: 8.1em;
  z-index: 1;
}
.home_page .key .inner {
  position: relative;
  width: 100%;
  max-width: 1866px;
}
@media only screen and (min-width: 1919px) {
  .home_page .key .inner {
    padding: 0;
  }
}
.home_page .key .mv_slider:not(.slick-slider) {
  display: flex;
  overflow: hidden;
  opacity: 0;
}
.home_page .key .key_text {
  position: relative;
  overflow: hidden;
}
.home_page .key .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;
  position: relative;
  z-index: 1;
}

.home_page .key .key_text .item::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx_key_bg.jpg) no-repeat top center/contain;
  inset: 0;
  z-index: -1;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1689px' height='916px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M1687.1000,268.1000 C1687.1000,143.261 1425.1000,68.000 1425.1000,68.000 C1425.1000,68.000 1184.584,-0.000 1027.1000,-0.000 C862.139,-0.000 577.1000,33.1000 577.1000,33.1000 C577.1000,33.1000 84.146,81.216 48.000,168.999 C11.854,256.783 -35.489,760.086 43.000,851.999 C121.489,943.914 658.1000,905.000 658.1000,905.000 C658.1000,905.000 1325.149,932.307 1402.1000,898.000 C1463.932,871.149 1585.265,832.751 1640.000,745.999 C1694.736,659.249 1687.1000,561.067 1687.1000,268.1000 Z'/%3E%3C/svg%3E");
  mask-position: center;
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .home_page .key .key_text .item::before {
    mask-size: calc(100% - 80px);
    background-size: cover;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .home_page .key .key_text .item::before {
    mask-size: calc(100% - 40px);
  }
}
.home_page .key .catch {
  max-width: fit-content;
}
.home_page .key h2,
.home_page .key p {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.home_page .key h2 {
    line-height: 2.2;
	 font-size: 4.2em;
}
.home_page .key h2 span {
	display: inline;
	-webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-color: #aacd06;
 
  padding: 0.1667em 0.7619em 0.2857em 0.7381em;
  border-radius: 0.9762em;
  

}
.home_page .key .jp {
  font-weight: 700;
  line-height: 2.1666666667;
  font-size: 2.4em;
  margin-top: 1.0417em;
  margin-left: 3em;
}
.home_page .key .jp span {
  box-decoration-break: clone;
  background-color: var(--clr2);
  color: #fff;
  padding: 0.25em 0.875em 0.2917em 1.375em;
  border-radius: 0.8333em;
  letter-spacing: 0.1em;
}
.home_page .key .jp .jp3 {
  padding-top: 0.2083em;
  padding-bottom: 0.3333em;
  padding-right: 0.7083em;
}
.home_page .key .jp .jp4 {
  padding-top: 0.2083em;
  padding-bottom: 0.3333em;
  padding-right: 1.0833em;
}
.home_page .topic_path {
  display: none;
}
.home_page .wrap_h3.t_center {
  display: table;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.home_page .wrap_h3.white * {
  color: #fff;
}
.home_page .h_en {
  color: var(--main-color);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1;
  margin-top: 10px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.home_page .h_en::after, .home_page .h_en::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 1px;
}
.home_page .h_en::before {
  background: url(../images/h_en_icon1.png) no-repeat center/contain;
  margin-right: 0.6364em;
}
.home_page .h_en::after {
  background: url(../images/h_en_icon2.png) no-repeat center/contain;
  margin-left: 0.6364em;
}
@media only screen and (max-width: 1366px) and (min-width: 769px) {
  .home_page .h_en {
    letter-spacing: 0;
    font-size: 20px;
  }
}
.home_page h3 {
  position: relative;
  line-height: 1.3333333333;
  color: var(--clr1);
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.home_page h3::first-letter {
  color: #fbc51e;
}
@media only screen and (max-width: 1366px) and (min-width: 769px) {
  .home_page h3 {
    letter-spacing: 0;
  }
}

@media screen and (min-width: 1921px) {
  .home_page .key {
    --max-height: 100vh;
    --height: 100vh;
    font-size: 1vh;
  }
  .home_page .key .inner {
    max-width: 95%;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 769px) and (orientation: landscape) {
  .home_page .key {
    font-size: min(10px, 0.55vw);
    background-size: 60em, 60em, 100% 100%;
    background-repeat: no-repeat;
    background-position: 0em 7em, calc(100% - 3.3em) 2.6em, top center;
  }
}
@media only screen and (max-width: 1366px) and (min-width: 1281px) {
  .home_page .key {
    font-size: min(0.8vw, 1vh);
    --max-height: calc(100vh - var(--wrapper));
  }
  .home_page .key .key_text .item::before {
    background-size: cover;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1279px' height='550px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M1278.805,161.641 C1278.805,86.085 1080.264,40.861 1080.264,40.861 C1080.264,40.861 897.322,-0.000 778.664,-0.000 C652.976,-0.000 437.658,20.430 437.658,20.430 C437.658,20.430 63.421,48.803 36.030,101.551 C8.639,154.300 -27.237,456.733 32.241,511.963 C91.719,567.195 499.039,543.812 499.039,543.812 C499.039,543.812 1003.840,560.220 1062.835,539.605 C1109.008,523.471 1200.953,500.398 1242.431,448.268 C1283.909,396.140 1278.805,337.143 1278.805,161.641 Z'/%3E%3C/svg%3E");
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .home_page .key {
    font-size: 0.85vw;
    background-size: 35em;
  }
  .home_page .key::before {
    font-size: 0.5em;
  }
  .home_page .key h2,
  .home_page .key .jp {
    letter-spacing: 0;
  }
  .home_page .key .key_line {
    right: 10em;
    bottom: 10em;
  }
}
section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.idx1 {
  padding: 0 0;
  position: relative;
}
.idx1::before {
  content: "";
  display: block;
  background: url(../images/idx_key_bottom.png) no-repeat top center/100%;
  height: 20.3125vw;
  width: 100%;
  margin: -4.84375vw auto 0;
  aspect-ratio: 1920/390;
}
@media only screen and (min-width: 1919px) and (max-width: 1921px) {
  .idx1::before {
    width: 1920px;
  }
}
.idx1 .inner_max {
  max-width: 1500px;
}
.idx1 .idx1_bg {
  background-color: #fffbf3;
  background-image: url(../images/idx1_pattern.png);
  background-repeat: repeat;
  background-position: -2px 4px;
  background-size: 120px;
  padding: 83px 0 38px;
  position: relative;
  z-index: 1;
  margin-top: -6.6145833333vw;
  border-radius: 40px;
}
.idx1 .idx1_bg::before, .idx1 .idx1_bg::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  z-index: -1;
  width: 25em;
  height: 15.7em;
  top: -5.2em;
  font-size: min(1vw, 10px);
}
.idx1 .idx1_bg::before {
  background: url(../images/idx1_left.png) no-repeat center/contain;
  left: -4.8em;
}
.idx1 .idx1_bg::after {
  background: url(../images/idx1_right.png) no-repeat center/contain;
  right: -5em;
}
.idx1 .inner {
  max-width: 1156px;
}
.idx1 .idx1_slider:not(.slick-slider) {
  display: flex;
  overflow: hidden;
  opacity: 0;
  height: 1px;
}
.idx1 .idx1_slider .item {
  width: min(32.2580645161vw, 360px);
  margin-right: 18px;
}
.idx1 .slick-arrow {
  width: 4.2em;
  height: 2.8em;
  background-size: contain;
  background-repeat: no-repeat;
  top: calc(50% - 0.3em);
  font-size: 10px;
  transition: 0.3s all;
}
@media only screen and (min-width: 769px) {
  .idx1 .slick-arrow:hover {
    opacity: 0.8;
  }
}
.idx1 .slick-prev {
  left: -8.2em;
  background-image: url(../images/idx1_arr_prev.png);
}
.idx1 .slick-next {
  right: -8.2em;
  background-image: url(../images/idx1_arr_next.png);
}
.idx1 .idx1_dots {
  margin-top: 26px;
}
.idx1 .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.idx1 .slick-dots li button {
  display: none;
}
.idx1 .slick-dots li {
  margin: 0;
  cursor: pointer;
  transition: 0.3s all;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid var(--main-color);
  transition: 0.3s all;
}
.idx1 .slick-dots li.slick-active {
  background-color: var(--main-color);
}
@media only screen and (min-width: 769px) {
  .idx1 .slick-dots li:hover {
    background-color: var(--main-color);
  }
}
@media only screen and (min-width: 2000px) {
  .idx1 .idx1_bg {
    margin-top: -3.5vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1600px) {
  .idx1 .inner_max {
    padding-left: 80px;
    padding-right: 80px;
  }
  .idx1 .inner {
    padding-left: 80px;
    padding-right: 80px;
  }
  .idx1 .idx1_bg::before, .idx1 .idx1_bg::after {
    font-size: 0.5vw;
  }
  .idx1 .idx1_slider .item {
    margin: 0;
    padding: 0 10px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx1 .idx1_bg::before, .idx1 .idx1_bg::after {
    font-size: 0.5vw;
  }
  .idx1 .inner_max {
    padding-left: 60px;
    padding-right: 60px;
  }
  .idx1 .inner {
    padding-left: 60px;
    padding-right: 60px;
  }
  .idx1 .idx1_slider {
    padding-left: 60px;
    padding-right: 60px;
  }
  .idx1 .slick-arrow {
    font-size: 9px;
  }
  .idx1 .slick-prev {
    left: 0;
  }
  .idx1 .slick-next {
    right: 0;
  }
  .idx1 .idx1_slider .item {
    width: min(23.44vw, 360px);
  }
  .idx1 .idx1_bg {
    padding: 60px 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx1 .idx1_bg::before, .idx1 .idx1_bg::after {
    font-size: 0.7vw;
  }
  .idx1 .inner_max {
    padding-left: 40px;
    padding-right: 40px;
  }
  .idx1 .inner {
    padding-left: 40px;
    padding-right: 40px;
  }
  .idx1 .idx1_slider {
    padding-left: 40px;
    padding-right: 40px;
  }
  .idx1 .slick-arrow {
    font-size: 7px;
  }
  .idx1 .slick-prev {
    left: 0;
  }
  .idx1 .slick-next {
    right: 0;
  }
  .idx1 .idx1_slider .item {
    width: min(24vw, 360px);
  }
  .idx1 .idx1_bg {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 850px) {
  .idx1 .idx1_slider .item {
    width: min(20.9vw, 360px);
  }
}

.idx2 {
  padding: 90px 0 65px;
}
.idx2 h3::first-letter {
  color: var(--clr1);
}
.idx2 .inner {
  max-width: 1030px;
  position: relative;
  z-index: 1;
}
.idx2 .inner::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx2_icon.png) no-repeat center/contain;
  width: 12.7em;
  height: 14.3em;
  bottom: 4.2em;
  left: 2.3em;
  z-index: -1;
  font-size: min(1vw, 10px);
}
.idx2 .h_en::before, .idx2 .h_en::after {
  display: none !important;
}
@media only screen and (min-width: 769px) {
  .idx2 .h_en {
    justify-content: flex-start;
    margin-top: 8px;
    padding-left: 1px;
  }
}
.idx2 h3 {
  margin-top: -10px;
}
.idx2 .right {
  width: 72.7%;
}
.idx2 .TabContainer .TabPager {
  background-color: #e9e9e9;
  border-radius: 10px;
  position: relative;
  z-index: 4;
}
.idx2 .TabContainer .TabPager > div {
  background-color: #e9e9e9;
  border-radius: 10px;
  padding: 0;
  min-height: 4.8em;
  padding-bottom: 0.1em;
  position: relative;
  font-size: 10px;
  padding-bottom: 0.2em;
  color: #3b3a35;
  transition: 0.3s all;
}
.idx2 .TabContainer .TabPager > div::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  border-top: 18px solid var(--main-color);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  left: calc(50% - 6px);
  top: 100%;
  opacity: 0;
}
.idx2 .TabContainer .TabPager > div p {
  text-align: center;
  line-height: 1;
  letter-spacing: 0.1em;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0;
}
.idx2 .TabContainer .TabPager > div.active {
  background-color: var(--main-color);
  color: #fff;
}
.idx2 .TabContainer .TabPager > div.active::before {
  opacity: 1;
}
.idx2 .TabContainer .TabPager > div:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  height: 22px;
  width: 1px;
  top: calc(50% - 11px);
  right: 0;
  background-color: #cfcfcf;
}
@media only screen and (min-width: 769px) {
  .idx2 .TabContainer .TabPager > div:hover {
    background: transparent;
    color: #fff;
    background-color: var(--main-color);
  }
  .idx2 .TabContainer .TabPager > div:hover::after {
    background: transparent;
  }
}
.idx2 .TabContent .content {
  background: transparent;
}
.idx2 ul li {
  border-bottom: #dcdcdc 1px solid;
  margin: 0;
}
.idx2 ul li a {
  color: #3b3a35;
  text-decoration: none;
  font-size: 16px;
  --date: 142px;
  --cat: 100px;
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.75em;
  padding-bottom: 1.625em;
  align-items: center;
  position: relative;
  transition: 0.3s all;
}
.idx2 ul li a::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/idx1_arr.png);
  background-color: #fabe00;
  width: 6px;
  height: 11px;
  top: calc(50% - 5px);
  right: 15px;
}
.idx2 ul li a span {
  letter-spacing: 0.1em;
  transition: 0.3s all;
}
.idx2 ul li a .date {
  font-weight: 500;
  width: var(--date);
  text-align: center;
  padding-right: 1em;
}
.idx2 ul li a .cat {
  font-size: 14px;
  height: 24px;
  width: var(--cat);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  color: #3b3a35;
}
.idx2 ul li a .cat.news {
  background-color: #ffead5;
}
.idx2 ul li a .cat.vaccine {
  background-color: #ffe0d5;
}
.idx2 ul li a .cat.kyushin {
  background-color: #f8d9e3;
}
.idx2 ul li a .cat.uncategorized {
  background-color: #e8def3;
}
.idx2 ul li a .cat.sick_0 {
  background-color: #d8f0e5;
}
.idx2 ul li a .cat.shojyo {
  background-color: #dff5cc;
}
.idx2 ul li a .cat.omutsu {
  background-color: #fff0bd;
}
.idx2 ul li a .cat.kazeshojyo {
  background-color: #fbd9d2;
}
.idx2 ul li a .cat.kaze_kuchi {
  background-color: #f5d5e1;
}
.idx2 ul li a .cat.kaze_ryuukou {
  background-color: #f5e5bf;
}
.idx2 ul li a .cat.hatsunetsu {
  background-color: #f8d2cf;
}
.idx2 ul li a .cat.kaze_mimi {
  background-color: #ead9ef;
}
.idx2 ul li a .cat.kaze_kubi {
  background-color: #d9efd2;
}
.idx2 ul li a .cat.kega {
  background-color: #f7dfc7;
}
.idx2 ul li a .cat.etc1 {
  background-color: #dde2f3;
}
.idx2 ul li a .cat.kokyukishojyo {
  background-color: #d2eeeb;
}
.idx2 ul li a .cat.nyonoshojyo {
  background-color: #f4d8e6;
}
.idx2 ul li a .cat.teashikansetsu {
  background-color: #e4edcf;
}
.idx2 ul li a .cat.hattatsu {
  background-color: #eadcf2;
}
.idx2 ul li a .cat.hifunoshoujyo {
  background-color: #f6d8d8;
}
.idx2 ul li a .cat.me {
  background-color: #ffd5e7;
}
.idx2 ul li a .cat.shinkeishojyo {
  background-color: #d9e2f2;
}
.idx2 ul li a .cat.fukubushojyo {
  background-color: #f4e2cc;
}
.idx2 ul li a .cat.forgot {
  background-color: var(--main-color);
}
.idx2 ul li a .title {
  font-weight: 500;
  width: calc(100% - var(--date) - var(--cat));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2em;
  padding-right: 2em;
}
.idx2 ul li a:hover {
  color: #3b3a35;
  opacity: 1;
}
@media only screen and (min-width: 769px) {
  .idx2 ul li a:hover {
    background-color: var(--main-color);
  }
  .idx2 ul li a:hover::after {
    background-color: #fff;
  }
  .idx2 ul li a:hover .date {
    color: #fff;
  }
  .idx2 ul li a:hover .cat {
    color: #fff;
    background-color: var(--main-color);
  }
  .idx2 ul li a:hover .title {
    color: #fff;
  }
}
@media only screen and (min-width: 1919px) {
  .idx2 ul li:nth-child(2) a {
    padding-top: 24px;
    padding-bottom: 25px;
  }
  .idx2 ul li:nth-child(3) a {
    padding-top: 25px;
    padding-bottom: 26px;
  }
}
.idx2 .idx2_tab {
  padding: 25px 0;
}
.idx2 .idx2_btn {
  margin-left: auto;
  margin-top: 34px;
  display: table;
}
.idx2 .idx2_btn a {
  --btn-color-1: #ed7848;
  --btn-color-2: #ed9648;
  --btn-hover: #fab600;
  text-decoration: none;
  width: 11.25em;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 1.5em;
  background: linear-gradient(90deg, var(--btn-color-1) 0%, var(--btn-color-2) 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding-bottom: 0.125em;
  padding-left: 0.125em;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.idx2 .idx2_btn a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--btn-hover);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
}
.idx2 .idx2_btn a::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url(../images/idx1_arr.png);
  background-color: #fff;
  width: 6px;
  height: 11px;
  top: calc(50% - 5px);
  right: 0.75em;
  transition: transform 0.3s ease;
}
.idx2 .idx2_btn a:hover {
  color: #fff;
  opacity: 1;
}
@media only screen and (min-width: 769px) {
  .idx2 .idx2_btn a:hover::before {
    opacity: 1;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx2 {
    padding: 80px 0;
  }
  .idx2 .TabContainer .TabPager > div p {
    letter-spacing: 0;
    font-size: 16px;
  }
  .idx2 ul li a {
    letter-spacing: 0;
    font-size: 14px;
  }
  .idx2 .idx2_btn a {
    font-size: 14px;
  }
}
.idx2 h3 {
  font-weight: 500;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx2 .inner {
    width: 83%;
  }
  .idx2 ul li a {
    --date: 105px;
    --cat: 100px;
  }
  .idx2 ul li a .date {
    padding-left: 5px;
  }
}

.idx3 .inner_big {
  position: relative;
  z-index: 1;
}
.idx3 .inner_big::before, .idx3 .inner_big::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  z-index: -1;
  width: 50em;
  height: 60em;
  font-size: 10px;
}
.idx3 .inner_big::before {
  top: -35.1em;
  left: -36.9em;
  background: url(../images/idx3_left.png) no-repeat center/contain;
}
.idx3 .inner_big::after {
  top: -18.5em;
  right: -40.6em;
  background: url(../images/idx3_right.png) no-repeat center/contain;
}
.idx3 .idx3_bg {
  background-color: #f2fffe;
  background-image: url(../images/idx1_pattern.png);
  background-repeat: repeat;
  background-position: 2px 1px;
  background-size: 120px;
  border: 2px solid #55c3f1;
  border-radius: 40px;
  padding-bottom: 82px;
  position: relative;
  z-index: 1;
}
.idx3 .idx3_bg::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  left: 19.75%;
  right: 19.75%;
  height: 2px;
  background-color: #ffffff;
  top: -2px;
}
.idx3 .wrap_h3 {
  margin-top: -42px;
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-left: 5px;
}
.idx3 .wrap_h3::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx3_icon.png) no-repeat center/contain;
  width: 13.8em;
  height: 8.1em;
  right: calc(100% + 0.8em);
  top: -0.2em;
  font-size: 10px;
}
.idx3 .btn-group {
  margin-top: 72px;
}
.idx3 .inner {
  max-width: 1152px;
}
@media only screen and (min-width: 769px) and (max-width: 1600px) {
  .idx3 .inner_big::before, .idx3 .inner_big::after {
    font-size: 6px;
  }
  .idx3 .inner_big::before {
    left: -24em;
  }
  .idx3 .inner_big::after {
    right: -40em;
    top: -20em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1440px) {
  .idx3 .inner_big::before, .idx3 .inner_big::after {
    font-size: 5px;
  }
  .idx3 .inner_big::before {
    left: -20px;
  }
  .idx3 .inner_big::after {
    right: -20px;
    top: -20em;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx3 .inner_big::before, .idx3 .inner_big::after {
    font-size: 3px;
  }
  .idx3 .idx3_bg::before {
    left: 14%;
    right: 14%;
  }
  .idx3 .wrap_h3::before {
    font-size: 6px;
    top: 1.2em;
  }
  .idx3 .btn .br425 {
    display: block !important;
  }
}

.idx4 {
  padding: 114px 0 98px;
  background-image: url(../images/idx4_bg.jpg);
}
@media only screen and (min-width: 769px) {
  .idx4 {
    background-size: 109.635416667vw;
    background-position: -2.6041666667vw calc(50% + 1.6145833333vw);
  }
}
.idx4 .inner_big {
  max-width: 1080px;
}
.idx4 .idx4_box {
  position: relative;
  z-index: 1;
  margin-top: 103px;
}
.idx4 .idx4_img {
  display: table;
  margin: 0 auto;
  position: absolute;
  z-index: -1;
  left: calc(50% - 18.1em);
  top: -5.3em;
  width: 36.4em;
  font-size: 10px;
}
.idx4 .idx4_list li {
  width: calc(50% - 10px);
  max-width: 400px;
  margin-bottom: 40px;
}
.idx4 .idx4_list li a {
  display: flex;
  align-items: center;
  min-height: 3.6364em;
  border-radius: 40px;
  background-color: #fabe00;
  color: #fff;
  text-decoration: none;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  letter-spacing: 0.1em;
  font-size: 22px;
  font-weight: 700;
  padding-left: 1.6818em;
  padding-bottom: 0.1em;
  transition: 0.3s all;
}
.idx4 .idx4_list li a::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: linear-gradient(90deg, rgb(237, 120, 72) 0%, rgb(250, 190, 0) 100%);
  z-index: -1;
  inset: 0;
  opacity: 0.35;
}
.idx4 .idx4_list li a::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background: #fff url(../images/idx4_arr.png) no-repeat center/contain;
  right: 14px;
  top: calc(50% - 16px);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
.idx4 .idx4_list li a:hover {
  opacity: 1;
}
@media only screen and (min-width: 769px) {
  .idx4 .idx4_list li a:hover {
    background-color: var(--main-color);
  }
}
.idx4 .idx4_list li:nth-child(odd) a {
  letter-spacing: 0.05em;
}
.idx4 .btn-group {
  margin-top: 39px;
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx4 {
    padding: 80px 0;
  }
  .idx4 .idx4_list li a {
    font-size: 20px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx4 .idx4_img {
    font-size: 6px;
    top: -1em;
  }
  .idx4 .idx4_box {
    margin-top: 80px;
  }
  .idx4 .idx4_list {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .idx4 .idx4_list li {
    margin-bottom: 20px;
    width: calc(50% - 5em);
  }
  .idx4 .idx4_list li a {
    font-size: 18px;
    letter-spacing: 0 !important;
    padding-left: 1em;
  }
  .idx4 .idx4_list li a::after {
    width: 24px;
    height: 24px;
    right: 10px;
    top: calc(50% - 12px);
  }
}

.idx5 {
  background: linear-gradient(90deg, rgb(255, 237, 236) 0%, rgb(255, 248, 222) 100%);
  padding: 247px 0 90px;
}
.idx5 .idx5_bg {
  background-color: #fff;
  padding: 37px 0 90px;
  position: relative;
  z-index: 1;
}
.idx5 .idx5_bg::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  z-index: -1;
  bottom: calc(100% - 1px);
  left: 0;
  right: 0;
  background: url(../images/idx5_bg_top.png) no-repeat bottom center/100%;
  width: 100%;
  aspect-ratio: 1440/150;
  height: auto;
}
.idx5 .inner {
  max-width: 1230px;
}
.idx5 .right,
.idx5 .left {
  width: 48%;
  max-width: 550px;
}
.idx5 .idx5_logo {
  display: table;
  margin: 0 auto;
}
.idx5 .idx5_logo a:hover {
  opacity: 1;
}
.idx5 .right {
  padding-top: 23px;
}
.idx5 .btn_group_bottom {
  margin-top: 40px;
}
@media only screen and (min-width: 769px) and (max-width: 1600px) {
  .idx5 .inner_max {
    padding-left: 80px;
    padding-right: 80px;
  }
  .idx5 .inner {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1440px) {
  .idx5 .inner_max {
    padding-left: 80px;
    padding-right: 80px;
  }
  .idx5 .inner {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx5 {
    padding-top: 200px;
    padding-bottom: 80px;
  }
  .idx5 .inner_max {
    padding-left: 60px;
    padding-right: 60px;
  }
  .idx5 .inner {
    padding-left: 60px;
    padding-right: 60px;
  }
  .idx5 .idx5_bg {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx5 {
    padding-top: 130px;
  }
  .idx5 .inner_max {
    padding-left: 20px;
    padding-right: 20px;
  }
  .idx5 .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.idx6 {
  padding: 82px 0 90px;
  background-image: url(../images/idx6_bg.jpg);
}
.idx6 .inner_max {
  max-width: 1580px;
}
@media only screen and (min-width: 1919px) {
  .idx6 .inner_max {
    position: relative;
    left: -8px;
  }
  .idx6 .inner_max .wrap_h3 {
    position: relative;
    left: 8px;
  }
}
.idx6 .idx6_img {
  max-width: 500px;
  width: 33%;
  position: relative;
  z-index: 2;
}
.idx6 .idx6_img .idx6_name {
  position: absolute;
  top: 6.9em;
  left: -8.9em;
  background-color: #f19ec2;
  border-radius: 2em 2em 0 2em;
  width: 20em;
  height: 16em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 10px;
}
.idx6 .idx6_img .idx6_name p {
  color: #fff;
  margin: 0;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}
.idx6 .idx6_img .idx6_name .jp1 {
  font-size: 1.8em;
  font-weight: 500;
  margin-bottom: 0.5em;
}
.idx6 .idx6_img .idx6_name .jp1::after {
  content: "";
  display: block;
  background: url(../images/idx6_dot.png) no-repeat center/contain;
  width: 8.4444em;
  height: 0.2222em;
  margin: 0.8889em auto 0;
}
.idx6 .idx6_img .idx6_name .jp2 {
  font-size: 3em;
  font-weight: 500;
  margin-bottom: 0.3333em;
}
.idx6 .idx6_img .idx6_name .en {
  text-transform: uppercase;
  font-size: 1.4em;
}
.idx6 .idx6_txt {
  width: 34%;
  padding-top: 109px;
  position: relative;
  z-index: 3;
}
.idx6 .idx6_txt .txt {
  width: 120%;
  max-width: 626px;
  margin-left: -8.2%;
  position: relative;
}
.idx6 .idx6_txt .txt p {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 1919px) {
  .idx6 .idx6_txt .txt p {
    padding-left: 26px;
    padding-right: 10px;
  }
}
.idx6 .idx6_img1 {
  order: -1;
}
.idx6 .idx6_img2 {
  order: 1;
}
.idx6 .idx6_img2 .idx6_name {
  border-radius: 20px 20px 20px 0;
  left: unset;
  right: -105px;
  background-color: #fabe00;
}
.idx6 .fblock {
  margin-top: -59px;
}
.idx6 .idx6_list {
  margin-top: -40px;
}
.idx6 .idx6_list .item {
  width: 50%;
  padding: 76px 99px 102px;
  background: #fceff5;
}
.idx6 .idx6_list .item:last-child {
  background: #fff9e4;
}
.idx6 .idx6_list .idx6_yt {
  position: relative;
  padding-bottom: 56.25%;
}
.idx6 .idx6_list .idx6_yt iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 769px) and (max-width: 1600px) {
  .idx6 .idx6_img1 {
    padding-left: 100px;
  }
  .idx6 .idx6_img1 .idx6_name {
    left: 0;
    font-size: 9px;
  }
  .idx6 .idx6_img2 {
    padding-right: 100px;
  }
  .idx6 .idx6_img2 .idx6_name {
    right: 0;
    font-size: 9px;
  }
  .idx6 .idx6_list {
    margin-top: -40px;
  }
  .idx6 .idx6_list .item {
    padding: 80px 40px 40px;
  }
  .idx6 .idx6_txt .txt p {
    letter-spacing: 0;
    font-size: 16px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx6 {
    padding-bottom: 80px;
  }
  .idx6 .idx6_img1 {
    padding-left: 80px;
  }
  .idx6 .idx6_img1 .idx6_name {
    left: 0;
    font-size: 8px;
  }
  .idx6 .idx6_img1 .idx6_name .en {
    font-size: 12px;
  }
  .idx6 .idx6_img2 {
    padding-right: 80px;
  }
  .idx6 .idx6_img2 .idx6_name {
    right: 0;
    font-size: 8px;
  }
  .idx6 .idx6_img2 .idx6_name .en {
    font-size: 12px;
  }
  .idx6 .btn-group.col2 {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1280px) {
  .idx6 .idx6_list {
    margin-top: -80px;
  }
  .idx6 .idx6_list .item {
    padding: 120px 40px 40px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx6 .btn-group.col2 {
    min-width: 480px;
    margin-left: -50px;
  }
  .idx6 .idx6_img1 {
    padding-left: 60px;
  }
  .idx6 .idx6_img1 .idx6_name {
    left: 0;
    font-size: 6px;
  }
  .idx6 .idx6_img1 .idx6_name .en {
    font-size: 12px;
  }
  .idx6 .idx6_img2 {
    padding-right: 60px;
  }
  .idx6 .idx6_img2 .idx6_name {
    right: 0;
    font-size: 6px;
  }
  .idx6 .idx6_img2 .idx6_name .en {
    font-size: 12px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 850px) {
  .idx6 .idx6_img1 {
    width: 50%;
    padding-left: 60px;
  }
  .idx6 .idx6_img1 .idx6_name {
    left: 0;
    font-size: 6px;
  }
  .idx6 .idx6_img1 .idx6_name .en {
    font-size: 12px;
  }
  .idx6 .idx6_img2 {
    width: 50%;
    padding-right: 60px;
  }
  .idx6 .idx6_img2 .idx6_name {
    right: 0;
    font-size: 6px;
  }
  .idx6 .idx6_img2 .idx6_name .en {
    font-size: 12px;
  }
  .idx6 .fblock {
    margin-top: 25px;
  }
  .idx6 .idx6_txt {
    width: 100%;
    order: 1;
    padding-top: 40px;
  }
  .idx6 .idx6_txt .txt {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .idx6 .btn-group.col2 {
    margin-left: auto;
    margin-right: auto;
  }
  .idx6 .idx6_list .item {
    padding: 20px;
  }
}

.idx7 {
  padding: 24px 0 88px;
}
.idx7 .inner_max {
  max-width: 1780px;
}
.idx7 .en {
  text-transform: uppercase;
  font-size: 150px;
  font-weight: 500;
  color: #ee7949;
  opacity: 0.1;
  letter-spacing: 0.05em;
  line-height: 1;
}
.idx7 .wrap_h3 {
  display: table;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.idx7 .wrap_h3::before, .idx7 .wrap_h3::after {
  font-size: 10px;
}
@media only screen and (min-width: 1919px) {
  .idx7 .wrap_h3 {
    left: 7px;
  }
}
.idx7 .wrap_h3::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx7_h3_before.png) no-repeat center/contain;
  width: 6.8em;
  height: 9.4em;
  top: -3.4em;
  left: -12em;
}
.idx7 .wrap_h3::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx7_h3_after.png) no-repeat center/contain;
  width: 24.6em;
  height: 18.3em;
  left: calc(100% + 4.8em);
  bottom: -8.3em;
}
.idx7 .idx7_bg {
  --curve: 108px;
  background: linear-gradient(90deg, #ffedec 0%, #fff8de 100%);
  clip-path: polygon(0 0, 5% 18px, 10% 35px, 15% 51px, 20% 65px, 25% 77px, 30% 87px, 35% 95px, 40% 102px, 45% 106px, 50% var(--curve), 55% 106px, 60% 102px, 65% 95px, 70% 87px, 75% 77px, 80% 65px, 85% 51px, 90% 35px, 95% 18px, 100% 0, 100% 100%, 0 100%);
  border-radius: 0 0 40px 40px;
  margin-top: -94px;
  padding: 177px 0 90px;
}
.idx7 .idx7_box {
  background: #fff;
  border-radius: 40px;
  padding-bottom: 80px;
}
.idx7 .inner {
  max-width: 1140px;
}
.idx7 .TabContainer .TabPager {
  width: 100%;
  max-width: 411px;
  position: relative;
  top: -24px;
  margin-left: 24px;
  z-index: 5;
}
.idx7 .TabContainer .TabPager > div {
  width: 21.1em;
  height: 20.2em;
  font-size: 10px;
  padding: 0;
  background: transparent;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='212.5px' height='203.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(241, 144, 91)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='rgb(255, 255, 255)' d='M201.897,59.438 C192.023,36.214 120.583,-49.056 27.807,43.966 C-5.060,76.916 -8.772,116.858 23.893,149.612 C48.030,173.813 84.498,202.066 118.845,201.905 C168.989,201.664 235.385,138.153 201.897,59.438 Z'/%3E%3C/svg%3E") no-repeat center/contain;
  position: relative;
  z-index: 1;
}
.idx7 .TabContainer .TabPager > div::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  border-top: 3.1em solid #f1905b;
  border-left: 1.2em solid transparent;
  border-right: 1.2em solid transparent;
  left: calc(50% - 1.2em);
  top: calc(100% - 0.7em);
  opacity: 0;
  visibility: hidden;
}
.idx7 .TabContainer .TabPager > div p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #3b3a35;
  font-weight: 700;
  font-size: 3em;
  letter-spacing: 0.1em;
  transition: 0.3s all;
  line-height: 1;
  padding-bottom: 0.6667em;
  padding-left: 0.4em;
  transition: 0.3s all;
}
.idx7 .TabContainer .TabPager > div p::before {
  content: "";
  display: block;
  margin-bottom: 5px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='37px' height='37px'%3E%3Cpath fill-rule='evenodd' fill='rgb(241, 144, 91)' d='M13.341,0.265 C27.321,-1.964 36.845,12.506 29.329,24.702 C30.803,26.962 39.669,32.916 35.522,35.900 C31.971,38.455 27.802,30.773 25.132,29.003 C13.465,37.010 -1.578,26.469 1.358,12.323 C2.502,6.813 7.838,1.142 13.341,0.265 ZM26.242,15.856 C26.242,10.338 21.877,5.866 16.493,5.866 C11.109,5.866 6.744,10.338 6.744,15.856 C6.744,21.374 11.109,25.847 16.493,25.847 C21.877,25.847 26.242,21.374 26.242,15.856 Z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  width: 1.2333em;
  height: 1.2333em;
  background-color: #f1905b;
  margin-right: 0.4em;
  margin-bottom: 0.4em;
  transition: 0.3s all;
}
.idx7 .TabContainer .TabPager > div p span {
  font-size: 0.6em;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: 0.6111em;
  padding-right: 0.5556em;
}
@media only screen and (min-width: 769px) {
  .idx7 .TabContainer .TabPager > div:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='211px' height='202px'%3E%3Cpath fill-rule='evenodd' fill='rgb(241, 144, 91)' d='M201.397,58.938 C191.523,35.714 120.083,-49.556 27.307,43.466 C-5.560,76.416 -9.272,116.358 23.393,149.112 C47.529,173.313 83.998,201.566 118.345,201.405 C168.489,201.164 234.885,137.653 201.397,58.938 Z'/%3E%3C/svg%3E") no-repeat center/contain;
  }
  .idx7 .TabContainer .TabPager > div:hover p {
    color: #fff;
  }
  .idx7 .TabContainer .TabPager > div:hover p::before {
    background-color: #fff;
  }
}
.idx7 .TabContainer .TabPager > div:last-child {
  margin-left: -11px;
  position: relative;
  z-index: 2;
}
.idx7 .TabContainer .TabPager > div.active {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='211px' height='202px'%3E%3Cpath fill-rule='evenodd' fill='rgb(241, 144, 91)' d='M201.397,58.938 C191.523,35.714 120.083,-49.556 27.307,43.466 C-5.560,76.416 -9.272,116.358 23.393,149.112 C47.529,173.313 83.998,201.566 118.345,201.405 C168.489,201.164 234.885,137.653 201.397,58.938 Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.idx7 .TabContainer .TabPager > div.active::after {
  visibility: visible;
  opacity: 1;
}
.idx7 .TabContainer .TabPager > div.active p {
  color: #fff;
}
.idx7 .TabContainer .TabPager > div.active p::before {
  background-color: #fff;
}
.idx7 .TabContainer .TabContent {
  overflow: unset;
}
.idx7 .TabContainer .TabContent .content {
  background: transparent;
}
.idx7 .idx7_tab_content {
  position: relative;
}
.idx7 .idx7_tab_content > div {
  opacity: 0;
  z-index: -10;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.idx7 .idx7_tab_content > div.active {
  opacity: 1;
  visibility: visible;
  position: static;
}
.idx7 .idx7_txt {
  font-size: 18px;
  font-weight: 500;
  margin-left: auto;
  max-width: 547px;
  width: 50%;
  margin-top: -144px;
}
.idx7 .idx7_txt p {
  width: 102%;
}
.idx7 .idx7_tab {
  padding: 44px 0 0;
}
.idx7 .idx7_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 11px;
  justify-content: center;
}
@media only screen and (min-width: 1919px) {
  .idx7 .idx7_list {
    min-width: 1101px;
  }
}
@media only screen and (min-width: 769px) {
	.idx7 .idx7_txt {
		min-height: 120px;
	}
}
.idx7 .idx7_list li {
  margin: 0;
}
.idx7 .idx7_list li a {
  display: flex;
  align-items: center;
  min-height: 4.4444em;
  border-radius: 40px;
  background-color: #fabe00;
  color: #fff;
  text-decoration: none;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  letter-spacing: 0.1em;
  font-size: 18px;
  font-weight: 700;
  padding-left: 1.8889em;
  line-height: 1.3333333333;
  padding-bottom: 0.1em;
  transition: 0.3s all;
}
.idx7 .idx7_list li a::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: linear-gradient(90deg, rgb(237, 120, 72) 0%, rgb(250, 190, 0) 100%);
  z-index: -1;
  inset: 0;
  opacity: 0.35;
}
.idx7 .idx7_list li a::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  height: 1.7778em;
  width: 1.7778em;
  border-radius: 50%;
  background: #fff url(../images/idx4_arr.png) no-repeat center/contain;
  right: 0.8333em;
  top: calc(50% - 0.8889em);
  box-shadow: 0em 0.1667em 0.3889em 0em rgba(0, 0, 0, 0.1);
}
.idx7 .idx7_list li a:hover {
  opacity: 1;
}
@media only screen and (min-width: 769px) {
  .idx7 .idx7_list li a:hover {
    background-color: var(--main-color);
  }
}
@media only screen and (min-width: 851px) {
  .idx7 .idx7_list li:nth-last-child(2) {
    grid-column: 2;
  }
}
.idx7 .idx7_list1 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px 10px;
  justify-content: center;
}
.idx7 .idx7_list1 .item {
  --clr: #aacd06;
  border: 1px solid var(--clr);
  border-radius: 10px 0 10px 10px;
  position: relative;
  z-index: 1;
  padding: 24px 20px;
}
.idx7 .idx7_list1 .item::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  border-radius: 10px 0 10px 10px;
  inset: 0;
  background-image: url(../images/idx_pattern.png);
  background-repeat: repeat;
  background-position: 0px -1px;
  background-size: 120px;
  opacity: 0.1;
}
.idx7 .idx7_list1 .item::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/idx4_arr.png);
  width: 3.2em;
  height: 3.2em;
  background-color: var(--clr);
  bottom: 0.2em;
  right: 0.8em;
  font-size: 10px;
}
.idx7 .idx7_list1 .item .ttl {
  display: flex;
  align-items: center;
  font-size: 26px;
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 1.2307692308;
  color: #3b3a35;
}
.idx7 .idx7_list1 .item .ttl::before {
  content: "";
  display: block;
  min-width: 4.2308em;
  min-height: 4.2308em;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: var(--clr);
  margin-right: 0.6154em;
}
.idx7 .idx7_list1 .item .ttl_en {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: var(--clr);
  border-radius: 0 0 0 6px;
  text-transform: uppercase;
  padding: 4px 14px 6px 15px;
}
@media only screen and (min-width: 851px) {
  .idx7 .idx7_list1 .item {
    grid-column: span 2;
  }
  .idx7 .idx7_list1 .item:nth-last-child(2):nth-child(3n+1) {
    grid-column: 2/span 2;
  }
}
@media only screen and (min-width: 769px) {
  .idx7 .idx7_list1 .item {
    transition: 0.3s all;
  }
  .idx7 .idx7_list1 .item:hover {
    background-color: var(--clr);
  }
  .idx7 .idx7_list1 .item:hover::after {
    background-color: #fff;
  }
  .idx7 .idx7_list1 .item:hover p {
    color: #fff;
  }
}
.idx7 .idx7_list1 .item1 {
  --clr: #aacd06;
}
.idx7 .idx7_list1 .item2 {
  --clr: #f19ec2;
}
.idx7 .idx7_list1 .item3 {
  --clr: #52c3f1;
}
.idx7 .idx7_list1 .item4 {
  --clr: #66bf97;
}
.idx7 .idx7_list1 .item5 {
  --clr: #a591c3;
}
.idx7 .idx7_list1 .item1 .ttl::before {
  background-image: url(../images/idx7_icon1.png);
}
.idx7 .idx7_list1 .item2 .ttl::before {
  background-image: url(../images/idx7_icon2.png);
}
.idx7 .idx7_list1 .item3 .ttl::before {
  background-image: url(../images/idx7_icon3.png);
}
.idx7 .idx7_list1 .item4 .ttl::before {
  background-image: url(../images/idx7_icon4.png);
}
.idx7 .idx7_list1 .item5 .ttl::before {
  background-image: url(../images/idx7_icon5.png);
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx7 .wrap_h3::before, .idx7 .wrap_h3::after {
    font-size: 8px;
  }
  .idx7 .en {
    font-size: 120px;
    letter-spacing: 0;
  }
  .idx7 .inner_big,
  .idx7 .inner_max {
    padding-left: 70px;
    padding-right: 70px;
  }
  .idx7 .idx7_list li a {
    font-size: 16px;
  }
  .idx7 .TabContainer .TabPager > div {
    font-size: 9px;
  }
  .idx7 .idx7_txt {
    font-size: 16px;
    width: 50%;
    margin-top: -130px;
  }
  .idx7 .idx7_txt p {
    width: 100%;
  }
  .idx7 .idx7_list1 .item .ttl {
    font-size: 24px;
    letter-spacing: 0;
  }
  .idx7 .idx7_bg {
    margin-top: -50px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx7 .inner_big,
  .idx7 .inner_max {
    padding-left: 40px;
    padding-right: 40px;
  }
  .idx7 .idx7_list li a {
    font-size: 16px;
    padding-left: 1em;
    letter-spacing: 0;
  }
  .idx7 .TabContainer .TabPager {
    margin-left: 0;
  }
  .idx7 .idx7_txt {
    font-size: 16px;
    width: 50%;
    margin-top: -130px;
  }
  .idx7 .idx7_txt p {
    width: 100%;
  }
  .idx7 .idx7_list1 .item {
    padding: 20px;
  }
  .idx7 .idx7_list1 .item .ttl {
    font-size: 20px;
    letter-spacing: 0;
  }
  .idx7 .idx7_list1 .item .ttl_en {
    font-size: 12px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 850px) {
  .idx7 .wrap_h3::before, .idx7 .wrap_h3::after {
    font-size: 7px;
  }
  .idx7 .en {
    font-size: 80px;
    letter-spacing: 0;
  }
  .idx7 .TabContainer .TabPager {
    margin-left: 0;
    justify-content: flex-start;
  }
  .idx7 .TabContainer .TabPager > div {
    font-size: 7px;
  }
  .idx7 .idx7_txt {
    width: 43%;
  }
  .idx7 .idx7_txt p {
    letter-spacing: 0;
  }
  .idx7 .idx7_list1 {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .idx7 .idx7_list1 .item:last-child {
    grid-column: 1/-1;
    justify-self: center;
    min-width: 274.5px;
  }
  .idx7 .idx7_list {
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
  }
  .idx7 .idx7_list li a {
    font-size: 14px;
  }
  .idx7 .idx7_list li:last-child {
    grid-column: 1/-1;
    justify-self: center;
    min-width: 179px;
  }
}

.idx8 {
  background-image: url(../images/idx8_bg_bottom.png), url(../images/idx8_bg.jpg);
  background-size: 100%, cover;
  background-position: center calc(100% + 1px), top center;
  padding: 83px 0 249px;
}
@media only screen and (min-width: 2000px) {
  .idx8 {
    padding-bottom: 13vw;
  }
}
@media only screen and (min-width: 1919px) and (max-width: 1921px) {
  .idx8 {
    background-size: auto, cover;
  }
}
.idx8 .inner {
  max-width: 940px;
}
.idx8 .fblock {
  margin-top: 47px;
}
.idx8 .item {
  background-color: #fff;
  border: 3px solid var(--clr);
  width: 48.9%;
  border-radius: 10px;
  padding: 10px 22px 12px;
  position: relative;
  z-index: 1;
}
.idx8 .item .link a {
  inset: -2px;
}
.idx8 .item::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/idx4_arr.png);
  background-color: var(--clr);
  width: 32px;
  height: 32px;
  top: calc(50% - 16px);
  right: 9px;
}
.idx8 .item .ttl {
  line-height: 1.3846153846;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--clr);
  display: flex;
  align-items: center;
}
.idx8 .item .ttl::before {
  content: "";
  display: block;
  background: url(../images/idx8_icon1.png) no-repeat center/contain;
  width: 5.1923em;
  height: 4.3077em;
  margin-right: 0.7692em;
  position: relative;
}

@media only screen and (min-width: 1919px) {
  .idx8 .item .ttl::before {
    top: 7px;
  }
}
@media only screen and (min-width: 769px) {
  .idx8 .item {
    transition: 0.3s all;
  }
  .idx8 .item:hover {
    opacity: 1;
    background-color: var(--clr);
  }
  .idx8 .item:hover .ttl {
    color: #fff;
  }
  .idx8 .item:hover::after {
    background-color: #fff;
  }
}
.idx8 .item1 {
  --clr: #aacd06;
}
.idx8 .item2 {
  --clr: #52c3f1;
}
.idx8 .item2 .ttl::before {
  background-image: url(../images/idx8_icon2.png);
}
@media only screen and (min-width: 1919px) {
  .idx8 .item2 {
    padding: 11px 22px 11px 19px;
  }
  .idx8 .item2 .ttl::before {
    margin-right: 23px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx8 {
    padding: 80px 0 200px;
  }
  .idx8 .item .ttl {
    letter-spacing: 0;
    font-size: 24px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx8 {
    padding: 80px 0 140px;
  }
  .idx8 .item .ttl {
    letter-spacing: 0;
    font-size: 20px;
  }
}

.idx9 {
  background-image: url(../images/idx9_bg_bottom.jpg), url(../images/idx9_bg.jpg);
  background-repeat: no-repeat, repeat;
  background-position: center calc(100% + 1px), top center;
  background-size: 100%, 100%;
  padding: 86px 0 193px;
}
@media only screen and (min-width: 2000px) {
  .idx9 {
    padding-bottom: 10.0520833333vw;
  }
}
@media only screen and (min-width: 1919px) and (max-width: 1921px) {
  .idx9 {
    background-size: auto, 100%;
  }
}
.idx9 .idx9_bg {
  background-color: #fff;
  border-radius: 40px;
  padding-bottom: 91px;
  position: relative;
  z-index: 1;
}
.idx9 .idx9_bg::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  z-index: -1;
  background: url(../images/idx9_icon1.png) no-repeat center/contain;
  width: 18.4em;
  height: 18.5em;
  top: -6.3em;
  left: 1.6em;
  font-size: 10px;
}
.idx9 .idx9_bg::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  z-index: -1;
  background: url(../images/idx9_icon2.png) no-repeat center/contain;
  width: 8.2em;
  height: 6em;
  bottom: -1.1em;
  right: 13.8em;
  font-size: 10px;
}
.idx9 .idx9_bg .img {
  grid-row: 1/span 3;
  grid-column-start: 2;
  margin-top: -51px;
  max-width: 520px;
}
.idx9 .idx9_bg .img img {
  border-radius: 20px;
}
.idx9 .inner {
  display: grid;
  justify-content: space-between;
  align-items: flex-start;
  grid-template-columns: 52.8% 44.8%;
  max-width: 1200px;
}
.idx9 .wrap_h3 {
  margin-top: 68px;
}
.idx9 .txt {
  max-width: 560px;
  margin: 30px auto 0;
}
.idx9 .txt p {
  font-size: 18px;
  font-weight: 500;
}
.idx9 .btn-group {
  margin-top: 40px;
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx9 {
    padding-bottom: 140px;
  }
  .idx9 .txt p {
    font-size: 16px;
    letter-spacing: 0;
  }
  .idx9 .idx9_bg::before {
    font-size: 8px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx9 .idx9_bg::before {
    font-size: 0.8vw;
  }
  .idx9 .idx9_bg .img {
    margin-top: -25px;
  }
}

.idx10 {
  padding: 131px 0 151px;
  background: url(../images/idx10_bg_bottom.jpg) no-repeat center calc(100% + 1px)/100%;
}
@media only screen and (min-width: 1919px) and (max-width: 1921px) {
  .idx10 {
    background-size: auto;
  }
}
@media only screen and (min-width: 2000px) {
  .idx10 {
    padding-bottom: 7.8645833333vw;
  }
}
.idx10 .inner_big {
  display: grid;
  justify-content: space-between;
  align-items: flex-start;
  grid-template-columns: 49.85% 46.2%;
  position: relative;
  z-index: 1;
}
.idx10 .inner_big::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx10_icon2.png) no-repeat center/contain;
  width: 26.4em;
  height: 35.4em;
  z-index: -1;
  right: -17.3em;
  bottom: -2.3em;
  font-size: 10px;
}
.idx10 .idx10_img {
  grid-row: 1/span 3;
  padding-left: 6.7em;
  margin-top: 1px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  font-size: 10px;
}
.idx10 .idx10_img::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx10_icon1.png) no-repeat center/contain;
  width: 60.7em;
  height: 67.8em;
  z-index: -1;
  top: -8.3em;
  left: 0.1em;
}
.idx10 .idx10_img .img1 {
  max-width: 46.4em;
}
.idx10 .idx10_img .img1 img {
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='464px' height='470px'%3E%3Cpath fill-rule='evenodd' fill='rgb(241, 142, 90)' d='M26.481,330.902 C60.631,402.611 106.966,438.058 167.455,457.885 C250.513,485.112 337.401,465.948 399.214,405.073 C442.846,362.111 465.557,300.070 462.883,238.155 C456.486,90.440 313.679,-63.670 116.233,29.027 C38.245,65.638 -43.166,184.657 26.481,330.902 Z'/%3E%3C/svg%3E");
}
.idx10 .idx10_img .img2 {
  max-width: 29.5em;
  align-self: flex-end;
  margin-top: -13.3em;
}
.idx10 .idx10_img .img2 img {
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='295px' height='282px'%3E%3Cpath fill-rule='evenodd' fill='rgb(238, 121, 73)' d='M282.243,81.558 C268.358,48.884 167.897,-71.085 37.433,59.791 C-8.785,106.150 -14.005,162.343 31.929,208.426 C65.871,242.475 117.154,282.226 165.453,281.998 C235.967,281.659 329.334,192.304 282.243,81.558 Z'/%3E%3C/svg%3E");
}
.idx10 h3 span {
  letter-spacing: 0.1em;
  background-color: #fbc721;
  color: #fff;
  font-weight: 700;
  display: table;
  line-height: 1;
  border-radius: 20px;
  margin-bottom: 0.1667em;
  padding: 0.4444em 0.8611em 0.5556em 1.1389em;
}
.idx10 h3 span:last-child {
  padding: 0.5em 1.0556em 0.5em 1.1389em;
}
.idx10 .txt {
  padding: 33px 30px 33px 41px;
}
.idx10 .txt p {
  font-size: 18px;
  font-weight: 500;
}
.idx10 .btn-group {
  justify-content: flex-start;
  margin-top: 44px;
  margin-left: 8px;
}
@media only screen and (min-width: 769px) and (max-width: 1600px) {
  .idx10 .inner_big::after {
    right: -10em;
    font-size: 0.5vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1440px) {
  .idx10 .inner_big::after {
    right: -5em;
    font-size: 0.4vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx10 .inner_big::after {
    right: 20px;
    font-size: 0.4vw;
  }
  .idx10 h3 span {
    letter-spacing: 0;
  }
  .idx10 .txt {
    padding: 20px;
  }
  .idx10 .txt p {
    letter-spacing: 0;
    font-size: 16px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx10 .idx10_img {
    font-size: 0.7vw;
  }
}
@media only screen and (min-width: 769px) and (max-width: 850px) {
  .idx10 .inner_big::after {
    bottom: -30em;
  }
}

.idx11 {
  background-image: url(../images/idx11_bg_bottom.jpg), url(../images/idx11_bg.jpg);
  background-repeat: no-repeat, repeat;
  background-size: 100%, 100%;
  background-position: center calc(100% + 1px), top center;
  padding: 35px 0 215px;
}
@media only screen and (min-width: 1919px) and (max-width: 1921px) {
  .idx11 {
    background-size: auto;
  }
}
@media only screen and (min-width: 2000px) {
  .idx11 {
    padding-bottom: 7vw;
  }
}
.idx11 h3 {
  line-height: 1.4444444444;
}
.idx11 .h_en {
  margin-top: 6px;
}
.idx11 .idx11_list {
  margin-top: 45px;
  counter-reset: count;
}
.idx11 .idx11_list .item {
  width: 46%;
  max-width: 580px;
  position: relative;
}
.idx11 .idx11_list .item .img img {
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='555px' height='526px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M24.685,385.138 C51.558,447.897 131.865,486.224 194.935,508.773 C352.868,565.269 456.834,468.275 498.308,426.958 C587.717,337.887 555.451,196.112 508.945,141.380 C448.940,70.774 344.069,-0.410 250.629,0.035 C114.219,0.677 -66.402,172.354 24.685,385.138 Z'/%3E%3C/svg%3E");
}
.idx11 .idx11_list .item .img {
  position: relative;
}
.idx11 .idx11_list .item .img::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: var(--url) no-repeat center/contain;
  width: 8em;
  height: 9.2em;
  bottom: 2.9em;
  right: 7.3em;
  font-size: 10px;
}
.idx11 .idx11_list .item .en {
  position: absolute;
  top: 1.8667em;
  left: -0.8333em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 0.1em;
  background: var(--ttl) no-repeat center/contain;
  width: 4.0667em;
  height: 1.6667em;
  padding-bottom: 0.1em;
  text-shadow: var(--text-shadow);
}
.idx11 .idx11_list .item .en::after {
  content: counter(count, decimal-leading-zero);
  counter-increment: count;
  position: absolute;
  font-size: 4em;
  font-weight: 500;
  line-height: 1;
  top: 0.225em;
  left: calc(50% - 0.5em);
  white-space: nowrap;
  letter-spacing: 0em;
  text-shadow: var(--text-en);
  width: 1em;
  text-align: center;
}
.idx11 .idx11_list .item .ttl1 {
  line-height: 2.14;
  font-size: 26px;
  font-weight: 700;
  position: relative;
  z-index: 2;
  margin-top: -3.2308em;
  margin-left: 1.2308em;
  margin-bottom: 1.1154em;
}
.idx11 .idx11_list .item .ttl1 span {
  box-shadow: var(--shadow);
  background-color: #fff;
  display: inline;
  border-radius: 10px;
  border: 1px solid var(--clr);
  padding: 0.1923em 1.5385em 0.3077em 0.6923em;
  color: var(--clr);
}
.idx11 .idx11_list .item .ttl2 {
  line-height: 1.7777777778;
  font-size: 18px;
  font-weight: 500;
  width: 78%;
  margin-left: 57px;
}
.idx11 .idx11_list .item1 {
  --clr: #ef8559;
  --shadow: 2.868px 4.096px 0px 0px rgba(237, 120, 72, 0.9);
  --url: url(../images/idx11_icon1.png);
  --ttl: url(../images/idx11_ttl1.png);
  --text-shadow: 0px 0px 5px rgba(139, 49, 88, 0.6);
  --text-en:
  	0 0 1px #ed7848, 0 0 2px #ed7848, 0 0 4px #ed7848, 0px 0 10px rgba(237, 120, 72, 0.75),
  	0 0 10px rgba(237, 120, 72, 0.45);
}
.idx11 .idx11_list .item2 {
  --clr: #75c5a0;
  --shadow: 2.868px 4.096px 0px 0px rgba(102, 191, 151, 0.9);
  --url: url(../images/idx11_icon2.png);
  --ttl: url(../images/idx11_ttl2.png);
  --text-shadow: 0px 0px 5px rgba(53, 110, 85, 0.6);
  --text-en:
  	0 0 2px #66bf97, 0 0 3px #66bf97, 0 0 10px rgba(102, 191, 151, 0.8), 0 0 10px rgba(102, 191, 151, 0.5);
}
.idx11 .idx11_list .item3 {
  --clr: #ae9bc8;
  --shadow: 2.868px 4.096px 0px 0px rgba(165, 145, 195, 0.9);
  --url: url(../images/idx11_icon3.png);
  --ttl: url(../images/idx11_ttl3.png);
  --text-shadow: 0px 0px 5px rgba(121, 105, 146, 0.6);
  --text-en:
  	0 0 2px #a591c3, 0 0 3px #a591c3, 0 0 10px rgba(165, 145, 195, 0.8), 0 0 10px rgba(165, 145, 195, 0.5);
}
.idx11 .idx11_list .item4 {
  --clr: #f091ba;
  --shadow: 2.868px 4.096px 0px 0px rgba(239, 134, 180, 0.9);
  --url: url(../images/idx11_icon4.png);
  --ttl: url(../images/idx11_ttl4.png);
  --text-shadow: 0px 0px 5px rgba(237, 120, 72, 0.6);
  --text-en:
  	0 0 2px #ef86b4, 0 0 3px #ef86b4, 0 0 11px rgba(239, 134, 180, 0.8), 0 0 10px rgba(239, 134, 180, 0.5);
}
@media only screen and (min-width: 1919px) {
  .idx11 .idx11_list {
    position: relative;
    left: 6px;
  }
  .idx11 .idx11_list .item1,
  .idx11 .idx11_list .item3 {
    left: 38px;
  }
  .idx11 .idx11_list .item1 .en::after {
    left: calc(50% - 55px);
  }
  .idx11 .idx11_list .item2 .en {
    top: 56px;
    left: -24px;
  }
  .idx11 .idx11_list .item2 .en::after {
    left: calc(50% - 61px);
  }
  .idx11 .idx11_list .item3 .en {
    top: 57px;
    left: -24px;
  }
  .idx11 .idx11_list .item3 .en::after {
    top: 26px;
    left: calc(50% - 61px);
  }
  .idx11 .idx11_list .item4 .en {
    top: 57px;
    left: -22px;
  }
  .idx11 .idx11_list .item4 .en::after {
    top: 28px;
    left: calc(50% - 63px);
  }
}
@media only screen and (min-width: 769px) {
  .idx11 .idx11_list .item2 {
    margin-top: 40px;
  }
  .idx11 .idx11_list .item2 .ttl1 span {
    padding-right: 0.7308em;
  }
  .idx11 .idx11_list .item2 .ttl1 span:last-child {
    padding-right: 0.8077em;
  }
  .idx11 .idx11_list .item3 {
    margin-top: 66px;
  }
  .idx11 .idx11_list .item3 .ttl1 span {
    padding-right: 0.8462em;
  }
  .idx11 .idx11_list .item4 {
    margin-top: 106px;
  }
  .idx11 .idx11_list .item4 .ttl1 span {
    padding-right: 0.8846em;
  }
  .idx11 .idx11_list .item4 .ttl1 span:last-child {
    padding-right: 1.2692em;
  }
}
.idx11 .btn-group {
  margin-top: 72px;
}
@media only screen and (min-width: 769px) and (max-width: 1600px) {
  .idx11 .idx11_list {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx11 {
    padding-bottom: 140px;
  }
  .idx11 .idx11_list .item .en {
    font-size: 26px;
  }
  .idx11 .idx11_list .item .ttl1 {
    font-size: 24px;
    letter-spacing: 0;
  }
  .idx11 .idx11_list .item .ttl2 {
    font-size: 16px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx11 {
    padding-bottom: 140px;
  }
  .idx11 .idx11_list .item .img::after {
    font-size: 8px;
  }
  .idx11 .idx11_list .item .en {
    font-size: 22px;
  }
  .idx11 .idx11_list .item .ttl1 {
    font-size: 20px;
    letter-spacing: 0;
    margin-left: 0;
  }
  .idx11 .idx11_list .item .ttl2 {
    font-size: 16px;
    letter-spacing: 0;
    margin-left: 20px;
  }
}

.idx12 {
  padding: 16px 0;
}
.idx12 .fblock {
  align-items: center;
}
.idx12 .idx12_txt {
  width: 70.3125%;
  background: url(../images/idx12_box.jpg) repeat left center/auto;
  border-radius: 40px;
  padding: 69px 94px 73px;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
.idx12 .idx12_txt::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx12_circle.png) no-repeat center/contain;
  width: 21.2em;
  height: 21.1em;
  right: 15em;
  top: -11.4em;
  font-size: 10px;
}
.idx12 .idx12_txt::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx12_icon.png) no-repeat center/contain;
  width: 6.4em;
  height: 7.8em;
  bottom: -1.9em;
  left: 5.2em;
  font-size: 10px;
}
.idx12 .img {
  width: 44.609375%;
  margin-left: -14.921875%;
  position: relative;
  z-index: 2;
}
.idx12 .img img {
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='571px' height='546px'%3E%3Cpath fill-rule='evenodd' fill='rgb(210, 210, 210)' d='M546.293,157.647 C519.442,94.493 325.162,-137.395 72.858,115.574 C-16.522,205.181 -26.618,313.797 62.213,402.871 C127.853,468.684 227.029,545.519 320.435,545.079 C456.802,544.424 637.363,371.710 546.293,157.647 Z'/%3E%3C/svg%3E");
}
.idx12 h3 span {
  font-size: 32px;
  color: #ed7848;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: block;
}
.idx12 h3 span::first-letter {
  color: #ed7848;
}
.idx12 h3 span::after {
  content: "";
  display: block;
  background: url(../images/idx12_dot.png) no-repeat center/contain;
  width: 75px;
  height: 8px;
  margin: 12px 0 0 2px;
}
.idx12 .txt {
  width: 75%;
  font-size: 18px;
  font-weight: 500;
  margin-top: 27px;
}
.idx12 .idx12_btn {
  position: absolute;
  bottom: -3.9em;
  right: 21.8em;
  z-index: 2;
  font-size: 10px;
}
.idx12 .idx12_btn a {
  display: flex;
  width: 8.6em;
  height: 8.6em;
  background: url(../images/idx12_btn.png) no-repeat center/contain;
  border-radius: 50%;
  text-decoration: none;
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx12 .inner_big {
    padding-left: 40px;
    padding-right: 40px;
  }
  .idx12 h3 .jp {
    letter-spacing: 0;
    font-size: 26px;
  }
  .idx12 .txt p {
    letter-spacing: 0;
    font-size: 16px;
  }
  .idx12 .idx12_txt::before {
    right: 20em;
    top: -11.4em;
    font-size: 8px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx12 .idx12_txt {
    padding: 40px;
  }
  .idx12 .idx12_txt::before {
    right: 20em;
    top: -11.4em;
    font-size: 4px;
  }
  .idx12 .idx12_txt::after {
    font-size: 0.57vw;
  }
  .idx12 .idx12_btn {
    font-size: 6px;
  }
}

.idx13 {
  padding: 35px 0 60px;
}
.idx13 .idx13_bg {
  border-radius: 40px;
  padding: 82px 0 60px;
  background: #aacd06;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx13 .idx13_bg::after {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgb(170, 205, 6) 0%, rgb(250, 190, 0) 100%);
  opacity: 0.35;
}
.idx13 .inner {
  display: grid;
  justify-content: space-between;
  align-items: flex-start;
  grid-template-columns: 45% 50%;
  max-width: 1120px;
}
.idx13 .idx13_img {
  grid-row: 1/span 3;
  grid-column-start: 2;
  max-width: 540px;
  margin-top: -22px;
  position: relative;
}
.idx13 .img {
  position: relative;
}
.idx13 .img::before {
  content: "";
  display: block;
  position: absolute;
  transition: all 0.3s;
  background: url(../images/idx13_icon.png) no-repeat center/contain;
  width: 5.9em;
  height: 8.8em;
  top: -4.7em;
  right: 1.1em;
  font-size: 10px;
}
.idx13 h3::first-letter {
  color: #fff;
}
.idx13 h3 {
  font-size: 48px;
  font-weight: 500;
}
.idx13 h3::after {
  content: "";
  display: block;
  width: 90px;
  height: 1px;
  background-color: #fff;
  margin: 13px 0 0 4px;
}
.idx13 .en {
  position: absolute;
  bottom: -0.0636em;
  left: 0.0545em;
  right: 0;
  text-align: center;
  line-height: 1;
  font-size: 110px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  opacity: 0.33;
}
.idx13 .txt {
  padding-top: 24px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.idx13 .btn-group {
  justify-content: flex-start;
  margin: 41px 0 0 3px;
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  .idx13 .inner_big {
    padding-left: 40px;
    padding-right: 40px;
  }
  .idx13 .txt p {
    font-size: 16px;
    letter-spacing: 0;
  }
  .idx13 h3 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx13 .en {
    font-size: 8vw;
  }
}