/*
* scebe.css
*
*/
.family {
  position: relative;
}
.family .family_mv {
  overflow: hidden;
  position: relative;
}
.family .family_mv .family_mv_bg {
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100vh + 20px);
  pointer-events: none;
}
.family .family_mv .family_mv_bg img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
.family .family_mv .family_mv_text {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  padding-left: clamp(53px,6.94445vw, 100px);
  height: 100vh;
  color: #fff;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text {
    padding: 0 clamp(0px,5.20834vw, 20px);
  }
}
.family .family_mv .family_mv_text_first {
  display: flex;
  align-items: center;
  margin-bottom: clamp(69px,9.02778vw, 130px);

  gap: clamp(90px,11.80556vw, 170px);
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first {
    align-items: initial;
    flex-flow: column;
    position: absolute;
    bottom: clamp(0px,41.66667vw, 160px);
    margin-bottom: 0;

    gap: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_mv .family_mv_text_first_wrap {
  display: flex;
  flex-flow: column;
}
.family .family_mv .family_mv_text_first_scene {
  letter-spacing: 2px;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(6px,0.83334vw, 12px);
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_scene {
    font-size: clamp(0px,3.125vw, 12px);
  }
}
.family .family_mv .family_mv_text_first_person {
  display: flex;
  align-items: center;
}
.family .family_mv .family_mv_text_first_person .age {
  padding-right: clamp(5px,0.69445vw, 10px);
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(11px,1.52778vw, 22px);
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_person .age {
    padding-right: clamp(0px,3.125vw, 12px);
    font-size: clamp(0px,4.6875vw, 18px);
  }
}
.family .family_mv .family_mv_text_first_person .number {
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(19px,2.5vw, 36px);
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_person .number {
    font-size: clamp(0px,7.8125vw, 30px);
  }
}
.family .family_mv .family_mv_text_first_person .slash {
  padding: 0 clamp(8px,1.04167vw, 15px);
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(17px,2.22223vw, 32px);
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_person .slash {
    padding: 0 clamp(0px,2.60417vw, 10px);
    font-size: clamp(0px,6.77084vw, 26px);
  }
}
.family .family_mv .family_mv_text_first_person .class {
  font-size: clamp(8px,1.11112vw, 16px);
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_person .class {
    font-size: clamp(0px,3.125vw, 12px);
  }
}
.family .family_mv .family_mv_text_first_title {
  position: relative;
}
@media (min-width: 768px) {
  .family .family_mv .family_mv_text_first_title {
    position: absolute;
    top: calc(50% + clamp(-65px,-4.51388vw, -35px));
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title {
    display: flex;
    flex-flow: column;
    top: clamp(-8px,-2.08333vw, 0px);
  }
}
.family .family_mv .family_mv_text_first_title > p span {
  display: flex;
  position: relative;
  padding: 0 clamp(29px,3.81945vw, 55px);
  letter-spacing: 4px;
  font-size: clamp(12px,1.66667vw, 24px);
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title > p span {
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    font-size: clamp(0px,5.72917vw, 22px);
    line-height: 1.8;
  }
}
.family .family_mv .family_mv_text_first_title > p span > span {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  bottom: clamp(-10px,-0.69444vw, -6px);
  left: 0;
  padding: 0;
  width: 0;
  height: 2px;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title > p span > span {
    bottom: 0;
    left: 0;
  }
}
.family .family_mv .family_mv_text_first_title > p span > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(clamp(266px,34.72223vw, 500px) + 20%);
  height: 2px;
  background-image: url(/ichigan/special/family/assets/img/common/line_normal_white.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title > p span > span::after {
    bottom: 0;
    left: 0;
    width: clamp(0px,65.10417vw, 250px);
  }
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title > p span:first-child span {
    max-width: clamp(0px,54.6875vw, 210px);
  }
  .family .family_mv .family_mv_text_first_title > p span:first-child span::after {
    width: clamp(0px,54.6875vw, 210px);
  }
}
.family .family_mv .family_mv_text_first_title > p span.is-start > span {
  -webkit-animation: line2 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
          animation: line2 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title > p span.is-start > span {
    -webkit-animation: line3 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
            animation: line3 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
  }
}
@-webkit-keyframes line2 {
  to {
    width: 100%;
  }
}
@keyframes line2 {
  to {
    width: 100%;
  }
}
@-webkit-keyframes line3 {
  to {
    width: clamp(0px,65.10417vw, 250px);
  }
}
@keyframes line3 {
  to {
    width: clamp(0px,65.10417vw, 250px);
  }
}
.family .family_mv .family_mv_text_first_title.family_mv_text_first_title--02 > p span > span {
  max-width: initial;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title.family_mv_text_first_title--02 > p span > span::after {
    width: clamp(0px,72.91667vw, 280px);
  }
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title.family_mv_text_first_title--02 > p span:last-child span {
    max-width: clamp(0px,31.25vw, 120px);
  }
  .family .family_mv .family_mv_text_first_title.family_mv_text_first_title--02 > p span:last-child span::after {
    width: clamp(0px,31.25vw, 120px);
  }
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title.family_mv_text_first_title--02 > p span.is-start > span {
    -webkit-animation: line4 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
            animation: line4 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
  }
}
@-webkit-keyframes line4 {
  to {
    width: clamp(0px,72.91667vw, 280px);
  }
}
@keyframes line4 {
  to {
    width: clamp(0px,72.91667vw, 280px);
  }
}
.family .family_mv .family_mv_text_first_title.family_mv_text_first_title--03 > p span > span {
  max-width: initial;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title.family_mv_text_first_title--03 > p span > span::after {
    width: clamp(0px,78.125vw, 300px);
  }
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title.family_mv_text_first_title--03 > p span:last-child span {
    max-width: clamp(0px,39.0625vw, 150px);
  }
  .family .family_mv .family_mv_text_first_title.family_mv_text_first_title--03 > p span:last-child span::after {
    width: clamp(0px,39.0625vw, 150px);
  }
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_title.family_mv_text_first_title--03 > p span.is-start > span {
    -webkit-animation: line5 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
            animation: line5 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
  }
}
@-webkit-keyframes line5 {
  to {
    width: clamp(0px,78.125vw, 300px);
  }
}
@keyframes line5 {
  to {
    width: clamp(0px,78.125vw, 300px);
  }
}
.family .family_mv .family_mv_text_first_anchor {
  position: absolute;
  right: clamp(16px,2.08334vw, 30px);
  bottom: 20vh;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_anchor {
    right: 0;
    bottom: clamp(0px,10.41667vw, 40px);
    margin-right: clamp(-40px,-10.41666vw, 0px);
    width: 100%;
    max-width: clamp(0px,86.97917vw, 334px);
  }
}
.family .family_mv .family_mv_text_first_anchor img {
  width: 334px;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_first_anchor img {
    width: 100%;
    max-width: clamp(0px,86.97917vw, 334px);
  }
}
.family .family_mv .family_mv_text_second_text {
  letter-spacing: 3px;
  font-size: clamp(8px,1.11112vw, 16px);
  font-weight: 500;
  line-height: 5.75;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_second_text {
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_mv .family_mv_text_third_text {
  display: flex;
  flex-flow: column;
}
.family .family_mv .family_mv_text_third_text > span {
  display: inline-block;
  position: relative;
  width: clamp(304px,39.58334vw, 570px);
  letter-spacing: 2.5px;
  color: #000;
  font-size: clamp(8px,1.11112vw, 16px);
  font-weight: 500;
  line-height: 2.6;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_third_text > span {
    width: clamp(0px,68.22917vw, 262px);
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_mv .family_mv_text_third_text > span > span {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
}
.family .family_mv .family_mv_text_third_text > span > span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: clamp(304px,39.58334vw, 570px);
  height: 2px;
  background-image: url(/ichigan/special/family/assets/img/common/line.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_third_text > span > span::after {
    width: clamp(0px,68.22917vw, 262px);
  }
}
.family .family_mv .family_mv_text_third_text > span.is-start > span {
  -webkit-animation: line 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
          animation: line 2s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}
@-webkit-keyframes line {
  to {
    width: 100%;
  }
}
@keyframes line {
  to {
    width: 100%;
  }
}
.family .family_mv .family_mv_text_third_text.family_mv_text_third_text--03 > span {
  width: clamp(332px,43.33334vw, 624px);
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_third_text.family_mv_text_third_text--03 > span {
    width: clamp(0px,82.29167vw, 316px);
  }
}
.family .family_mv .family_mv_text_third_text.family_mv_text_third_text--03 > span > span::after {
  width: clamp(359px,46.80556vw, 674px);
}
@media (max-width: 767.98px) {
  .family .family_mv .family_mv_text_third_text.family_mv_text_third_text--03 > span > span::after {
    width: clamp(0px,82.29167vw, 316px);
  }
}
.family .family_focus .family_focus_image {
  margin-right: clamp(48px,6.25vw, 90px);
  height: clamp(234px,30.55556vw, 440px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_image {
    margin-right: 0;
    margin-left: clamp(-20px,-5.20833vw, 0px);
    width: 100%;
    height: clamp(0px,52.08334vw, 200px);
  }
}
.family .family_focus .family_focus_image img {
  height: 100%;
}
.family .family_focus .family_focus_image.family_focus_image--center {
  margin-top: clamp(106px,13.88889vw, 200px);
  margin-right: 0;
  margin-bottom: clamp(112px,14.58334vw, 210px);
  height: clamp(373px,48.61112vw, 700px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_image.family_focus_image--center {
    margin-top: clamp(0px,36.45834vw, 140px);
    margin-right: 0;
    margin-bottom: clamp(0px,52.08334vw, 200px);
    margin-left: 0;
    width: 100%;
    height: clamp(0px,180.72917vw, 694px);
  }
}
.family .family_focus .family_focus_message {
  display: flex;
  flex-flow: column;
  position: relative;
  margin: 0 auto;
  padding: clamp(113px,14.72223vw, 212px) clamp(10px,1.38889vw, 20px) clamp(74px,9.72223vw, 140px);
  max-width: clamp(421px,54.86112vw, 790px);
  font-weight: normal;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_message {
    padding: clamp(0px,24.73959vw, 95px) clamp(0px,5.20834vw, 20px) clamp(0px,16.40625vw, 63px);
  }
}
.family .family_focus .family_focus_message span {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.family .family_focus .family_focus_message span:nth-of-type(1) {
  letter-spacing: 5px;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(25px,3.33334vw, 48px);
  line-height: 1.25;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_message span:nth-of-type(1) {
    white-space: nowrap;
    letter-spacing: 3px;
    font-size: clamp(0px,8.33334vw, 32px);
    line-height: 1.25;
  }
}
.family .family_focus .family_focus_message span:nth-of-type(2) {
  margin-top: clamp(5px,0.69445vw, 10px);
  margin-bottom: clamp(5px,0.69445vw, 10px);
  letter-spacing: 2px;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(9px,1.25vw, 18px);
  line-height: 2.3333333333;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_message span:nth-of-type(2) {
    margin-bottom: clamp(0px,5.20834vw, 20px);
    letter-spacing: 1px;
    font-size: clamp(0px,3.125vw, 12px);
    line-height: 2.3333333333;
  }
}
.family .family_focus .family_focus_message span:nth-of-type(3) {
  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_focus .family_focus_message span:nth-of-type(3) {
    padding-top: clamp(0px,3.90625vw, 15px);
    letter-spacing: 1px;
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_focus .family_focus_message span:nth-of-type(3)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  transition: width 0.45s cubic-bezier(0, 0, 0.58, 1);
  background-color: #5e5e5e;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_message span.family_focus_message--02:nth-of-type(1) {
    line-height: 0.7;
  }
}
.family .family_focus .family_focus_wrap {
  margin: 0 auto;
  max-width: clamp(768px,100vw, 1440px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_wrap {
    overflow: hidden;
    padding: 0 clamp(0px,5.20834vw, 20px);
  }
}
.family .family_focus .family_focus_detail {
  display: flex;
  margin-top: clamp(85px,11.11112vw, 160px);
  margin-bottom: clamp(85px,11.11112vw, 160px);
  padding-right: clamp(48px,6.25vw, 90px);

  gap: clamp(82px,10.76389vw, 155px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail {
    flex-flow: column-reverse;
    margin-top: clamp(0px,24.73959vw, 95px);
    margin-bottom: clamp(0px,16.92709vw, 65px);
    padding-right: 0;
  }
}
.family .family_focus .family_focus_detail.family_focus_detail--first {
  margin-top: 0;
}
.family .family_focus .family_focus_detail.family_focus_detail--reverse {
  flex-flow: row-reverse;
  padding-right: 0;
  padding-left: clamp(53px,6.94445vw, 100px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail.family_focus_detail--reverse {
    flex-flow: column;
    padding-left: 0;
  }
}
.family .family_focus .family_focus_detail.family_focus_detail--reverse .family_focus_detail_image span {
  right: initial;
  left: clamp(-45px,-3.125vw, -24px);

  rotate: 180deg;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail.family_focus_detail--reverse .family_focus_detail_image span {
    rotate: 0deg;
  }
}
.family .family_focus .family_focus_detail.family_focus_detail--reverse .family_focus_detail_movie {
  margin-left: clamp(-100px,-6.94444vw, -54px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail.family_focus_detail--reverse .family_focus_detail_movie {
    margin-top: clamp(0px,18.22917vw, 70px);
    margin-left: clamp(-20px,-5.20833vw, 0px);
    text-align: left;
  }
}
.family .family_focus .family_focus_detail.family_focus_detail--reverse .family_focus_detail_movie_text {
  top: clamp(-100px,-6.94444vw, -54px);
  right: clamp(-100px,-6.94444vw, -54px);
  bottom: initial;
  left: initial;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail.family_focus_detail--reverse .family_focus_detail_movie_text {
    top: clamp(-48px,-12.5vw, 0px);
    right: clamp(-50px,-13.02083vw, 0px);
  }
}
.family .family_focus .family_focus_detail_title {
  display: flex;
  align-items: center;

  gap: clamp(32px,4.16667vw, 60px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_title {
    gap: clamp(0px,14.32292vw, 55px);
  }
}
.family .family_focus .family_focus_detail_content {
  flex: 1;
  margin-top: clamp(16px,2.08334vw, 30px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_content {
    width: 100%;
  }
}
.family .family_focus .family_focus_detail_image {
  display: flex;
  flex-flow: column;
  position: relative;
  width: clamp(352px,45.83334vw, 660px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_image {
    margin: clamp(0px,11.71875vw, 45px) auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.family .family_focus .family_focus_detail_image span {
  position: absolute;
  top: 0;
  right: clamp(-45px,-3.125vw, -24px);
  letter-spacing: 1px;
  color: #e4d4c1;
  font-family: "Lexend Exa", sans-serif;
  font-size: clamp(17px,2.22223vw, 32px);
  line-height: 1.1;
}
@media (min-width: 768px) {
  .family .family_focus .family_focus_detail_image span {
    writing-mode: vertical-rl;
  }
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_image span {
    display: inline-block;
    position: static;
    margin-bottom: clamp(0px,3.90625vw, 15px);
    letter-spacing: 0;
    font-size: clamp(0px,8.85417vw, 34px);
  }
}
.family .family_focus .family_focus_detail_image picture {
  text-align: center;
}
.family .family_focus .family_focus_detail_title_wrap {
  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_focus .family_focus_detail_title_wrap {
    justify-content: center;
    font-size: clamp(0px,10.9375vw, 42px);
  }
}
.family .family_focus .family_focus_detail_title_wrap span {
  letter-spacing: 2px;
  font-size: clamp(6px,0.83334vw, 12px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_title_wrap span {
    font-size: clamp(0px,2.60417vw, 10px);
  }
}
.family .family_focus .family_focus_detail_title_wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(-36px,-2.5vw, -20px);
  width: 2px;
  height: clamp(45px,5.90278vw, 85px);
  transform: translateY(-50%) rotate(27deg);
  background-color: #ebd4b9;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_title_wrap::after {
    right: clamp(-30px,-7.8125vw, 0px);
    height: clamp(0px,20.83334vw, 80px);
    transform: translateY(-50%) rotate(28deg);
  }
}
.family .family_focus .family_focus_detail_title_heading {
  letter-spacing: 4px;
  font-size: clamp(12px,1.66667vw, 24px);
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_title_heading {
    letter-spacing: 1px;
    font-size: clamp(0px,5.20834vw, 20px);
  }
}
.family .family_focus .family_focus_detail_text {
  margin-top: clamp(26px,3.47223vw, 50px);
  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_focus .family_focus_detail_text {
    margin-top: clamp(0px,9.11459vw, 35px);
    letter-spacing: 1px;
    font-size: clamp(0px,4.16667vw, 16px);
  }
}
.family .family_focus .family_focus_detail_movie {
  position: relative;
  z-index: 1;
  margin-top: clamp(48px,6.25vw, 90px);
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_movie {
    margin-top: clamp(0px,18.22917vw, 70px);
    margin-right: clamp(-20px,-5.20833vw, 0px);
    text-align: right;
  }
}
.family .family_focus .family_focus_detail_movie_image {
  display: inline-block;
  position: relative;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_detail_movie_image {
    width: clamp(0px,77.08334vw, 296px);
  }
}
.family .family_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube::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_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube .family_focus_detail_movie_icon {
  position: absolute;
  top: 64%;
  right: clamp(40px,5.20834vw, 75px);
  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_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube .family_focus_detail_movie_icon {
    top: initial;
    right: clamp(0px,7.8125vw, 30px);
    bottom: 0;
    font-size: clamp(0px,3.125vw, 12px);
  }
}
.family .family_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube .family_focus_detail_movie_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_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube .family_focus_detail_movie_icon > span {
    width: clamp(0px,18.75vw, 72px);
    height: clamp(0px,18.75vw, 72px);
  }
}
.family .family_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube .family_focus_detail_movie_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_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube .family_focus_detail_movie_icon > span::before {
    width: clamp(0px,2.60417vw, 10px);
    height: clamp(0px,2.60417vw, 10px);
  }
}
.family .family_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube .family_focus_detail_movie_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_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube .family_focus_detail_movie_icon > span::after {
    width: clamp(0px,2.60417vw, 10px);
    height: clamp(0px,2.60417vw, 10px);
  }
}
.family .family_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube:hover::before {
  opacity: 0;
}
.family .family_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube:hover > span > span {
  transform: translateX(-50%) scale(1.1);
}
.family .family_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube:hover > span > span::before {
  opacity: 0;
}
.family .family_focus .family_focus_detail_movie_image.family_focus_detail_movie_image--youtube:hover > span > span::after {
  opacity: 1;
}
.family .family_focus .family_focus_detail_movie_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_focus .family_focus_detail_movie_text {
    bottom: clamp(-45px,-11.71875vw, 0px);
    left: clamp(-50px,-13.02083vw, 0px);
  }
}
.family .family_focus .family_focus_detail_movie_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_focus .family_focus_banner {
  margin-top: clamp(-80px,-5.55555vw, -43px);
  text-align: center;
}
@media (max-width: 767.98px) {
  .family .family_focus .family_focus_banner {
    margin-top: 0;
  }
}
.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);
}