/* ======================================================================
 p_top
====================================================================== */
/* =================================
 l_content
================================= */
.l_content {
  padding-top: 0;
}

/*============================
 kv_sec
============================*/
.kv_sec {
  position: relative;
  padding-top: 123px;
  background-image: url("../../assets/img/p_top/kv_bg01.webp");
  background-size: cover;
  background-position: bottom left;
  height: 829px;
}
.kv_sec .inner {
  padding-top: 87px;
}
.kv_sec .inner .catch_area {
  position: relative;
  display: inline-block;
}
.kv_sec .inner .catch_area .main_block {
  margin-bottom: 30px;
  font-weight: var(--font-bold);
  font-size: 48px;
  line-height: 1.7;
}
.kv_sec .inner .catch_area .main_block .top_box {
  display: flex;
  align-items: flex-start;
}
.kv_sec .inner .catch_area .main_block .highlight {
  position: relative;
  font-size: 54px;
  color: var(--color-pink);
  margin-top: 7px;
  margin-right: 6px;
}
.kv_sec .inner .catch_area .main_block .highlight::before {
  content: "";
  position: absolute;
  width: 284px;
  height: 25px;
  bottom: -10px;
  left: -1px;
  background-image: url("../../assets/img/p_top/kv_marker.svg");
  background-size: cover;
}
.kv_sec .inner .catch_area .main_block .highlight .txt {
  position: relative;
  display: block;
}
.kv_sec .inner .catch_area .main_block .highlight .txt .img {
  display: block;
}
.kv_sec .inner .catch_area .main_block .s_txt {
  font-size: 44px;
}
.kv_sec .inner .catch_area .comment_block {
  position: absolute;
  display: flex;
  width: 250px;
  height: 121px;
  right: 11px;
  top: -50px;
  background-image: url("../../assets/img/p_top/kv_comment.webp");
  background-size: cover;
}
.kv_sec .inner .catch_area .comment_block .txt {
  font-weight: var(--font-bold);
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  margin: 29px 0 0 25px;
}
.kv_sec .inner .catch_area .comment_block .subtxt {
  position: relative;
  font-size: 16px;
}
.kv_sec .inner .catch_area .comment_block .subtxt .exclamation {
  position: absolute;
  font-size: 22px;
  bottom: 0;
  right: -19px;
  transform: rotate(16deg);
}
.kv_sec .inner .catch_area .comment_block .highlight {
  color: var(--color-pink);
}
.kv_sec .inner .catch_area .comment_block .num {
  font-size: 25px;
}
.kv_sec .inner .lead_area {
  margin-top: -15px;
  font-weight: var(--font-bold);
  font-size: 17px;
  line-height: 2.1;
}
.kv_sec .inner .list_area {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 10px;
  margin-top: 30px;
}
.kv_sec .inner .list_area .list_item {
  display: flex;
  align-items: center;
  min-width: 140px;
  min-height: 56px;
  padding: 7px 11px;
  border-radius: 4px;
  background: #fff;
  font-weight: var(--font-bold);
}
.kv_sec .inner .list_area .list_item .txt {
  margin: 2px 0 0 7px;
  font-size: 13px;
  line-height: 1.23;
}
.kv_sec .circle_img {
  position: absolute;
  right: 0;
  top: 0;
}
.kv_sec .circle_img_sp {
  display: none;
}

@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media screen and (min-width: 768px) {
  .kv_sec {
    padding-top: 9vw;
    height: 60.69vw;
  }
  .kv_sec .inner {
    margin: 0 4.17vw;
    padding-top: 6.37vw;
  }
  .kv_sec .inner .catch_area .main_block {
    margin-bottom: 2.2vw;
    font-size: 3.514vw;
  }
  .kv_sec .inner .catch_area .main_block .highlight {
    margin-top: 0.51vw;
    margin-right: 0.44vw;
    font-size: 3.953vw;
  }
  .kv_sec .inner .catch_area .main_block .highlight::before {
    width: 20.79vw;
    height: 1.83vw;
    bottom: -0.73vw;
    left: -0.07vw;
  }
  .kv_sec .inner .catch_area .main_block .highlight .txt {
    width: 20.13vw;
  }
  .kv_sec .inner .catch_area .main_block .highlight .txt .img {
    width: 100%;
    height: auto;
  }
  .kv_sec .inner .catch_area .main_block .s_txt {
    font-size: 3.221vw;
  }
  .kv_sec .inner .catch_area .comment_block {
    width: 18.3vw;
    height: 8.86vw;
    right: 0.81vw;
    top: -3.66vw;
  }
  .kv_sec .inner .catch_area .comment_block .txt {
    font-size: 1.318vw;
    margin: 2.12vw 0 0 1.83vw;
  }
  .kv_sec .inner .catch_area .comment_block .subtxt {
    font-size: 1.171vw;
  }
  .kv_sec .inner .catch_area .comment_block .subtxt .exclamation {
    font-size: 1.611vw;
    bottom: 0;
    right: -1.39vw;
  }
  .kv_sec .inner .catch_area .comment_block .num {
    font-size: 1.83vw;
  }
  .kv_sec .inner .lead_area {
    margin-top: -1.1vw;
    font-size: 1.245vw;
  }
  .kv_sec .inner .list_area {
    gap: 0.73vw;
    margin-top: 2.2vw;
  }
  .kv_sec .inner .list_area .list_item {
    min-width: 10.25vw;
    min-height: 4.1vw;
    padding: 0.51vw 0.81vw;
    border-radius: 0.29vw;
  }
  .kv_sec .inner .list_area .list_item .txt {
    margin: 0.15vw 0 0 0.51vw;
    font-size: 0.952vw;
  }
  .kv_sec .circle_img {
    width: 48.54vw;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .kv_sec {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    padding-top: 70px;
    background-image: none;
  }
  .kv_sec .inner {
    padding-top: 34px;
  }
  .kv_sec .inner .catch_area .main_block {
    margin-bottom: 7px;
    font-size: 26px;
  }
  .kv_sec .inner .catch_area .main_block .top_box {
    align-items: flex-end;
  }
  .kv_sec .inner .catch_area .main_block .highlight {
    margin-top: 0;
    margin-bottom: 4px;
  }
  .kv_sec .inner .catch_area .main_block .highlight::before {
    width: 169px;
    height: 15px;
    bottom: -7px;
    left: -1px;
    background-image: url("../../assets/img/p_top/kv_marker_sp.svg");
  }
  .kv_sec .inner .catch_area .main_block .highlight .txt .img {
    width: 163px;
    height: auto;
  }
  .kv_sec .inner .catch_area .main_block .s_txt {
    font-size: 26px;
  }
  .kv_sec .inner .catch_area .comment_block {
    width: 171px;
    height: 83px;
    right: -15px;
    top: -63px;
  }
  .kv_sec .inner .catch_area .comment_block .txt {
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    margin: 21px 0 0 13px;
  }
  .kv_sec .inner .catch_area .comment_block .subtxt {
    font-size: 11px;
  }
  .kv_sec .inner .catch_area .comment_block .subtxt .exclamation {
    font-size: 15px;
    right: -12px;
  }
  .kv_sec .inner .catch_area .comment_block .num {
    font-size: 17px;
  }
  .kv_sec .inner .lead_area {
    margin-top: 0;
    font-size: 16px;
  }
  .kv_sec .inner .list_area {
    justify-content: center;
    grid-template-columns: repeat(2, max-content);
    -moz-column-gap: 14px;
         column-gap: 14px;
    row-gap: 10px;
    margin-top: 35px;
  }
  .kv_sec .inner .list_area .list_item {
    min-width: 160px;
  }
  .kv_sec .circle_img {
    display: none;
  }
  .kv_sec .circle_img_sp {
    display: block;
    width: 100%;
    height: auto;
  }
}
/*============================
lead_sec
============================*/
.lead_sec {
  overflow: hidden;
  padding: 144px 0 100px;
}
.lead_sec .top_area {
  position: relative;
}
.lead_sec .top_area .inner .ttl .highlight {
  color: var(--color-pink);
}
.lead_sec .top_area .inner .ttl .marker {
  position: relative;
}
.lead_sec .top_area .inner .ttl .marker::before {
  content: "";
  position: absolute;
  width: 203px;
  height: 21px;
  bottom: -10px;
  left: -3px;
  background-image: url("../../assets/img/p_top/lead_marker.svg");
  background-size: cover;
}
.lead_sec .top_area .inner .ttl .txt {
  position: relative;
}
.lead_sec .top_area .inner .txt_area .txt {
  font-weight: var(--font-bold);
  font-size: 20px;
  line-height: 2.7;
  text-align: center;
}
.lead_sec .top_area .inner .txt_area .txt .highlight {
  color: var(--color-pink);
}
.lead_sec .top_area .img_area {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.lead_sec .top_area .img_area .fix_img {
  position: absolute;
}
.lead_sec .top_area .img_area .img01 {
  position: relative;
  top: 5px;
  left: 60px;
  z-index: 1;
}
.lead_sec .top_area .img_area .img02 {
  top: 170px;
  left: -56px;
}
.lead_sec .top_area .img_area .img03 {
  top: -11px;
  right: -43px;
}
.lead_sec .top_area .img_area .img04 {
  top: 334px;
  right: -8px;
}
.lead_sec .top_area .point_area {
  position: relative;
  display: flex;
  align-items: center;
  margin: 106px auto 0;
  padding: 30px 35px 30px 30px;
  border-radius: 15px;
  background-color: var(--color-linen-beige);
  z-index: 1;
}
.lead_sec .top_area .point_area .left {
  display: flex;
  align-items: flex-end;
  padding: 10px 20px 10px 0;
}
.lead_sec .top_area .point_area .left .img {
  display: block;
  transform: translateY(-7px);
}
.lead_sec .top_area .point_area .left .subttl {
  margin-left: 13px;
  font-weight: var(--font-light);
  font-family: var(--font-en);
  font-size: 21px;
  line-height: 1.61;
  text-align: center;
  color: var(--color-pink);
}
.lead_sec .top_area .point_area .right_area {
  position: relative;
  display: block;
  padding-left: 20px;
  font-weight: var(--font-medium);
  font-size: 16px;
  line-height: 1.875;
}
.lead_sec .top_area .point_area .right_area::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-left: 1px dashed rgba(112, 112, 112, 0.5);
  width: 1px;
  height: 85.8%;
}
.lead_sec .bottom_area .scroll-infinity__wrap {
  margin-top: -16px;
}
.lead_sec .bottom_area .list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 23px;
       column-gap: 23px;
  margin-top: -13px;
}
.lead_sec .bottom_area .list .item {
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.08);
}
.lead_sec .bottom_area .list .item .img_box .img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0px 0px;
}
.lead_sec .bottom_area .list .item .txt_box {
  margin-top: 26px;
  padding: 0 30px 25px;
}
.lead_sec .bottom_area .list .item .txt_box .comment {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
.lead_sec .bottom_area .list .item .txt_box .comment .txt {
  position: relative;
  display: inline-block;
  padding: 2px 18px;
  border-radius: 9999px;
  color: #fff;
  font-weight: var(--font-bold);
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
}
.lead_sec .bottom_area .list .item .txt_box .comment .txt::after {
  position: absolute;
  content: "";
  display: block;
  width: 17px;
  height: 7px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
}
.lead_sec .bottom_area .list .item .txt_box .head {
  margin-bottom: 15px;
  font-weight: var(--font-bold);
  font-size: 24px;
  line-height: 1.6;
  text-align: center;
  color: #db3758;
}
.lead_sec .bottom_area .list .item .txt_box .txt {
  font-weight: var(--font-medium);
  font-size: 16px;
  line-height: 1.875;
}
.lead_sec .bottom_area .list .item.item--01 .txt_box .comment .txt {
  background-color: var(--color-light-pink);
}
.lead_sec .bottom_area .list .item.item--01 .txt_box .comment .txt::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17.111' height='7' viewBox='0 0 17.111 7'><defs><clipPath id='clip-path'><rect width='17.111' height='7' fill='%23e6738a'/></clipPath></defs><g transform='translate(0.074)'><g transform='translate(-0.074)' clip-path='url(%23clip-path)'><path d='M8.2,6.879A8.333,8.333,0,0,0,0,0H16.655a8.333,8.333,0,0,0-8.2,6.879.123.123,0,0,1-.246,0' transform='translate(0.229)' fill='%23e6738a'/></g></g></svg>");
}
.lead_sec .bottom_area .list .item.item--01 .txt_box .head {
  color: var(--color-light-pink);
}
.lead_sec .bottom_area .list .item.item--02 .txt_box .comment .txt {
  background-color: var(--color-orange);
}
.lead_sec .bottom_area .list .item.item--02 .txt_box .comment .txt::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17.111' height='7' viewBox='0 0 17.111 7'><defs><clipPath id='clip-path'><rect width='17.111' height='7' fill='%23F38D61'/></clipPath></defs><g transform='translate(0.074)'><g transform='translate(-0.074)' clip-path='url(%23clip-path)'><path d='M8.2,6.879A8.333,8.333,0,0,0,0,0H16.655a8.333,8.333,0,0,0-8.2,6.879.123.123,0,0,1-.246,0' transform='translate(0.229)' fill='%23F38D61'/></g></g></svg>");
}
.lead_sec .bottom_area .list .item.item--02 .txt_box .head {
  color: var(--color-orange);
}
.lead_sec .bottom_area .list .item.item--03 .txt_box .comment .txt {
  background-color: var(--color-light-blue);
}
.lead_sec .bottom_area .list .item.item--03 .txt_box .comment .txt::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='17.111' height='7' viewBox='0 0 17.111 7'><defs><clipPath id='clip-path'><rect width='17.111' height='7' fill='%237CB6D4'/></clipPath></defs><g transform='translate(0.074)'><g transform='translate(-0.074)' clip-path='url(%23clip-path)'><path d='M8.2,6.879A8.333,8.333,0,0,0,0,0H16.655a8.333,8.333,0,0,0-8.2,6.879.123.123,0,0,1-.246,0' transform='translate(0.229)' fill='%237CB6D4'/></g></g></svg>");
}
.lead_sec .bottom_area .list .item.item--03 .txt_box .head {
  color: var(--color-light-blue);
}
.lead_sec .bottom_area .btn_list {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .lead_sec .top_area .inner .ttl {
    margin-bottom: 2.56vw;
    font-size: 2.928vw;
  }
  .lead_sec .top_area .inner .ttl .marker::before {
    width: 14.86vw;
    height: 1.54vw;
    bottom: -0.73vw;
    left: -0.22vw;
  }
  .lead_sec .top_area .inner .txt_area .txt {
    font-size: 1.464vw;
  }
  .lead_sec .top_area .img_area .img_block.sp_img_block {
    display: none;
  }
  .lead_sec .top_area .img_area .fix_img {
    height: auto;
  }
  .lead_sec .top_area .img_area .img01 {
    top: 0.37vw;
    left: 4.39vw;
    width: 13.69vw;
  }
  .lead_sec .top_area .img_area .img02 {
    top: 12.45vw;
    left: -4.1vw;
    width: 23.87vw;
  }
  .lead_sec .top_area .img_area .img03 {
    top: -0.81vw;
    right: -3.15vw;
    width: 22.55vw;
  }
  .lead_sec .top_area .img_area .img04 {
    top: 24.45vw;
    right: -0.59vw;
    width: 18.3vw;
  }
}
@media screen and (max-width: 1080px) {
  .lead_sec .bottom_area .list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
  .lead_sec .bottom_area .list .item .txt_box {
    padding: 0 15px 25px;
  }
  .lead_sec .bottom_area .list .item .txt_box .comment .txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lead_sec {
    padding: 115px 0 80px;
  }
  .lead_sec .top_area .inner .ttl {
    text-align: left;
  }
  .lead_sec .top_area .inner .ttl .marker::before {
    content: none;
  }
  .lead_sec .top_area .inner .txt_area .txt {
    font-size: 18px;
    text-align: left;
  }
  .lead_sec .top_area .img_area {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 40px;
    display: flex;
  }
  .lead_sec .top_area .img_area .img_block {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0 10px;
    animation: loop 50s -25s linear infinite;
  }
  .lead_sec .top_area .img_area .img_block.sp_img_block {
    animation: loop2 50s linear infinite;
  }
  .lead_sec .top_area .img_area .fix_img {
    position: relative;
    height: 200px;
    width: auto;
  }
  .lead_sec .top_area .img_area .fix_img + .fix_img {
    margin-left: 10px;
  }
  .lead_sec .top_area .img_area .img01,
  .lead_sec .top_area .img_area .img02,
  .lead_sec .top_area .img_area .img03,
  .lead_sec .top_area .img_area .img04 {
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
  }
  .lead_sec .top_area .point_area {
    flex-direction: column;
    align-items: stretch;
    margin: 80px auto 0;
    padding: 30px 15px 25px;
  }
  .lead_sec .top_area .point_area .left {
    justify-content: center;
    padding: 0;
    margin-bottom: 15px;
  }
  .lead_sec .top_area .point_area .right_area {
    padding-left: 0;
  }
  .lead_sec .top_area .point_area .right_area::before {
    content: none;
  }
  .lead_sec .bottom_area .scroll-infinity__wrap {
    margin-top: -5px;
  }
  .lead_sec .bottom_area .list {
    grid-template-columns: 1fr;
    row-gap: 40px;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .lead_sec .bottom_area .list .item .txt_box .comment .txt {
    font-size: 17px;
  }
  .lead_sec .bottom_area .list .item .txt_box .head {
    font-size: 22px;
  }
  .lead_sec .bottom_area .btn_list {
    margin-top: 60px;
  }
}
/*============================
service_sec
============================*/
.service_sec {
  padding: 100px 0;
  background-image: url("../../assets/img/p_top/our_bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
}
.service_sec .inner .list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 23px;
       column-gap: 23px;
}
.service_sec .inner .list .item {
  position: relative;
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.08);
}
.service_sec .inner .list .item .img_box {
  display: flex;
  justify-content: flex-end;
}
.service_sec .inner .list .item .img_box .num {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: -13px 15px 5px 14px;
  writing-mode: vertical-rl;
  font-family: var(--font-en);
  font-size: 14px;
  line-height: 1;
  color: var(--color-pink);
}
.service_sec .inner .list .item .img_box .num::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  margin-right: 3px;
  background-color: var(--color-pink);
}
.service_sec .inner .list .item .img_box .num .txt {
  flex-shrink: 0;
  margin-top: 13px;
}
.service_sec .inner .list .item .img_box .img_subbox {
  margin-top: 20px;
  overflow: hidden;
  border-radius: 10px 0px 0px 10px;
}
.service_sec .inner .list .item .img_box .img {
  width: 100%;
  height: auto;
  border-radius: 10px 0px 0px 10px;
}
.service_sec .inner .list .item .txt_box {
  margin-top: 23px;
  padding: 0 35px 30px;
}
.service_sec .inner .list .item .txt_box .head {
  margin-bottom: 17px;
  text-align: center;
  font-weight: var(--font-bold);
  font-size: 28px;
  line-height: 1.6;
}
.service_sec .inner .list .item .txt_box .head .highlight {
  position: relative;
  color: var(--color-pink);
}
.service_sec .inner .list .item .txt_box .head .highlight::before {
  content: "";
  position: absolute;
  width: 203px;
  height: 18px;
  bottom: -5px;
  left: -2px;
  background-image: url("../../assets/img/p_top/service_marker01.svg");
  background-size: cover;
}
.service_sec .inner .list .item .txt_box .head .highlight .subtxt {
  position: relative;
}
.service_sec .inner .list .item .txt_box .txt {
  font-weight: var(--font-medium);
  font-size: 18px;
  line-height: 1.88;
}
.service_sec .inner .list .item .item_link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.service_sec .inner .list .item.item--01 .txt_box .head .highlight::before {
  width: 203px;
  height: 18px;
  bottom: -5px;
  left: -2px;
  background-image: url("../../assets/img/p_top/service_marker01.svg");
}
.service_sec .inner .list .item.item--02 .txt_box .head .highlight::before {
  width: 178px;
  height: 19px;
  bottom: -6px;
  left: -6px;
  background-image: url("../../assets/img/p_top/service_marker02.svg");
}
.service_sec .inner .list .item.item--03 .txt_box .head .highlight::before {
  width: 251px;
  height: 23px;
  bottom: -11px;
  left: -1px;
  background-image: url("../../assets/img/p_top/service_marker03.svg");
}
.service_sec .inner .btn_list {
  margin-top: 25px;
}
.service_sec .inner .btn_list .btn_item {
  width: 100%;
}
.service_sec .inner .btn_list .btn_item .link {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .service_sec .inner .list .item .img_box .img {
    transition: scale 0.3s;
  }
  .service_sec .inner .list .item .txt_box .head {
    transition: color 0.3s;
  }
  .service_sec .inner .list .item .txt_box .txt {
    transition: color 0.3s;
  }
  .service_sec .inner .list .item:has(.item_link:hover) .img_box .img {
    scale: 1.05;
  }
  .service_sec .inner .list .item:has(.item_link:hover) .txt_box .head {
    color: var(--color-pink);
  }
  .service_sec .inner .list .item:has(.item_link:hover) .txt_box .txt {
    color: var(--color-pink);
  }
  .service_sec .inner .list .item:has(.item_link:hover) .txt_box .btn_list .btn_item .link {
    color: var(--color-pink);
    background-color: #fff;
  }
  .service_sec .inner .list .item:has(.item_link:hover) .txt_box .btn_list .btn_item .link::after {
    border-bottom: solid 2px var(--color-pink);
    border-right: solid 2px var(--color-pink);
  }
}
@media screen and (max-width: 1080px) {
  .service_sec .inner .list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .service_sec {
    padding: 80px 0;
  }
  .service_sec .inner .list {
    grid-template-columns: 1fr;
    row-gap: 40px;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .service_sec .inner .list .item .img_box .num {
    margin: -17px 20px 3px 20px;
  }
  .service_sec .inner .list .item .txt_box {
    padding: 0 15px 25px;
  }
  .service_sec .inner .btn_list {
    margin-top: 40px;
  }
  .service_sec .inner .btn_list .btn_item .link {
    width: 280px;
  }
}
/*============================
work_sec
============================*/
.work_sec {
  padding: 100px 0;
  overflow: hidden;
}
.work_sec .head_area {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 65px;
}
.work_sec .head_area .ttl {
  margin-bottom: 0;
}
.work_sec .list {
  display: flex;
}
.work_sec .sp_btn_list {
  display: none;
}

@media screen and (max-width: 767px) {
  .work_sec {
    padding: 80px 0;
  }
  .work_sec .head_area {
    margin-bottom: 30px;
  }
  .work_sec .head_area .ttl {
    margin-bottom: 0;
  }
  .work_sec .head_area .btn_list {
    display: none;
  }
  .work_sec .sp_btn_list {
    display: block;
    margin-top: 60px;
  }
}
/*============================
support_sec
============================*/
.support_sec {
  position: relative;
  padding: 100px 0;
  background-color: #fff;
}
.support_sec::before {
  content: "";
  position: absolute;
  top: 0;
  background-image: url("../../assets/img/p_top/support_bg.svg");
  opacity: 0.3;
  width: 100%;
  height: 100%;
}
.support_sec .inner {
  position: relative;
}
.support_sec .inner .lead {
  font-weight: var(--font-bold);
  font-size: 18px;
  line-height: 2.22;
  text-align: center;
}
.support_sec .inner .lead .highlight {
  color: var(--color-pink);
}
.support_sec .inner .support_contents {
  margin-top: 90px;
  padding: 10px;
  border-radius: 20px;
  background-color: var(--color-bg-beige);
}
.support_sec .inner .support_contents .inner {
  padding-bottom: 62px;
  border-radius: 10px;
  border: 3px solid var(--color-linen-beige);
}
.support_sec .inner .support_contents .comment {
  display: flex;
  justify-content: center;
  margin-bottom: 55px;
}
.support_sec .inner .support_contents .comment .txt {
  position: relative;
  display: inline-block;
  margin-top: -34px;
  padding: 7px 27px;
  border-radius: 9999px;
  color: #fff;
  font-weight: var(--font-bold);
  font-size: 28px;
  line-height: 1.6;
  text-align: center;
  background-color: var(--color-pink);
}
.support_sec .inner .support_contents .comment .txt::after {
  position: absolute;
  content: "";
  display: block;
  width: 42px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42.261' height='18' viewBox='0 0 42.261 18'><defs><clipPath id='clip-path'><rect width='42.261' height='18' fill='%23db3758'/></clipPath></defs><g transform='translate(-0.362)'><g transform='translate(0.362)' clip-path='url(%23clip-path)'><path d='M21.1,17.689A21.428,21.428,0,0,0,0,0H42.828a21.427,21.427,0,0,0-21.1,17.69.317.317,0,0,1-.633,0' transform='translate(-0.283)' fill='%23db3758'/></g></g></svg>");
}
.support_sec .inner .support_contents .bottom_area {
  display: flex;
  align-items: center;
  justify-content: center;
}
.support_sec .inner .support_contents .bottom_area .block_wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: 38px;
  justify-content: center;
  width: 600px;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block {
  min-width: 290px;
  background-color: #fff;
  border-radius: 10px;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block .subhead {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  border-radius: 10px 10px 0 0;
  font-weight: var(--font-bold);
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  color: #fff;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block .box {
  padding: 17px 20px;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block .box .list .item {
  position: relative;
  padding-left: 15px;
  font-weight: var(--font-bold);
  font-size: 16px;
  line-height: 1.6;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block .box .list .item::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background-color: var(--color-pale-pink);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block .box .list .item + .item {
  margin-top: 12px;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block:nth-child(n+2) {
  margin-top: 25px;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block:nth-child(odd):not(:first-child) {
  margin-left: 20px;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--01 {
  min-width: 370px;
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--01 .subhead {
  background-color: var(--color-pale-pink);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--02 .subhead {
  background-color: var(--color-light-green);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--02 .box .list .item::before {
  background-color: var(--color-light-green);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--03 .subhead {
  background-color: var(--color-sky-blue);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--03 .box .list .item::before {
  background-color: var(--color-sky-blue);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--04 .subhead {
  background-color: var(--color-light-purple);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--04 .box .list .item::before {
  background-color: var(--color-light-purple);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--05 .subhead {
  background-color: var(--color-coral-orange);
}
.support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--05 .box .list .item::before {
  background-color: var(--color-coral-orange);
}

@media screen and (max-width: 1200px) {
  .support_sec .inner .support_contents .inner {
    padding: 0 10px 62px;
  }
  .support_sec .inner .support_contents .bottom_area .img_block {
    width: 50%;
  }
  .support_sec .inner .support_contents .bottom_area .img_block .img {
    width: 100%;
    height: auto;
  }
  .support_sec .inner .support_contents .bottom_area .block_wrap {
    flex-direction: column;
    width: 50%;
  }
  .support_sec .inner .support_contents .bottom_area .block_wrap .option_block {
    min-width: unset;
  }
  .support_sec .inner .support_contents .bottom_area .block_wrap .option_block:nth-child(odd):not(:first-child) {
    margin-left: 0;
  }
  .support_sec .inner .support_contents .bottom_area .block_wrap .option_block.option_block--01 {
    min-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .support_sec {
    padding: 80px 0;
  }
  .support_sec .inner .lead {
    text-align: left;
  }
  .support_sec .inner .support_contents {
    margin-top: 70px;
  }
  .support_sec .inner .support_contents .inner {
    padding: 0 10px 25px;
  }
  .support_sec .inner .support_contents .comment .txt {
    margin-top: -40px;
    font-size: 16px;
  }
  .support_sec .inner .support_contents .bottom_area {
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
  }
  .support_sec .inner .support_contents .bottom_area .img_block {
    width: 100%;
    max-width: 300px;
    align-self: center;
  }
  .support_sec .inner .support_contents .bottom_area .block_wrap {
    margin: 40px 0 0;
    width: 100%;
  }
  .support_sec .inner .support_contents .bottom_area .block_wrap .option_block .box {
    padding: 17px 15px;
  }
}
/*============================
interview_sec
============================*/
.interview_sec {
  padding: 100px 0;
  overflow: hidden;
}
.interview_sec .inner .sp_btn_list {
  display: none;
}

@media screen and (max-width: 767px) {
  .interview_sec {
    padding: 80px 0;
  }
  .interview_sec .inner .sp_btn_list {
    display: block;
    margin-top: 60px;
  }
}
/*============================
column_sec
============================*/
.column_sec {
  padding: 100px 0;
  background-color: #fff;
  overflow: hidden;
}
.column_sec .inner .sp_btn_list {
  display: none;
}

@media screen and (max-width: 767px) {
  .column_sec {
    padding: 80px 0;
  }
  .column_sec .inner .sp_btn_list {
    display: block;
    margin-top: 60px;
  }
}
/*============================
news_sec
============================*/
.news_sec {
  padding: 100px 0;
}
.news_sec .inner {
  display: flex;
}
.news_sec .inner .news_area {
  width: 100%;
  margin-left: 70px;
  padding: 40px 35px 35px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.08);
}
.news_sec .inner .news_area .list .item .link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news_sec .inner .news_area .list .item .link .info_block {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-bottom: 10px;
}
.news_sec .inner .news_area .list .item .link .info_block .date {
  font-weight: var(--font-medium);
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #555;
}
.news_sec .inner .news_area .list .item .link .info_block .category {
  margin-left: 10px;
  padding: 3px 10px;
  font-weight: var(--font-bold);
  font-size: 13px;
  line-height: 1;
  color: var(--color-pink);
  border: 1px solid var(--color-pink);
  border-radius: 9999px;
}
.news_sec .inner .news_area .list .item .link .txt {
  font-weight: var(--font-bold);
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2.1875;
}
.news_sec .inner .news_area .list .item .link .circle {
  flex-shrink: 0;
  margin-left: 26px;
}
.news_sec .inner .news_area .list .item + .item {
  margin-top: 20px;
  padding-top: 25px;
  border-top: 1px solid var(--color-light-gray);
}
.news_sec .inner .sp_btn_list {
  display: none;
}

@media screen and (min-width: 768px) {
  .news_sec .inner .news_area .list .item .link .txt_block {
    transition: color 0.3s;
  }
  .news_sec .inner .news_area .list .item .link .info_block .date {
    transition: color 0.3s;
  }
  .news_sec .inner .news_area .list .item .link .info_block .category {
    transition: background 0.3s, color 0.3s;
  }
  .news_sec .inner .news_area .list .item .link .txt {
    transition: color 0.3s;
  }
  .news_sec .inner .news_area .list .item .link:hover .txt_block .info_block .date {
    color: var(--color-pink);
  }
  .news_sec .inner .news_area .list .item .link:hover .txt_block .info_block .category {
    background-color: var(--color-pink);
    color: #fff;
  }
  .news_sec .inner .news_area .list .item .link:hover .txt_block .txt {
    color: var(--color-pink);
  }
  .news_sec .inner .news_area .list .item .link:hover .circle {
    background-color: #fff;
    border-color: rgba(219, 55, 88, 0.7);
  }
  .news_sec .inner .news_area .list .item .link:hover .circle::after {
    border-bottom: solid 2px var(--color-pink);
    border-right: solid 2px var(--color-pink);
  }
}
@media screen and (max-width: 767px) {
  .news_sec {
    padding: 80px 0;
  }
  .news_sec .inner {
    flex-direction: column;
  }
  .news_sec .inner .head_area .btn_list {
    display: none;
  }
  .news_sec .inner .news_area {
    margin-left: 0;
    padding: 30px 15px 25px;
  }
  .news_sec .inner .news_area .list .item .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .news_sec .inner .news_area .list .item .link .info_block {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 10px;
  }
  .news_sec .inner .news_area .list .item .link .info_block .date {
    font-weight: var(--font-medium);
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #555;
  }
  .news_sec .inner .news_area .list .item .link .info_block .category {
    margin-left: 10px;
    padding: 3px 10px;
    font-weight: var(--font-bold);
    font-size: 13px;
    line-height: 1;
    color: var(--color-pink);
    border: 1px solid var(--color-pink);
    border-radius: 9999px;
  }
  .news_sec .inner .news_area .list .item .link .txt {
    font-weight: var(--font-bold);
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 2.1875;
  }
  .news_sec .inner .news_area .list .item .link .circle {
    flex-shrink: 0;
    margin-left: 26px;
  }
  .news_sec .inner .news_area .list .item + .item {
    margin-top: 20px;
    padding-top: 25px;
    border-top: 1px solid var(--color-light-gray);
  }
  .news_sec .inner .sp_btn_list {
    display: block;
    margin-top: 60px;
  }
}