@charset "UTF-8";
/* ======================================================================
 p-top
====================================================================== */
/*============================
 sec-kv
============================*/
.sec-kv {
  position: relative;
  padding-top: 137px;
  background-image: url("../../assets/img/top/bg-kv-01.jpg");
  background-size: cover;
  background-position: bottom left;
  height: 728px;
}
.sec-kv .inner-kv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 58px 0 65px;
}
.sec-kv .inner-kv .block-catch .catch-ttl {
  margin-bottom: 30px;
  color: var(--color-ttl-black);
  font-size: 52px;
  letter-spacing: 0.05em;
  font-weight: var(--font-bold);
  letter-spacing: 3px;
}
.sec-kv .inner-kv .block-catch .catch-subttl {
  margin-bottom: 12px;
  color: var(--color-ttl-black);
  font-size: 18px;
  line-height: 2.22;
  letter-spacing: 1px;
}
.sec-kv .inner-kv .block-catch .catch-note {
  color: var(--color-ttl-black);
  font-size: 13px;
}
.sec-kv .inner-kv .block-btn-list {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.sec-kv .inner-kv .block-btn-list .list-item + .list-item {
  margin-left: 25px;
}
.sec-kv .inner-kv .area-img {
  position: relative;
  margin-left: 35px;
}
.sec-kv .inner-kv .area-img .img-kv01,
.sec-kv .inner-kv .area-img .img-kv02 {
  border-radius: 30px;
  display: block;
  box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.08);
}
.sec-kv .inner-kv .area-img .img-kv02 {
  margin-top: -55px;
  margin-left: -47px;
}

@media screen and (min-width: 768px) {
  .sec-kv {
    padding-top: 10.03vw;
    height: 53.29vw;
  }
  .sec-kv .inner-kv {
    margin: 0 4.25vw 0 4.76vw;
  }
  .sec-kv .inner-kv .block-catch .catch-ttl {
    margin-bottom: 2.2vw;
    font-size: 3.82vw;
  }
  .sec-kv .inner-kv .block-catch .catch-subttl {
    margin-bottom: 0.88vw;
    font-size: 1.318vw;
  }
  .sec-kv .inner-kv .block-catch .catch-note {
    font-size: 0.952vw;
  }
  .sec-kv .inner-kv .block-btn-list {
    margin-top: 2.92vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item + .list-item {
    margin-left: 1.83vw;
  }
  .sec-kv .inner-kv .area-img {
    margin-left: 2.55vw;
  }
  .sec-kv .inner-kv .area-img .img-kv01,
  .sec-kv .inner-kv .area-img .img-kv02 {
    border-radius: 2.2vw;
  }
  .sec-kv .inner-kv .area-img .img-kv01 {
    width: 38.64vw;
    height: auto;
  }
  .sec-kv .inner-kv .area-img .img-kv02 {
    width: 22.04vw;
    height: auto;
    margin-top: -4.02vw;
    margin-left: -3.44vw;
  }
}
@media screen and (max-width: 1200px) {
  .sec-kv {
    padding-top: 105px;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link {
    width: 20.83vw;
    height: 4.68vw;
    font-size: 1.458vw;
    padding: 1.172vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link::before {
    width: 1.25vw;
    height: 1.83vw;
    left: 2.78vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link .circle {
    height: 2vw;
    width: 2vw;
    right: 1.5vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link .circle::after {
    width: 0.5vw;
    height: 0.5vw;
    right: 0.5vw;
    top: 0.5vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link.c-btn-2--company::before {
    width: 1.17vw;
    height: 1.83vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item + .list-item {
    margin-left: 0.83vw;
  }
}
@media screen and (max-width: 767px) {
  .sec-kv {
    background-image: url("../../assets/img/top/bg-kb-01-sp.jpg");
    padding-top: 92px;
    height: 914px;
    height: 243.73vw;
  }
  .sec-kv .inner-kv {
    flex-direction: column-reverse;
    align-items: stretch;
    justify-content: flex-start;
    margin: 0 18px;
    margin: 0 4.8vw;
  }
  .sec-kv .inner-kv .area-txt {
    margin-top: 32px;
    margin-top: 8.53vw;
  }
  .sec-kv .inner-kv .block-catch .catch-ttl {
    margin-bottom: 20px;
    margin-bottom: 5.33vw;
    letter-spacing: 0.05em;
    font-size: 8vw;
  }
  .sec-kv .inner-kv .block-catch .catch-subttl {
    line-height: 2;
    margin-bottom: 14px;
    margin-bottom: 3.73vw;
    font-size: 18px;
    font-size: 4.8vw;
  }
  .sec-kv .inner-kv .block-catch .catch-note {
    font-size: 13px;
    font-size: 3.467vw;
  }
  .sec-kv .inner-kv .block-btn-list {
    flex-direction: column;
    margin-top: 50px;
    margin-top: 13.33vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link {
    width: 270px;
    width: 72vw;
    height: 60px;
    height: 16vw;
    font-size: 20px;
    padding: 10px;
    padding: 2.67vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link::before {
    width: 14px;
    width: 3.73vw;
    height: 21px;
    height: 5.6vw;
    left: 35px;
    left: 9.33vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link .circle {
    height: 24px;
    height: 6.4vw;
    width: 24px;
    width: 6.4vw;
    right: 20px;
    right: 5.33vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link .circle::after {
    width: 6px;
    width: 1.6vw;
    height: 6px;
    height: 1.6vw;
    right: 6px;
    right: 1.6vw;
    top: 6px;
    top: 1.6vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item .link.c-btn-2--company::before {
    width: 14px;
    width: 3.73vw;
    height: 21px;
    height: 5.6vw;
  }
  .sec-kv .inner-kv .block-btn-list .list-item + .list-item {
    margin-left: 0;
    margin-top: 20px;
    margin-top: 5.33vw;
  }
  .sec-kv .inner-kv .area-img {
    margin-left: 0;
  }
  .sec-kv .inner-kv .area-img .img-kv01,
  .sec-kv .inner-kv .area-img .img-kv02 {
    border-radius: 15px;
  }
  .sec-kv .inner-kv .area-img .img-kv01 {
    width: 71.73vw;
    height: auto;
    margin-left: auto;
  }
  .sec-kv .inner-kv .area-img .img-kv02 {
    width: 42.13vw;
    height: auto;
    margin-top: -20vw;
    margin-left: 0;
  }
}
/*============================
wrap-sec
============================*/
.wrap-sec-01,
.wrap-sec-02 {
  position: relative;
  overflow: hidden;
}
.wrap-sec-01::before,
.wrap-sec-02::before {
  content: "";
  position: absolute;
  top: 202px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/top/bg_wrap.png");
  background-size: 100% auto;
  background-repeat: repeat-y;
}

@media screen and (max-width: 767px) {
  .wrap-sec-01::before,
  .wrap-sec-02::before {
    top: 340px;
    background-image: url("../img/top/bg_wrap-sp.png");
  }
}
/*============================
sec-applicants
============================*/
.sec-applicants {
  position: relative;
  padding: 90px 0 0;
}
.sec-applicants .inner-applicants .area-applicants .block-txt .txt .link {
  line-height: 1;
}
/*============================
sec-strength
============================*/
.sec-strength {
  position: relative;
  padding: 160px 0 107px;
}
.sec-strength .inner-strength .ttl-strength {
  margin-bottom: 42px;
}
.sec-strength .inner-strength .lead-strength {
  margin-bottom: 55px;
  text-align: center;
  font-size: 24px;
  line-height: 1.875;
}
.sec-strength .inner-strength .lead-strength .highlight {
  color: var(--color-pink);
  font-size: 28px;
  font-weight: var(--font-bold);
  line-height: 1.875;
}
.sec-strength .inner-strength .list-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 107px;
}
.sec-strength .inner-strength .list-btn .item-btn .link {
  width: 766px;
  height: 136px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 23px 38px 23px 23px;
  border: 3px solid var(--color-light-gray);
  border-radius: 14px;
  color: var(--color-ttl-black);
  font-size: 24px;
  font-weight: var(--font-bold);
  background-color: var(--color-strength-gray);
}
.sec-strength .inner-strength .list-btn .item-btn .link .txt {
  display: flex;
  align-items: center;
}
.sec-strength .inner-strength .list-btn .item-btn .link .txt::before {
  content: "";
  display: block;
  width: 90px;
  height: 90px;
  margin-right: 30px;
  border-radius: 10px;
  background-image: url("../../assets/img/top/btn-strength-01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  transition: background 0.3s;
}
.sec-strength .inner-strength .list-btn .item-btn .link .txt .place {
  font-size: 20px;
}
.sec-strength .inner-strength .list-btn .item-btn .link .circle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-pink);
  border-radius: 9999px;
  border: 2px solid transparent;
  height: 28px;
  width: 28px;
  transition: background 0.3s;
}
.sec-strength .inner-strength .list-btn .item-btn .link .circle::after {
  content: "";
  display: block;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  background: transparent;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 7px;
  top: 7px;
  transition: border 0.3s;
  transform: rotate(45deg);
}

@media screen and (min-width: 768px) {
  .sec-strength .inner-strength .list-btn .item-btn .link {
    transition: 0.3s;
  }
  .sec-strength .inner-strength .list-btn .item-btn .link:hover {
    border: 3px solid var(--color-pink);
    color: #fff;
    background-color: var(--color-pink);
  }
  .sec-strength .inner-strength .list-btn .item-btn .link:hover .circle {
    background-color: #fff;
  }
  .sec-strength .inner-strength .list-btn .item-btn .link:hover .circle::after {
    border-bottom: solid 2px var(--color-pink);
    border-right: solid 2px var(--color-pink);
  }
}
@media screen and (max-width: 1200px) {
  .sec-strength .inner-strength .list-btn .item-btn .link {
    width: 728px;
  }
}
@media screen and (max-width: 767px) {
  .sec-strength {
    padding: 133px 0 100px;
  }
  .sec-strength .inner-strength .ttl-strength {
    margin-bottom: 28px;
  }
  .sec-strength .inner-strength .lead-strength {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 1.97;
  }
  .sec-strength .inner-strength .lead-strength .highlight {
    font-size: 22px;
    line-height: 1.61;
  }
  .sec-strength .inner-strength .list-strength .item-strength .box-img .img {
    height: auto;
  }
  .sec-strength .inner-strength .list-strength .item-strength.c-item-card--01 .box-img .img {
    width: 203px;
  }
  .sec-strength .inner-strength .list-strength .item-strength.c-item-card--02 .box-img .img {
    width: 197px;
  }
  .sec-strength .inner-strength .list-strength .item-strength.c-item-card--03 .box-img .img {
    width: 132px;
  }
  .sec-strength .inner-strength .list-strength .item-strength.c-item-card--04 .box-img .img {
    width: 172px;
  }
  .sec-strength .inner-strength .list-btn {
    margin-top: 60px;
  }
  .sec-strength .inner-strength .list-btn .item-btn {
    width: 100%;
  }
  .sec-strength .inner-strength .list-btn .item-btn .link {
    max-width: unset;
    width: 100%;
    height: 98px;
    padding: 22px 15px 18px 20px;
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.61;
  }
  .sec-strength .inner-strength .list-btn .item-btn .link .txt::before {
    width: 58px;
    height: 58px;
    margin-right: 15px;
    border-radius: 5px;
  }
  .sec-strength .inner-strength .list-btn .item-btn .link .txt .place {
    font-size: 14px;
  }
  .sec-strength .inner-strength .list-btn .item-btn .link .circle {
    height: 20px;
    width: 20px;
  }
  .sec-strength .inner-strength .list-btn .item-btn .link .circle::after {
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    width: 6px;
    height: 6px;
    right: 5px;
    top: 5px;
  }
}
/*============================
sec-jobs
============================*/
.sec-jobs {
  position: relative;
  background: linear-gradient(135deg, #FF7C7C 0%, #FF8989 46%, #7EC1FF 100%);
  padding-bottom: 33px;
}
.sec-jobs .inner-jobs {
  display: flex;
  align-items: flex-end;
}
.sec-jobs .inner-jobs .area-txt {
  padding-bottom: 55px;
}
.sec-jobs .inner-jobs .area-txt .ttl-jobs {
  margin-bottom: 42px;
  color: #fff;
  font-size: 32px;
  letter-spacing: 1.6px;
  line-height: 2;
  font-weight: var(--font-bold);
}
.sec-jobs .inner-jobs .area-img {
  display: flex;
  flex-direction: column;
  margin: -39px 0 0 50px;
}
.sec-jobs .inner-jobs .area-img .img-jobs01,
.sec-jobs .inner-jobs .area-img .img-jobs02,
.sec-jobs .inner-jobs .area-img .img-jobs03 {
  border-radius: 20px;
  box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.08);
}
.sec-jobs .inner-jobs .area-img .img-jobs01 {
  align-self: end;
  margin-right: -116px;
}
.sec-jobs .inner-jobs .area-img .img-jobs02 {
  margin-top: -75px;
}
.sec-jobs .inner-jobs .area-img .img-jobs03 {
  align-self: end;
  margin: -52px -56px 0 0;
}

@media screen and (max-width: 1200px) {
  .sec-jobs {
    padding-bottom: 2.75vw;
  }
  .sec-jobs .inner-jobs {
    justify-content: space-between;
  }
  .sec-jobs .inner-jobs .area-txt {
    padding-bottom: 4.58vw;
  }
  .sec-jobs .inner-jobs .area-txt .ttl-jobs {
    font-size: 2.25vw;
    margin-bottom: 3.5vw;
  }
  .sec-jobs .inner-jobs .area-img .img-jobs01,
  .sec-jobs .inner-jobs .area-img .img-jobs02,
  .sec-jobs .inner-jobs .area-img .img-jobs03 {
    height: auto;
  }
  .sec-jobs .inner-jobs .area-img .img-jobs01 {
    width: 20.67vw;
    margin-right: 0;
  }
  .sec-jobs .inner-jobs .area-img .img-jobs02 {
    width: 33.25vw;
    margin-top: -6.25vw;
    transform: translateX(-9.67vw);
  }
  .sec-jobs .inner-jobs .area-img .img-jobs03 {
    width: 9.58vw;
    margin: -4.33vw 0 0 0;
    transform: translateX(-6.67vw);
  }
}
@media screen and (max-width: 767px) {
  .sec-jobs {
    padding-bottom: 40px;
    background: linear-gradient(90deg, #FF7C7C 0%, #FF8989 46%, #7EC1FF 100%);
    border-radius: 0 0 20px 20px;
  }
  .sec-jobs .inner-jobs {
    align-items: stretch;
    flex-direction: column-reverse;
  }
  .sec-jobs .inner-jobs .area-txt {
    margin-top: 32px;
    padding-bottom: 0;
  }
  .sec-jobs .inner-jobs .area-txt .ttl-jobs {
    font-size: 20px;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
  }
  .sec-jobs .inner-jobs .area-txt .list-btn .item-btn {
    display: flex;
    justify-content: center;
  }
  .sec-jobs .inner-jobs .area-img {
    margin: -17px 0 0 0;
  }
  .sec-jobs .inner-jobs .area-img .img-jobs01,
  .sec-jobs .inner-jobs .area-img .img-jobs02,
  .sec-jobs .inner-jobs .area-img .img-jobs03 {
    border-radius: 13px;
    box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, 0.08);
  }
  .sec-jobs .inner-jobs .area-img .img-jobs01 {
    width: 42.13vw;
  }
  .sec-jobs .inner-jobs .area-img .img-jobs02 {
    width: 68vw;
    margin-top: -10.93vw;
    transform: translateX(0);
  }
  .sec-jobs .inner-jobs .area-img .img-jobs03 {
    width: 19.73vw;
    margin: -9.6vw 0 0 0;
    transform: translateX(-10.13vw);
  }
}
@media screen and (max-width: 370px) {
  .sec-jobs .inner-jobs .area-txt .ttl-jobs {
    font-size: 19px;
  }
}
/*============================
sec-company
============================*/
.sec-company {
  position: relative;
  padding: 100px 0 0;
}
@media screen and (max-width: 767px) {
  .sec-company {
    padding: 90px 0 0;
  }
}
/*============================
sec-values
============================*/
.sec-values {
  position: relative;
  padding: 180px 0 0;
}
.sec-values .inner-values .list-values .item-values .box-img .img {
  height: auto;
}
.sec-values .inner-values .list-values .item-values.c-item-card--01 .box-img .img {
  width: 142px;
}
.sec-values .inner-values .list-values .item-values.c-item-card--02 .box-img .img {
  width: 148px;
}
.sec-values .inner-values .list-values .item-values.c-item-card--03 .box-img .img {
  width: 142px;
}
.sec-values .inner-values .list-values .item-values.c-item-card--04 .box-img .img {
  width: 255px;
}

@media screen and (max-width: 767px) {
  .sec-values {
    padding: 100px 0 0;
  }
}
/*============================
sec-features
============================*/
.sec-features {
  position: relative;
  padding: 211px 0 0;
}
.sec-features .inner-features .list-features .item-features {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px 60px;
  border-bottom: 1px solid var(--color-gray);
}
.sec-features .inner-features .list-features .item-features .area-txt {
  width: 460px;
}
.sec-features .inner-features .list-features .item-features .area-txt .num-features {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  background-color: var(--color-blue);
  padding: 3px 15px 3px 15px;
  border-radius: 5px;
}
.sec-features .inner-features .list-features .item-features .area-txt .num-features::after {
  position: absolute;
  top: 0;
  right: -6px;
  content: "";
  display: block;
  border-style: solid;
  border-width: 12px 0 12px 8px;
  border-color: transparent transparent transparent var(--color-blue);
}
.sec-features .inner-features .list-features .item-features .area-txt .num-features .txt {
  color: #fff;
  font-size: 15px;
  font-family: var(--font-en);
  font-weight: var(--font-medium);
}
.sec-features .inner-features .list-features .item-features .area-txt .num-features .num {
  margin-left: 5px;
  color: #fff;
  font-size: 16px;
  font-family: var(--font-en);
  font-weight: var(--font-medium);
}
.sec-features .inner-features .list-features .item-features .area-txt .head {
  margin-bottom: 27px;
  color: var(--color-ttl-black);
  font-size: 32px;
  letter-spacing: 1.6px;
  font-weight: var(--font-bold);
}
.sec-features .inner-features .list-features .item-features .area-txt .list-txt .item-txt {
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  line-height: 2;
}
.sec-features .inner-features .list-features .item-features .area-txt .list-txt .item-txt::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 9999px;
  background-color: var(--color-blue);
}
.sec-features .inner-features .list-features .item-features .area-txt .list-txt .item-txt + .item-txt {
  margin-top: 10px;
}
.sec-features .inner-features .list-features .item-features .area-txt .txt-note {
  margin-top: 12px;
  color: var(--color-ttl-black);
  font-size: 14px;
  line-height: 1.57;
  text-indent: -1em;
  padding-left: 1em;
}
.sec-features .inner-features .list-features .item-features .area-img {
  margin-left: 80px;
}
.sec-features .inner-features .list-features .item-features .area-img .img {
  border-radius: 40px;
}
.sec-features .inner-features .list-features .item-features.item-features--vertical {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.sec-features .inner-features .list-features .item-features.item-features--vertical .area-txt {
  width: 100%;
}
.sec-features .inner-features .list-features .item-features.item-features--vertical .area-img {
  align-self: center;
  margin-left: 0;
  margin-top: 53px;
}
.sec-features .inner-features .list-features .item-features.item-features--vertical .area-img .txt-img {
  margin-bottom: 30px;
  text-align: center;
  font-size: 28px;
  letter-spacing: 1.4px;
  font-weight: var(--font-bold);
}
.sec-features .inner-features .list-features .item-features.item-features--vertical .area-img .img {
  border-radius: 0;
}
.sec-features .inner-features .list-features .item-features + .item-features {
  padding-top: 60px;
}
.sec-features .inner-features .list-features .item-features.item-features--adjut-img .area-img {
  margin-right: 53px;
}
.sec-features .inner-features .list-features .item-features.item-features--adjut-img .area-img .img {
  border-radius: 0;
}

@media screen and (max-width: 1200px) {
  .sec-features .inner-features .list-features .item-features {
    padding: 0 0 60px;
  }
  .sec-features .inner-features .list-features .item-features .area-txt {
    width: 50%;
  }
  .sec-features .inner-features .list-features .item-features .area-img {
    width: 50%;
  }
  .sec-features .inner-features .list-features .item-features .area-img .img {
    width: 100%;
    height: auto;
  }
  .sec-features .inner-features .list-features .item-features.item-features--vertical .area-img {
    width: auto;
  }
  .sec-features .inner-features .list-features .item-features.item-features--vertical .area-img .img {
    max-width: 780px;
    width: 100%;
    height: auto;
  }
  .sec-features .inner-features .list-features .item-features.item-features--adjut-img .area-img {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-features {
    padding: 100px 0 0;
  }
  .sec-features .inner-features .list-features .item-features {
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column-reverse;
    padding: 0 0 23px;
  }
  .sec-features .inner-features .list-features .item-features .area-txt {
    width: 100%;
    margin-top: 32px;
  }
  .sec-features .inner-features .list-features .item-features .area-txt .num-features {
    margin-bottom: 13px;
    padding: 2px 15px 2px 15px;
  }
  .sec-features .inner-features .list-features .item-features .area-txt .num-features::after {
    right: -4px;
    border-width: 10px 0 10px 6px;
  }
  .sec-features .inner-features .list-features .item-features .area-txt .num-features .txt {
    font-size: 13px;
  }
  .sec-features .inner-features .list-features .item-features .area-txt .num-features .num {
    font-size: 14px;
  }
  .sec-features .inner-features .list-features .item-features .area-txt .head {
    margin-bottom: 22px;
    font-size: 24px;
    letter-spacing: 0.05em;
  }
  .sec-features .inner-features .list-features .item-features .area-txt .list-txt .item-txt {
    padding-left: 14px;
  }
  .sec-features .inner-features .list-features .item-features .area-txt .list-txt .item-txt::before {
    top: 11px;
  }
  .sec-features .inner-features .list-features .item-features .area-img {
    width: 100%;
    margin-left: 0;
  }
  .sec-features .inner-features .list-features .item-features .area-img .img {
    border-radius: 20px;
  }
  .sec-features .inner-features .list-features .item-features.item-features--vertical {
    flex-direction: column-reverse;
  }
  .sec-features .inner-features .list-features .item-features.item-features--vertical .area-img {
    margin-top: 5px;
  }
  .sec-features .inner-features .list-features .item-features.item-features--vertical .area-img .txt-img {
    margin-bottom: 17px;
    font-size: 20px;
  }
  .sec-features .inner-features .list-features .item-features + .item-features {
    padding-top: 30px;
  }
}
/*============================
sec-plans
============================*/
.sec-plans {
  position: relative;
  padding: 170px 0 0;
}
.sec-plans .inner-plans .list-plans .item-plans {
  padding: 57px 60px 60px;
  border-radius: 40px;
  border: 1px solid var(--color-gray);
  background-color: #fff;
}
.sec-plans .inner-plans .list-plans .item-plans .area-txt {
  margin-bottom: 48px;
  text-align: center;
}
.sec-plans .inner-plans .list-plans .item-plans .area-txt .head {
  color: var(--color-ttl-black);
  font-size: 32px;
  letter-spacing: 1.6px;
  font-weight: var(--font-bold);
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .subhead {
  padding: 14px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  letter-spacing: 1.2px;
  font-weight: var(--font-bold);
  border-radius: 20px 20px 0 0;
  background-color: var(--color-basic-blue);
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail {
  display: flex;
  padding: 30px;
  border-right: 1px solid var(--color-plan-gray);
  border-bottom: 1px solid var(--color-plan-gray);
  border-left: 1px solid var(--color-plan-gray);
  border-radius: 0 0 20px 20px;
  background-color: #fff;
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 242px;
  padding: 30px 10px 17px;
  text-align: center;
  border-radius: 10px;
  background-color: var(--color-strength-gray);
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail .box-txt .summary {
  margin-top: 17px;
  color: var(--color-ttl-black);
  font-size: 18px;
  font-weight: var(--font-bold);
  line-height: 1.611;
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail .box-txt .txt {
  margin-top: 10px;
  text-align: left;
  font-size: 16px;
  line-height: 2;
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail .txt {
  margin-top: 10px;
  text-align: left;
  font-size: 16px;
  line-height: 2;
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail + .item-detail {
  margin-left: 18px;
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans + .block-plans {
  margin-top: 62px;
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option {
  position: relative;
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option::before {
  content: "";
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  width: 37px;
  height: 37px;
  transform: translate(-50%, -50%);
  background: linear-gradient(var(--color-black), var(--color-black)) center/5px 100% no-repeat, linear-gradient(var(--color-black), var(--color-black)) center/100% 5px no-repeat;
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option .subhead {
  background-color: var(--color-option-pink);
}
.sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option .list-detail .item-detail {
  justify-content: flex-start;
  width: 325px;
  padding: 30px 25px 25px;
}
.sec-plans .inner-plans .list-plans .item-plans + .item-plans {
  margin-top: 66px;
}

@media screen and (max-width: 1200px) {
  .sec-plans .inner-plans .list-plans .item-plans {
    padding: 57px 20px 60px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-img .img {
    max-width: 1080px;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .sec-plans {
    padding: 100px 0 0;
  }
  .sec-plans .inner-plans .list-plans .item-plans {
    padding: 37px 20px 20px;
    border-radius: 20px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-txt {
    margin-bottom: 30px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-txt .head {
    font-size: 24px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .subhead {
    padding: 11px;
    font-size: 20px;
    border-radius: 10px 10px 0 0;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail {
    flex-direction: column;
    padding: 13px 15px;
    border-radius: 0 0 10px 10px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 22px 26px;
    text-align: left;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail .box-img .img {
    width: 32px;
    height: auto;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail .box-txt {
    margin-left: 26px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail .box-txt .summary {
    margin-top: 0;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail .box-txt .txt {
    margin-top: 23px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail + .item-detail {
    margin-left: 0;
    margin-top: 15px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans + .block-plans {
    margin-top: 52px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option::before {
    top: -26px;
    width: 29px;
    height: 29px;
    background: linear-gradient(var(--color-black), var(--color-black)) center/4px 100% no-repeat, linear-gradient(var(--color-black), var(--color-black)) center/100% 4px no-repeat;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option .list-detail .item-detail {
    flex-direction: column;
    width: 100%;
    padding: 30px 15px 15px;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option .list-detail .item-detail .wrap-box {
    display: flex;
    align-items: center;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option .list-detail .item-detail .box-img .img {
    width: 40px;
    height: auto;
  }
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans.block-plans--option .list-detail .item-detail .txt {
    margin-top: 23px;
  }
  .sec-plans .inner-plans .list-plans .item-plans + .item-plans {
    margin-top: 30px;
  }
}
@media screen and (max-width: 370px) {
  .sec-plans .inner-plans .list-plans .item-plans .area-detail .block-plans .list-detail .item-detail .box-txt .summary {
    font-size: 17px;
  }
}
/*============================
sec-office
============================*/
.sec-office {
  position: relative;
  padding: 132px 0 0;
}
.sec-office .inner-office .area-company {
  padding: 65px 74px 85px 60px;
  border-radius: 40px;
  background-color: var(--color-strength-gray);
}
.sec-office .inner-office .area-company .subttl-office {
  margin-bottom: 70px;
  text-align: center;
  color: var(--color-ttl-black);
  font-size: 32px;
  letter-spacing: 1.6px;
  line-height: 1.4;
  font-weight: var(--font-bold);
}
.sec-office .inner-office .area-company .wrap-block {
  display: flex;
}
.sec-office .inner-office .area-company .wrap-block .block-img {
  margin-top: 20px;
}
.sec-office .inner-office .area-company .wrap-block .block-img .img {
  border-radius: 20px;
}
.sec-office .inner-office .area-company .wrap-block .block-txt {
  flex-grow: 1;
  margin-left: 60px;
}
.sec-office .inner-office .area-company .wrap-block .block-txt .head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 15px 0;
  color: var(--color-ttl-black);
  font-size: 24px;
  letter-spacing: 1.2px;
  line-height: 1.6;
  font-weight: var(--font-bold);
  border-bottom: 1px solid var(--color-office-gray);
}
.sec-office .inner-office .area-company .wrap-block .block-txt .head .txt {
  position: relative;
  padding-left: 18px;
}
.sec-office .inner-office .area-company .wrap-block .block-txt .head .txt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 4px;
  height: 63.15%;
  border-radius: 2px;
  background-color: var(--color-blue);
  transform: translateY(-50%);
}
.sec-office .inner-office .area-company .wrap-block .block-txt .list-exposition {
  margin-top: 30px;
}
.sec-office .inner-office .area-company .wrap-block .block-txt .list-exposition .item {
  position: relative;
  padding-left: 13px;
  font-size: 16px;
  line-height: 1.8125;
}
.sec-office .inner-office .area-company .wrap-block .block-txt .list-exposition .item::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 9px;
  width: 9px;
  height: 9px;
  border-radius: 9999px;
  background-color: var(--color-blue);
}
.sec-office .inner-office .area-company .wrap-block .block-txt .list-exposition .item + .item {
  margin-top: 8px;
}
.sec-office .inner-office .area-company .wrap-block .block-txt .box-summary {
  margin-top: 30px;
  padding: 14px 20px;
  border-radius: 10px;
  background-color: #fff;
}
.sec-office .inner-office .area-company .wrap-block .block-txt .box-summary .item {
  display: flex;
  font-size: 16px;
  line-height: 2;
}
.sec-office .inner-office .area-company .wrap-block .block-txt .box-summary .item .item-head {
  width: 52px;
  font-weight: var(--font-regular);
}
.sec-office .inner-office .area-company .wrap-block .block-txt .box-summary .item .txt {
  display: flex;
  margin-left: 10px;
}
.sec-office .inner-office .area-company .wrap-block .block-txt .box-summary .item .txt::before {
  content: "："; /* 『 (U+300E) */
  display: block;
  margin-right: 5px;
}
.sec-office .inner-office .list-btn {
  margin-top: 66px;
}
.sec-office .inner-office .list-btn .item-btn {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sec-office .inner-office .list-btn .item-btn .txt-comment {
  display: flex;
  margin-bottom: 14px;
  color: var(--color-ttl-black);
  font-size: 18px;
  font-weight: var(--font-bold);
}
.sec-office .inner-office .list-btn .item-btn .txt-comment::before, .sec-office .inner-office .list-btn .item-btn .txt-comment::after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: var(--color-black);
}
.sec-office .inner-office .list-btn .item-btn .txt-comment::before {
  margin-right: 10px;
  transform: rotate(-20deg);
}
.sec-office .inner-office .list-btn .item-btn .txt-comment::after {
  margin-left: 10px;
  transform: rotate(20deg);
}
@media screen and (max-width: 1200px) {
  .sec-office .inner-office .area-company {
    padding: 65px 20px 85px;
  }
  .sec-office .inner-office .area-company .wrap-block .block-img {
    width: 50%;
  }
  .sec-office .inner-office .area-company .wrap-block .block-img .img {
    width: 100%;
    height: auto;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt {
    width: 50%;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt .box-summary .item .item-head {
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-office {
    padding: 100px 0 0;
  }
  .sec-office .inner-office {
    position: relative;
  }
  .sec-office .inner-office .area-company {
    padding: 35px 20px 20px;
    border-radius: 20px;
  }
  .sec-office .inner-office .area-company .subttl-office {
    margin-bottom: 30px;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.583;
  }
  .sec-office .inner-office .area-company .wrap-block {
    flex-direction: column;
  }
  .sec-office .inner-office .area-company .wrap-block .block-img {
    width: 100%;
    margin-top: 0;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt .head {
    font-size: 18px;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt .head .txt {
    padding-left: 14px;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt .list-exposition .item::before {
    top: 10px;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt .box-summary {
    margin-top: 15px;
    padding: 20px 15px;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt .box-summary .item {
    line-height: 1.625;
  }
  .sec-office .inner-office .area-company .wrap-block .block-txt .box-summary .item + .item {
    margin-top: 5px;
  }
}
/*============================
sec-btn
============================*/
.sec-btn {
  padding: 0;
}
.sec-btn .inner-btn .list-btn {
  margin-top: 66px;
}
.sec-btn .inner-btn .list-btn .item-btn {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sec-btn .inner-btn .list-btn .item-btn .txt-comment {
  display: flex;
  margin-bottom: 14px;
  color: var(--color-ttl-black);
  font-size: 18px;
  font-weight: var(--font-bold);
}
.sec-btn .inner-btn .list-btn .item-btn .txt-comment::before, .sec-btn .inner-btn .list-btn .item-btn .txt-comment::after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: var(--color-black);
}
.sec-btn .inner-btn .list-btn .item-btn .txt-comment::before {
  margin-right: 10px;
  transform: rotate(-20deg);
}
.sec-btn .inner-btn .list-btn .item-btn .txt-comment::after {
  margin-left: 10px;
  transform: rotate(20deg);
}
@media screen and (max-width: 767px) {
  .sec-btn {
    padding: 0;
  }
  .sec-btn .inner-btn .list-btn {
    margin-top: 60px;
  }
}
/*============================
sec-partners
============================*/
.sec-partners {
  position: relative;
  padding: 170px 0 150px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%);
}
.sec-partners .inner-partners .area-partners {
  display: flex;
}
.sec-partners .inner-partners .area-partners .block-txt {
  flex-grow: 1;
  margin-left: 113px;
}
.sec-partners .inner-partners .area-partners .block-txt .box-summary {
  display: flex;
  font-size: 16px;
  line-height: 2;
}
.sec-partners .inner-partners .area-partners .block-txt .box-summary .head-summary {
  flex-shrink: 0;
  width: 157px;
  padding: 26px 0 20px;
  font-weight: var(--font-bold);
  border-top: 1px solid var(--color-summary-blue);
}
.sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary {
  flex-grow: 1;
  padding: 26px 32px 20px 0;
  border-top: 1px solid var(--color-summary-gray);
}
.sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item {
  display: flex;
  align-items: center;
}
.sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item .head {
  flex-shrink: 0;
  width: 50px;
  font-weight: var(--font-regular);
}
.sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item .txt {
  display: flex;
  margin-left: 5px;
}
.sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item .txt::before {
  content: "：";
  display: block;
  margin-right: 5px;
}
.sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item.url-item .txt {
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .sec-partners .inner-partners .area-partners .block-txt {
    margin-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .sec-partners {
    padding: 100px 0;
  }
  .sec-partners .inner-partners .area-partners {
    flex-direction: column;
    align-items: center;
  }
  .sec-partners .inner-partners .area-partners .block-txt {
    margin-left: 0;
    margin-top: 48px;
  }
  .sec-partners .inner-partners .area-partners .block-txt .box-summary {
    flex-direction: column;
  }
  .sec-partners .inner-partners .area-partners .block-txt .box-summary .head-summary {
    width: 100%;
    padding: 13px 0 12px;
  }
  .sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary {
    padding: 20px 0;
  }
  .sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item {
    align-items: flex-start;
    line-height: 1.625;
  }
  .sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item.url-item {
    margin-top: 10px;
  }
  .sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item.url-item .head {
    line-height: 1;
  }
  .sec-partners .inner-partners .area-partners .block-txt .box-summary .item-summary .item + .item {
    margin-top: 5px;
  }
}
/*============================
sec-contact
============================*/
.sec-contact {
  padding: 115px 0 88px;
  background-image: url("../../assets/img/top/bg-contact-01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.sec-contact .inner-contact .ttl-contact {
  margin-bottom: 50px;
}
.sec-contact .inner-contact .area-contact {
  display: flex;
  padding: 50px 50px 56px;
  border-radius: 40px;
  background-color: #fff;
}
.sec-contact .inner-contact .area-contact .block-company,
.sec-contact .inner-contact .area-contact .block-applicants {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
}
.sec-contact .inner-contact .area-contact .block-company .box-head,
.sec-contact .inner-contact .area-contact .block-applicants .box-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
}
.sec-contact .inner-contact .area-contact .block-company .img,
.sec-contact .inner-contact .area-contact .block-applicants .img {
  margin-bottom: 10px;
}
.sec-contact .inner-contact .area-contact .block-company .txt,
.sec-contact .inner-contact .area-contact .block-applicants .txt {
  font-size: 24px;
  letter-spacing: 1.2px;
  font-weight: var(--font-bold);
}
.sec-contact .inner-contact .area-contact .block-applicants {
  position: relative;
}
.sec-contact .inner-contact .area-contact .block-applicants::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-left: 1px solid var(--color-contact-gray);
  width: 1px;
  height: 85.8%;
}
@media screen and (max-width: 767px) {
  .sec-contact {
    padding: 60px 0 70px;
    background-image: url("../../assets/img/top/bg-contact-01.-sp.jpg");
  }
  .sec-contact .inner-contact .ttl-contact {
    font-size: 36px;
    margin-bottom: 43px;
  }
  .sec-contact .inner-contact .area-contact {
    flex-direction: column;
    padding: 40px 20px;
    border-radius: 20px;
  }
  .sec-contact .inner-contact .area-contact .block-company,
  .sec-contact .inner-contact .area-contact .block-applicants {
    width: 100%;
  }
  .sec-contact .inner-contact .area-contact .block-company .box-head,
  .sec-contact .inner-contact .area-contact .block-applicants .box-head {
    flex-direction: row;
    margin-bottom: 18px;
  }
  .sec-contact .inner-contact .area-contact .block-company .img,
  .sec-contact .inner-contact .area-contact .block-applicants .img {
    margin-bottom: 0;
    margin-right: 10px;
  }
  .sec-contact .inner-contact .area-contact .block-company .txt,
  .sec-contact .inner-contact .area-contact .block-applicants .txt {
    font-size: 18px;
  }
  .sec-contact .inner-contact .area-contact .block-applicants {
    margin-top: 40px;
  }
  .sec-contact .inner-contact .area-contact .block-applicants::before {
    content: none;
  }
}