@charset "UTF-8";
:root {
  --main_clr: #c17f51;
  --clr1: #744a32;
  --f_manrope: "Manrope", sans-serif;
  --f_hahmlet: "Hahmlet", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
}

*,
::after,
::before {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

body {
  font-family: var(--f_hahmlet);
  line-height: 1.5;
  font-size: 16px;
  color: var(--clr1);
}
body.over {
  overflow: hidden;
}

:root {
  --wrapper: 64px;
}

.inner {
  max-width: 1720px;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
}

.fblock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.btn {
  margin-top: 50px;
  display: table;
  min-width: 212px;
}
.btn.center {
  margin-left: auto;
  margin-right: auto;
}
.btn a,
.btn button,
.btn input[type=submit] {
  border: 1px solid rgba(235, 224, 208, 0.5);
  border-radius: 1px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fdebd2;
  font-family: var(--f_manrope);
  position: relative;
  padding: 0.9167em 1.6667em 0.9167em 1.6667em;
  width: 100%;
  display: flex;
  transition: 0.3s all;
}
.btn a::after,
.btn button::after,
.btn input[type=submit]::after {
  position: absolute;
  content: "";
  mask-image: url(../images/btn_icon.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: #fff;
  width: 16px;
  height: 10px;
  right: 10px;
  top: calc(50% - 5px);
  transition: 0.3s all;
}
.btn a:hover,
.btn button:hover,
.btn input[type=submit]:hover {
  background-color: #fff;
  color: var(--main_clr);
}
.btn a:hover::after,
.btn button:hover::after,
.btn input[type=submit]:hover::after {
  background-color: var(--main_clr);
}
.btn.bg2 a,
.btn.bg2 button,
.btn.bg2 input[type=submit] {
  color: var(--clr1);
}
.btn.bg2 a::after,
.btn.bg2 button::after,
.btn.bg2 input[type=submit]::after {
  background-color: var(--main_clr);
}
.btn.bg2 a:hover,
.btn.bg2 button:hover,
.btn.bg2 input[type=submit]:hover {
  background-color: var(--main_clr);
  color: #fff;
}
.btn.bg2 a:hover::after,
.btn.bg2 button:hover::after,
.btn.bg2 input[type=submit]:hover::after {
  background-color: #fff;
}
.btn.bg3 a,
.btn.bg3 button,
.btn.bg3 input[type=submit] {
  background: #c07c4d;
  border: 1px solid #d08e60;
}
.btn.bg3 a::after,
.btn.bg3 button::after,
.btn.bg3 input[type=submit]::after {
  background-color: var(--main_clr);
}
.btn.bg3 a:hover,
.btn.bg3 button:hover,
.btn.bg3 input[type=submit]:hover {
  background-color: #fff;
  color: var(--main_clr);
}
.btn.bg3 a:hover::after,
.btn.bg3 button:hover::after,
.btn.bg3 input[type=submit]:hover::after {
  background-color: #fff;
}

p:not(:last-child) {
  margin-bottom: 1em;
}

#header {
  position: fixed;
  top: 0;
  z-index: 19;
  left: 0;
  right: 0;
  height: var(--wrapper);
  background-color: transparent;
  border-bottom: 1px solid transparent;
  transition: 0.3s all;
}
#header.active {
  background-color: #fffcf5;
  border-bottom: 1px solid #ebe0d0;
}
#header.active .logo {
  top: 16px;
  left: calc(50% - 16px);
}
#header.active .logo img {
  content: url(../images/logo_active.svg);
  width: 32px;
  height: 32px;
}
#header.active .btn_menu {
  --clr: var(--main_clr);
}
#header.active .h_tel a {
  --clr: var(--main_clr);
  background: transparent;
  border: 1px solid rgba(193, 127, 81, 0.5);
}
#header .inner {
  height: var(--wrapper);
  align-items: center;
  max-width: 100%;
  width: 100%;
  padding: 0 40px;
}
#header h1 {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
#header .logo {
  position: absolute;
  left: calc(50% - 86.5px);
  top: 20px;
}
#header .h_tel a {
  --clr: #fffcf5;
  line-height: 1;
  font-family: var(--f_manrope);
  color: var(--clr);
  text-decoration: none;
  font-weight: 400;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 252, 245, 0.5);
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding: 0.5556em 1.1111em;
  transition: 0.3s all;
}
#header .h_tel a::before {
  content: "";
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url(../images/icon_tel.svg);
  background-color: var(--clr);
  width: 1.3333em;
  height: 1.3333em;
  margin-right: 0.5556em;
  animation: phone-ring 1.5s infinite;
}
@keyframes phone-ring {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(15deg);
  }
  10% {
    transform: rotate(-15deg);
  }
  15% {
    transform: rotate(15deg);
  }
  20% {
    transform: rotate(-15deg);
  }
  25% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
#header #menu_sp.idx7 {
  padding: 40px 0;
}
#header .btn_menu {
  --clr: #fff;
  position: absolute;
  z-index: 1;
  top: 20px;
  cursor: pointer;
  margin: 0;
  right: 40px;
  display: flex;
  align-items: center;
  color: var(--clr);
  font-size: 18px;
}
#header .btn_menu .en {
  margin-right: 10px;
  font-family: var(--f_manrope);
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.1em;
}
#header .btn_menu #nav_icon {
  width: 40px;
  height: 12px;
  position: relative;
}
#header .btn_menu #nav_icon span {
  position: absolute;
  width: 100%;
  border-top: 1px solid var(--clr);
  transition: 0.3s all;
}
#header .btn_menu #nav_icon span:nth-child(1) {
  top: 0;
}
#header .btn_menu #nav_icon span:nth-child(2) {
  top: 12px;
}
#header .btn_menu.active #nav_icon span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
#header .btn_menu.active #nav_icon span:nth-child(2) {
  top: 50%;
  transform: rotate(-45deg);
}
#header #menu_sp {
  position: fixed;
  z-index: 20;
  inset: 0;
  top: var(--wrapper);
  background-color: #fffcf5;
  opacity: 0;
  transform: translateX(100%);
  transition: 0.5s all ease;
  overflow: auto;
  overflow-x: hidden;
  max-height: calc(100vh - var(--wrapper));
}
#header #menu_sp.active {
  opacity: 1;
  transform: translateX(0);
}
#header #menu_sp .inner {
  max-width: 100%;
  width: 100%;
  padding: 0 40px;
}

.idx7 {
  padding: 50px 0;
}
.idx7 ul li {
  list-style-type: none;
  text-align: center;
}
.idx7 ul li a {
  text-decoration: none;
  line-height: 1.5;
  height: 40px;
  font-size: 2em;
  font-weight: 600;
  background: var(--clr1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  transition: 0.3s all ease;
}
.idx7 ul li a:hover {
  background: linear-gradient(90deg, #e9c282 0%, #f4e8d9 30.5%, #c1883b 69%, #e9bf88 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  transition: 0.3s all ease;
}
.idx7 .img1 {
  max-width: 608px;
  width: 40%;
}
.idx7 .img2 {
  width: 58%;
}
.idx7 .img2 .end {
  align-items: flex-end;
}
.idx7 .img2 .img {
  width: 30%;
  max-width: 263px;
}
.idx7 .ttl01 {
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 20px;
}
.idx7 .ttl02 {
  font-weight: 200;
  font-size: min(4vw, 50px);
  line-height: 110%;
  letter-spacing: -0.05em;
  color: var(--main_clr);
}
.idx7 .box {
  border-top: 1px solid #ebe0d0;
  border-bottom: 1px solid #ebe0d0;
  margin-top: 40px;
  padding: 60px 0;
  position: relative;
}
.idx7 .box::before, .idx7 .box::after {
  position: absolute;
  content: "";
  height: 30px;
  left: 50%;
  width: 1px;
  background-color: #ebe0d0;
}
.idx7 .box::before {
  top: 0;
}
.idx7 .box::after {
  bottom: 0;
}
.idx7 .box > div {
  width: 46%;
}
.idx7 .box .box_ttl {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.02em;
  text-align: justify;
  font-family: var(--f_manrope);
}
.idx7 .box .box_btn {
  margin-top: 25px;
  max-width: 320px;
}
.idx7 .box .box_btn a {
  display: flex;
  flex-direction: column;
  border: 1px solid #ebe0d0;
  border-radius: 1px;
  font-family: var(--f_manrope);
  width: 100%;
  line-height: 150%;
  letter-spacing: 0.1em;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--clr1);
  padding: 0.9167em 1.6667em;
  position: relative;
  transition: 0.3s all;
}
.idx7 .box .box_btn a::after {
  position: absolute;
  content: "";
  mask-image: url(../images/btn_icon_right.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--main_clr);
  width: 10px;
  height: 16px;
  right: 10px;
  top: calc(50% - 5px);
  transition: 0.3s all;
}
.idx7 .box .box_btn a span {
  color: var(--main_clr);
  transition: 0.3s all;
}
.idx7 .box .box_btn a:hover {
  background-color: var(--main_clr);
  color: #fff;
}
.idx7 .box .box_btn a:hover span {
  color: #fff;
}
.idx7 .box .box_btn a:hover::after {
  background-color: #fff;
}

footer {
  background: #c17f51;
  padding: 50px 0 20px;
}
footer .left {
  width: 40%;
}
footer .right {
  width: 52%;
}
footer .txt {
  width: 75%;
}
footer .txt p {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
  color: #fdebd2;
}
footer .txt p span {
  width: 50px;
}
footer .txt p a {
  color: #fdebd2;
  text-decoration: none;
}
footer .txt p:not(:last-child) {
  margin-bottom: 10px;
}
footer .form_group input {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #fdebd2;
  border: 0;
  border-bottom: 1px solid #d08e60;
  padding: 10px 10px 10px 0;
  outline: 0;
  border-radius: 0;
  /* Chrome, Edge, Safari */
  /* Firefox */
  /* Internet Explorer 10–11 */
  /* Standard */
}
footer .form_group input::-webkit-input-placeholder {
  color: #fdebd2;
}
footer .form_group input::-moz-placeholder {
  color: #fdebd2;
  opacity: 1;
}
footer .form_group input:-ms-input-placeholder {
  color: #fdebd2;
}
footer .form_group input::placeholder {
  color: #fdebd2;
}
footer .btn {
  margin: 25px 0 0 auto;
}
footer .copyright {
  padding-top: 60px;
}
footer .copyright p {
  font-family: var(--f_manrope);
  font-style: normal;
  font-weight: 500;
  font-size: 8px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fdebd2;
}
footer .copyright span {
  padding-left: 1em;
}
footer .copyright .fblock {
  align-items: center;
}
footer .copyright .totop {
  width: 40px;
  height: 40px;
  background: url(../images/totop.svg) no-repeat center/contain;
  margin-right: 20px;
  cursor: pointer;
}
footer .copyright .left {
  justify-content: flex-start;
}

.under #main {
  padding-bottom: 80px;
}
.under.about #warpper {
  background: url(../images/ud_bg.svg) no-repeat center -165px/1245px;
}
.under #key h2 {
  text-align: center;
  font-size: 72px;
  line-height: 1.2;
  font-weight: 400;
  margin-top: 0.5em;
  margin-bottom: 10px;
}
.under #key p {
  max-width: 670px;
  margin: 0 auto;
  text-align: center;
}
.under #key .key_bg {
  mask-size: 100% auto;
  mask-image: url(../images/under_key_mask.svg);
  mask-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/ud_key.jpg);
  width: 100%;
  max-height: 800px;
  height: 56vw;
  margin-top: -5vw;
}
.under h3 {
  font-size: 56px;
  line-height: 1.3;
  text-align: center;
  margin: 40px 0;
}
.under h4 {
  margin: 20px 0;
  line-height: 1.3;
  font-size: 32px;
  font-weight: 400;
}
.under h5 {
  margin: 10px 0;
  font-size: 24px;
  font-weight: 500;
}
.under .section {
  padding-top: 60px;
}
.under .ud_txt {
  max-width: 630px;
  margin: 0 auto;
  text-align: center;
}
.under .ud_list01 {
  position: relative;
  z-index: 1;
}
.under .ud_list01::after {
  content: "";
  position: absolute;
  z-index: 1;
  background: url(../images/about_icon.svg) no-repeat center/contain;
  height: 482px;
  width: 416px;
  left: calc(50% - 208px);
  top: 30%;
}
.under .ud_list01 .item {
  width: 49%;
  position: relative;
  height: 360px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
}
.under .ud_list01 .item a {
  position: absolute;
  z-index: 2;
  inset: 0;
}
.under .ud_list01 .item::before, .under .ud_list01 .item::after {
  content: "";
  position: absolute;
  background-size: contain;
  mask-repeat: no-repeat;
  mask-size: auto;
  mask-image: url(../images/mask_left.svg);
  background-color: #f5f5f5;
  top: 0;
  bottom: 0;
  width: 712px;
  z-index: -2;
  right: 0;
  transition: 0.3s all;
}
.under .ud_list01 .item::before {
  z-index: -1;
  opacity: 0;
  background: linear-gradient(90deg, #ebc17d 0%, #edd089 19%, #f4e8d9 41%);
  transition: 0.3s all;
}
.under .ud_list01 .item:hover::before {
  opacity: 1;
}
.under .ud_list01 .item p {
  max-width: 340px;
}
.under .ud_list01 .item:last-child::before, .under .ud_list01 .item:last-child::after {
  left: 0;
  right: unset;
  mask-image: url(../images/mask_right.svg);
}
.under .ud_list01 .item:last-child h4 {
  text-align: right;
}
.under .ud_list01 .item:last-child p {
  text-align: right;
  display: table;
  margin-left: auto;
}
.under .t_left {
  text-align: left;
}
.under .ud_fblock01 {
  position: relative;
  z-index: 2;
}
.under .ud_fblock01 figure {
  max-width: 632px;
  width: 48%;
}
.under .ud_fblock01 figure img {
  border-radius: 40px;
}
.under .ud_fblock01 .txt {
  width: 45%;
}
.under .ud_fblock02 {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f5f5f5;
  border-radius: 24px;
}
.under .ud_fblock02 figure {
  width: 50%;
}
.under .ud_fblock02 figure img {
  border-radius: 0 24px 24px 0;
  display: block;
}
.under .ud_fblock02 .txt {
  width: 50%;
  padding: 20px 40px;
}

.be_img {
  display: table;
  margin: 0 auto;
  position: relative;
}
.be_img img {
  display: block;
}
.be_img .be_image {
  position: absolute;
  cursor: pointer;
  transition: 0.3s all;
  z-index: 1;
  opacity: 0;
}
.be_img .be_image.active, .be_img .be_image:hover {
  opacity: 1;
}
.be_img .be_image strong {
  position: absolute;
  inset: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8em;
  font-weight: 300;
  white-space: nowrap;
}
.be_img .be_image .ttl {
  position: absolute;
  left: calc(100% + 15vw);
}
.be_img .be_image .ttl::before {
  content: "";
  position: absolute;
  height: 1px;
  background-color: var(--clr1);
  right: 100%;
  width: calc(15vw - 10px);
  top: 50%;
  margin-right: 10px;
}
.be_img .be_img01 {
  top: 1%;
  left: 0;
  height: 10.3%;
  width: 83%;
  background: linear-gradient(180deg, #ebc17d 0%, #edd089 19%, #f4e8d9 41%, #c08329 73%, #eabe81 95%);
  mix-blend-mode: multiply;
}
.be_img .be_img01 .ttl01 {
  top: 12%;
}
.be_img .be_img01 .ttl02 {
  top: 78%;
}
.be_img .be_img02 {
  top: 11.3%;
  left: 0;
  height: 32.45%;
  width: 83%;
  background: linear-gradient(180deg, #ebc17d 0%, #edd089 19%, #f4e8d9 41%, #c08329 73%, #eabe81 95%);
  mix-blend-mode: multiply;
}
.be_img .be_img02 .ttl01 {
  top: 3%;
}
.be_img .be_img02 .ttl02 {
  top: 93%;
}
.be_img .be_img03 {
  background: #c77d34;
  mix-blend-mode: multiply;
  top: 43.76%;
  left: 0;
  height: 3.4%;
  width: 83%;
}
.be_img .be_img03 .ttl01 {
  top: 18%;
}
.be_img .be_img04 {
  top: 47.1%;
  left: 0;
  height: 35.25%;
  width: 83%;
  background: linear-gradient(0deg, #ebc17d 0%, #edd089 19%, #f4e8d9 41%, #c08329 73%, #eabe81 95%);
  mix-blend-mode: multiply;
}
.be_img .be_img04 .ttl01 {
  top: 1%;
}
.be_img .be_img04 .ttl02 {
  top: 91%;
}
.be_img .be_img05 {
  top: 82.4%;
  left: 0;
  height: 13%;
  width: 78%;
  background: linear-gradient(180deg, #ebc17d 0%, #edd089 19%, #f4e8d9 41%, #c08329 73%, #eabe81 95%);
  mix-blend-mode: multiply;
}
.be_img .be_img05 .ttl01 {
  top: 3%;
}
.be_img .be_img05 .ttl02 {
  top: 83%;
}

.be_right {
  position: fixed;
  background-color: #f5f5f5;
  max-width: 820px;
  width: 60%;
  min-height: calc(100vh - var(--wrapper));
  position: fixed;
  z-index: 20;
  right: -100%;
  top: var(--wrapper);
  transition: 0.35s all;
  border-radius: 24px 0 0 24px;
}

.be_container {
  position: relative;
  transition: 0.35s all;
}
.be_container.active .be_img {
  transform: translateX(-48vw);
  transition: 0.35s all;
}
.be_container.active .be_right {
  right: 0;
}

.be_right_box {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s all;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  inset: 0;
}
.be_right_box.active {
  opacity: 1;
  visibility: visible;
}
.be_right_box figure {
  display: table;
  margin: 0 auto;
  max-width: 551px;
  width: 100%;
}
.be_right_box .selected {
  font-weight: 400;
  font-size: 32px;
  color: #111111;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}
.be_right_box .selected::before {
  content: "";
  display: block;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 0.75em;
  height: 0.75em;
  mask-image: url(../images/be_arr.svg);
  background-color: var(--clr1);
  margin-right: 0.1563em;
  transition: 0.3s all;
}
.be_right_box .selected:hover {
  color: var(--main_clr);
}
.be_right_box .selected:hover::before {
  background-color: var(--main_clr);
}
.be_right_box .relative_menu {
  z-index: 10;
}
.be_right_box ul {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
}
.be_right_box ul li {
  list-style-type: none;
  cursor: pointer;
  transition: 0.3s all;
}
.be_right_box ul li:hover {
  color: var(--main_clr);
}
.be_right_box ul.active {
  opacity: 1;
  visibility: visible;
}
.be_right_box .ttl {
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
}
.be_right_box .ttl span {
  color: var(--main_clr);
}
.be_right_box .relative {
  position: relative;
}
.be_right_box .relative .tab_page {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.be_right_box .relative .tab_page.active {
  opacity: 1;
  visibility: visible;
  position: relative;
}

.be_slider .slick-list {
  margin: 0 -20px;
}
.be_slider .item figure {
  padding: 0 10px;
}
.be_slider .item figure img {
  border-radius: 24px;
}
.be_slider .slick-dots {
  bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.be_slider .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0px;
}
.be_slider .slick-dots li button {
  margin: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
  transition: 0.3s all;
}
.be_slider .slick-dots li button::before {
  display: none;
}
.be_slider .slick-dots li button:hover {
  background: #fff;
}
.be_slider .slick-dots li.slick-active {
  width: 40px;
}
.be_slider .slick-dots li.slick-active button {
  width: 40px;
  border-radius: 20px;
  background-color: #fff;
}

.be_list .item {
  width: calc(33.3333333333% - 10px);
  margin-bottom: 20px;
  border-radius: 24px;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25em;
}
.be_list .item::after {
  content: "";
  display: block;
  background: url(../images/be_icon01.svg) no-repeat center/contain;
  width: 3.125em;
  height: 3.125em;
}
.be_list .item p {
  display: block;
  font-weight: 400;
  line-height: 1;
}
.be_list .item p strong {
  display: block;
  font-weight: 500;
  font-size: 2em;
  color: var(--main_clr);
  margin-bottom: 5px;
}
.be_list .item:nth-child(2)::after {
  background: url(../images/be_icon02.svg) no-repeat center/contain;
}
.be_list .item:nth-child(3)::after {
  background: url(../images/be_icon03.svg) no-repeat center/contain;
}
.be_list .item:nth-child(4)::after {
  background: url(../images/be_icon04.svg) no-repeat center/contain;
}
.be_list .item:nth-child(5)::after {
  background: url(../images/be_icon05.svg) no-repeat center/contain;
}
.be_list .item:nth-child(6)::after {
  background: url(../images/be_icon06.svg) no-repeat center/contain;
}

.ud_fblock03 {
  align-items: center;
}
.ud_fblock03 figure {
  width: 69%;
  max-width: 848px;
}
.ud_fblock03 figure img {
  border-radius: 24px;
  display: block;
}
.ud_fblock03 .txt {
  width: 28%;
}

.modal .modal-content {
  border-radius: 24px;
}

.form_group {
  margin-bottom: 20px;
}
.form_group label {
  line-height: 1;
  margin-bottom: 5px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.form_group.w50 {
  width: 48%;
}
.form_group.w100 {
  width: 100%;
}
.form_group input {
  border: 0;
  border-bottom: 2px solid var(--clr1);
  width: 100%;
  text-transform: uppercase;
  background: transparent;
}
.form_group .small {
  font-size: 12px;
  text-align: justify;
}
.form_group textarea {
  border: 0;
  border-bottom: 2px solid var(--clr1);
  width: 100%;
  text-transform: uppercase;
  background: transparent;
}

.modal .btn {
  max-width: 100%;
  width: 100%;
  margin: 0;
}
.modal .btn button {
  width: 100%;
  max-width: 100%;
}
.modal .btn button::after {
  mask-image: url(../images/icon_download.svg);
}

.contact #main {
  padding-top: 80px;
  padding-bottom: 50vw;
  position: relative;
}
.contact #main::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  height: 68.0555555556vw;
  max-height: 980px;
  background: url(../images/contact_bg.jpg) no-repeat center bottom/cover;
  bottom: 0;
  z-index: -1;
}

.ud_fblock04 .txt {
  width: 35%;
}
.ud_fblock04 .contact_box {
  width: 60%;
  max-width: 632px;
  background-color: #f5f5f5;
  padding: 80px;
  border-radius: 24px;
}
.ud_fblock04 .contact_box .btn {
  max-width: 100%;
  width: 100%;
  margin: 0;
}
.ud_fblock04 .contact_box .btn button {
  width: 100%;
  max-width: 100%;
}

.under.sustainability #key .key_bg {
  mask-image: url(../images/idx_key_mask.svg);
  mask-size: cover;
  mask-position: top right;
  background: url(../images/sus_bg.jpg) no-repeat center/cover;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 2;
}
.under.sustainability #key h2 {
  font-size: 5em;
  font-weight: 400;
  line-height: 1.2;
  width: 55%;
  text-align: left;
}
.under.sustainability #key .key_text_r {
  align-self: flex-end;
  width: 30%;
  margin-top: 0;
  position: relative;
  z-index: 1;
  padding-top: 10%;
  margin-bottom: -5%;
  padding-left: 1%;
}
.under.sustainability #key .key_text_r p {
  text-align: left;
}
@media only screen and (min-width: 1600px) {
  .under.sustainability #key .key_text_r {
    left: 14%;
  }
}
.under.sustainability #key .key_text_r::before {
  position: absolute;
  content: "";
  z-index: -1;
  background: url(../images/key_text_r_before.png) no-repeat center/contain;
  width: 28.0625em;
  height: 29.875em;
  bottom: -40%;
  right: -20%;
}
.under.sustainability .ud_fblock01 {
  align-items: center;
}
.under.sustainability .ud_fblock01 h3 {
  text-align: left;
}
.under.sustainability .sus_list .item {
  border-radius: 24px;
  padding: 20px;
  background: #f5f5f5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.under.sustainability .sus_list .item:not(:last-child) {
  margin-bottom: 10px;
}
.under.sustainability .sus_list .item .sus_ttl {
  width: 25%;
}
.under.sustainability .sus_list .item .sus_ttl p {
  line-height: 1.5;
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}
.under.sustainability .sus_list .item .sus_ttl p::before {
  content: "";
  display: block;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 0.75em;
  height: 0.75em;
  mask-image: url(../images/be_arr.svg);
  background-color: var(--clr1);
  margin-right: 0.1563em;
  transition: 0.3s all;
}
.under.sustainability .sus_list .item .tbl {
  width: 62%;
}
.under.sustainability .sus_list .item table {
  table-layout: fixed;
  width: 100%;
}
.under.sustainability .sus_list .item table tr th,
.under.sustainability .sus_list .item table tr td {
  line-height: 1.5;
  width: 48%;
  font-weight: 400;
  text-align: left;
  padding: 10px;
  vertical-align: top;
}
.under.sustainability .sus_list .item table tr th ul,
.under.sustainability .sus_list .item table tr td ul {
  padding-left: 1em;
}
.under.sustainability .sus_list .item table tr th {
  font-weight: 500;
}
.under.sustainability .sus_list .item table tr:not(:last-child) th,
.under.sustainability .sus_list .item table tr:not(:last-child) td {
  border-bottom: 1px solid #e3e3e3;
}
.under.sustainability .sus_list01 {
  padding: 80px 0;
  background: url(../images/sus_circle.png) no-repeat center/contain;
}
.under.sustainability .sus_list01 .item {
  align-items: center;
}
.under.sustainability .sus_list01 .item .txt {
  width: 40%;
}
.under.sustainability .sus_list01 .item figure {
  width: 48%;
}
.under.sustainability .sus_list01 .item figure img {
  border: 1px solid var(--main_clr);
  border-radius: 20px;
}
.under.sustainability .sus_list01 .item h3 {
  text-align: left;
}
.under.sustainability .sus_list01 .item:last-child {
  margin-top: -40px;
}
.under.sustainability .sus_list01 .item:last-child figure {
  order: -1;
}

.under .text-center {
  text-align: center;
}
.under .idx2_list .idx2_item {
  width: calc(33.3333333333% - 10px);
}
.under .idx2_list .idx2_item::after {
  width: 160px;
  height: 160px;
  background-size: contain !important;
  background-position: bottom right !important;
  bottom: 0;
  right: 0;
  left: unset;
  top: unset;
}
.under .idx2_list .idx2_item .ttl01 {
  font-size: 29px;
  line-height: 1;
  margin-bottom: 20px;
  font-weight: 500;
}
.under .idx2_list .idx2_item .ttl02 {
  width: 60%;
  margin-bottom: 0;
}
.under .idx2_list .idx2_item.idx2_item1::after {
  background-image: url(../images/sus_icon01.png);
  width: 160px;
  height: 156px;
}
.under .idx2_list .idx2_item.idx2_item2::after {
  background-image: url(../images/sus_icon02.png);
  width: 154px;
  height: 94px;
}
.under .idx2_list .idx2_item.idx2_item3::after {
  background-image: url(../images/sus_icon03.png);
  width: 121px;
  height: 240px;
}
.under .idx2_list .idx2_item.idx2_item4::after {
  background-image: url(../images/sus_icon04.png);
  width: 238px;
  height: 240px;
}
.under .idx2_list .idx2_item.idx2_item5::after {
  background-image: url(../images/sus_icon05.png);
  width: 179px;
  height: 111px;
}
.under .idx2_list .idx2_item.idx2_item6::after {
  background-image: url(../images/sus_icon06.png);
  width: 194px;
  height: 137px;
}

.home #key {
  background: url(../images/idx_key_bg.jpg) no-repeat top center/cover;
  height: 56.25vw;
  max-height: 100vh;
  display: flex;
  align-items: flex-end;
}
.home #key .inner {
  width: 100%;
  max-width: 100%;
  padding: 0 40px;
  position: relative;
}
.home #key h2 {
  font-weight: 300;
  font-size: min(5vw, 4em);
  line-height: 110%;
  letter-spacing: -0.02em;
  color: #fffcf5;
  opacity: 0.8;
  padding-bottom: 40px;
  text-align: left;
}
.home #key h2 span {
  display: inline-block;
  opacity: 0;
  animation: fadeUp 1.2s ease-out forwards;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.home #key .key_360 {
  position: absolute;
  z-index: 1;
  right: 40px;
  bottom: 40px;
}
.home #key .key_360 a:hover {
  opacity: 0.9;
  transition: 0.3s all;
}

h3 {
  font-weight: 200;
  font-size: min(5vw, 50px);
  line-height: 110%;
  letter-spacing: -0.05em;
  color: var(--main_clr);
}

.idx1 {
  background: url(../images/idx1_bg.jpg) no-repeat top center/cover;
  padding: 80px 0 0;
}
.idx1 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid rgba(253, 235, 210, 0.5);
}
.idx1 ul li {
  list-style-type: none;
}
.idx1 ul li a {
  text-decoration: none;
  transition: 0.3s all;
  font-family: var(--f_manrope);
  font-weight: 500;
  font-size: 11px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}
.idx1 ul li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background-color: var(--clr1);
  transition: 0.3s all;
  transform: scaleX(0);
}
.idx1 ul li a:hover::after {
  transform: scaleX(1);
}
.idx1 .idx1_box {
  width: 80%;
  max-width: 850px;
  margin-left: auto;
  padding: 155px 0;
}
.idx1 h3 {
  font-weight: 300;
  font-size: 22px;
  line-height: 150%;
  color: #fdebd2;
  letter-spacing: 0;
}
.idx1 h3 strong {
  font-weight: 500;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx1 .idx1_box {
    width: 100%;
    padding: 60px 0;
  }
  .idx1 h3 {
    font-size: 18px;
  }
  .idx1 ul li {
    width: 49%;
  }
}

.idx2 {
  background: url(../images/idx2_bg.jpg) no-repeat bottom center/cover;
}
.idx2 .inner {
  padding-top: 80px;
  padding-bottom: min(560px, 35vw);
  position: relative;
}
.idx2 .inner::after {
  content: "";
  position: absolute;
  background: url(../images/idx2_icon.png) no-repeat center/contain;
  width: 9.6875em;
  height: 22.3125em;
  right: 0;
  top: 0;
  font-size: min(1vw, 16px);
}
.idx2 h3 {
  margin-bottom: 40px;
}
.idx2 p {
  font-size: 14px;
  font-family: var(--f_manrope);
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .idx2 .inner {
    padding-bottom: 50vw;
  }
  .idx2 .inner::after {
    right: 20px;
  }
}

.idx3 .inner {
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}
.idx3 .inner::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #c17f51;
}
.idx3 .idx3_txt {
  width: 51%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 20px;
}
.idx3 .idx3_slider {
  width: 48%;
  max-width: 781px;
  position: relative;
  padding-right: 40px;
}
.idx3 .idx3_slider img {
  width: 100%;
  object-fit: cover;
}
.idx3 .idx3_ttl {
  writing-mode: sideways-rl;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  white-space: nowrap;
  top: 50%;
  transform: translateY(-50%);
}
.idx3 .slick-dotted.slick-slider {
  margin: 0;
}
.idx3 dl {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
  border-bottom: 1px solid #ebe0d0;
}
.idx3 dl dt,
.idx3 dl dd {
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
}
.idx3 dl dt {
  width: 20em;
}
.idx3 dl dd {
  width: calc(100% - 20em);
}
.idx3 .slick-dots {
  bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.idx3 .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0px;
}
.idx3 .slick-dots li button {
  margin: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
  transition: 0.3s all;
}
.idx3 .slick-dots li button::before {
  display: none;
}
.idx3 .slick-dots li button:hover {
  background: #fff;
}
.idx3 .slick-dots li.slick-active {
  width: 40px;
}
.idx3 .slick-dots li.slick-active button {
  width: 40px;
  border-radius: 20px;
  background-color: #fff;
}

.idx4 {
  background: url(../images/idx4_bg.jpg) no-repeat top center/cover;
  aspect-ratio: 1680/900;
}
.idx4 .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  align-items: center;
}
.idx4 .item {
  color: #fff;
  text-align: center;
  transition: 0.3s all;
}
.idx4 .item .img {
  margin: 0 auto;
}
.idx4 .item .ttl01 {
  font-weight: 500;
  font-size: 8px;
  line-height: 125%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fffcf5;
  font-family: var(--f_manrope);
  margin: 20px 0 10px;
}
.idx4 .item .ttl02 {
  font-weight: 300;
  font-size: 20px;
  line-height: 150%;
  color: #fffcf5;
  line-height: 1;
}
.idx4 .item:hover {
  transform: scale(1.05);
}

.idx5 {
  background: url(../images/idx5_bg.svg) no-repeat top left/cover;
  aspect-ratio: 1680/900;
  display: flex;
  align-items: center;
}
.idx5 .inner {
  width: 100%;
}
.idx5 .idx5_txt {
  max-width: 802px;
  width: 90%;
  margin-left: auto;
}
.idx5 .ttl02 {
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #744a32;
  margin: 40px 0;
  font-family: var(--f_manrope);
}
.idx5 .ttl03 {
  font-size: 14px;
  line-height: 150%;
  color: #c17f51;
}
.idx5 .idx5_list {
  border-top: 1px solid #ebe0d0;
  margin-top: 40px;
  padding-top: 20px;
}
.idx5 .idx5_list .item {
  width: 32%;
}
.idx5 .idx5_list .item strong {
  font-weight: 400;
  font-size: 28px;
  line-height: 150%;
}
.idx5 .idx5_list .item p {
  line-height: 1;
  font-weight: 400;
  font-size: 14px;
  font-family: var(--f_manrope);
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
.idx5 .idx5_list .item p.ttl {
  line-height: 150%;
}

.idx6 {
  background: #c17f51;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
  text-align: center;
}
.idx6 h3 {
  color: #fff;
}
.idx6 > div {
  width: 50%;
}
.idx6 .idx6_slider1 {
  margin: 40px 0;
  background-color: #c17f51;
}
.idx6 .idx6_slider1 .ttl01 {
  font-weight: 300;
  font-size: 24px;
  line-height: 150%;
  text-align: center;
  color: #fdebd2;
  margin: 40px 0 20px;
}
.idx6 .idx6_slider1 .ttl02 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  font-family: var(--f_manrope);
  text-align: center;
  letter-spacing: 0.02em;
  margin: 0;
  color: #fdebd2;
}
.idx6 .idx6_slider1 img,
.idx6 .idx6_slider2 img {
  width: 100%;
}
.idx6 .idx6_slider1 .slick-arrow {
  width: 58px;
  height: 126px;
  border-radius: 100px;
  background: #c17f51;
  z-index: 10;
  top: 38%;
  transition: 0.3s all;
  display: flex;
  align-items: center;
  justify-content: center;
}
.idx6 .idx6_slider1 .slick-arrow:hover {
  opacity: 0.9;
}
.idx6 .idx6_slider1 .slick-arrow::before {
  content: "";
  width: 18px;
  height: 18px;
  display: block;
}
.idx6 .idx6_slider1 .slick-prev {
  left: -50px;
}
.idx6 .idx6_slider1 .slick-prev::before {
  background: url(../images/idx6_arr_left.svg) no-repeat center/contain;
}
.idx6 .idx6_slider1 .slick-next {
  right: -50px;
}
.idx6 .idx6_slider1 .slick-next::before {
  background: url(../images/idx6_arr_right.svg) no-repeat center/contain;
}
.idx6 .idx6_box {
  position: relative;
  z-index: 1;
  padding: 0 10vw;
}
.idx6 .idx6_box::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  background-color: rgba(253, 235, 210, 0.5);
  top: 38%;
}
@media only screen and (min-width: 1919px) {
  .idx6 .idx6_box::before {
    top: 33%;
  }
}
.idx6 .idx6_page {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border: 1px solid rgba(255, 252, 245, 0.5);
  border-radius: 100px;
  width: fit-content;
  margin: 0 auto;
  width: 36px;
  height: 24px;
}
.idx6 .idx6_page p {
  margin: 0;
  font-size: 14px;
  line-height: 150%;
  font-family: var(--f_manrope);
  text-align: center;
  letter-spacing: 0.02em;
  color: #fdebd2;
}

.home .idx7 {
  padding: 80px 0;
}

.idx8 {
  aspect-ratio: 1680/900;
  background: url(../images/idx8_bg.jpg) no-repeat top center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.idx8 .inner {
  width: 100%;
}
.idx8 h3 {
  margin: 30px 0;
  text-align: center;
  color: #fff;
}
.idx8 .ttl01 {
  margin: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #fffcf5;
  opacity: 0.85;
}
.idx8 .ttl02 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  font-family: var(--f_manrope);
  text-align: center;
  letter-spacing: 0.02em;
  color: #fffcf5;
  opacity: 0.85;
}

.idx9 {
  padding: 100px 0 0;
  position: relative;
  overflow: hidden;
}
.idx9 h3 {
  margin-bottom: 50px;
}
.idx9 .idx9_bg {
  font-size: min(0.525vw, 10px);
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.idx9 .idx9_bg img {
  display: block;
  width: 100%;
}
.idx9 .idx9_bg picture {
  position: relative;
  z-index: 1;
}
.idx9 .idx9_bg picture::after {
  content: "";
  position: absolute;
  background: url(../images/idx9_icon.svg) no-repeat center/contain;
  width: 8.3em;
  height: 6.8em;
  bottom: 2em;
  left: 2em;
}
.idx9 .idx9_txt {
  position: absolute;
  z-index: 1;
  top: 4em;
  left: 4em;
  height: 100%;
  width: 27%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 8%;
}
.idx9 .idx9_txt .ttl {
  font-weight: 300;
  font-size: 2.4em;
  line-height: 150%;
  color: #fffcf5;
  padding-bottom: 0.5em;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.idx9 .idx9_txt .item:not(:last-child) {
  margin-bottom: 20px;
}
.idx9 .idx9_ul1 li {
  width: 45%;
  display: flex;
  align-items: center;
  font-family: var(--f_manrope);
  font-weight: 500;
  font-size: 1.2em;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #fffcf5;
  margin-bottom: 0.8333em;
}
.idx9 .idx9_ul1 li span {
  width: 10em;
}
.idx9 .idx9_ul1 li::after {
  content: "";
  display: block;
  margin-left: 1em;
  background: url(../images/clr1.png) no-repeat right center/contain;
  width: 3.1667em;
  height: 1.3333em;
}
.idx9 .idx9_ul1 .clr1::after {
  background-image: url(../images/clr1.png);
}
.idx9 .idx9_ul1 .clr2::after {
  background-image: url(../images/clr2.png);
}
.idx9 .idx9_ul1 .clr3::after {
  background-image: url(../images/clr3.png);
}
.idx9 .idx9_ul1 .clr4::after {
  background-image: url(../images/clr4.png);
}
.idx9 .idx9_ul1 .clr5::after {
  background-image: url(../images/clr5.png);
}
.idx9 .idx9_ul1 .clr6::after {
  background-image: url(../images/clr6.png);
}
@media only screen and (min-width: 769px) {
  .idx9 .idx9_ul2 {
    display: grid;
    grid-auto-flow: column;
    grid-auto-rows: auto;
    grid-template-columns: 45% 45%;
    list-style: none;
    padding: 0;
    width: 100%;
  }
}
.idx9 .idx9_ul2 li {
  display: flex;
  align-items: center;
  font-family: var(--f_manrope);
  font-weight: 500;
  font-size: 1.2em;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #fffcf5;
  margin-bottom: 0.8333em;
  position: relative;
}
.idx9 .idx9_ul2 li span {
  width: 1.6667em;
  height: 1.6667em;
  margin-right: 5px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 769px) {
  .idx9 .idx9_ul2 li {
    transition: 0.15s all;
    cursor: pointer;
  }
  .idx9 .idx9_ul2 li:hover {
    color: #c0945f;
  }
}
.idx9 .list_point {
  position: absolute;
  z-index: 1;
  inset: 0;
  left: 38%;
}
.idx9 .list_point > div {
  position: absolute;
  width: 20px;
  height: 20px;
  transition: 0.3s all;
  cursor: pointer;
  border-radius: 50%;
}
.idx9 .list_point > div.active .txt, .idx9 .list_point > div:hover .txt {
  opacity: 1;
  visibility: visible;
}
.idx9 .list_point .txt {
  position: absolute;
  background: #c17f51;
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 260px;
  transition: 0.3s all;
  opacity: 0;
  visibility: hidden;
  left: calc(50% - 130px);
  bottom: 100%;
  padding: 5px;
  padding-bottom: 40px;
}
.idx9 .list_point .txt .ttl01 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #fdebd2;
  padding: 10px;
  margin-bottom: 0;
}
.idx9 .list_point .txt .ttl02 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  font-family: var(--f_manrope);
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
  color: #fdebd2;
  margin: 0;
  position: absolute;
  bottom: 10px;
  left: 15px;
}
.idx9 .list_point .txt .ttl02 strong {
  padding-left: 1em;
}
.idx9 .list_point .txt .num {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-weight: 300;
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  text-align: center;
  color: #fdebd2;
}
.idx9 .point1 {
  bottom: 5%;
  left: 3%;
}
.idx9 .point2 {
  bottom: 29%;
  left: 7%;
}
.idx9 .point3 {
  left: 4.5%;
  bottom: 9.5%;
}
.idx9 .point4 {
  left: 9.25%;
  bottom: 9.5%;
}
.idx9 .point5 {
  bottom: 24.5%;
  left: 3%;
}
.idx9 .point6 {
  left: 8%;
  bottom: 24.7%;
}
.idx9 .point7 {
  left: 6.8%;
  bottom: 17%;
}
.idx9 .point8 {
  bottom: 6.5%;
  left: 26%;
}
.idx9 .point9 {
  left: 25.6%;
  bottom: 18%;
}
.idx9 .point10 {
  left: 36.2%;
  bottom: 18.3%;
}
.idx9 .point11 {
  top: 56.3%;
  left: 20.4%;
}
.idx9 .point12 {
  top: 42.9%;
  left: 21.4%;
}
.idx9 .point13 {
  top: 21.3%;
  left: 11.6%;
}
.idx9 .point14 {
  top: 2%;
  left: 20.8%;
}
.idx9 .point15 {
  bottom: 5%;
  left: 56%;
}
.idx9 .point16 {
  left: 58.3%;
  bottom: 34.3%;
}
.idx9 .point17 {
  left: 74.35%;
  bottom: 29%;
}
.idx9 .point18 {
  bottom: 16.3%;
  left: 67.2%;
}
.idx9 .point19 {
  bottom: 47.8%;
  left: 58.2%;
}
.idx9 .point20 {
  bottom: 43.3%;
  left: 53.5%;
}
.idx9 .point21 {
  top: 54.7%;
  left: 62.5%;
}
.idx9 .point22 {
  top: 57%;
  left: 47.85%;
}
.idx9 .point23 {
  top: 65.5%;
  left: 46.85%;
}
.idx9 .point24 {
  top: 50.5%;
  left: 47.6%;
}
.idx9 .point25 {
  top: 42.3%;
  left: 47.2%;
}
.idx9 .point26 {
  top: 44.5%;
  left: 58.2%;
}
.idx9 .point27 {
  top: 34.2%;
  left: 56.5%;
}
.idx9 .point28 {
  top: 32.2%;
  left: 66.5%;
}
.idx9 .point29 {
  top: 23.3%;
  left: 76%;
}
.idx9 .point30 {
  top: 19.2%;
  left: 68.2%;
}
.idx9 .point31 {
  top: 14%;
  left: 56%;
}
.idx9 .point32 {
  left: 76.6%;
  top: 8%;
}
.idx9 .point33 {
  left: 55.7%;
  top: 2%;
}

.idx10 {
  padding: 100px 0;
}
.idx10 .idx10_txt {
  width: 35%;
}
.idx10 .idx10_content {
  margin: 40px 0;
}
.idx10 .idx10_content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0.02em;
  font-family: var(--f_manrope);
}
.idx10 .idx10_img {
  width: 50%;
}
.idx10 .idx10_img img {
  width: 100%;
  object-fit: cover;
}
.idx10 .slick-dots {
  bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.idx10 .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0px;
}
.idx10 .slick-dots li button {
  margin: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
  transition: 0.3s all;
}
.idx10 .slick-dots li button::before {
  display: none;
}
.idx10 .slick-dots li button:hover {
  background: #fff;
}
.idx10 .slick-dots li.slick-active {
  width: 40px;
}
.idx10 .slick-dots li.slick-active button {
  width: 40px;
  border-radius: 20px;
  background-color: #fff;
}
.idx10 .slick-dotted.slick-slider {
  margin: 0;
}

.idx11 {
  border-top: 1px solid #ebe0d0;
}
.idx11 > div {
  width: 50%;
}
.idx11 .left {
  padding: 40px;
  background: url(../images/ixd11_bg.jpg) no-repeat top center/cover;
  border-right: 1px solid #ebe0d0;
}
.idx11 .item {
  width: 50%;
  padding: 20px;
  border-bottom: 1px solid #ebe0d0;
}
.idx11 .item:nth-child(odd) {
  border-right: 1px solid #ebe0d0;
}
.idx11 .item:nth-child(5), .idx11 .item:nth-child(6) {
  border-bottom: 0;
}
.idx11 .item .img {
  display: table;
  margin: 0 auto;
}
.idx11 .item .img img {
  height: auto;
  transition: 0.3s all;
}
.idx11 .item .img img:hover {
  transform: scale(1.05);
}
.idx11 .item p {
  font-family: var(--f_manrope);
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 150%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.slick-slider,
.slick-list,
.slick-track,
.slick-slide {
  margin: 0;
  padding: 0;
}

.slick-slide {
  line-height: 0;
  height: auto;
}

.slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.slick-dots {
  margin: 0;
  padding: 0 0 0;
}

html {
  margin: 0 !important;
}

.wpcf7-spinner {
  display: none !important;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #fff;
  border-color: #fff;
}

.animated {
  animation-duration: 0.4s !important;
}