.af_mv {
  display: flex;
  background: none;
  height: fit-content;
}

.af_catch-left {
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
  width: 47.11%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.af_catch__p {
  font-weight: 700;
}

.af_catch-right {
  width: 52.89%;
}

.af_catch-right img {
aspect-ratio: 1118 / 829;

}


.memories_ttl {
  color: #000 !important;
  font-weight: 500 !important;
}

.af_catch__heading {
  font-size: 18px;
  font-family: 'Yu mincho', serif;
  left: 50%;
  top: 50%;
}

.afterservice__heading {
  font-size: 24px !important;
}

.afterservice__list {
  margin-top: 40px;
  display: flex;
  gap: 30px;
}

.afterservice__list-item {
  flex: 1;
}

.afterservice__list-upper {
  position: relative;
}

.afterservice__list-img {
  width: 100%;
}

.afterservice__list-img img {
  width: 100%;
}

.afterservice__list-title {
  color: #fff;
  font-weight: 700;
  z-index: 10;
  text-align: center;
  font-family: 'Yu mincho', serif;
  font-size: 17.2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.afterservice__list-lower {
  margin-top: 15px;
}

.afterservice__list-description {
  font-family: 'Yu mincho', serif;
  font-size: 14px;
}

.afterservice-flow__heading {
  font-family: 'Yu mincho', serif;
  font-size: 20px;
  padding: 6px 0 6px 28px;
  color: #0097b2;
  position: relative;
}

.afterservice-flow__heading::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 16px;
  background: #0097b2;
}

.afterservice-flow__container {
  margin-top: 54px;
}

.afterservice-flow__item:not(:first-child) {
  margin-top: 54px;
}

.afterservice-flow__title-box:not(:first-child) {
  margin-top: 10px;
}

.afterservice-flow__title-second {
  margin-top: 15px;
}

.afterservice-flow__item dt {
  display: table-cell;
  vertical-align: top;
  width: 258px;
  background: #94ccd9;
  text-align: center;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Yu mincho', serif;
  padding-bottom: 47px;
}

.afterservice-flow__item dt span {
  font-size: 24px;
  font-weight: bold;
  display: block;
  line-height: 1.6;
  font-family: 'Yu mincho', serif;
      /* padding: 75px 0 36px; */
  padding: 45px 0 36px;
}

.afterservice-flow__item dt:after {
      content: "";
        border-left: 129px solid transparent;
        border-right: 129px solid transparent;
        border-top: 47px solid #94ccd9;
        position: absolute;
        right: 0px;
        bottom: 0;
        z-index: 1;
        display: block;
        background: #fff;
}

.afterservice-flow__item dd {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.afterservice-flow__text {
   margin-left: 30px;
}

.afterservice-flow__title {
  font-family: 'Yu mincho', serif;
  font-weight: 700;
  font-size: 20px;
}

.afterservice-flow__description {
  font-family: 'Yu mincho', serif;
  font-size: 16px;
  margin-top: 19px;
}

.afterservice-flow__link {
  font-family: 'Yu mincho', serif;
  /* margin-top: 19px; */
  margin-top: 10px;
  color: #1a4892;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.br-sp {
  display: none;
}

/* 1227追加 */
.footer-sp {
  display: none !important;
}

.af_column_wrap {
  padding-top: 20px;
  margin-top: 14px;
  
}

.af_column_heading {
  letter-spacing: 1.28px;
}

.af_column_list li {
  background: unset !important;
}

.af_column_list li a {
  text-align: left;
  padding-top: 0;
}

.af_column_img {
  height: 100px;
}

.af_column_img img {
  height: 100%;
  object-fit: cover;
}

.af_column_link {
  line-height: 1.285;
  letter-spacing: 0.56px;
  padding: 12px 32px 12px 12px;
}

.af_column_link::after {
  right: 12px;
}

.top_af_banner {
  width: 900px;
  margin: 50px auto;
  display: block;
}

/* 2025.0122追加 -------*/
.advisor {
  margin-bottom: 30px;
}

.advisor__content {
  background: #ECF6F4;
  display: flex;
  padding: 32px;
  gap: 24px;
}

.advisor__img-pc {
  width: 180px;
  height: 210px;
  flex-shrink: 0;
}

.advisor__name-wrapper {
  font-family: "游明朝",
      YuMincho,
      "ヒラギノ明朝 ProN W3",
      "Hiragino Mincho ProN",
      "HG明朝E",
      "ＭＳ Ｐ明朝",
      "ＭＳ 明朝",
      serif;
    ;

  padding-bottom: 15px;
  border-bottom: 1px solid #389EA5;
  line-height: 1;
}

.advisor__name-ja {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  letter-spacing: 2.2px;
}

.advisor__name-en {
  color: #389EA5;
  font-size: 14px;
  font-weight: 500;
}

.advisor__img-sp {
  display: none;
}

.advisor__description {
  color: #000;
  margin-top: 16px;
  font-family: "Microsoft Sans Serif";
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  text-align: justify;
}
/* 2025.0122追加 -------*/

/* 2025.0213追加 -------*/
.af-procedures-mv {

}

.af-procedures-mv__column {
  display: flex;
  height: 420px;
}

.af-procedures-mv__text {
  flex: 1;
  background: url('../img/after/af-procedures-mv_title-bg.png') no-repeat center center/cover;
}

.af-procedures-mv__text-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  height: 100%;
  margin-left: auto;
}

.af-procedures-mv__heading {
  font-family: 'Yu mincho', serif;
  font-size: 40px;
  letter-spacing: 4px;
  line-height: 1;
  color: #000;
  font-weight: 600;
}

.af-procedures-mv__img {
  flex: 1;
  background: url('../img/after/af-procedures_fv.png') no-repeat center center/cover;
}

.af-procedures {
  margin: 60px auto;
  max-width: 1000px;
}

.af-procedures__heading {
  font-family: 'Yu mincho', serif;
  color: #389EA5;
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  padding: 16px 0;
  border-top: 1px solid #D7E9E9;
  border-bottom: 1px solid #D7E9E9;
  text-align: center;
}

.af-procedures__lead {
  color: #000;
  margin-top: 20px;
  text-align: center;
}

.af-procedures__message {
  margin-top: 14px;
  display: flex;
  background: #F2F2F2;
  padding: 38px;
  gap: 30.76px;
}

.af-procedures__message-img {
  width: 180px;
  flex-shrink: 0;
}

.af-procedures__message-text {
  position: relative;
  background: #D7E9E9;
  padding: 30px 48px 30px 28.24px;
  font-family: 'Yu mincho', serif;
}

.af-procedures__message-text::after {
  position: absolute;
  content: "";
  left: -9.76px;
  top: 44.38px;
  height: 22.992px;
  width: 13.688px;
  background: url('../img/after/af-procedures_arrow.svg') no-repeat center center/cover;
}

.af-procedures__message-description {
  color: #000;
  font-size: 20px;
  font-weight: 300;
}

.af-procedures__message-note {
  font-weight: 600;
  display: block;
}

.af-procedures__list {
  margin-top: 60px;
}

.af-procedures__item {

}

.af-procedures__item:not(:first-child) {
  margin-top: 30px;
}

.af-procedures__item-heading {
  font-family: 'Yu mincho', serif;
  background: url('../img/after/af-procedures_title-bg.png') no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  height: 130px
}

.af-procedures__item-content {
  background: #F2F2F2;
  padding: 20px;
}

.af-procedures__item-container {
  background: #fff;
  display: flex;
  padding: 20px 20px 20px 76px;
  gap: 75.69px;
  border-radius: 6px;
}

.af-procedures__item-img {
  width: 247.307px;
  margin: 2px 0;
}

.af-procedures__item-list {

}

.af-procedures__item-text {
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
  font-family: 'Yu mincho', serif;
  position: relative;
  padding-left: 22px;
}

.af-procedures__item-text::before {
  background: url('../img/after/af-procedures_check.svg') no-repeat center center/cover;
  content: "";
  position: absolute;
  width: 14.438px;
  height: 14px;
  left: 0;
  bottom: 2px;
}

.af-procedures__item-text:not(:first-child) {
  margin-top: 16px;
}

.af-procedures__item-text span {
  font-weight: 300;
}

/* 2025.0213追加 -------*/

/* 2025.0313追加 -------*/
/* youtube-renewal.cssに移動 */
/* .top_youtube_wrap {
  padding: 30px 20px;
  background: rgba(58, 132, 191, 0.20);
  text-align: center;
  margin: 10px 0 40px;
}

.top_youtube_lead {
  color: #084A90;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 2px;
  position: relative;
  padding: 0 9.67px;
  width: fit-content;
  margin: 0 auto;
}

.top_youtube_lead::before {
  position: absolute;
  background: #084A90;
  bottom: 0;
  height: 26px;
  width: 1px;
  left: 0;
  content: "";
  transform: rotate(-30deg);
  transform-origin: bottom;
}

.top_youtube_lead::after {
  position: absolute;
  background: #084A90;
  bottom: 0;
  height: 26px;
  width: 1px;
  right: 0;
  content: "";
  transform: rotate(30deg);
  transform-origin: bottom;
}

.top_youtube_link {
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('../img/common/youtube_thumbnail.png') no-repeat center center/cover;
  width: 700px;
  height: 394px;
  transition: all 0.3s ease 0s;
}

.top_youtube_link:hover {
  opacity: 0.6;
} */
/* 2025.0313追加 -------*/

@media screen and (max-width:768px) {

  .af_mv {
    /* height: 180px; */
  }

  .af_catch__heading {
    font-size: 16px !important;
    white-space: nowrap;
    margin-bottom: 0 !important;
  }

  .af_catch__p {
    /* padding: 0 16px;
    font-size: 14px; */
    display: none;
  }

  .afterservice__list {
    display: block;
  }


  .afterservice__list-item:not(:first-child) {
    margin-top: 30px;
  }

  .afterservice__list-title {
    font-size: 22px;
  }

  .afterservice-flow__item dt { 
    width: 80px;
  }

  .afterservice-flow__item dt::after {
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
  }

  .afterservice-flow__item dt span {
    font-size: 20px;
  }

  .br-sp {
    display: block;
  }

  /* 2025.0716追加 -------*/

  .af_column_list li a {
    display: flex;
  }

  .af_column_link {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .af_column_img {
    width: 100px;
    height: 100%;
    flex-shrink: 0;
  }
  /* 2025.0716追加 -------*/

  /* 2025.0122追加 -------*/
  .advisor__content {
    display: block;
    padding: 24px 20px 20px;
  }

  .advisor__img-pc {
    display: none;
  }

  .advisor__name-wrapper {
    padding-bottom: 9px;
  }

  .advisor__name-ja {
    display: block;
    width: fit-content;
    margin: 0 auto;
  }

  .advisor__name-en {
    display: block;
    width: fit-content;
    margin: 10px auto 0;
  }

  .advisor__img-sp {
    display: block;
    width: 48%;
    margin: 24px auto 0;
  }

  .advisor__description {
    margin-top: 23.81px;
  }
  /* 2025.0122追加 -------*/


  /* 2025.0213追加 -------*/
  .af-procedures-mv__column {
    height: 300px;
  }

  .af-procedures-mv__heading {
    text-align: right;
    line-height: 1.25;
    font-size: 32px;
  }

  .af-procedures {
    margin-top: 20px;
    padding: 0 20px;
  }

  .af-procedures__heading {
    line-height: normal;
    padding: 9px 0;
  }

  .af-procedures__lead {
    font-size: 14px;
    margin-top: 14px;
  }

  .af-procedures__message {
    margin-top: 31px;
    display: block;
    padding: 20px;
  }

  .af-procedures__message-img {
    margin: 0 auto;
  }

  .af-procedures__message-text {
    margin: 20px auto 0;
    padding: 20px 17.5px 13px;
    max-width: 450px;
  }

  .af-procedures__message-text::after {
    display: none;
  }

  .af-procedures__message-description {
    font-size: 13px;
  }

  .af-procedures__message-note {
    font-size: 15px;
    margin-top: 5px;
  }

  .af-procedures__list {
    margin-top: 30px;
  }

  .af-procedures__item-heading {
    height: 85.227px;
    font-size: 20px;
    line-height: 2.25;
  }

  .af-procedures__item-container {
    display: block;
    padding: 33px;
    max-width: 450px;
    margin: 0 auto;
  }

  .af-procedures__item-img {
    margin: 0 auto;
  }

  .af-procedures__item-list {
    margin-top: 32px;
  }

  .af-procedures__item-text {
    font-size: 16px;
    line-height: 1.312;
    padding-left: 18.26px;
  }

  .af-procedures__item-text::before {
    width: 13.406px;
    height: 13.172px;
    bottom: unset;
    top: 5.52px;
  }

  .br-pc {
    display: none;
  }
  /* 2025.0213追加 -------*/

  /* 2025.0313追加 -------*/
  /* youtube-renewal.cssに移動 */
  /* .top_youtube_link {
    aspect-ratio: 350 / 197;
    width: 100%;
    flex-shrink: 0;
    height: auto;
  }

  .top_youtube_icon {
    width: 60px;
  } */
  /* 2025.0313追加 -------*/
}

@media screen and (max-width:500px) {

  .af_catch__heading {
    font-size: 14px !important;
    white-space: nowrap;
  }

  .af_catch__p {
    font-size: 12px !important;
  }

  .memories_ttl {
    font-size: 14px !important;
  }

  .afterservice-flow__item dt span {
    font-size: 16px;
  }

  .afterservice-flow__title {
    font-size: 16px;
  }

  .afterservice-flow__link {
    font-size: 12px;
  }

  .afterservice-flow__description {
    font-size: 12px;
  }

  .afterservice-flow__text {
    margin-left: 16px;
  }

  .af_menu-custom {
    padding: 5px 18px 15px;
  }

  /* 2025.0213追加 -------*/
  .af-procedures-mv__heading {
    font-size: 24px;
  }

  .af-procedures__item-container {
    max-width: unset;
    padding: 33px 12px 20px;
  }

  .af-procedures__message-img {
    width: 141.59px;
  }

  .af-procedures__message-text {
    max-width: unset;
  }

  .af-procedures-mv__column {
    height: 160px;
  }

  .af-procedures__item-img {
    width: 171px;
  }
  /* 2025.0213追加 -------*/

  /* 2025.0313追加 -------*/
  /* youtube-renewal.cssに移動 */
  /* .top_youtube_icon {
    width: 40px;
  } */
  /* 2025.0313追加 -------*/
}

@media screen and (max-width:374px) {

  .af_catch__heading {
    padding-left: 20px;
    padding-top: 10px;
  }

  .af_catch__p {
    padding-left: 20px;
    padding-right: 0;
    font-size: 10px !important;
  }

  .afterservice-flow__title {
    font-size: 14px;
  }

  /* 2025.0213追加 -------*/
  .af-procedures__lead {
    font-size: 12px;
    white-space: nowrap;
  }

  .af-procedures__heading {
    font-size: 22px;
    white-space: nowrap;
  }
  /* 2025.0213追加 -------*/
}

