@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap";
@import"https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css";
@import"https://pro.fontawesome.com/releases/v5.10.0/css/all.css";

.p-firstview__title__en .c-txt-base--xxs {
  font-size: 24px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.75;
  letter-spacing: 1.6px;
  display: block;
  border-bottom: 1px solid #4c4c4c;
  padding-bottom: 5px;
  margin-bottom: 10px
}

@media all and (max-width: 768px) {
  .p-firstview__title__en .c-txt-base--xxs {
    white-space: normal;
    font-size: 12px;
  }
}

.p-firstview__hero__image {
  background-image: url(../../option_plan/images/img_mv.jpg)
}

@media only screen and (max-width: 767px) {
  #option_plan .c-case-list {
    flex-wrap: wrap
  }
}

@media only screen and (max-width: 767px) {
  #option_plan .c-button {
    text-align: center;
    margin-top: .5em
  }
}

.c-nav-base {
  background: #edf2f8;
  padding: 5.625em 0;
  justify-content: center
}

.c-nav-base__inner {
  width: 90%;
  margin: auto;
  max-width: 78.397833369em
}

.c-nav-base-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 1.25em 0
}

.c-nav-base-list__item {
  width: 32%
}

@media only screen and (max-width: 767px) {
  .c-nav-base-list__item {
    width: 100%;
    margin-bottom: 1em
  }
}

.c-nav-base-list__item a {
  font-size: 129%;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  background: #fff;
  display: block;
  padding: 1.25em 0;
  text-align: center;
  position: relative;
  transition: all .3s ease-in-out
}

.c-nav-base-list__item a::after {
  content: "";
  font-size: 125%;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  color: #173576
}

.c-nav-base-list__item a:hover {
  background-color: #173576;
  color: #fff
}

.c-nav-base-list__item a:hover::after {
  color: #fff
}

.c-nav-base-list2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.c-nav-base-list2 li {
  width: 19%;
  display: flex;
  align-items: stretch
}

@media only screen and (max-width: 767px) {
  .c-nav-base-list2 li {
    width: 100%;
    margin-bottom: 1em
  }
}

.c-nav-base-list2 li a {
  display: block;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  text-decoration: none;
  border-bottom: 2px solid #c84b47;
  margin-bottom: .5em;
  position: relative;
  transition: all .3s ease-in-out;
  margin-top: auto
}

.c-nav-base-list2 li a::after {
  content: "";
  font-size: 125%;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  right: 0;
  top: calc(100% - .75em);
  transform: translateY(-50%)
}

.c-nav-base-list2 li a.item-ma {
  color: #d46e6b;
  border-bottom-color: #d46e6b
}

.c-nav-base-list2 li a.item-sdgs {
  color: #c77d20;
  border-bottom-color: #c77d20
}

.c-nav-base-list2 li a.item-bland {
  color: #81a052;
  border-bottom-color: #81a052
}

.c-nav-base-list2 li a.item-marketing {
  color: #30795b;
  border-bottom-color: #30795b
}

.c-nav-base-list2 li a.item-group {
  color: #3c878a;
  border-bottom-color: #3c878a
}

.c-nav-base-list2 li a.item-successor {
  color: #3987b5;
  border-bottom-color: #3987b5
}

.c-nav-base-list2 li a.item-management {
  color: #595892;
  border-bottom-color: #595892
}

.c-nav-base-list2 li a.item-capital {
  color: #894888;
  border-bottom-color: #894888
}

.c-nav-base-list2 li a.item-accounting {
  color: #c85689;
  border-bottom-color: #c85689
}

.c-nav-base-list2 li a:hover {
  color: #173576;
  border-bottom-color: #173576
}

.c-banner-base--right,
.c-banner-base--left {
  width: 95%;
  max-width: calc(39.1989166845em + 50%);
  margin-bottom: 2.8125em
}

.c-banner-base--right .c-title-inline,
.c-banner-base--left .c-title-inline {
  font-size: 186%;
  width: 100%;
  padding-left: 5%
}

.c-banner-base--right .c-title-inline span,
.c-banner-base--left .c-title-inline span {
  color: #fff
}

.p-blk__service_about {
  margin-top: 5rem;
}

.p-blk__service_about ul {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  justify-content: flex-start;
  gap: 3rem 5%;
}

.p-blk__service_about ul li {
  box-sizing: border-box;
  width: 30%;
  padding: 2rem;
  background: #fff;
  box-shadow: 0 0 4rem rgba(56, 42, 102, 0.2);
  position: relative;
}

.p-blk__service_about ul li p {
  font-weight: bold;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 1rem;
  font-size: 1.4rem;
  display: inline-block;
  position: absolute;
  top: -3%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.p-blk__service_about ul li dl {
  padding: 2rem 0;
}

.p-blk__service_about ul li dl dt {
  margin-bottom: 2rem;
  font-size: clamp(18px, 1.046vw, 20px);
  font-weight: bold;
}

.p-blk__service_about ul li dl dd {
  font-size: 115%;
  line-height: 1.875;
}

.p-blk__service_about ul li dl dd span {
  font-size: clamp(20px, 1.046vw, 26px);
  font-weight: bold;
  display: block;
}

.l-container,
.l-column2--half {
  padding: 10rem 0;
}

h2 {
  margin-bottom: 3.125vw;
  font-size: clamp(24px, 1.562vw, 30px);
}

.p-blk__cercle-list {
  margin-top: 5rem;
  line-height: 1.4;
}

.p-blk__cercle-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  justify-content: center;
  gap: 3rem 4%;
}

.p-blk__cercle-list ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 15vw;
  height: 15vw;
  padding: 0 3rem;
  gap: 0;
  border: 1px solid #111;
  border-radius: 100rem;
  background: #fff;
  text-align: center;
}

.p-blk__cercle-list ul li strong {
  display: block;
  margin-bottom: 2rem;
  font-size: clamp(18px, 1.25vw, 24px);
}

h2 span {
  display: block;
  font-size: clamp(12px, 0.729vw, 14px);
}

.c-figure {
  margin: 6rem 0 0;
  text-align: center;
}

.c-center-margin {
  margin: 5rem auto 0;
  text-align: center;
}

.c-btn--line {
  z-index: 1;
  min-width: 30%;
  padding: 1.2rem 3rem;
  border: 2px solid #111;
  background: transparent;
  font-weight: bold;
  font-size: clamp(12px, 0.729vw, 14px);
  line-height: 2.6rem;
  letter-spacing: 0.1rem;
  transition: 0.5s;
}

.c-title--phase {
  margin: 0 0 1rem;
  font-weight: bold;
  font-size: clamp(18px, 1.354vw, 26px);
}

.c-title--phase span {
  color: #6e7786;
  font-size: clamp(14px, 0.8333vw, 16px);
}


.p-textbox {
  margin-top: 5rem;
}

.p-textbox--col2 {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  justify-content: flex-start;
  gap: 3rem 3%;
}

.p-textbox--col2 dl {
  width: 48.5%;
}

.p-textbox--col2 dl {
  box-shadow: 0 0 4rem rgba(56, 42, 102, 0.2);
}

.p-textbox--col2 dt {
  padding: 2rem 3rem;
  background: #507EB6;
  color: #fff;
  font-weight: bold;
  font-size: 130%;
}

.p-textbox--col2 dd {
  padding: 3rem;
  font-size: 115%;
  line-height: 1.875;
}

.p-textbox--col3 {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  justify-content: flex-start;
  gap: 3rem 2%;
}

.p-textbox--col3 dl {
  width: 32%;
}

.p-textbox--col3 dl {
  box-shadow: 0 0 4rem rgba(56, 42, 102, 0.2);
}

.p-textbox--col3 dt {
  padding: 2rem 3rem;
  background: #507EB6;
  color: #fff;
  font-weight: bold;
  font-size: 130%;
}

.p-textbox--col3 dd {
  padding: 3rem;
  font-size: 115%;
  line-height: 1.875;
}

.c-arrow--center-bottom {
  width: 0;
  height: 0;
  margin: 4rem auto 0;
  border-width: 7rem 10rem 0 10rem;
  border-style: solid;
  border-color: #173576 transparent transparent transparent;
}

.c-text--center-copy {
  margin: 3rem auto 0;
  font-size: 120% !important;
  font-weight: bold;
  text-align: center;
}

.c-table--service-junior-tbl {
  width: 100%;
  margin-top: 5rem;
  margin-top: 3rem;
  table-layout: fixed;
}

.c-table--service-junior-tbl th,
.c-table--service-junior-tbl td {
  padding: 2rem;
  border: 1px solid #eee;
  font-size: 115%;
  line-height: 1.875;
}

.c-table--service-junior-tbl th {
  background: #507EB6;
  color: #fff;
  text-align: center;
}

.c-table--service-junior-tbl td {
  background: #fff;
}

.p-blk--service-junior-book {
  margin-top: 5rem;
}

.p-blk--service-junior-book p {
  font-size: 115%;
  line-height: 1.875;
}

.p-blk--service-junior-book strong {
  margin-bottom: 2rem;
  font-size: clamp(18px, 1.046vw, 20px);
}

.p-blk--service-junior-book ul {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
  justify-content: space-between;
  gap: 0;
}

.p-blk--service-junior-book ul li {
  width: 18%;
  text-align: center;
}

.p-local-nav,
.p-header__inner,
.p-footer-nav__wrap,
.l-container,
.l-column2--half,
.l-column2--article,
.l-column2--form {
  width: 1340px;
  max-width: 100%;
  margin: 0 auto;
}

.l-section--gr {
  background: #f4f4f4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

.l-common h2 {
  font-size: 202%;
}

.l-common p {
  font-size: 115%;
  line-height: 1.875;
}

.c-case {
  padding: 5.70166em 0;
}

.c-service {
  padding: 6em 0 7em;
  background-color: #F4F4F4;
}

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

  .l-container,
  .l-column2--half {
    padding: 7rem 5vw;
  }

  .p-local-nav,
  .p-header__inner,
  .p-footer-nav__wrap,
  .l-container,
  .l-column2--half,
  .l-column2--article,
  .l-column2--form {
    width: 100%;
  }
}


@media screen and (max-width: 768px) {
  .p-textbox--col2 dl {
    width: 100%;
  }

  .p-textbox--col3 dl {
    width: 100%;
  }

  .p-under-mv__icon ul li {
    width: 100%;
  }

  .p-blk--service-junior-book ul li {
    width: 100%;
  }

  .p-blk--service-junior-book ul {
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    justify-content: space-between;
    gap: 2rem;
  }

  .p-textbox--col2 dl {
    width: 100%;
  }

  .p-blk__cercle-list ul li {
    width: 100%;
    height: auto;
    padding: 3rem;
    border-radius: 0;
  }

  .p-blk__service_about ul li {
    width: 100%;
  }

  .c-scroll-box {
    overflow: auto;
  }

  .c-table--service-junior-tbl {
    width: 800px;
  }
}

.p-blk__service_about img {
  width:100%;
}