@charset "UTF-8";
/* import */
/* カラー */
/* レスポンシブ */
/*****STANDART CSS******/
:root {
  --view-size: 1400;
}

@media screen and (max-width: 768px) {
  :root {
    --view-size: 375;
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var,
video {
  margin: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  /******SMOOTH SCROLL ANCHOR******/
}

/*****STANDART CSS******/
/* ---------common--------- */
body {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(16 / var(--view-size) * 100vw);
  font-weight: 500;
  line-height: 1.6;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  vertical-align: bottom;
  width: 100%;
}

a {
  transition: 0.3s;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
a:hover {
  opacity: 0.7;
}

/* flex */
.row {
  display: flex;
  flex-wrap: wrap;
}

.between {
  justify-content: space-between;
}

.align_start {
  align-items: flex-start;
}

.align_center {
  align-items: center;
}

.align_end {
  align-items: flex-end;
}

.flex_center {
  justify-content: center;
}

.flex_start {
  justify-content: flex-start;
}

.flex_end {
  justify-content: flex-end;
}

.stretch {
  align-items: stretch;
}

.reverse {
  flex-direction: row-reverse;
}

/* inner */
.inner {
  width: calc(1000 / var(--view-size) * 100vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .inner {
    width: calc(338 / var(--view-size) * 100vw);
  }
}

/* display */
@media (max-width: 768px) {
  .sp_dn {
    display: none;
  }
}

.sp_db {
  display: none;
}
@media (max-width: 768px) {
  .sp_db {
    display: block;
  }
}

@media (max-width: 768px) {
  .tab_dn {
    display: none;
  }
}

.tab_db {
  display: none;
}
@media (max-width: 768px) {
  .tab_db {
    display: block;
  }
}

.common_ttl_wrap {
  text-align: center;
  margin-bottom: calc(54 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .common_ttl_wrap {
    margin-bottom: calc(15 / var(--view-size) * 100vw);
  }
}
.common_ttl_wrap .common_ttl {
  font-size: calc(64 / var(--view-size) * 100vw);
  color: #0075C2;
  margin-bottom: calc(12 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .common_ttl_wrap .common_ttl {
    font-size: calc(32 / var(--view-size) * 100vw);
    margin-bottom: calc(9 / var(--view-size) * 100vw);
  }
}

.common_ttl_text {
  text-align: center;
}

.common_cta {
  width: calc(765 / var(--view-size) * 100vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .common_cta {
    width: calc(317 / var(--view-size) * 100vw);
  }
}
.common_cta .common_cta_box {
  width: 100%;
  background-color: #FFFDEB;
  position: relative;
  padding: calc(38 / var(--view-size) * 100vw) calc(54 / var(--view-size) * 100vw);
  padding-top: calc(130 / var(--view-size) * 100vw);
  border-radius: calc(15 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .common_cta .common_cta_box {
    padding: calc(20 / var(--view-size) * 100vw) calc(13 / var(--view-size) * 100vw);
    padding-top: calc(150 / var(--view-size) * 100vw);
  }
}
.common_cta .common_cta_box .common_cta_ttl {
  position: absolute;
  width: calc(701 / var(--view-size) * 100vw);
  left: 50%;
  top: calc(-30 / var(--view-size) * 100vw);
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .common_cta .common_cta_box .common_cta_ttl {
    width: calc(294 / var(--view-size) * 100vw);
    top: calc(-43 / var(--view-size) * 100vw);
  }
}

.common_cta_row a {
  background-color: #FF6927;
  color: #fff;
  font-size: calc(28 / var(--view-size) * 100vw);
  font-weight: bold;
  text-align: center;
  padding: calc(15 / var(--view-size) * 100vw) 0;
  width: calc(312 / var(--view-size) * 100vw);
  border-radius: calc(10 / var(--view-size) * 100vw);
  border: calc(2 / var(--view-size) * 100vw) solid #fff;
  box-shadow: calc(3 / var(--view-size) * 100vw) calc(3 / var(--view-size) * 100vw) 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
  .common_cta_row a {
    width: calc(138 / var(--view-size) * 100vw);
    font-size: calc(16 / var(--view-size) * 100vw);
    padding: calc(12 / var(--view-size) * 100vw) 0;
  }
}
.common_cta_row a:hover {
  opacity: 1;
  transform: translateY(calc(3 / var(--view-size) * 100vw));
  box-shadow: none;
}

.cta_sp {
  position: fixed;
  bottom: 0;
  background: rgba(255, 253, 235, 0.7);
  width: 100%;
  z-index: 10000;
}
.cta_sp .inner {
  width: calc(350 / var(--view-size) * 100vw);
  padding: calc(12 / var(--view-size) * 100vw) 0;
}
.cta_sp .common_cta_row a {
  width: calc(170 / var(--view-size) * 100vw);
}

.page_top {
  width: calc(48 / var(--view-size) * 100vw);
  height: calc(48 / var(--view-size) * 100vw);
  background-color: rgba(38, 35, 35, 0.5);
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: calc(16 / var(--view-size) * 100vw);
  bottom: calc(80 / var(--view-size) * 100vw);
  z-index: 1000;
  opacity: 0;
  transition: 0.3s;
}
.page_top.active {
  opacity: 1;
}

header {
  padding: calc(16 / var(--view-size) * 100vw) 0;
  background-color: #fff;
}
@media (max-width: 768px) {
  header {
    width: 100%;
  }
}
header .header_logo {
  width: calc(974 / var(--view-size) * 100vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  header .header_logo {
    width: calc(345 / var(--view-size) * 100vw);
  }
}
header .header_logo .header_logo_01 {
  width: calc(90 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  header .header_logo .header_logo_01 {
    width: calc(80 / var(--view-size) * 100vw);
  }
}
header .header_logo .header_logo_02 {
  width: calc(190 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  header .header_logo .header_logo_02 {
    width: calc(158 / var(--view-size) * 100vw);
  }
}

/* footer */
.mv {
  padding-top: calc(218 / var(--view-size) * 100vw);
  height: calc(788 / var(--view-size) * 100vw);
  position: relative;
}
@media (max-width: 768px) {
  .mv {
    height: calc(666 / var(--view-size) * 100vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0;
  }
}
.mv .mv_logo {
  width: calc(417 / var(--view-size) * 100vw);
  margin: 0 auto calc(77 / var(--view-size) * 100vw);
  position: relative;
  z-index: 300;
}
@media (max-width: 768px) {
  .mv .mv_logo {
    width: calc(175 / var(--view-size) * 100vw);
    margin-bottom: calc(22 / var(--view-size) * 100vw);
  }
}
.mv .mv_text {
  text-align: center;
  font-size: calc(40 / var(--view-size) * 100vw);
  color: #fff;
  position: relative;
  z-index: 300;
}
@media (max-width: 768px) {
  .mv .mv_text {
    font-size: calc(17 / var(--view-size) * 100vw);
  }
}
.mv .mv_video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.mv .mv_video::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
  background-size: calc(4 / var(--view-size) * 100vw) calc(4 / var(--view-size) * 100vw);
  background-position: 0 0, calc(2 / var(--view-size) * 100vw) calc(2 / var(--view-size) * 100vw);
}
.mv .mv_video video {
  width: 100%;
  height: 100%;
}

.about {
  padding-top: calc(140 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .about {
    padding-top: calc(64 / var(--view-size) * 100vw);
  }
}
.about .about_text {
  text-align: center;
  font-size: calc(24 / var(--view-size) * 100vw);
  margin-bottom: calc(72 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .about .about_text {
    font-size: calc(16 / var(--view-size) * 100vw);
    margin-bottom: calc(28 / var(--view-size) * 100vw);
  }
}
.about .about_loop .about_loop_img {
  margin: 0 calc(24 / var(--view-size) * 100vw);
}

.movie {
  padding: calc(120 / var(--view-size) * 100vw) 0;
}
@media (max-width: 768px) {
  .movie {
    padding: calc(48 / var(--view-size) * 100vw) 0;
  }
}
.movie .movie_video {
  margin-bottom: calc(102 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .movie .movie_video {
    margin-bottom: calc(64 / var(--view-size) * 100vw);
  }
}
.movie .movie_video video {
  width: 100%;
}
.movie .movie_item:first-child {
  margin-bottom: calc(128 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .movie .movie_item:first-child {
    margin-bottom: calc(94 / var(--view-size) * 100vw);
  }
}
.movie .movie_item:first-child .movie_item_ttl_wrap .movie_item_ttl::before {
  content: "";
  background: url(../images/movie_item_icon01.png) center/cover no-repeat;
  width: calc(66 / var(--view-size) * 100vw);
  height: calc(87 / var(--view-size) * 100vw);
  bottom: calc(8 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .movie .movie_item:first-child .movie_item_ttl_wrap .movie_item_ttl::before {
    width: calc(55 / var(--view-size) * 100vw);
    height: calc(72 / var(--view-size) * 100vw);
  }
}
@media (max-width: 768px) {
  .movie .movie_item:last-child .movie_item_ttl_wrap .movie_item_ttl {
    padding-left: 0;
    padding-right: calc(80 / var(--view-size) * 100vw);
  }
}
.movie .movie_item:last-child .movie_item_ttl_wrap .movie_item_ttl::before {
  width: calc(78 / var(--view-size) * 100vw);
  height: calc(87 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .movie .movie_item:last-child .movie_item_ttl_wrap .movie_item_ttl::before {
    left: auto;
    right: 0;
    width: calc(66 / var(--view-size) * 100vw);
    height: calc(74 / var(--view-size) * 100vw);
  }
}
.movie .movie_item .movie_item_ttl_wrap {
  display: flex;
  justify-content: center;
  margin-bottom: calc(68 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .movie .movie_item .movie_item_ttl_wrap {
    margin-bottom: calc(24 / var(--view-size) * 100vw);
  }
}
.movie .movie_item .movie_item_ttl_wrap .movie_item_ttl {
  font-size: calc(32 / var(--view-size) * 100vw);
  color: #0075C2;
  position: relative;
  padding-left: calc(96 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .movie .movie_item .movie_item_ttl_wrap .movie_item_ttl {
    font-size: calc(16 / var(--view-size) * 100vw);
    padding-left: calc(78 / var(--view-size) * 100vw);
  }
}
.movie .movie_item .movie_item_ttl_wrap .movie_item_ttl::before {
  content: "";
  background: url(../images/movie_item_icon02.png) center/cover no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(78 / var(--view-size) * 100vw);
  height: calc(87 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .movie .movie_item .movie_item_ttl_wrap .movie_item_ttl::before {
    width: calc(66 / var(--view-size) * 100vw);
    height: calc(74 / var(--view-size) * 100vw);
  }
}
.movie .movie_item .movie_item_figure_01 {
  width: calc(911 / var(--view-size) * 100vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .movie .movie_item .movie_item_figure_01 {
    width: 100%;
  }
}
.movie .movie_item .movie_item_figure_02 {
  width: calc(758 / var(--view-size) * 100vw);
  margin: 0 auto;
}
@media (max-width: 768px) {
  .movie .movie_item .movie_item_figure_02 {
    width: 100%;
  }
}

.concept {
  padding-top: calc(160 / var(--view-size) * 100vw);
  padding-bottom: calc(200 / var(--view-size) * 100vw);
  background-color: #f4f4f4;
}
@media (max-width: 768px) {
  .concept {
    padding-top: calc(48 / var(--view-size) * 100vw);
    padding-bottom: calc(62 / var(--view-size) * 100vw);
  }
}
.concept .concept_row {
  margin-bottom: calc(148 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .concept .concept_row {
    margin-bottom: calc(84 / var(--view-size) * 100vw);
  }
}
.concept .concept_img {
  width: calc(660 / var(--view-size) * 100vw);
  margin-right: calc(80 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .concept .concept_img {
    width: calc(347 / var(--view-size) * 100vw);
    margin-right: 0;
    margin-bottom: calc(35 / var(--view-size) * 100vw);
    margin-top: calc(19 / var(--view-size) * 100vw);
  }
}
.concept .concept_textarea {
  width: calc(470 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .concept .concept_textarea {
    width: calc(315 / var(--view-size) * 100vw);
    margin: 0 auto;
  }
}
.concept .concept_logo {
  width: calc(213 / var(--view-size) * 100vw);
  margin: calc(32 / var(--view-size) * 100vw) auto;
}
.concept .concept_ttl_wrap {
  padding-left: calc(28 / var(--view-size) * 100vw);
  padding-right: calc(32 / var(--view-size) * 100vw);
}
.concept .concept_ttl {
  font-size: calc(21 / var(--view-size) * 100vw);
  color: #0075C2;
  display: inline;
  background-position: left 100% center;
  background-size: 200% 0.4em;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #FFFC19 50%);
  padding-bottom: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .concept .concept_ttl {
    font-size: calc(18 / var(--view-size) * 100vw);
    background-size: 200% 0.3em;
    padding-bottom: calc(18 / var(--view-size) * 100vw);
  }
}
.concept .concept_text {
  font-size: calc(18 / var(--view-size) * 100vw);
  margin-bottom: calc(40 / var(--view-size) * 100vw);
  line-height: 2;
  margin-top: calc(18 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .concept .concept_text {
    font-size: calc(16 / var(--view-size) * 100vw);
    margin-bottom: calc(24 / var(--view-size) * 100vw);
  }
}
.concept .concept_figure {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .concept .concept_figure {
    width: calc(315 / var(--view-size) * 100vw);
  }
}

.merit {
  padding: calc(124 / var(--view-size) * 100vw) 0 0;
}
@media (max-width: 768px) {
  .merit {
    padding: calc(48 / var(--view-size) * 100vw) 0 0;
  }
  .merit .inner {
    width: 100%;
  }
}
.merit .merit_top {
  padding-bottom: calc(260 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_top {
    padding-bottom: calc(96 / var(--view-size) * 100vw);
  }
}
.merit .merit_top .merit_top_img {
  width: calc(880 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_top .merit_top_img {
    width: calc(325 / var(--view-size) * 100vw);
    margin: 0 auto;
  }
}
.merit .merit_top .merit_top_item:first-child {
  margin-bottom: calc(100 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_top .merit_top_item:first-child {
    margin-bottom: calc(40 / var(--view-size) * 100vw);
  }
}
.merit .merit_top .merit_top_item .merit_top_text {
  text-align: center;
  font-size: calc(32 / var(--view-size) * 100vw);
  color: #0075C2;
  margin-bottom: calc(60 / var(--view-size) * 100vw);
  display: block;
  font-weight: bold;
}
@media (max-width: 768px) {
  .merit .merit_top .merit_top_item .merit_top_text {
    font-size: calc(16 / var(--view-size) * 100vw);
    margin-bottom: calc(16 / var(--view-size) * 100vw);
  }
}
.merit .merit_top .merit_top_item .merit_top_box {
  background: rgba(0, 117, 194, 0.05);
  padding: calc(32 / var(--view-size) * 100vw);
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .merit .merit_top .merit_top_item .merit_top_box {
    padding: calc(32 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw);
  }
}
.merit .merit_top .merit_top_box_img {
  width: calc(540 / var(--view-size) * 100vw);
  margin: 0 auto;
  margin-top: calc(20 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_top .merit_top_box_img {
    width: calc(234 / var(--view-size) * 100vw);
    margin-top: calc(32 / var(--view-size) * 100vw);
  }
}
.merit .merit_row {
  margin-bottom: calc(56 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_row {
    margin-bottom: calc(24 / var(--view-size) * 100vw);
  }
}
.merit .merit_row .merit_img {
  width: calc(660 / var(--view-size) * 100vw);
  margin-right: calc(80 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_row .merit_img {
    width: calc(347 / var(--view-size) * 100vw);
    margin-right: 0;
    margin-bottom: calc(16 / var(--view-size) * 100vw);
  }
}
.merit .merit_row .merit_textarea {
  width: calc(461 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_row .merit_textarea {
    width: calc(317 / var(--view-size) * 100vw);
    margin: 0 auto;
  }
}
.merit .merit_row .merit_textarea .merit_textarea_img {
  margin-bottom: calc(32 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_row .merit_textarea .merit_textarea_img {
    margin-bottom: calc(16 / var(--view-size) * 100vw);
  }
}
.merit .merit_row .merit_textarea .merit_ttl {
  font-size: calc(21 / var(--view-size) * 100vw);
  color: #0075C2;
  display: inline;
  background-position: left 100% center;
  background-size: 200% 0.4em;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #FFFC19 50%);
  padding-bottom: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_row .merit_textarea .merit_ttl {
    font-size: calc(18 / var(--view-size) * 100vw);
    background-size: 200% 0.3em;
    padding-bottom: calc(18 / var(--view-size) * 100vw);
  }
}
.merit .merit_row .merit_textarea .merit_text {
  font-size: calc(18 / var(--view-size) * 100vw);
  margin-bottom: calc(40 / var(--view-size) * 100vw);
  line-height: 2;
  margin-top: calc(22 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_row .merit_textarea .merit_text {
    font-size: calc(16 / var(--view-size) * 100vw);
    width: calc(322 / var(--view-size) * 100vw);
    display: block;
    margin: calc(24 / var(--view-size) * 100vw) auto 0;
  }
}
.merit .merit_row .merit_textarea .merit_figure {
  width: 100%;
}
@media (max-width: 768px) {
  .merit .merit_row .merit_textarea .merit_figure {
    width: calc(322 / var(--view-size) * 100vw);
    margin: 0 auto;
  }
}
.merit .merit_onestop {
  background: rgba(0, 154, 255, 0.1);
  position: relative;
  padding-top: calc(180 / var(--view-size) * 100vw);
  padding-bottom: calc(120 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop {
    padding-bottom: calc(80 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop .merit_onestop_ttl {
  width: calc(718 / var(--view-size) * 100vw);
  margin: 0 auto calc(45 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop .merit_onestop_ttl {
    width: calc(300 / var(--view-size) * 100vw);
    margin-bottom: calc(18 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop .merit_onestop_text {
  font-size: calc(20 / var(--view-size) * 100vw);
  text-align: center;
  margin-bottom: calc(64 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop .merit_onestop_text {
    font-size: calc(16 / var(--view-size) * 100vw);
    margin-bottom: calc(48 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop .merit_onestop_items {
  margin-bottom: calc(80 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop .merit_onestop_items {
    width: calc(320 / var(--view-size) * 100vw);
    margin: 0 auto calc(32 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop .merit_onestop_items .merit_onestop_item {
  width: calc(310 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop .merit_onestop_items .merit_onestop_item {
    width: calc(320 / var(--view-size) * 100vw);
    margin-bottom: calc(24 / var(--view-size) * 100vw);
  }
  .merit .merit_onestop .merit_onestop_items .merit_onestop_item:last-child {
    margin-bottom: 0;
  }
}
.merit .merit_onestop .merit_onestop_items .merit_onestop_item .onestop_item_ttl {
  font-size: calc(32 / var(--view-size) * 100vw);
  color: rgba(0, 117, 194, 0.5);
}
.merit .merit_onestop .merit_onestop_items .merit_onestop_item .onestop_item_img {
  position: relative;
  margin-bottom: calc(32 / var(--view-size) * 100vw);
}
.merit .merit_onestop .merit_onestop_items .merit_onestop_item .onestop_item_img::before {
  content: "";
  background-color: #D9D9D9;
  position: absolute;
  right: calc(-9 / var(--view-size) * 100vw);
  bottom: calc(-9 / var(--view-size) * 100vw);
  width: 100%;
  height: 100%;
  z-index: 50;
}
.merit .merit_onestop .merit_onestop_items .merit_onestop_item .onestop_item_img img {
  position: relative;
  z-index: 100;
}
.merit .merit_onestop .merit_onestop_items .merit_onestop_item .onestop_item_text {
  font-size: calc(20 / var(--view-size) * 100vw);
  font-weight: bold;
}
@media (max-width: 768px) {
  .merit .merit_onestop .merit_onestop_items .merit_onestop_item .onestop_item_text {
    font-size: calc(18 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop .merit_onestop_pittari {
  background-color: #FFFDEB;
  border-radius: calc(30 / var(--view-size) * 100vw);
  position: relative;
  padding: calc(48 / var(--view-size) * 100vw) calc(70 / var(--view-size) * 100vw);
  margin-bottom: calc(76 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop .merit_onestop_pittari {
    width: calc(332 / var(--view-size) * 100vw);
    padding: calc(36 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
    margin: 0 auto;
    margin-bottom: calc(32 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop .merit_onestop_pittari .onestop_pittari_ttl {
  width: calc(686 / var(--view-size) * 100vw);
  margin: 0 auto calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop .merit_onestop_pittari .onestop_pittari_ttl {
    width: 100%;
  }
}
.merit .merit_onestop .merit_onestop_pittari .onestop_pittari_list li {
  font-size: calc(20 / var(--view-size) * 100vw);
  position: relative;
  padding-left: calc(48 / var(--view-size) * 100vw);
  margin-bottom: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop .merit_onestop_pittari .onestop_pittari_list li {
    font-size: calc(18 / var(--view-size) * 100vw);
    padding-left: calc(46 / var(--view-size) * 100vw);
    margin-bottom: calc(32 / var(--view-size) * 100vw);
  }
  .merit .merit_onestop .merit_onestop_pittari .onestop_pittari_list li:last-child {
    margin-bottom: 0;
  }
}
.merit .merit_onestop .merit_onestop_pittari .onestop_pittari_list li:last-child {
  margin-bottom: 0;
}
.merit .merit_onestop .merit_onestop_pittari .onestop_pittari_list li::before {
  content: "";
  background: url(../images/icon_check.png) center/cover no-repeat;
  position: absolute;
  left: 0;
  top: calc(4 / var(--view-size) * 100vw);
  width: calc(33 / var(--view-size) * 100vw);
  height: calc(27 / var(--view-size) * 100vw);
}
.merit .merit_onestop .merit_onestop_pittari .onestop_pittari_list li .text_linear {
  display: inline;
  background-position: left 100% center;
  background-size: 200% 0.4em;
  background-repeat: repeat-x;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #FFFD89 50%);
  padding-bottom: calc(24 / var(--view-size) * 100vw);
}
.merit .merit_onestop_box {
  padding: calc(32 / var(--view-size) * 100vw) calc(48 / var(--view-size) * 100vw);
  background-color: #fff;
  border-radius: calc(20 / var(--view-size) * 100vw);
  margin-bottom: calc(118 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop_box {
    width: calc(334 / var(--view-size) * 100vw);
    margin: 0 auto calc(88 / var(--view-size) * 100vw);
    padding: calc(30 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw);
  }
}
@media (max-width: 768px) {
  .merit .merit_onestop_box .onestop_box_item {
    align-items: center;
    margin-bottom: calc(40 / var(--view-size) * 100vw);
  }
  .merit .merit_onestop_box .onestop_box_item:last-child {
    margin-bottom: 0;
  }
}
.merit .merit_onestop_box .onestop_box_item .onestop_box_img {
  width: calc(120 / var(--view-size) * 100vw);
  margin-right: calc(30 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop_box .onestop_box_item .onestop_box_img {
    width: calc(78 / var(--view-size) * 100vw);
    margin-right: calc(14 / var(--view-size) * 100vw);
  }
}
@media (max-width: 768px) {
  .merit .merit_onestop_box .onestop_box_item .onestop_box_textarea {
    width: calc(194 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop_box .onestop_box_item .onestop_box_textarea .onestop_box_ttl {
  color: #0075C2;
  font-size: calc(24 / var(--view-size) * 100vw);
  font-weight: bold;
}
@media (max-width: 768px) {
  .merit .merit_onestop_box .onestop_box_item .onestop_box_textarea .onestop_box_ttl {
    font-size: calc(16 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop_box .onestop_box_item .onestop_box_textarea .onestop_box_ttl .text_small {
  font-size: calc(20 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop_box .onestop_box_item .onestop_box_textarea .onestop_box_ttl .text_small {
    font-size: calc(16 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop_box .onestop_box_item .onestop_box_text {
  font-size: calc(18 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .merit .merit_onestop_box .onestop_box_item .onestop_box_text {
    font-size: calc(14 / var(--view-size) * 100vw);
    margin-top: calc(6 / var(--view-size) * 100vw);
  }
}
.merit .merit_onestop_ttl.merit_onestop_ttl_01 {
  position: absolute;
  left: 50%;
  top: calc(-164 / var(--view-size) * 100vw);
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  .merit .merit_onestop_ttl.merit_onestop_ttl_01 {
    top: calc(-33 / var(--view-size) * 100vw);
  }
}

.voices {
  padding: calc(146 / var(--view-size) * 100vw) 0;
}
@media (max-width: 768px) {
  .voices {
    padding: calc(48 / var(--view-size) * 100vw) 0 calc(72 / var(--view-size) * 100vw);
  }
}
.voices .common_ttl_wrap {
  margin-bottom: calc(8 / var(--view-size) * 100vw);
}
.voices .voices_row {
  margin-bottom: calc(124 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .voices .voices_row {
    margin-bottom: calc(90 / var(--view-size) * 100vw);
  }
}
.voices .voices_caption {
  font-weight: normal;
  margin-bottom: calc(32 / var(--view-size) * 100vw);
  text-align: center;
  font-size: calc(13 / var(--view-size) * 100vw);
}
.voices .voices_item {
  width: calc(456 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .voices .voices_item {
    width: 100%;
    margin-bottom: calc(65 / var(--view-size) * 100vw);
  }
  .voices .voices_item:last-child {
    margin-bottom: 0;
  }
}
.voices .voices_item .voices_item_acc {
  position: relative;
}
.voices .voices_item .voices_item_img {
  margin-bottom: calc(30 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .voices .voices_item .voices_item_img {
    margin-bottom: calc(16 / var(--view-size) * 100vw);
  }
}
.voices .voices_item .voices_item_ttl {
  font-size: calc(24 / var(--view-size) * 100vw);
  color: #0075C2;
  margin-bottom: calc(16 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .voices .voices_item .voices_item_ttl {
    font-size: calc(18 / var(--view-size) * 100vw);
  }
}
.voices .voices_item .voices_item_text {
  line-height: 2;
}
@media (max-width: 768px) {
  .voices .voices_item .voices_item_text {
    overflow: hidden; /* テキストを隠す */
    position: relative;
    transition: 0.3s;
  }
  .voices .voices_item .voices_item_text::before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    bottom: 0;
    content: "";
    height: calc(90 / var(--view-size) * 100vw); /* グラデーションで隠す高さ */
    position: absolute;
    width: 100%;
  }
}
.voices .voices_item .voices_item_text.is-hide {
  height: calc(164 / var(--view-size) * 100vw);
  transition: 0.3s;
}
.voices .voices_item .voices_item_acc_btn {
  display: none;
}
@media (max-width: 768px) {
  .voices .voices_item .voices_item_acc_btn {
    color: #0075C2;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1;
    display: inline-block;
  }
  .voices .voices_item .voices_item_acc_btn::after {
    content: "続きを読む";
    position: absolute;
    width: calc(80 / var(--view-size) * 100vw);
    height: calc(36 / var(--view-size) * 100vw);
    left: calc(-207 / var(--view-size) * 100vw);
    bottom: calc(-10 / var(--view-size) * 100vw);
    display: block;
    text-align: center;
  }
  .voices .voices_item .voices_item_acc_btn.is-show {
    bottom: -3em;
  }
  .voices .voices_item .voices_item_acc_btn.is-show::after {
    content: "閉じる";
    bottom: calc(10 / var(--view-size) * 100vw);
  }
  .voices .voices_item .voices_item_acc_btn.is-show + .voices_item_text {
    height: auto !important;
  }
  .voices .voices_item .voices_item_acc_btn.is-show + .voices_item_text::before {
    display: none;
  }
}

.model {
  padding-bottom: calc(164 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .model {
    padding-bottom: calc(52 / var(--view-size) * 100vw);
  }
}
.model .model_slide .slick-arrow {
  display: none !important;
}
@media (max-width: 768px) {
  .model .model_slide .slick-arrow {
    display: inline-block !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    width: 0;
    height: 0;
  }
  .model .model_slide .slick-arrow::before {
    content: "";
    width: calc(8 / var(--view-size) * 100vw);
    height: calc(16 / var(--view-size) * 100vw);
    padding: 0;
    display: block;
    border-radius: 0;
  }
}
.model .model_slide .slick-arrow.slick-prev {
  left: calc(9 / var(--view-size) * 100vw);
}
.model .model_slide .slick-arrow.slick-prev::before {
  background: url(../images/arrow_left_blue.png) center/cover no-repeat;
}
.model .model_slide .slick-arrow.slick-next {
  right: calc(15 / var(--view-size) * 100vw);
}
.model .model_slide .slick-arrow.slick-next::before {
  background: url(../images/arrow_right_blue.png) center/cover no-repeat;
}
.model .model_img {
  margin: 0 calc(14 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .model .model_img {
    margin: 0 calc(28 / var(--view-size) * 100vw);
  }
}
.model .model_textarea {
  width: calc(733 / var(--view-size) * 100vw);
  margin: calc(28 / var(--view-size) * 100vw) auto 0;
}
@media (max-width: 768px) {
  .model .model_textarea {
    width: calc(327 / var(--view-size) * 100vw);
  }
}
.model .model_textarea .model_text .text_bold {
  font-size: calc(18 / var(--view-size) * 100vw);
  font-weight: bold;
}
@media (max-width: 768px) {
  .model .model_textarea .model_text .text_bold {
    font-size: calc(16 / var(--view-size) * 100vw);
  }
}
.model .model_textarea .model_text .text_blue {
  font-weight: bold;
  font-size: calc(20 / var(--view-size) * 100vw);
  color: #0075C2;
}
@media (max-width: 768px) {
  .model .model_textarea .model_text .text_blue {
    font-size: calc(16 / var(--view-size) * 100vw);
  }
}
@media (max-width: 768px) {
  .model .model_textarea .model_text .text_small {
    font-size: calc(13 / var(--view-size) * 100vw);
    font-weight: normal;
    display: block;
  }
}
.model .model_textarea_01 {
  margin-bottom: calc(120 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .model .model_textarea_01 {
    margin-bottom: calc(48 / var(--view-size) * 100vw);
  }
}

.reserve {
  padding-bottom: calc(32 / var(--view-size) * 100vw);
}
@media (max-width: 768px) {
  .reserve {
    padding-bottom: calc(16 / var(--view-size) * 100vw);
  }
}
.reserve iframe {
  height: 4400px;
  border: none;
}
@media (max-width: 768px) {
  .reserve iframe {
    height: 3950px;
    width: 100%;
  }
}

.mv_logo {
  opacity: 0;
  animation: 0.8s forwards 0.6s fadein;
}

.mv_text {
  opacity: 0;
  animation: 0.8s forwards 1s fadein;
}

.fadein {
  opacity: 0;
  transform: translateY(3%);
}
.fadein.active {
  animation: 0.8s forwards fadein;
}

.fadein2 {
  opacity: 0;
  transform: translateY(3%);
}
.fadein2.active {
  animation: 0.8s forwards 0.3s fadein;
}

.fadein3 {
  opacity: 0;
  transform: translateY(3%);
}
.fadein3.active {
  animation: 0.8s forwards 0.6s fadein;
}

.leftin {
  transform: translateX(-100%);
  overflow: hidden;
}
.leftin.active {
  animation: 0.5s forwards leftin;
}

.rightin {
  transform: translateX(100%);
  overflow: hidden;
}
.rightin.active {
  animation: 0.5s forwards rightin;
}

@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(16%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes leftin {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rightin {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}/*# sourceMappingURL=style.css.map */