@media screen and (min-width: 768px) {
  .is_sp {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .is_pc {
    display: none;
  }
}

.index-movie ul, .index-movie li {
  padding: 0;
  list-style: none;
}

.index-movie .row {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .index-movie .row {
    flex-direction: column;
    gap: 30px;
  }
}

.index-movie ul {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.index-movie p {
  text-align: center;
  margin-top: .5em;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .index-movie .l {
    width: calc(56% - 10px);
  }
  .index-movie .r {
    width: calc(44% - 10px);
  }
}

.index_menu {
  font-size: 10px;
}

@media screen and (min-width: 768px) {
  .index_menu {
    padding: 100px 0 80px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1120px) {
  .index_menu {
    font-size: calc(100vw * 10 / 1120);
  }
}

@media screen and (max-width: 767px) {
  .index_menu {
    font-size: calc(100vw * 10 / 640);
  }
}

.index_menu .catch {
  text-align: center;
  color: #fff;
  font-size: 3.6em;
  font-weight: bold;
  background: #fc2d04;
  margin: .8em 0 0;
  letter-spacing: 0;
  line-height: 1.5;
  padding: .3em 0;
}

@media screen and (max-width: 767px) {
  .index_menu .catch {
    font-size: 3em;
  }
}

.index_menu ul, .index_menu li {
  padding: 0;
  list-style: none;
}

.index_menu li {
  padding: 2em 3em 3em 3.5em;
  position: relative;
  min-height: 30.2em;
  margin-top: 1em;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .index_menu li {
    flex-direction: column;
    padding: 2em 2em 3em;
  }
  .index_menu li dl {
    width: 100%;
  }
}

.index_menu img {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
}

@media screen and (max-width: 767px) {
  .index_menu img {
    height: 100%;
    object-fit: cover;
  }
}

.index_menu .btn {
  font-size: 1.6rem;
  margin-top: 1em;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .index_menu .btn {
    font-size: 1.6em;
    width: 21.25em;
  }
}

.index_menu .btn:after {
  border-radius: inherit;
}

.index_menu dt {
  color: var(--main-color);
  font-size: 3.6em;
  font-weight: 900;
  line-height: 1;
  margin-bottom: .55em;
}

.index_menu dd {
  display: flex;
  gap: 2em;
}

@media screen and (max-width: 767px) {
  .index_menu dd {
    gap: 1em;
    width: 100%;
  }
}

.index_menu dd p {
  flex: 1;
  border-radius: 1em;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 9.5em 0 1.5em;
  z-index: 0;
  font-weight: 900;
  text-align: center;
  border: solid 2px var(--main-color);
}

.index_menu dd p:before {
  content: '';
  position: absolute;
  left: 50%;
  translate: -50% 0;
  width: 110%;
  background: var(--main-color);
  height: 8.5em;
  top: -2px;
  clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 50%);
  z-index: -1;
}

.index_menu dd span {
  display: block;
  position: absolute;
  left: 50%;
  translate: -50% 0;
  color: #fff;
  top: .15em;
  white-space: nowrap;
  font-size: 3em;
}

.index_menu dd span i {
  font-family: var(--main-font-en);
  font-size: 1.83em;
  font-weight: bold;
}

.index_menu dd span:has(i) {
  font-size: 2.4em;
  top: 0;
}

.index_menu dd em {
  color: #fc7904;
  display: block;
  font-size: 2.4em;
  line-height: 1;
}

.index_menu dd em i {
  font-family: var(--main-font-en);
  font-size: 3.08em;
  font-weight: bold;
}

.index_menu dd em small {
  font-size: .59em;
}

.index_menu dd b {
  position: absolute;
  font-weight: 500;
  color: #666666;
  bottom: .2em;
  right: .5em;
  font-size: 1.2em;
}

.index_menu .note {
  font-size: 1.4em;
  color: #666666;
  line-height: 1.42;
  font-weight: 500;
  margin-top: 1.2em;
}

@media screen and (max-width: 767px) {
  .index_menu .note {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .index_menu dl {
    width: 62.4em;
  }
}

.ten-form {
  font-size: 10px;
}

@media screen and (max-width: 767px) {
  .ten-form {
    font-size: calc(100vw * 10 / 500);
  }
}

.ten-form .inner {
  width: 92%;
  max-width: 800px;
  margin: 100px auto 0;
  border: 5px solid #ee7800;
  border-radius: 1em;
  background-image: url(assets/images/index/AdobeStock_430737115.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.6);
  background-blend-mode: lighten;
  padding: 11em 8em 5em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .ten-form .inner {
    padding: 10em 2em 4em;
  }
}

.ten-form .ttl {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 4.2em;
  translate: -50% -50%;
  background: #fff;
  border-radius: 3em;
  white-space: nowrap;
  border: solid 3px #fc7904;
  padding: .2em 1em;
}

@media screen and (max-width: 767px) {
  .ten-form .ttl {
    font-size: 3em;
  }
}

.ten-form .ttl em {
  position: absolute;
  font-size: .38em;
  color: #fff;
  transform: rotate(-10deg);
  background: #fc7904;
  border-radius: 3em;
  padding: .2em 1em;
  left: -2em;
  top: -2.8em;
}

.ten-form .ttl em:before {
  content: '';
  position: absolute;
  width: .8em;
  height: 1.2em;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
  background: #fc7904;
  bottom: -1em;
  left: 2.5em;
  transform: rotate(-15deg);
}

.ten-form .send {
  margin-top: 2em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .ten-form .send {
    margin-top: 3em;
  }
}

.ten-form .send input {
  background: #fc7904 url(assets/images/index/arrow-right.svg) no-repeat calc(100% - 2em) center/0.5em;
  border: none;
  border-radius: 3em;
  color: #fff;
  font-size: 2.4em;
  width: 14em;
  padding: 1em;
}

.ten-form .form {
  margin-bottom: 3em;
}

@media screen and (min-width: 768px) {
  .ten-form dl {
    display: flex;
  }
  .ten-form dt {
    width: 40%;
  }
  .ten-form dd {
    width: 60%;
  }
}

.ten-form dt {
  font-size: 1.8em;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .ten-form dt {
    margin-bottom: .6em;
  }
}

.ten-form dt em {
  background: #fc7904;
  color: #fff;
  border-radius: .2em;
  padding: .3em .8em;
  margin-left: .3em;
  font-size: .8em;
}

.ten-form dd {
  margin-bottom: 1em;
  font-size: 1.6em;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .ten-form dd {
    font-size: 16px;
  }
}

.ten-form dd input[type="text"], .ten-form dd input[type="tel"] {
  width: 100%;
  border-radius: .3em;
  padding: 1em;
  border: solid 1px #ccc;
}

.ten-form .wpcf7-response-output {
  font-size: 1.6em;
}

.ten-form .wpcf7-spinner {
  position: absolute;
}

.ten-form .check label {
  margin-right: 1em;
}

.ten-form .check input {
  margin-right: .5em;
}

.ten-form p {
  color: #fff;
  margin-bottom: .5em;
  text-align: center;
  font-size: 1.6em;
}

.ten-form .head {
  background: #315bb5;
}

.ten-form .tap {
  background: #E60012;
}

.ten-form .tel a {
  background: #19BC03;
  display: block;
  text-align: center;
  padding: 2em;
}

.ten-form .tel a:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .ten-form .tel a {
    pointer-events: none;
  }
}

.ten-form .tel span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.8em;
  font-family: var(--main-font-en);
  color: #fff;
  gap: .6em;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .ten-form .tel span {
    font-size: 4em;
    gap: .2em;
  }
}

.ten-form .tel em {
  line-height: 1;
}

.ten-form .tel svg {
  width: 1em;
}

.ten-form .tel svg path {
  fill: #fc7904;
}

.ten-form .tel small {
  display: block;
  font-size: 2.4em;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin-top: .6em;
}

@media screen and (max-width: 767px) {
  .ten-form .tel small {
    font-size: 1.6em;
  }
}

.c-bnr__btnBox01-svg .line01 {
  -webkit-animation: callanime01 infinite ease 1.5s;
  animation: callanime01 infinite ease 1.5s;
}

.c-bnr__btnBox01-svg .line02 {
  -webkit-animation: callanime02 infinite ease 1.5s;
  animation: callanime02 infinite ease 1.5s;
}

.c-bnr__btnBox01-svg .line03 {
  -webkit-animation: callanime03 infinite ease 1.5s;
  animation: callanime03 infinite ease 1.5s;
}

@-webkit-keyframes callanime01 {
  30%, 60% {
    fill-opacity: 0;
  }
  80% {
    fill-opacity: 1;
  }
}

@keyframes callanime01 {
  30%, 60% {
    fill-opacity: 0;
  }
  80% {
    fill-opacity: 1;
  }
}

@-webkit-keyframes callanime02 {
  40%, 70% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}

@keyframes callanime02 {
  40%, 70% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}

@-webkit-keyframes callanime03 {
  50%, 80% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}

@keyframes callanime03 {
  50%, 80% {
    fill-opacity: 0;
  }
  100% {
    fill-opacity: 1;
  }
}

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