/*
* scebe.css
*
*/
.family {
  position: relative;
  font-weight: 500;
}
.family .family_mv {
  display: flex;
}
@media (max-width: 767.98px) {
  .family .family_mv {
    flex-flow: column;
  }
}
.family .family_mv .family_mv_image {
  position: relative;
  width: 50%;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_image {
    width: 100%;
  }
}
.family .family_mv .family_mv_image img {
  width: 100%;
}
.family .family_mv .family_mv_image_wrap {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.family .family_mv .family_mv_image_wrap span {
  position: absolute;
  right: clamp(-43px,-2.98611vw, -23px);
  bottom: clamp(10px,1.38889vw, 20px);
  letter-spacing: 1px;
  color: #e4d4c1;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(17px,2.22223vw, 32px);
  font-weight: 400;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .family .family_mv .family_mv_image_wrap span {
    writing-mode: vertical-rl;
  }
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_image_wrap span {
    display: none;
    margin-bottom: clamp(0px,3.90625vw, 15px);
    letter-spacing: 0;
    font-size: clamp(0px,8.85417vw, 34px);
  }
}
.family .family_mv .family_mv_detail {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  padding: 0 clamp(74px,9.72223vw, 140px) 0 clamp(81px,10.55556vw, 152px);
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_detail {
    padding: clamp(0px,15.10417vw, 58px) 0;
  }
}
.family .family_mv .family_mv_detail img {
  width: clamp(275px,35.90278vw, 517px);
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_detail img {
    width: clamp(0px,93.75vw, 360px);
  }
}
@media (max-width: 767.98px) {
  .family .family_fieldday img {
    width: 100%;
  }
}
.family .family_fieldday_main {
  background-color: #f6f2ee;
}
.family .family_fieldday_main .family_fieldday_main_container {
  display: flex;
  margin: 0 auto;
  padding: clamp(106px,13.88889vw, 200px) clamp(10px,1.38889vw, 20px);
  max-width: clamp(672px,87.5vw, 1260px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_main .family_fieldday_main_container {
    flex-flow: column;
    padding: clamp(0px,42.44792vw, 163px) clamp(0px,5.20834vw, 20px) clamp(0px,54.6875vw, 210px);
  }
}
.family .family_fieldday_main .family_fieldday_main_detail {
  flex: 1;
}
.family .family_fieldday_main .family_fieldday_main_message {
  padding-left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.family .family_fieldday_main .family_fieldday_main_message span::before,
.family .family_fieldday_main .family_fieldday_main_message span::after {
  width: 100%;
  transition: none;
}
.family .family_fieldday_main .family_fieldday_main_message .family_border_title_jp {
  margin-top: 0;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_main .family_fieldday_main_message .family_border_title_jp span {
    padding-left: clamp(0px,2.60417vw, 10px);
  }
}
.family .family_fieldday_main .family_fieldday_main_text {
  margin-top: clamp(26px,3.47223vw, 50px);
  padding-left: clamp(5px,0.69445vw, 10px);
  letter-spacing: 2px;
  font-size: clamp(8px,1.11112vw, 16px);
  line-height: 2.4;
}
.family .family_fieldday_main .family_fieldday_main_text + .family_fieldday_main_text {
  margin-top: clamp(21px,2.77778vw, 40px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_main .family_fieldday_main_text + .family_fieldday_main_text {
    margin-top: clamp(0px,10.41667vw, 40px);
  }
}
@media (max-width: 767.98px) {
  .family .family_fieldday_main .family_fieldday_main_text {
    margin-top: clamp(0px,10.41667vw, 40px);
    padding-left: 0;
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_fieldday_main .family_fieldday_main_image {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: clamp(268px,35vw, 504px);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_main .family_fieldday_main_image {
    margin-top: clamp(0px,11.71875vw, 45px);
    margin-right: clamp(-20px,-5.20833vw, 0px);
    margin-left: auto;
    width: clamp(0px,77.08334vw, 296px);
  }
}
.family .family_fieldday_main .family_fieldday_main_image_text {
  position: absolute;
  z-index: -1;
  bottom: clamp(-90px,-6.25vw, -48px);
  left: clamp(-98px,-6.80555vw, -53px);
  width: clamp(102px,13.40278vw, 193px);
  height: clamp(102px,13.40278vw, 193px);
  -webkit-animation: rotate 40s infinite linear;
          animation: rotate 40s infinite linear;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_main .family_fieldday_main_image_text {
    bottom: clamp(-45px,-11.71875vw, 0px);
    left: clamp(-50px,-13.02083vw, 0px);
  }
}
.family .family_fieldday_main .family_fieldday_main_image_text img {
  width: 100%;
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
.family .family_fieldday_keypoints {
  padding: clamp(101px,13.19445vw, 190px) clamp(10px,1.38889vw, 20px) clamp(69px,9.02778vw, 130px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_keypoints {
    padding: clamp(0px,43.75vw, 168px) clamp(0px,5.20834vw, 20px) clamp(0px,18.22917vw, 70px);
  }
}
.family .family_fieldday_keypoints .family_fieldday_keypoints_message {
  display: flex;
  flex-flow: column;
  position: relative;
  margin: 0 auto;
  max-width: clamp(421px,54.86112vw, 790px);
  font-weight: normal;
}
.family .family_fieldday_keypoints .family_fieldday_keypoints_message span {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.family .family_fieldday_keypoints .family_fieldday_keypoints_message span:nth-of-type(1) {
  padding-bottom: clamp(13px,1.73612vw, 25px);
  letter-spacing: 5px;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(22px,2.91667vw, 42px);
  line-height: 1.0416666667;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_keypoints .family_fieldday_keypoints_message span:nth-of-type(1) {
    padding-bottom: clamp(0px,5.20834vw, 20px);
    letter-spacing: 3px;
    font-size: clamp(0px,8.33334vw, 32px);
    line-height: 0.875;
  }
}
.family .family_fieldday_keypoints .family_fieldday_keypoints_message span:nth-of-type(2) {
  position: relative;
  padding-top: clamp(10px,1.38889vw, 20px);
  letter-spacing: 3px;
  font-size: clamp(9px,1.25vw, 18px);
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_keypoints .family_fieldday_keypoints_message span:nth-of-type(2) {
    padding-top: clamp(0px,4.42709vw, 17px);
    letter-spacing: 1px;
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_fieldday_keypoints .family_fieldday_keypoints_message span:nth-of-type(2)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #5e5e5e;
}
.family .family_fieldday_keypoints ul {
  display: flex;
  justify-content: center;
  margin-top: clamp(42px,5.55556vw, 80px);

  gap: clamp(10px,1.38889vw, 20px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_keypoints ul {
    flex-flow: column;
    margin-top: clamp(0px,15.625vw, 60px);

    gap: clamp(0px,13.02084vw, 50px);
  }
}
@media (max-width: 767.98px) {
  .family .family_fieldday_keypoints ul li {
    text-align: center;
  }
}
.family .family_fieldday_keypoints ul a {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_keypoints ul a {
    width: clamp(0px,75.52084vw, 290px);
  }
}
.family .family_fieldday_keypoints ul a::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: clamp(-12px,-0.83333vw, -7px);
  left: 50%;
  width: clamp(14px,1.94445vw, 28px);
  height: clamp(14px,1.94445vw, 28px);
  transition: bottom 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateX(-50%);
  background-image: url(/ichigan/special/family/assets/img/common/icon_anchor.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_keypoints ul a::before {
    bottom: clamp(-12px,-3.125vw, 0px);
    width: clamp(0px,7.29167vw, 28px);
    height: clamp(0px,7.29167vw, 28px);
  }
}
.family .family_fieldday_keypoints ul a::after {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #000;
}
@media (min-width: 768px) {
  .family .family_fieldday_keypoints ul a:hover::before {
    bottom: clamp(-14px,-0.97222vw, -8px);
  }
  .family .family_fieldday_keypoints ul a:hover::after {
    opacity: 0.05;
  }
}
.family .family_fieldday_points {
  display: flex;
  overflow: hidden;
  flex-flow: column;

  gap: clamp(37px,4.86112vw, 70px);
}
.family .family_fieldday_points .family_fieldday_point {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0 clamp(50px,6.59723vw, 95px);
  width: 100%;
  max-width: clamp(714px,93.05556vw, 1340px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point {
    padding: 0;
  }
}
.family .family_fieldday_points .family_fieldday_point::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: calc(100vw - clamp(26px,3.47223vw, 50px));
  height: 100%;
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point::before {
    width: 100%;
  }
}
.family .family_fieldday_points .family_fieldday_point:nth-of-type(even)::before {
  right: initial;
  left: 0;
}
.family .family_fieldday_points .family_fieldday_point_detail {
  padding: clamp(37px,4.86112vw, 70px) 0 clamp(42px,5.55556vw, 80px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_detail {
    padding: clamp(0px,16.92709vw, 65px) clamp(0px,5.20834vw, 20px) clamp(0px,15.625vw, 60px);
  }
}
.family .family_fieldday_points .family_fieldday_point_title {
  display: flex;
  align-items: center;

  gap: clamp(32px,4.16667vw, 60px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_title {
    gap: clamp(0px,14.32292vw, 55px);
  }
}
.family .family_fieldday_points .family_fieldday_point_point {
  display: flex;
  align-items: center;
  flex-flow: column;
  position: relative;
  color: #ebd4b9;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(25px,3.33334vw, 48px);
  font-weight: 300;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_point {
    justify-content: center;
    font-size: clamp(0px,10.9375vw, 42px);
  }
}
.family .family_fieldday_points .family_fieldday_point_point span {
  letter-spacing: 2px;
  font-size: clamp(6px,0.83334vw, 12px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_point span {
    font-size: clamp(0px,2.60417vw, 10px);
  }
}
.family .family_fieldday_points .family_fieldday_point_point::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(-30px,-2.08333vw, -16px);
  width: 2px;
  height: clamp(42px,5.55556vw, 80px);
  transform: translateY(-50%) rotate(25deg);
  background-color: #ebd4b9;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_point::after {
    right: clamp(-30px,-7.8125vw, 0px);
    height: clamp(0px,20.83334vw, 80px);
    transform: translateY(-50%) rotate(28deg);
  }
}
.family .family_fieldday_points .family_fieldday_point_heading {
  letter-spacing: 1.5px;
  font-size: clamp(12px,1.66667vw, 24px);
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_heading {
    letter-spacing: 1px;
    font-size: clamp(0px,5.20834vw, 20px);
    line-height: 1.6;
  }
}
.family .family_fieldday_points .family_fieldday_point_text {
  margin-top: clamp(12px,1.59723vw, 23px);
  letter-spacing: 0.5px;
  font-size: clamp(8px,1.11112vw, 16px);
  font-weight: 500;
  line-height: 1.7;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_text {
    margin-top: clamp(0px,9.11459vw, 35px);
    letter-spacing: 1px;
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_fieldday_points .family_fieldday_point_text span {
  display: block;
  margin-top: clamp(13px,1.73612vw, 25px);
  font-size: clamp(6px,0.83334vw, 12px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_text span {
    margin-top: clamp(0px,7.8125vw, 30px);
    font-size: clamp(0px,3.125vw, 12px);
  }
}
.family .family_fieldday_points .family_fieldday_point_image {
  display: flex;
  margin-top: clamp(32px,4.16667vw, 60px);

  gap: clamp(8px,1.11112vw, 16px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_image {
    flex-flow: column;
    margin-top: clamp(0px,7.8125vw, 30px);

    gap: clamp(0px,7.8125vw, 30px);
  }
}
.family .family_fieldday_points .family_fieldday_point_image .family_caption {
  margin-top: clamp(2px,0.34723vw, 5px);
  padding-right: 2px;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_image .family_caption {
    margin-top: clamp(0px,1.30209vw, 5px);
  }
}
.family .family_fieldday_points .family_fieldday_point_image figcaption {
  margin-top: clamp(8px,1.04167vw, 15px);
  text-align: center;
  letter-spacing: 1px;
  font-size: clamp(8px,1.11112vw, 16px);
  line-height: 1.4;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_image figcaption {
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_fieldday_points .family_fieldday_point_more {
  margin-top: clamp(51px,6.73612vw, 97px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more {
    margin-top: clamp(0px,20.83334vw, 80px);
  }
}
.family .family_fieldday_points .family_fieldday_point_more_heading {
  position: relative;
  z-index: 2;
  margin-left: clamp(65px,8.47223vw, 122px);
  padding-left: clamp(6px,0.83334vw, 12px);
  letter-spacing: 1px;
  font-size: clamp(11px,1.52778vw, 22px);
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_heading {
    margin-left: clamp(0px,31.77084vw, 122px);
    padding-left: clamp(0px,3.125vw, 12px);
    font-size: clamp(0px,4.16667vw, 16px);
    line-height: 1.7;
  }
}
.family .family_fieldday_points .family_fieldday_point_more_heading::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: clamp(-122px,-8.47222vw, -66px);
  width: clamp(65px,8.47223vw, 122px);
  height: clamp(65px,8.47223vw, 122px);
  transform: translateY(-50%);
  background-image: url(/ichigan/special/family/assets/img/fieldday/point_01_step_more.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_heading::before {
    left: clamp(-122px,-31.77083vw, 0px);
    width: clamp(0px,31.77084vw, 122px);
    height: clamp(0px,31.77084vw, 122px);
  }
}
.family .family_fieldday_points .family_fieldday_point_more_steps {
  position: relative;
  z-index: 1;
  margin-top: clamp(8px,1.11112vw, 16px);
  padding: clamp(17px,2.29167vw, 33px) clamp(49px,6.38889vw, 92px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_steps {
    margin-top: clamp(0px,4.16667vw, 16px);
    padding: clamp(0px,6.51042vw, 25px) clamp(0px,5.20834vw, 20px) clamp(0px,15.625vw, 60px);
    background-color: #f1ece8;
  }
}
.family .family_fieldday_points .family_fieldday_point_more_steps::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  background-color: #f1ece8;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_steps::before {
    display: none;
  }
}
.family .family_fieldday_points .family_fieldday_point_more_steps_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: clamp(17px,2.29167vw, 33px);
  background-color: #fff;
  text-align: center;
  letter-spacing: 1px;
  font-size: clamp(8px,1.11112vw, 16px);
  line-height: 1.7;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_steps_heading {
    height: clamp(0px,8.59375vw, 33px);
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_fieldday_points .family_fieldday_point_more_steps_list {
  display: flex;
  margin-top: clamp(5px,0.69445vw, 10px);

  gap: clamp(34px,4.44445vw, 64px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_steps_list {
    flex-flow: column;
    margin-top: clamp(0px,6.51042vw, 25px);

    gap: clamp(0px,15.625vw, 60px);
  }
}
.family .family_fieldday_points .family_fieldday_point_more_steps_list li {
  position: relative;
}
.family .family_fieldday_points .family_fieldday_point_more_steps_list li::before {
  content: "";
  position: absolute;
  top: 58%;
  right: clamp(-55px,-3.81944vw, -30px);
  width: clamp(13px,1.73612vw, 25px);
  height: clamp(10px,1.38889vw, 20px);
  transform: translateX(-50%);
  transform-origin: left;
  background-image: url(/ichigan/special/family/assets/img/fieldday/icon_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_steps_list li::before {
    top: initial;
    right: initial;
    bottom: clamp(-42px,-10.9375vw, 0px);
    left: 50%;
    width: clamp(0px,6.51042vw, 25px);
    height: clamp(0px,5.20834vw, 20px);
    transform: rotate(90deg) translateX(-50%);
    transform-origin: left;
  }
}
.family .family_fieldday_points .family_fieldday_point_more_steps_list li:last-child::before {
  display: none;
}
.family .family_fieldday_points .family_fieldday_point_more_steps_list_text {
  padding-bottom: clamp(5px,0.69445vw, 10px);
  font-size: clamp(7px,0.97223vw, 14px);
  line-height: 1.7;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_steps_list_text {
    padding-bottom: clamp(0px,2.60417vw, 10px);
    font-size: clamp(0px,3.64584vw, 14px);
  }
}
.family .family_fieldday_points .family_fieldday_point_more_steps_list_text span {
  letter-spacing: 3px;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(6px,0.83334vw, 12px);
  line-height: 1;

  font-feature-settings: "palt";
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_more_steps_list_text span {
    font-size: clamp(0px,3.125vw, 12px);
  }
}
.family .family_fieldday_points .family_fieldday_point_text_movie_wrap {
  margin: clamp(32px,4.16667vw, 60px) auto 0;
  width: 100%;
  max-width: clamp(533px,69.44445vw, 1000px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_text_movie_wrap {
    margin-top: clamp(0px,7.8125vw, 30px);
    max-width: initial;
  }
}
.family .family_fieldday_points .family_fieldday_point_text_movie_wrap .family_caption {
  padding-right: 0;
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image {
  display: block;
  position: relative;
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image::before {
  content: "";
  opacity: 0.25;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  background-color: #000;
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image .family_fieldday_point_text_movie_image_icon {
  position: absolute;
  top: 60%;
  right: clamp(90px,11.80556vw, 170px);
  transform: translateY(-50%);
  letter-spacing: 2px;
  color: #fff;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(6px,0.83334vw, 12px);
  font-weight: bold;
  line-height: 3;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_text_movie_image .family_fieldday_point_text_movie_image_icon {
    top: initial;
    right: clamp(0px,7.8125vw, 30px);
    bottom: clamp(0px,5.20834vw, 20px);
    font-size: clamp(0px,3.125vw, 12px);
  }
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image .family_fieldday_point_text_movie_image_icon > span {
  position: absolute;
  bottom: 100%;
  left: 50%;
  border-radius: 50%;
  width: clamp(38px,5vw, 72px);
  height: clamp(38px,5vw, 72px);
  transition: transform 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.73);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_text_movie_image .family_fieldday_point_text_movie_image_icon > span {
    width: clamp(0px,18.75vw, 72px);
    height: clamp(0px,18.75vw, 72px);
  }
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image .family_fieldday_point_text_movie_image_icon > span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(5px,0.69445vw, 10px);
  height: clamp(5px,0.69445vw, 10px);
  transform: translate(-50%, -50%);
  background-image: url(/ichigan/special/family/assets/img/common/icon_movie.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_text_movie_image .family_fieldday_point_text_movie_image_icon > span::before {
    width: clamp(0px,2.60417vw, 10px);
    height: clamp(0px,2.60417vw, 10px);
  }
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image .family_fieldday_point_text_movie_image_icon > span::after {
  content: "";
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(5px,0.69445vw, 10px);
  height: clamp(5px,0.69445vw, 10px);
  transition: opacity 0.55s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translate(-50%, -50%);
  background-image: url(/ichigan/special/family/assets/img/common/icon_movie_black.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_text_movie_image .family_fieldday_point_text_movie_image_icon > span::after {
    width: clamp(0px,2.60417vw, 10px);
    height: clamp(0px,2.60417vw, 10px);
  }
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image:hover::before {
  opacity: 0;
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image:hover > span > span {
  transform: translateX(-50%) scale(1.1);
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image:hover > span > span::before {
  opacity: 0;
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image:hover > span > span::after {
  opacity: 1;
}
.family .family_fieldday_points .family_fieldday_point_text_movie_image img {
  width: 100%;
}
.family .family_fieldday_points .family_fieldday_point_section_image {
  margin: clamp(69px,9.02778vw, 130px) 0 clamp(16px,2.08334vw, 30px);
}
@media (max-width: 767.98px) {
  .family .family_fieldday_points .family_fieldday_point_section_image {
    margin: clamp(0px,26.04167vw, 100px) 0 clamp(0px,13.02084vw, 50px);
  }
}
.family .family_fieldday_points .family_fieldday_point_section_image img {
  width: 100%;
}
.family .family_point {
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: clamp(74px,9.72223vw, 140px);
  padding-top: clamp(85px,11.11112vw, 160px);
  padding-bottom: clamp(74px,9.72223vw, 140px);
  background-color: #f6f2ee;
}
@media (max-width: 767.98px) {
  .family .family_point {
    margin-top: clamp(0px,26.04167vw, 100px);
    padding-top: clamp(0px,26.04167vw, 100px);
    padding-bottom: clamp(0px,28.64584vw, 110px);
  }
}
.family .family_point .family_point_list {
  display: flex;
  flex-flow: column;
  position: relative;
  margin: clamp(48px,6.25vw, 90px) auto 0;
  max-width: clamp(768px,100vw, 1440px);

  gap: clamp(40px,5.20834vw, 75px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_list {
    gap: clamp(0px,9.11459vw, 35px);
  }
}
.family .family_point .family_point_item {
  display: flex;
  padding: 0 clamp(10px,1.38889vw, 20px) clamp(29px,3.81945vw, 55px) 0;
  width: 100%;
  background-color: #fff;

  gap: clamp(32px,4.16667vw, 60px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item {
    flex-flow: column;
    padding: 0 0 clamp(0px,16.40625vw, 63px);

    gap: 0;
  }
}
@media (min-width: 768px) {
  .family .family_point .family_point_item:nth-of-type(even) {
    flex-flow: row-reverse;
    padding: 0 0 clamp(29px,3.81945vw, 55px) clamp(77px,10.06945vw, 145px);
  }
}
.family .family_point .family_point_item_image {
  margin-top: clamp(-30px,-2.08333vw, -16px);
  width: clamp(350px,45.69445vw, 658px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_image {
    margin-top: 0;
    width: 100%;
  }
}
.family .family_point .family_point_item_detail {
  padding-top: clamp(42px,5.55556vw, 80px);
  width: clamp(366px,47.70834vw, 687px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_detail {
    padding: clamp(0px,9.63542vw, 37px) clamp(0px,5.20834vw, 20px) 0;
    width: 100%;
  }
}
.family .family_point .family_point_item_title {
  display: flex;
  align-items: center;

  gap: clamp(32px,4.16667vw, 60px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_title {
    gap: clamp(0px,14.32292vw, 55px);
  }
}
.family .family_point .family_point_item_point {
  display: flex;
  align-items: center;
  flex-flow: column;
  position: relative;
  color: #ebd4b9;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(25px,3.33334vw, 48px);
  font-weight: 300;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_point {
    justify-content: center;
    font-size: clamp(0px,10.9375vw, 42px);
  }
}
.family .family_point .family_point_item_point span {
  letter-spacing: 2px;
  font-size: clamp(6px,0.83334vw, 12px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_point span {
    font-size: clamp(0px,2.60417vw, 10px);
  }
}
.family .family_point .family_point_item_point::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(-30px,-2.08333vw, -16px);
  width: 2px;
  height: clamp(42px,5.55556vw, 80px);
  transform: translateY(-50%) rotate(25deg);
  background-color: #ebd4b9;
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_point::after {
    right: clamp(-30px,-7.8125vw, 0px);
    height: clamp(0px,20.83334vw, 80px);
    transform: translateY(-50%) rotate(28deg);
  }
}
.family .family_point .family_point_item_heading {
  letter-spacing: 1.5px;
  font-size: clamp(12px,1.66667vw, 24px);
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_heading {
    letter-spacing: 1px;
    font-size: clamp(0px,5.20834vw, 20px);
    line-height: 1.6;
  }
}
.family .family_point .family_point_item_text {
  margin-top: clamp(16px,2.08334vw, 30px);
  width: clamp(309px,40.27778vw, 580px);
  letter-spacing: 0.5px;
  font-size: clamp(8px,1.11112vw, 16px);
  font-weight: 500;
  line-height: 1.7;
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_text {
    margin-top: clamp(0px,6.25vw, 24px);
    width: 100%;
    letter-spacing: 1px;
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_point .family_point_item_text span {
  display: block;
  margin-top: clamp(13px,1.73612vw, 25px);
  font-size: clamp(6px,0.83334vw, 12px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_text span {
    margin-top: clamp(0px,7.8125vw, 30px);
    font-size: clamp(0px,3.125vw, 12px);
  }
}
.family .family_point .family_point_item_text_movie {
  margin-top: clamp(16px,2.08334vw, 30px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_text_movie {
    margin-top: clamp(0px,7.8125vw, 30px);
  }
}
.family .family_point .family_point_item_text_movie_image {
  margin-top: clamp(8px,1.04167vw, 15px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_text_movie_image {
    margin-top: clamp(0px,3.90625vw, 15px);
  }
}
.family .family_point .family_point_item_link {
  margin: clamp(10px,1.38889vw, 20px) auto;
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_item_link {
    margin-top: clamp(0px,5.20834vw, 20px);
    max-width: clamp(0px,56.25vw, 216px);
  }
}
.family .family_point .family_point_more {
  margin-top: clamp(-500px,-34.72222vw, -267px);
  width: 100%;
  height: clamp(328px,42.70834vw, 615px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 61%);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_more {
    margin-top: clamp(-263px,-68.48958vw, 0px);
    height: clamp(0px,117.1875vw, 450px);
  }
}
.family .family_point .family_point_more_button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: clamp(40px,5.20834vw, 75px);
  left: 50%;
  border-radius: 50%;
  width: clamp(72px,9.44445vw, 136px);
  height: clamp(72px,9.44445vw, 136px);
  transform: translateX(-50%);
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(6px,0.83334vw, 12px);
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_more_button {
    bottom: clamp(0px,21.875vw, 84px);
    width: clamp(0px,35.41667vw, 136px);
    height: clamp(0px,35.41667vw, 136px);
    font-size: clamp(0px,3.125vw, 12px);
  }
}
.family .family_point .family_point_more_button::before {
  content: "";
  position: absolute;
  bottom: clamp(-25px,-1.73611vw, -14px);
  left: 50%;
  width: clamp(2px,0.34723vw, 5px);
  height: clamp(26px,3.47223vw, 50px);
  transition: bottom 0.3s;
  transform: translateX(-50%);
  background-image: url(/ichigan/special/family/assets/img/common/icon_more_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .family .family_point .family_point_more_button::before {
    bottom: clamp(-25px,-6.51041vw, 0px);
    width: clamp(0px,1.30209vw, 5px);
    height: clamp(0px,13.02084vw, 50px);
  }
}
.family .family_point .family_point_more_button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #000;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}
.family .family_point .family_point_more_button:hover::before {
  bottom: clamp(-30px,-2.08333vw, -16px);
}
.family .family_point .family_point_more_button:hover::after {
  transform: scale(1.05);
}