:root {
  --txt-base-color: #282828;
  --white: #fff;
  --orange: #e16419;
  --blue: #230055;
  --sec-title-bg: #10004B;
  --ttl-blue1: #230055;
}

::selection {
  background: var(--blue);
  color: #fff;
}

html {
  font-size: 62.5%;
}

body {
  line-height: 1.4;
  font-size: 16px;
  color: var(--txt-base-color);
  letter-spacing: 0.12em;
  font-family: 'Noto Sans JP', sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 18px;
  }
}

h2,
h3,
h4,
h5 {
  font-family: 'Noto Serif JP', serif;
  line-height: 1.4;
}

.l-sec-wrap {
  width: 87.8477306003%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

html {
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

article,
aside,
blockquote,
body,
caption,
cite,
code,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
input,
label,
legend,
li,
nav,
ol,
option,
p,
pre,
section,
select,
summary,
textarea,
ul {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}

img {
  border: 0;
  vertical-align: bottom;
  width: 100%;
}

.c-txt-yellow {
  color: #f7b626;
}

.c-sec-ttl {
  color: #fff;
  position: relative;
  text-align: center;
  font-weight: 700;
}

@media not screen and (min-width: 576px) {
  .c-sec-ttl {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 576px) and (max-width: 1024px) {
  .c-sec-ttl {
    font-size: 4.5vw;
  }
}

@media screen and (min-width: 1024px) {
  .c-sec-ttl {
    font-size: 4.8rem;
  }
}

/*----------------------------------header */

.header {
  max-width: 1069px;
  width: 92%;
  margin: 0 auto;
}

@media not screen and (min-width: 768px) {
  .header {
    padding: 12px 0;
  }
}

@media screen and (min-width: 768px) {
  .header {
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media not screen and (min-width: 768px) {
  .header__logo {
    width: 80%;
    max-width: 278px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .header__logo {
    width: 45%;
    max-width: 303px;
  }
}

@media not screen and (min-width: 768px) {
  .header__contact {
    max-width: 414px;
    margin: 12px auto 0;
  }
}

@media screen and (min-width: 768px) {
  .header__contact {
    width: 45%;
    max-width: 512px;
  }
}

.kv__wrap {
  background-image: url("assets/img/kv/kv_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 24px 0 46px;
}

.kv__inner {
  max-width: 1069px;
  width: 92%;
  margin: 0 auto;
}

.kv__text {
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  font-weight: 900;
  line-height: 1.4;
}

.kv__copy-top {
  font-size: max(2.4rem, min(3.5vw, 5rem));
}

@media not screen and (min-width: 576px) {
  .kv__copy-top {
    text-align: center;
  }
}

@media screen and (min-width: 576px) {
  .kv__copy-top br {
    display: none;
  }
}

.kv__copy-top span {
  border-bottom: 5px solid #00C1C2;
}

@media screen and (min-width: 1200px) {
  .kv__img {
    width: 1069px;
    height: auto;
  }
}

.kv__img img {
  margin-top: 32px;
  text-align: center;
}


/*---------------------------------- cv__btn */

.cv1__btns1 {
  margin-top: 40px;
}

.btns1__btn a {
  color: #fff;
  position: relative;
  width: 100%;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 100vh;
  display: inline-block;
  padding: 24px 0;
}

.btns2__btn a {
  color: #fff;
  position: relative;
  width: 100%;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 100vh;
  display: inline-block;
}

.btns1__head {
  text-align: center;
  margin-bottom: 8px;
}

.btns2__head {
  text-align: center;
  margin-bottom: 8px;
}

.btns2__head:first-child {
  width: 100%;
}

.btns1__head p:before {
  position: absolute;
  left: -10px;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(-25deg);
}

.btns1__head p:after {
  position: absolute;
  content: "";
  right: -6px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(25deg);
}

.btns1__btn {
  text-align: center;
}

.btns1__head p {
  color: #fff;
  display: inline-block;
  position: relative;
}

.btns1__head p:before {
  position: absolute;
  left: -10px;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(-25deg);
}

.btns1__head p:after {
  position: absolute;
  content: "";
  right: -6px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(25deg);
}

.btns2__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btns2__inner a {
  text-align: center;
}

.btns2__inner:first-child a {
  color: #fff;
  background: #A08824;
  border-radius: 100vh;
  transition-duration: 0.3s;
  filter: brightness(1);
}

.btns2__inner:first-child a:hover {
  filter: brightness(1.3);
}

.btns1__inner a {
  transition-duration: 0.3s;
  background-color: transparent;
}

.btns1__inner a:hover {
  background-color: #A08824;
}

.btns2__inner:nth-child(n + 2) a {
  transition-duration: 0.3s;
  background-color: transparent;
}

.btns2__inner:nth-child(n + 2) a:hover {
  background-color: #A08824;
}

.btns2__btn {
  width: 100%;
}

.btns2__btn a {
  display: inline-block;
  width: 100%;
  padding: 24px 0;
}


.btns2__head p:first-child {
  width: 100%;
}

.btns2__head p {
  color: #fff;
  display: inline-block;
  position: relative;
}

.btns2__head p:nth-child(2) {
  position: relative;
  margin-top: 8px;
}

.btns2__head p:nth-child(2)::before {
  position: absolute;
  left: -10px;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(-25deg);
}

.btns2__head p:nth-child(2)::after {
  position: absolute;
  content: "";
  right: -6px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(25deg);
}


.btns2__icon {
  margin-bottom: 8px;
}

@media not screen and (min-width: 768px) {
  .cv1__btns1 {
    margin-top: 56px;
  }

  .btns1__inner {
    max-width: 346px;
    margin-left: auto;
    margin-right: auto;
  }

  .btns1__inner:nth-child(n + 2) {
    margin-top: 40px;
  }

  .btns1__head {
    font-size: 1.4rem;
  }

  .cv1__btns2 {
    margin: 48px auto 0;
    max-width: 288px;
  }

  .btns2__inner:nth-child(n + 2) {
    margin-top: 40px;
  }

  .btns2__icon {
    width: 32px;
  }
}

@media screen and (min-width: 768px) {
  .cv1__btns1 {
    display: flex;
    justify-content: center;
  }

  .cv1__btns2 {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
  }

  .btns1__inner:first-child {
    margin-right: 32px;
  }

  .btns1__inner {
    width: 45%;
    max-width: 482px;
  }

  .btns2__icon {
    width: 36px;
  }

  .btns2__inner {
    max-width: 320px;
  }

}

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

  .btns1__btn a,
  .btns2__btn a {
    font-size: 1.5rem;
  }

  .btns1__head p {
    font-size: 1.2rem;
  }

  .btns2__inner {
    width: calc(100% / 3 - 8px);
  }

  .btns2 .btns2__inner {
    width: calc(100% / 3 - 8px);
  }

  .btns2__inner:nth-child(n + 2) {
    margin-left: 8px;
  }

  .btns2__head p {
    font-size: 1.2rem;
  }
}


@media screen and (min-width: 1200px) {

  .btns1__btn a {
    font-size: 1.8rem;
  }

  .btns2__btn a {
    font-size: 1.8rem;
  }

  .btns2__inner {
    width: calc(100% / 3 - 32px);
  }

  .btns2__inner:nth-child(n + 2) {
    margin-left: 16px;
  }
}

.seminar__btn {
  width: 100%;
}

.cv__btn-yakkihou a {
  border-radius: 100vh;
  position: relative;
  font-weight: 500;
  color: #fff;
  box-sizing: border-box;
}

.cv__btn-yakkihou a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #A08824;
  overflow: hidden;
  text-transform: none;
  position: relative;
  width: 100%;
  max-width: 430px;
  background-image: linear-gradient(to bottom, #A08824, #957c16);
  cursor: pointer;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  transition-duration: 0.3s;
  opacity: 1;
}

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

  .cv__btn-yakkihou a {
    height: 68px;
  }

}

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

  .cv__btn-yakkihou a {
    height: 99px;
  }
}


@media not screen and (min-width: 1200px) {
  .cv__btn-yakkihou a {
    margin: 0 auto;
  }
}

@media screen and (min-width: 1200px) {
  .cv__btn-yakkihou a {
    max-width: 475px;
    width: 100%;
  }
}


.cv__btn-yakkihou a:hover {
  filter: brightness(1.2);
}


.seminar__btn a:hover {
  filter: brightness(1.2);
}


@media not screen and (min-width: 768px) {
  .cv-btn__mail-icon {
    width: 20px;
    right: 20px;
  }
}


.seminar__btn a::after {
  content: "";
  display: inline-block;
  background: url("assets/img/yakkihou-icon.svg") no-repeat;
  background-size: contain;
  margin-left: 6px;
}


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


  .cv__btn-seminar a::after {
    width: 16px;
    height: 16px;
  }

  .seminar__btn a br {
    display: none;
  }
}

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

  .cv__btn-seminar a::after {
    width: 20px;
    height: 20px;
  }

}

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

  .seminar__btn:not(:last-child) {
    margin-right: 8px;
  }

  .cv__btn-seminar a {
    padding: 18px 0;
    font-size: 1.6rem;
  }

}

@media screen and (min-width: 1200px) {

  .cv__btn-seminar a {
    padding: 24px 0;
  }

  .seminar__btn a br {
    display: none;
  }

}


.about-yakkihou {
  background-image: repeating-linear-gradient(90deg, #f2f2f2, #f2f2f2 1px, transparent 1px, transparent 9px), repeating-linear-gradient(0deg, #f2f2f2, #f2f2f2 1px, #ffffff 1px, #ffffff 9px);
  padding: 48px 0;
}

@media screen and (min-width: 768px) {
  .about-yakkihou {
    padding: 96px 0;
  }
}

.about-yakkihou__title {
  text-align: center;
  font-weight: 900;
  background-color: #fff;
  border-top: 5px solid #00C1C2;
  border-bottom: 5px solid #00C1C2;
  line-height: 1;
  display: inline-block;
  position: relative;
  z-index: 2;
  transform: translateX(-50%);
  left: 50%;
}

@media not screen and (min-width: 576px) {
  .about-yakkihou__title {
    font-size: 2.8rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 576px) and (max-width: 1024px) {
  .about-yakkihou__title {
    font-size: 4.5vw;
  }
}

@media not screen and (min-width: 1024px) {
  .about-yakkihou__title {
    padding: 8px 0;
  }
}

@media screen and (min-width: 1024px) {
  .about-yakkihou__title {
    font-size: 4rem;
    padding: 16px 0;
  }
}

@media screen and (min-width: 768px) {
  .about-yakkihou__title-br {
    display: none;
  }
}

.about-yakkihou__text-wrap {
  background-color: #fff;
  width: 80%;
  max-width: 814px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 12px;
}

@media screen and (min-width: 768px) {
  .about-yakkihou__text-wrap {
    padding: 40px 90px;
    margin-top: 48px;
  }
}

@media not screen and (min-width: 768px) {
  .about-yakkihou__text-wrap p {
    font-size: 1.6rem;
  }
}

.about-yakkihou__text--large {
  font-size: 2.8rem;
  color: #BF9200;
  font-weight: 700;
}

.about-yakkihou__text:not(:first-child) {
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .about-company__title-br {
    display: none;
  }
}

.about-company__title-wrap {
  background-color: var(--sec-title-bg);
  text-align: center;
}

@media not screen and (min-width: 768px) {
  .about-company__title-wrap {
    padding: 24px 0;
  }
}

@media screen and (min-width: 768px) {
  .about-company__title-wrap {
    padding: 32px 0;
  }
}

.c-sec-title {
  color: #fff;
  font-size: max(2.8rem, min(5.1vw, 5rem));
  line-height: 1.4;
}

.c-sec-title--yellow {
  color: #FFE93A;
}


.about-company__system {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("assets/img/about-company/company-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  position: relative;
  content: "";
  padding: 7vw 0;
}

@media screen and (min-width: 1200px) {
  .about-company__system {
    padding: 96px 0;
  }
}

.about-company__leader-img {
  width: 36%;
  max-width: 396px;
}

@media screen and (min-width: 768px) {
  .about-company__leader-img {
    width: 40%;
  }
}

.about-company__chart-img {
  position: relative;
  width: 61%;
  max-width: 620px;
}

@media not screen and (min-width: 768px) {
  .about-company__chart-img {
    right: 14px;
  }
}

@media screen and (min-width: 768px) {
  .about-company__chart-img {
    width: 55%;
  }
}

.about-company__member {
  padding: 7vw 0;
  background-image: url("assets/img/basic-bg.png");
  background-repeat: repeat;
  display: block;
  content: "";
}

@media screen and (min-width: 1200px) {
  .about-company__member {
    padding: 96px 0;
  }
}

.about-company__member-title {
  color: #fff;
  background-color: #230055;
  padding: 6px 16px;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.4rem;
}

@media screen and (min-width: 768px) {
  .about-company__member-title {
    font-size: 2.6rem;
  }
}

.about-company__member-type {
  text-align: center;
}

.about-company__member-type h4 {
  color: #230055;
  padding: 0 16px;
  border-left: #230055 solid 1px;
  border-right: #230055 solid 1px;
  display: inline-block;
  font-size: 2.2rem;
}

@media screen and (min-width: 768px) {
  .about-company__member-type h4 {
    font-size: 2.6rem;
  }
}

.about-company__member-list {
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .about-company__member-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (min-width: 1024px) {
  .about-company__member-list {
    justify-content: space-between;
  }
}

@media not screen and (min-width: 768px) {
  .about-company__member-item:nth-child(n+2) {
    margin-top: 48px;
  }
}

.about-company__member-list--one {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {
  .about-company__member-list--one {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.about-company__member-item {
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .about-company__member-item {
    width: calc(50% - 32px);
  }
}

@media screen and (min-width: 1024px) {
  .about-company__member-item {
    display: flex;
    justify-content: center;
  }
}

.about-company__member-item:nth-child(n+3) {
  margin-top: 48px;
}

.about-company__member-img-area {
  max-width: 167px;
}

@media not screen and (min-width: 1024px) {
  .about-company__member-img-area {
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .about-company__member-img-area {
    margin-right: 16px;
  }
}

.about-company__member-name {
  background-color: #fff;
  background-color: #EEF6FF;
  padding: 0 16px;
  text-align: center;
  font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
  .about-company__member-name {
    font-size: 2rem;
  }
}

@media not screen and (min-width: 1024px) {
  .about-company__member-profile {
    width: 90%;
    margin: 16px auto 0;
  }
}

@media screen and (min-width: 1024px) {
  .about-company__member-profile {
    width: 70%;
    font-size: 1.6rem;
  }
}

.accordion_box .trigger {
  display: none;
}

.accordion_box .accordion>li.none {
  display: none;
}


@media not screen and (min-width: 768px) {
  .accordion {
    margin-top: 24px;
  }

  .accordion>li:nth-child(n + 2) {
    margin-top: 56px;
  }
}

@media screen and (min-width: 768px) {
  .accordion>li {
    margin-top: 42px;
  }
}


.btn-more {
  background-color: #230055;
  color: #fff;
  width: 100%;
  max-width: 422px;
  border-radius: 100vh;
  padding: 8px 0;
  font-size: 2rem;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 32px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .btn-more {
    margin-top: 48px;
    font-size: 2.6rem;
    padding: 16px 0;
  }
}

.about-company__lead {
  padding: 56px 0;
  background-image: url("assets/img/about-company/lead-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  position: relative;
  content: "";
}

@media screen and (min-width: 768px) {
  .about-company__lead {
    padding: 96px 0;
  }
}

.about-company__lead-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-company__lead-title-text {
  font-weight: 900;
  color: #230055;
  border-bottom: 5px solid #00C1C2;
  text-shadow: 1px 2px 3px #fff;
  margin-left: 6px;
}


@media not screen and (min-width: 576px) {
  .about-company__lead-title-text {
    font-size: 2.8rem;
  }

  .about-company__lead-logo {
    width: 40px;
  }

}

@media screen and (min-width: 576px) and (max-width: 1024px) {
  .about-company__lead-title-text {
    font-size: 4.5vw;
  }

  .about-company__lead-logo {
    width: 49px;
  }
}

@media screen and (min-width: 1024px) {
  .about-company__lead-title-text {
    font-size: 4.8rem;
  }
}

.about-company__lead-wrap {
  padding-top: 20px;
}



@media screen and (min-width: 768px) {
  .about-company__lead-wrap {
    padding-top: 60px;
  }

  .about-company__lead-logo {
    width: 89px;
  }

}

.about-company__lead-inner {
  max-width: 692px;
  width: 88%;
  margin: 0 auto;
}

.about-company__lead-text--large {
  font-size: 1.8rem;
  color: #BF9200;
  font-weight: 700;
  line-height: 1.4;
}

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

  .about-company__lead-inner>p:nth-child(1),
  .about-company__lead-inner>p:nth-child(3) {
    font-size: 1.8rem;
  }
}

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

  .about-company__lead-inner>p:nth-child(1),
  .about-company__lead-inner>p:nth-child(3) {
    font-size: 2rem;
  }

  .about-company__lead-text--large {
    font-size: 2.8rem;
  }
}

.about-company__lead-text {
  margin-top: 24px;
}


.about-company__achieve {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 3vw;
}

.about-company__achieve div {
  width: calc(100% / 3);
  max-width: 210px;
}


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

  .about-company__achieve {
    margin-top: 32px;
    gap: 24px;
  }

}



/*about-company__features  */
.about-company__features {
  padding: 7vw 0;
  background-image: url("assets/img/basic-bg.png");
  background-repeat: repeat;
  display: block;
  content: "";
}

@media screen and (min-width: 1200px) {
  .about-company__features {
    padding: 96px 0;
  }
}

@media screen and (min-width: 768px) {
  .about-company__features-text-wrap {
    width: 50%;
    max-width: 426px;
  }
}

@media not screen and (min-width: 768px) {
  .about-company__features-title {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }
}

@media not screen and (min-width: 768px) {
  .about-company__features-img {
    margin-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .about-company__features-img {
    width: 50%;
  }
}

.about-company__features-img img {
  width: 100%;
  max-height: 279px;
  object-fit: cover;
}

@media not screen and (min-width: 768px) {
  .about-company__features-text {
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .about-company__features-text {
    width: 90%;
  }
}

@media screen and (min-width: 768px) {
  .about-company__feature-item {
    display: flex;
    justify-content: center;
  }
}

.about-company__feature-analysis {
  margin-top: 56px;
}

@media screen and (min-width: 768px) {
  .about-company__feature-analysis {
    flex-direction: row-reverse;
    margin-top: 96px;
  }
}

@media screen and (min-width: 768px) {
  .about-company__analysis-text {
    margin-left: auto;
  }
}



/*about-company__jisski  */

.about-company__jisski {
  background-image: url("assets/img/about-company/jisseki-bg.jpg");
  background-repeat: no-repeat;
  display: block;
  content: "";
  width: 100%;
  background-size: cover;
  background-position: center;
}

.about-company__jisski-title {
  color: #fff;
  font-weight: 700;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}

.about-company__jisski-title p {
  position: relative;
  display: inline-block;
}

.about-company__jisski-title p::before {
  position: absolute;
  left: -12px;
  top: 4px;
  content: "";
  width: 1px;
  height: 80%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(-25deg);
}

.about-company__jisski-title p::after {
  position: absolute;
  content: "";
  right: -6px;
  top: 4px;
  width: 1px;
  height: 80%;
  background: #fff;
  border-radius: 3px;
  transform: rotate(25deg);
}

.about-company__jisski-desc {
  color: #fff;
  font-weight: 700;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
}

.about-company__jisski-img {
  margin-left: auto;
  margin-right: auto;
}

@media not screen and (min-width: 768px) {
  .about-company__jisski {
    padding: 48px 0;
  }

  .about-company__jisski-title h3 {
    font-size: 2.8rem;
  }

  .about-company__jisski-title p {
    font-size: 2rem;
  }

  .about-company__jisski-desc {
    margin-top: 8px;
  }

  .about-company__jisski-img {
    max-width: 329px;
    margin-top: 24px;
  }

  .jisski_cta {
    margin: 24px auto 48px;
    width: 87.8477306003%;
  }
}

@media screen and (min-width: 768px) {
  .about-company__jisski {
    padding: 72px 0;
  }

  .about-company__jisski-title p {
    font-size: 2.8rem;
  }

  .about-company__jisski-title h3 {
    font-size: 4.8rem;
  }

  .about-company__jisski-desc {
    margin-top: 16px;
  }

  .about-company__jisski-desc br {
    display: none;
  }

  .about-company__jisski-img {
    max-width: 785px;
    margin-top: 24px;
  }

  .jisski_cta {
    margin: 32px 0 56px;
  }
}


/* -----------------------------------------feature */

.feature {
  background-image: url("assets/img/basic-bg.png");
  background-repeat: repeat;
  display: block;
  content: "";
}

.feature__title-wrap {
  background-color: var(--sec-title-bg);
  text-align: center;
}

@media not screen and (min-width: 768px) {
  .feature__title-wrap {
    padding: 24px 0 32px;
  }

  .feature__title-wrap h2 span {
    border-bottom: 4px solid #FFE93A;
  }

}

@media screen and (min-width: 768px) {
  .feature__title-wrap {
    padding: 32px 0 46px;
  }

  .feature__title-wrap h2 span {
    border-bottom: 8px solid #FFE93A;
  }
}

@media screen and (min-width: 576px) {
  .feature__title-br {
    display: none;
  }
}

@media not screen and (min-width: 768px) {
  .feature__item {
    margin: 0 auto;
  }
}

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

  .feature__item {
    display: flex;
    justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .feature__item:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
  }
}


.feature__item-title {
  color: #230055;
  line-height: 1.2;
}

.feature__item-company p {
  text-align: center;
  margin-top: 8px;
}


@media not screen and (min-width: 768px) {
  .feature__list-wrap {
    padding: 48px 0;
  }

  .feature__item:nth-child(n + 2) {
    margin-top: 48px;
  }

  .feature__item-img {
    margin-right: 16px;
    width: 50%;
    max-width: 180px;
  }

  .feature__item-img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .feature__item-title {
    text-align: center;
    margin-top: 16px;
    font-size: clamp(1.8rem, 1.726rem + 0.32vw, 2.2rem);
  }

  .feature__item-company>div {
    width: 100%;
    max-width: 160px;
  }

  .feature__item-company p {
    font-size: 1.2rem;
  }

  .feature__item-desc p:first-of-type {
    margin-top: 16px;
  }

  .feature__item-desc p:nth-of-type(n + 2) {
    margin-top: 16px;
  }
}

@media screen and (min-width: 768px) {
  .feature__list-wrap {
    padding: 72px 0;
  }

  .feature__item:nth-child(n+2) {
    margin-top: 96px;
  }

  .feature__item:nth-child(odd) .feature__item-img-wrap {
    margin-right: 24px;
  }

  .feature__item:nth-child(even) .feature__item-img-wrap {
    margin-left: 24px;
  }

  .feature__item-title {
    font-size: clamp(2rem, 1.877rem + 0.62vw, 2.8rem);
  }

  .feature__item-img-wrap {
    width: 28%;
    max-width: 192px;
  }

  .feature__item-company {
    margin-top: 16px;
  }

  .feature__item-company>div {
    width: 100%;
    max-width: 138px;
    margin: 0 auto;
  }

  .feature__item-desc {
    width: 70%;
    max-width: 672px;
  }

  .feature__item-company p {
    font-size: 1.4rem;
  }


  .feature__item-desc p {
    margin-top: 16px;
  }

}




.cta01__desc {
  text-align: center;
}

.cta01__desc p {
  font-weight: 700;
  color: #230055;
  font-family: 'Noto Serif JP', serif;
}

.cta01 p:nth-child(2) {
  position: relative;
  display: inline-block;
}

.cta01 p:nth-child(2)::before {
  position: absolute;
  left: -10px;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--blue);
  border-radius: 3px;
  transform: rotate(-25deg);
}

.cta01 p:nth-child(2)::after {
  position: absolute;
  content: "";
  right: -6px;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--blue);
  border-radius: 3px;
  transform: rotate(25deg);
}

.cta01__btn {
  margin: 0 auto;
}


.cta01__btn {
  width: 100%;
}

.cta01__btn a {
  border-radius: 100vh;
  font-weight: 500;
  width: 100%;
  padding: 24px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  background: #A08824;
  color: #fff;
  transition-duration: 0.3s;
  opacity: 1;
}

.cta01__btn a:hover {
  filter: brightness(1.2);
}

.cta01__btn a::after {
  content: "";
  display: inline-block;
  background: url("assets/img/yakkihou-icon.svg") no-repeat;
  background-size: contain;
  margin-left: 6px;
}

@media not screen and (min-width: 768px) {
  .cta01__desc {
    text-align: center;
    margin-top: 16px;
  }

  .cta01__desc p {
    font-size: 2.2rem;
  }

  .cta01__btn {
    margin-top: 8px;
    max-width: 360px;
  }
}

@media screen and (min-width: 768px) {
  .cta01__desc>p:nth-child(1) {
    font-size: 3.2rem;
  }

  .cta01__desc>p:nth-child(2) {
    font-size: 2.8rem;
  }

  .cta01__btn {
    margin-top: 8px;
  }
}




@media screen and (min-width: 768px) {
  .cta01__btn {
    max-width: 438px;
  }

}

/* @media not screen and (min-width: 992px) {
  .feature__cta {
    margin: 24px 0 32px;
  }

} */


@media screen and (min-width: 992px) {
  .feature__cta {

    margin-top: 56px;
  }

}

@media not screen and (min-width: 1200px) {
  .cta01__btn a {
    margin: 0 auto;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .cta01__btn {
    max-width: 400px;
    width: 68%;
  }

}

@media screen and (min-width: 1200px) {
  .cta01__btn {
    max-width: 475px;
    width: 46%;
  }

  .cta01__btn a {
    max-width: 475px;
    width: 100%;
  }
}

@media not screen and (min-width: 768px) {
  .cta01__btn a::after {
    width: 16px;
    height: 16px;
  }
}

@media screen and (min-width: 768px) {
  .cta01__btn a::after {
    width: 20px;
    height: 20px;
  }
}


/* ---------------------------osusume */

.osusume {
  background-image: url("assets/img/basic-bg.png");
  background-repeat: repeat;
  display: block;
  content: "";
}

.osusume__title-wrap {
  background-color: var(--sec-title-bg);
  text-align: center;
}

@media not screen and (min-width: 768px) {
  .osusume__title-wrap {
    padding: 24px 0;
  }
}

@media screen and (min-width: 768px) {
  .osusume__title-wrap {
    padding: 32px 0;
  }
}

.osusume__list-wrap {
  padding: 7vw 0;
}

@media screen and (min-width: 1200px) {
  .osusume__list-wrap {
    padding: 96px 0;
  }
}

@media not screen and (min-width: 992px) {
  .osusume__list {
    width: 100%;
    max-width: 539px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 992px) {
  .osusume__list {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 992px) {
  .osusume__item {
    width: calc(50% - 48px);
    max-width: 512px;
  }
}

@media not screen and (min-width: 992px) {
  .osusume__item:nth-child(n+2) {
    margin-top: 48px;
  }
}

@media screen and (min-width: 992px) {
  .osusume__item:nth-child(n+3) {
    margin-top: 48px;
  }
}

.osusume__item-title {
  font-size: 2rem;
  color: #230055;
  line-height: 1.4;
  position: relative;
  display: flex;
}

@media screen and (min-width: 992px) {
  .osusume__item-title {
    font-size: 2.4rem;
    height: 104px;
  }
}

.osusume__item-title-check {
  display: inline-block;
  width: 14%;
  max-width: 32px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.osusume__item-title-text {
  display: inline-block;
}

@media not screen and (min-width: 1400px) {
  .osusume__item-title-text br {
    display: none;
  }
}

@media not screen and (min-width: 992px) {
  .osusume__item-desc {
    margin-top: 16px;
  }
}

.yakkihou-check__title-wrap {
  background-color: var(--sec-title-bg);
  text-align: center;
}

@media not screen and (min-width: 768px) {
  .yakkihou-check__title-wrap {
    padding: 24px 0;
  }
}

@media screen and (min-width: 768px) {
  .yakkihou-check__title-wrap {
    padding: 32px 0;
  }
}

.yakkihou-check__copy {
  background-color: #EAEAEA;
}

.yakkihou-check__copy h3 {
  text-align: center;
  padding: 24px 0;
}

@media screen and (min-width: 768px) {
  .yakkihou-check__copy h3 {
    font-size: 3.6rem;
    padding: 46px 0;
  }
}

.yakkihou-check__copy h3 span {
  background-color: #FFE93A;
}

.yakkihou-check__wrap {
  display: block;
  content: "";
  background-image: url("assets/img/check/check-bg.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 66px;
}

.yakkihou-check__triangle {
  position: relative;
  background: #EAEAEA;
}

.yakkihou-check__triangle::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 48px 71px 0 71px;
  border-color: #EAEAEA transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}

.yakkihou-check__contents {
  margin-top: 52px;
}

@media screen and (min-width: 768px) {
  .yakkihou-check__contents {
    margin-top: 56px;
  }

  .yakkihou-check__wrap {
    padding-bottom: 96px;
  }
}

.yakkihou-check__contents-title {
  border: 2px solid #230055;
  padding: 16px 12px;
  text-align: center;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.2rem;
}

@media screen and (min-width: 768px) {
  .yakkihou-check__contents-title {
    font-size: 2.8rem;
  }
}

.swiper {
  width: 88%;
  max-width: 768px;
}

@media screen and (min-width: 1200px) {
  .swiper {
    width: 100%;
    max-width: 768px;
  }
}

@media not screen and (min-width: 576px) {

  .swiper-button-prev,
  .swiper-button-next {
    top: 60% !important;
  }
}

@media not screen and (min-width: 576px) {
  .swiper-button-next {
    right: -10px !important;
  }
}

@media screen and (min-width: 992px) {
  .swiper-button-next {
    right: 6vw !important;
  }
}

@media screen and (min-width: 1200px) {
  .swiper-button-next {
    right: 9vw !important;
  }
}

@media screen and (min-width: 1400px) {
  .swiper-button-next {
    right: 162px !important;
  }
}

@media not screen and (min-width: 576px) {
  .swiper-button-prev {
    left: -10px !important;
  }
}

@media screen and (min-width: 992px) {
  .swiper-button-prev {
    left: 6vw !important;
  }
}

@media screen and (min-width: 1200px) {
  .swiper-button-prev {
    left: 9vw !important;
  }
}

@media screen and (min-width: 1400px) {
  .swiper-button-prev {
    left: 162px !important;
  }
}

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

  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 48px !important;
  }
}

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

  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 71px !important;
  }
}

.price__paper-img {
  margin: 0 auto;
  border: 2px solid #000;
}

.price__paper {
  padding-top: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .price__paper {
    padding-top: 40px;
  }
}

.price__paper-title {
  font-size: 2.4rem;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.4;
  text-align: center;
  background-color: #EEF6FF;
  display: inline-block;
  padding: 4px 24px;
}

@media screen and (min-width: 768px) {
  .price__paper-title {
    font-size: 2.8rem;
  }
}

.price__paper-kaitou-img {
  padding-top: 56px;
}

.price {
  background-color: #230055;
  padding: 7vw 0;
}

@media screen and (min-width: 1200px) {
  .price {
    padding: 72px 0;
  }
}

.price h2,
.price p,
.price dd {
  color: #fff;
}

.price dt,
.price dd,
.price p {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
}

.price dt {
  color: #230055;
  background-color: #fff;
  display: inline-block;
  padding: 0 12px;
  text-align: center;
  font-size: 2rem;
}

@media screen and (min-width: 768px) {
  .price dt {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 992px) {
  .price dt {
    width: 108px;
  }
}

.price dd {
  font-size: 1.8rem;
}

@media screen and (min-width: 992px) {
  .price dd {
    font-size: 2rem;
    border-bottom: 2px dotted #fff;
  }
}

@media screen and (min-width: 992px) {
  .price dd {
    font-size: 2.6rem;
  }
}

@media not screen and (min-width: 992px) {
  .price dd {
    margin-top: 8px;
  }
}

@media screen and (min-width: 992px) {
  .price dd {
    margin-left: 16px;
  }
}

.price__title {
  text-align: center;
}

@media not screen and (min-width: 992px) {
  .price__contents {
    text-align: center;
    margin-top: 24px;
  }
}

@media screen and (min-width: 992px) {
  .price__contents {
    width: 880px;
    padding-top: 48px;
  }
}

@media screen and (min-width: 992px) {

  .price__contents-plan,
  .price__contents-price {
    display: flex;
    justify-content: flex-start;
  }
}

@media screen and (min-width: 992px) {
  .price__contents-br {
    display: none;
  }
}

.price__contents-price {
  margin-top: 48px;
}

@media screen and (min-width: 992px) {
  .price__contents-price {
    margin-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .price__contents-plan-desc {
    font-size: 2.8rem;
  }
}

.price__contents-price-note {
  position: relative;
  margin-top: 16px;
}

@media screen and (min-width: 992px) {
  .price__contents-price-note {
    left: 148px;
  }
}

.price__otoku {
  margin: 32px auto;
}

@media screen and (min-width: 768px) {
  .price__otoku {
    max-width: 768px;
  }
}

.price__otoku-text {
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .price__otoku-text {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 992px) {
  .price__otoku-text {
    font-size: 2.8rem;
  }
}

.price__otoku-text span {
  font-size: 2.2rem;
  color: #FFE93A;
}

@media screen and (min-width: 768px) {
  .price__otoku-text span {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 992px) {
  .price__otoku-text span {
    font-size: 3.4rem;
  }
}

.price__otoku-img {
  width: 80%;
  max-width: 300px;
  margin: 24px auto;
}

@media screen and (min-width: 992px) {
  .price__otoku-img {
    width: 410px;
  }
}

.price__contents-price-list {
  position: relative;
  counter-reset: number;
  list-style-type: none !important;
  margin-top: 16px;
}

@media not screen and (min-width: 992px) {
  .price__contents-price-list {
    text-align: left;
  }
}

@media screen and (min-width: 992px) {
  .price__contents-price-list {
    left: 148px;
  }
}

.price__contents-price-list li {
  position: relative;
  color: white;
  counter-increment: li_count;
  content: counter(li_count) ".";
  padding-left: 36px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
}

@media screen and (min-width: 992px) {
  .price__contents-price-list li {
    font-size: 2.2rem;
  }
}

.price__contents-price-list li:nth-child(n+2) {
  margin-top: 16px;
  line-height: 1.2;
}

.price__contents-price-list li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background: #fff;
  color: #230055;
  font-weight: bold;
  border-radius: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (min-width: 992px) {
  .price__contents-price-list li::before {
    font-size: 2.2rem;
  }
}


/* -------------------------------------daikae */
.daikae {
  display: block;
  content: "";
  background-image: url("assets/img/daikae/daikae-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.daikae__title {
  font-size: max(2.8rem, min(5.1vw, 5rem));
  background: linear-gradient(transparent 80%, #FFE93A 80%);
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  color: #230055;
}

.daikae__copy {
  font-size: 2.4rem;
  line-height: 1.4;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  text-align: center;
  margin-top: 26px;
}

.daikae__desc {
  max-width: 786px;
  margin: 32px auto;
}

.daikae__desc p:nth-child(n+2) {
  margin-top: 16px;
}

.daikae__btns {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

.daikae__btn-a a {
  border-radius: 100vh;
  font-weight: 500;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  background: #C90010;
  color: #fff;
  padding: 16px 0;
  transition-duration: 0.3s;
  filter: brightness(1);
}

.daikae__btn-a a::after {
  content: "";
  display: inline-block;
  background: url("assets/img/daikae/btn-a-icon.svg") no-repeat;
  background-size: contain;
  margin-left: 6px;
}

.daikae__btn-a a:hover {
  filter: brightness(1.2);
}

@media not screen and (min-width: 768px) {
  .daikae__btn-a {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 288px;
    height: 68px;
  }

  .daikae__btn-a a::after {
    width: 16px;
    height: 16px;
  }
}

@media screen and (min-width: 768px) {
  .daikae__copy {
    margin-top: 26px;
    font-size: 3.2rem;
  }

  .daikae__btn-a a::after {
    width: 20px;
    height: 20px;
  }

  .daikae__btn-a {
    width: 438px;
  }
}

@media not screen and (min-width: 1200px) {
  .daikae {
    background-position: right;
    padding: 48px 0;
  }
}

@media screen and (min-width: 1200px) {
  .daikae {
    padding: 88px 0;
  }

  .daikae__btn-a a {
    padding: 24px 0;
  }
}

/* ------------------------------------------seminar */
.seminar {
  background-image: url("assets/img/basic-bg.png");
  background-repeat: repeat;
  display: block;
  content: "";
}

.seminar__title-wrap {
  background-color: var(--sec-title-bg);
  text-align: center;
}

.seminar__list-wrap {
  padding: 7vw 0;
}

.seminar__cv a {
  border-radius: 100vh;
  font-weight: 500;
  width: 100%;
  padding: 24px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  background: #A08824;
  color: #fff;
  transition-duration: 0.3s;
  opacity: 1;
}

.seminar__item:nth-child(n+2) {
  margin-top: 56px;
}

.seminar__item-img img {
  object-fit: cover;
}

.seminar__item-title {
  color: #230055;
  font-size: 2rem;
  line-height: 1.4;
}

.seminar__item-desc {
  margin-top: 24px;
}

.seminar__cv {
  text-align: center;
}

.seminar__cv .cv__btn-seminar {
  margin: 8px auto 0;
}

.seminar__item .archive {
  margin-top: 24px;
}

.seminar__item .archive dl:nth-child(2) {
  margin-top: 48px;
}

.seminar__item .archive dt {
  display: inline-block;
  border: solid 1px #333333;
  padding: 8px 16px;
}

.seminar__item .archive dd {
  margin-top: 16px;
}

.seminar__item .archive dd a {
  color: #3a0584;
  border-bottom: 1px solid #3a0584;
  filter: brightness(1);
  transition: .3s;
}

.seminar__item .archive dd a:hover {
  filter: brightness(1.4);
}

@media not screen and (min-width: 768px) {
  .seminar {
    padding-bottom: 66px;
  }

  .seminar__title-wrap {
    padding: 24px 0;
  }
}

.seminar__cv p {
  font-weight: 700;
  font-family: 'Noto Serif JP', serif;
  color: #230055;
}

@media screen and (min-width: 768px) {
  .seminar {
    padding-bottom: 88px;
  }

  .seminar__title-wrap {
    padding: 32px 0;
  }

  .seminar h2 br:first-child {
    display: none;
  }

  .seminar__btn {
    max-width: 438px;
  }

  .seminar__item-title {
    font-size: 2.4rem;
  }

  .seminar__cv p {
    font-size: 2rem;
  }

  .seminar__cv p br {
    display: none;
  }

}

@media not screen and (min-width: 1200px) {

  .seminar__item-img img {
    max-width: 492px;
    height: 230px;
  }

  .seminar__item-title {
    text-align: center;
    margin-top: 16px;
  }

  .seminar__item-img {
    max-width: 492px;
    margin: 0 auto;
  }

  .seminar__item .archive {
    text-align: center;
  }

  .seminar__item .archive dd {
    text-align: left;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .seminar__item:nth-child(n+2) {
    margin-top: 96px;
  }

  .seminar__item-text-wrap {
    width: 85%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1200px) {
  .seminar__list-wrap {
    padding: 96px 0 48px;
  }

  .seminar__item {
    display: flex;
    justify-content: center;
  }

  .seminar__item:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
  }

  .seminar__item:nth-child(n+2) {
    margin-top: 96px;
  }

  .seminar__item-img {
    width: calc(50% - 32px);
  }

  .seminar__item-img img {
    width: 480px;
    height: 340px;
  }

  .seminar__item-text-wrap {
    width: calc(50% - 32px);
  }

  .seminar__item-title {
    font-size: 2.8rem;
  }

  .seminar__item-img {
    width: 45%;
    max-width: 480px;
  }

  .seminar__item-img img {
    width: 480px;
    height: 340px;
  }
}

@media screen and (min-width: 1200px) {
  .seminar__item:first-child .seminar__item-img {
    margin-right: 24px;
  }

  .seminar__item:nth-child(2) .seminar__item-img {
    margin-left: 24px;
  }

  .seminar__item-text-wrap {
    width: 45%;
    max-width: 517px;
  }
}

/* ---------------------------------------kinousei */
.kinousei {
  background-image: url("assets/img/basic-bg.png");
  background-repeat: repeat;
  display: block;
  content: "";
}

.kinousei__title-wrap {
  background-color: var(--sec-title-bg);
  text-align: center;
}

.kinousei__btn a {
  width: 100%;
  font-weight: 500;
  padding: 24px 0;
  border-radius: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  background: #A08824;
  color: #fff;
  transition-duration: 0.3s;
  opacity: 1;
}

.kinousei__btn a::after {
  content: "";
  display: inline-block;
  background: url("assets/img/yakkihou-icon.svg") no-repeat;
  background-size: contain;
  margin-left: 6px;
}

.kinousei__btn a:hover {
  filter: brightness(1.2);
}

.kinousei__btn {
  margin: 8px auto 0;
}

.kinousei__item:nth-child(n+2) {
  margin-top: 56px;
}

.kinousei__item-img img {
  object-fit: cover;
}

.kinousei__item-title {
  color: #230055;
  font-size: 2rem;
  line-height: 1.4;
}

.kinousei__item-desc {
  margin-top: 24px;
}


.kinousei__cv {
  text-align: center;
}

.kinousei__list-wrap {
  padding: 7vw 0;
}

.kinousei__cv p {
  font-weight: 700;
  font-family: 'Noto Serif JP', serif;
  color: #230055;
}

@media not screen and (min-width: 768px) {
  .kinousei__title-wrap {
    padding: 24px 0;
  }

  .kinousei__btn a::after {
    width: 16px;
    height: 16px;
  }
}

@media screen and (min-width: 768px) {
  .kinousei__title-wrap {
    padding: 32px 0;
  }

  .kinousei__btn {
    max-width: 438px;
  }

  .kinousei__btn a::after {
    width: 20px;
    height: 20px;
  }

  .kinousei__item-title {
    font-size: 2.4rem;
  }

  .kinousei__cv p {
    font-size: 2rem;
  }

  .kinousei__cv p br {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .kinousei__item:nth-child(n+2) {
    margin-top: 96px;
  }

  .kinousei__item-text-wrap {
    width: 85%;
    margin: 0 auto;
  }
}

@media not screen and (min-width: 1200px) {
  .kinousei__item-img {
    max-width: 492px;
    margin: 0 auto;
  }

  .kinousei__item-img img {
    max-width: 492px;
    height: 230px;
  }

  .kinousei__item-title {
    text-align: center;
    margin-top: 16px;
  }
}

@media screen and (min-width: 1200px) {
  .kinousei__item {
    display: flex;
    justify-content: center;
  }

  .kinousei__item:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
  }

  .kinousei__item:nth-child(n+2) {
    margin-top: 96px;
  }

  .kinousei__item-img {
    width: 45%;
    max-width: 480px;
  }

  .kinousei__item:first-child .kinousei__item-img {
    margin-right: 24px;
  }

  .kinousei__item:nth-child(2) .kinousei__item-img {
    margin-left: 24px;
  }

  .kinousei__item-img img {
    max-width: 480px;
    height: 340px;
  }

  .kinousei__item-text-wrap {
    width: 45%;
    max-width: 517px;
  }

  .kinousei__item-title {
    font-size: 2.8rem;
  }

  .kinousei__list-wrap {
    padding: 96px 0 48px;
  }

  .kinousei__btn a br {
    display: none;
  }
}


/* ------------------------------------------kaiketsu */
.kaiketsu {
  background-image: url("assets/img/basic-bg.png");
  background-repeat: repeat;
  display: block;
  content: "";
  padding: 64px 0 0;
}

@media screen and (min-width: 1200px) {
  .kaiketsu {
    padding: 96px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .kaiketsu__wrap {
    padding-bottom: 24px;
  }
}

.kaiketsu__title-wrap {
  text-align: center;
}

.kaiketsu__title {
  color: #fff;
  background-color: var(--sec-title-bg);
  padding: 16px;
  display: inline-block;
  font-size: 3.2rem;
}

@media not screen and (min-width: 768px) {
  .kaiketsu__title {
    font-size: 2rem;
  }
}

@media screen and (min-width: 992px) {
  .kaiketsu__title {
    font-size: 4.2rem;
    padding: 26px;
  }
}

@media screen and (min-width: 768px) {
  .kaiketsu__title-br {
    display: none;
  }
}

.kaiketsu__triangle {
  content: "";
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 30px 0 30px;
  border-color: #10004B transparent transparent transparent;
  left: 50%;
  transform: translateX(-50%) translateY(-1%);
}

@media screen and (min-width: 992px) {
  .kaiketsu__triangle {
    border-width: 48px 71px 0 71px;
  }
}

.kaiketsu__main-copy {
  font-family: 'Noto Serif JP', serif;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
  font-size: 2rem;
  color: #230055;
}

@media screen and (min-width: 768px) {
  .kaiketsu__main-copy {
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 992px) {
  .kaiketsu__main-copy {
    font-size: 4rem;
  }
}

.kaiketsu__main-copy-num {
  font-size: 4rem;
  position: relative;
  top: -5px;
}

@media screen and (min-width: 992px) {
  .kaiketsu__main-copy-num {
    font-size: 6rem;
  }
}

.kaiketsu__main-copy:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kaiketsu__main-copy:first-child::before,
.kaiketsu__main-copy:first-child::after {
  content: "";
  width: 2px;
  height: 28px;
  background-color: #333333;
  display: block;
}

@media screen and (min-width: 992px) {

  .kaiketsu__main-copy:first-child::before,
  .kaiketsu__main-copy:first-child::after {
    height: 60px;
  }
}

.kaiketsu__main-copy:first-child::before {
  margin-right: 12px;
  transform: rotate(-25deg);
}

@media screen and (min-width: 992px) {
  .kaiketsu__main-copy:first-child::before {
    margin-right: 30px;
  }
}

.kaiketsu__main-copy:first-child::after {
  margin-left: 12px;
  transform: rotate(25deg);
}

@media screen and (min-width: 992px) {
  .kaiketsu__main-copy:first-child::after {
    margin-left: 26px;
  }
}

@media screen and (min-width: 992px) {
  .kaiketsu__contents {
    display: flex;
    justify-content: center;
    margin-top: 56px;
  }
}

.kaiketsu__img {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

@media not screen and (min-width: 992px) {
  .kaiketsu__img {
    margin-top: 32px;
    width: 80%;
    max-width: 460px;
  }
}

@media screen and (min-width: 992px) {
  .kaiketsu__img {
    right: -80px;
    max-width: 946px;
  }
}

.kaiketsu__desc {
  z-index: 10;
  position: relative;
}

@media screen and (min-width: 992px) {
  .kaiketsu__desc {
    right: 90px;
    width: 50%;
    max-width: 446px;
  }
}

@media not screen and (min-width: 992px) {
  .kaiketsu__desc {
    max-width: 586px;
    margin: 32px auto 0;
  }
}

.kaiketsu__desc p:not(:first-child) {
  margin-top: 16px;
}

.kaiketsu__btns-wrap {
  background-image: url("assets/img/kv/kv_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 24px 0 46px;
}

@media not screen and (min-width: 768px) {
  .kaiketsu__btns-wrap {
    margin-top: 32px;
  }
}

.kaiketsu__btns-inner {
  max-width: 1069px;
  width: 92%;
  margin: 0 auto;
}

footer {
  background-color: #230055;
  text-align: center;
  color: #fff;
  padding: 32px 0;
}

@media not screen and (min-width: 768px) {
  footer {
    padding: 32px 0 108px;
  }
}

@media screen and (min-width: 768px) {
  footer {
    padding: 32px 0;
  }
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeUpTrigger {
  opacity: 0;
}

#fix-banner {
  position: fixed;
  bottom: 0;
  z-index: 99;
  opacity: 0;
}

@media screen and (min-width: 768px) {
  #fix-banner {
    left: 6px;
    bottom: 6px;
  }
}

@media not screen and (min-width: 768px) {
  #fix-banner {
    max-height: 88px;
    width: 100%;
    max-width: 160px;
  }
}

#fix-banner.OnOpacity {
  animation: OnOpacityAnime 0.5s forwards;
}

@keyframes OnOpacityAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#fix-banner.OffOpacity {
  animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media not screen and (min-width: 768px) {
  .fix-pc {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .fix-sp {
    display: none;
  }
}

@media not screen and (min-width: 576px) {
  .cv__btn-yakkihou-text {
    font-size: 1.8rem;
    margin-right: 8px;
  }
}

@media screen and (min-width: 576px) {
  .cv__btn-yakkihou-text {
    font-size: 2.2rem;
    margin-right: 8px;
  }
}

@media screen and (min-width: 1200px) {
  .cv__btn-yakkihou-text {
    font-size: 2.4rem;
  }
}

.cv2__inner {
  max-width: 1069px;
  width: 92%;
  margin: 0 auto;
}

/*# sourceMappingURL=style.css.map */

/* ----------------------------

追加

------------------------------ */

p.txt_indent{
　padding-left: 1em;
  text-indent: -1em;
 margin:20px 20px 0 20px;
}
.about-company__jisski_txt{
	color: #fff;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
}
.about-company__jisski_txt .inner{
	margin-bottom:20px;
	border-bottom:1px solid #fff;
	padding-bottom:30px;
}

.about-company__jisski_txt h4{
	font-size: 2.4rem;
	margin-bottom:16px;
}
.about-company__jisski_txt h4 span{
	color:#FFE93A;
	font-size: 3rem;
    line-height: 1.4;
	margin-right:15px;
}
 
.about-company__jisski_txt p.txt{
	font-size: 1.5rem;
	margin:10px 0 0 0;
}
.about-company__jisski_txt p.txt span{
	font-size: 2.4rem;
	color:#FFE93A;
}
.about-company__jisski_txt .yellow{
	color:#FFE93A;
}

.about-company__jisski_txt .mt20{
	margin:20px 0 0 0;
 }

.about-company__jisski_txt p.txt img{
	margin-right:10px;
	width:40px;
}
.about-company__jisski_txt figure{
	margin:20px 0 0 0;
	max-width:500px;
 }
  .about-company__jisski-img {
    max-width: 100%;
    margin-top: 24px;
	  width: 87.8477306003%;
  }

.about-company__jisski_txt dl > div {
	display: flex;
	flex-wrap: wrap;
	max-width:600px;
}
.about-company__jisski_txt dl dt{
	width: 6em;
}
.about-company__jisski_txt dl dd{
	flex: 1;
	padding-left: 1em;
  text-indent: -1em;
}

@media screen and (min-width: 576px) {

  .about-company__jisski_txt p,.about-company__jisski_txt figure,.about-company__jisski_txt dl{
	padding-left: 2.8em;
 }
	.about-company__jisski_txt p.txt img{
	margin-right:15px;
	width:50px;
}
	.about-company__jisski_txt p.txt{
	font-size: 2rem;
	margin:10px 0 0 0;
}
	.about-company__jisski_txt p.txt span{
	font-size: 3rem;
	color:#FFE93A;
}
	.about-company__jisski-img {
    max-width: 750px;
    margin-top: 24px;
  }
}
.about-company-sec-wrap {
  width: 87.8477306003%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.about-company__iner {
  background-image: url("assets/img/about-company/company-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  position: relative;
  content: "";
  padding: 72px 0;
}
.about-company__iner h4 {
    padding:15px 55px;  
	font-size: 1.8rem;
	position: relative;
	max-width:1200px;
	margin:0 auto;
}
.about-company__iner h4:before {
	content: '';
	display: block;
	width: 49px; 
	height: 32px;
	background-image: url("assets/img/about-company/left-arrow.png");
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	left:0;
 	margin-right:20px;  /*画像右の余白*/
}
.about-company__iner h4:after {
	content: '';
	display: block;
	width: 49px; 
	height: 32px;
	background-image: url("assets/img/about-company/right-arrow.png");
	background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
	right:0;
	margin-left:20px; 
}
.about-company__iner .box{
	display:flex;
	flex-direction: column;	
	background-image: url("assets/img/about-company/member/member-bg.png");
	content: "";
	padding-bottom:30px;
}
.about-company__iner .box div.blue{
	background-color: var(--sec-title-bg);
	color:#fff;
	text-align:center;
	padding:10px;
	width:100%;
	box-sizing: border-box;
	font-weight:bold;
	font-size:1.6rem;
	font-family: 'Noto Serif JP', serif;
    line-height: 1.4;
}
.about-company__member-img{
	width:auto;
}
.txt-ctr{
	text-align:center;
}
.about-company__iner .box .txt{
	margin:20px 20px 30px 20px;
	text-align:center;
}
.about-company__iner .box .txt span{
	font-size:2rem;
}
.about-company__iner .box ol{
   margin-bottom:40px;
	list-style: decimal;
	margin-left:30px;
	padding-left:20px;
}
.about-company__iner .box ul{
    display:flex; 
	margin-top: auto;
	flex-direction: column;
}
.about-company__iner .box ul .desc{
   width: 87.8477306003%;
    font-size: 1.6rem;
	margin:0 auto;
}
.about-company__iner .box ul li:first-child{
    text-align:center;
	margin-bottom:30px;
}
.about-company__iner .box ul li:first-child img{
    max-width:167px;
}
.about-company__iner .box ul li:first-child h5{
   max-width: 167px;
    text-align: center;
    margin: 0 auto;
	box-sizing: border-box;
}
.about-company__iner .box ul li .sp_mb30{
	margin-bottom:30px;
}

@media screen and (min-width: 768px) {
	.about-company__iner h4 {
    padding:15px 80px;  
	font-size: 2.6rem;
}
.about-company__iner h4:before {
width: 65px; 
height: 42px;
}
.about-company__iner h4:after {
width: 65px; 
height: 42px;
}
.about-company__iner .box{
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
}
.about-company__iner .box div{
	width:49%;
}
.about-company__iner .box div.blue{
	padding:10px 20px;
	width:100%;
	font-size:2rem;
}
.about-company__iner .box ul .desc{
    width: 86%;
    font-size: 1.6rem;
	margin-left:32px;
}
.about-company__iner .box ul li .sp_mb30{
	margin-bottom:0;
}
}

@media screen and (min-width: 1024px) {
.about-company__iner .box div{
	display: flex;
    flex-direction: column;
	flex-wrap: nowrap;
}
.about-company__iner .box ul{
    flex-wrap: nowrap;
	flex-direction: row;
}
.about-company__iner .box ul li:first-child{
    min-width:167px;
	text-align:left;
	margin-bottom:0;
	padding-left:20px;
}
}