@charset "UTF-8";
/* 共通
---------------------------------------------------------------------------- */
.m-btn01-wrap {
  text-align: center;
  margin: 20px 0 0;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
  .m-btn01-wrap {
    margin: 1.56vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .m-btn01-wrap {
    margin: 8vw 0 0;
  }
}
/* p-mv
---------------------------------------------------------------------------- */
.p-mv {
  margin-top: 130px;
  padding: 0 40px;
  background: url(/assets/images/about/bg_mv_pc.png) no-repeat top 15px center/cover;
}

.p-mv-inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 1640px;
  width: 100%;
  margin: 0 auto;
  padding-left: 220px;
  position: relative;
}

.p-mv-ttl-wrap {
  margin-top: 70px;
}

.p-mv-ttl-jn {
  font-size: 4.4rem;
  line-height: 1.4090909091;
  letter-spacing: 0.06em;
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", YuMincho, serif;
  white-space: nowrap;
}

.p-mv-ttl-en {
  color: #0052C5;
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.02em;
  font-weight: 900;
  font-family: "CrimsonText";
}

@media screen and (max-width: 1630px) and (min-width: 768px) {
  .l-breadcrumbs {
    left: 60px;
  }
  .p-mv-inner {
    padding-left: 60px;
  }
}
@media screen and (max-width: 1499px) and (min-width: 768px) {
  .p-mv-ttl-wrap {
    margin-top: 4.66vw;
  }
  .p-mv-ttl-jn {
    font-size: 2.933vw;
  }
  .p-mv-ttl-en {
    font-size: 1.33vw;
  }
  .p-mv-img {
    width: 48vw;
  }
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
  .p-mv {
    margin-top: 4.156vw;
    padding: 0 3.125vw;
    background: url(/assets/images/about/bg_mv_pc.png) no-repeat top 1.17vw center/cover;
  }
  .p-mv-inner {
    padding-left: 3.9vw;
  }
  .l-breadcrumbs {
    left: 3.9vw;
  }
}
@media screen and (max-width: 767px) {
  .p-mv {
    margin-top: 18.6666666667vw;
    padding: 0 5.3333333333vw;
    background: url(/assets/images/about/bg_mv_sp.png) no-repeat top -4vw right/100%;
  }
  .p-mv-inner {
    display: block;
    padding-left: 0;
  }
  .p-mv-ttl-wrap {
    margin-top: 0;
    padding-top: 4vw;
  }
  .p-mv-ttl-jn {
    font-size: 7.7333333333vw;
    white-space: initial;
  }
  .p-mv-ttl-en {
    font-size: 5.3333333333vw;
    line-height: 1.75;
  }
  .p-mv-img {
    margin-top: 4vw;
  }
}
/* p-q1
---------------------------------------------------------------------------- */
.p-q1 {
  padding: 100px 0 0;
}

.p-q-ttl-wrap {
  text-align: center;
  border-bottom: 0.5px solid #0052C5;
  padding-bottom: 25px;
  position: relative;
}
.p-q-ttl-wrap::after {
  position: absolute;
  content: "";
  width: 23px;
  height: 23px;
  border-right: 0.5px solid #0052C5;
  border-bottom: 0.5px solid #0052C5;
  background: #fff;
  bottom: -13px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

.p-q-ttl-num {
  font-size: 4.4rem;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
  font-weight: bold;
  color: #0052C5;
  font-family: "CrimsonText";
}

.p-q-ttl {
  font-size: 3rem;
  line-height: 1.7;
  letter-spacing: 0.04em;
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", YuMincho, serif;
}

.p-q-inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.p-a-wrap {
  margin-top: 45px;
}

.p-a-txt {
  font-size: 2.2rem;
  line-height: 2.3636363636;
  letter-spacing: 0.04em;
  font-weight: bold;
  text-align: center;
  background: #F5F5F6;
  padding: 28px 0;
  font-family: "游明朝", "Yu Mincho", YuMincho, serif;
  position: relative;
}
.p-a-txt::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 32px;
  height: 47px;
  border-left: 3px solid #0052C5;
  border-top: 3px solid #0052C5;
}
.p-a-txt::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 32px;
  height: 47px;
  border-right: 3px solid #0052C5;
  border-bottom: 3px solid #0052C5;
}

.p-q1-img {
  text-align: center;
  margin: 35px 0 0;
}

.p-q-txt {
  font-size: 1.5rem;
  line-height: 2.1333333333;
  letter-spacing: 0.04em;
  font-weight: 400;
  margin-top: 35px;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
  .p-q1 {
    padding: 7.8vw 0 0;
  }
  .p-q-ttl-wrap {
    padding-bottom: 1.95vw;
  }
  .p-q-ttl-wrap::after {
    width: 1.796vw;
    height: 1.796vw;
    bottom: -1vw;
  }
  .p-q-ttl-num {
    font-size: 3.43vw;
  }
  .p-q-ttl {
    font-size: 2.34vw;
  }
  .p-q-inner {
    max-width: 75vw;
  }
  .p-a-wrap {
    margin-top: 3.51vw;
  }
  .p-a-txt {
    font-size: 1.71vw;
    padding: 2.18vw 0;
  }
  .p-a-txt::before {
    width: 2.5vw;
    height: 3.67vw;
    border-left: 0.23vw solid #0052C5;
    border-top: 0.23vw solid #0052C5;
  }
  .p-a-txt::after {
    width: 2.5vw;
    height: 3.67vw;
    border-right: 0.23vw solid #0052C5;
    border-bottom: 0.23vw solid #0052C5;
  }
  .p-q1-img {
    margin: 2.73vw auto 0;
    width: 37.65vw;
  }
  .p-q-txt {
    font-size: 1.17vw;
    margin-top: 2.73vw;
  }
}
@media screen and (max-width: 767px) {
  .p-q1 {
    padding: 14.6666666667vw 0 0;
  }
  .p-q-ttl-wrap {
    border-bottom: 0.1333333333vw solid #0052C5;
    padding-bottom: 5.3333333333vw;
  }
  .p-q-ttl-wrap::after {
    width: 6.1333333333vw;
    height: 6.1333333333vw;
    border-right: 0.1333333333vw solid #0052C5;
    border-bottom: 0.1333333333vw solid #0052C5;
    bottom: -3.2vw;
  }
  .p-q-ttl-num {
    font-size: 9.6vw;
  }
  .p-q-ttl {
    font-size: 5.3333333333vw;
    line-height: 1.5;
  }
  .p-a-wrap {
    margin-top: 12vw;
  }
  .p-a-txt {
    font-size: 4.8vw;
    padding: 8vw 5.3333333333vw;
    text-align: left;
    line-height: 2;
  }
  .p-a-txt::before {
    width: 8.5333333333vw;
    height: 12.5333333333vw;
    border-left: 0.8vw solid #0052C5;
    border-top: 0.8vw solid #0052C5;
  }
  .p-a-txt::after {
    width: 8.5333333333vw;
    height: 12.5333333333vw;
    border-right: 0.8vw solid #0052C5;
    border-bottom: 0.8vw solid #0052C5;
  }
  .p-q1-img {
    width: 80%;
    margin: 8vw auto 0;
  }
  .p-q1-img img {
    width: 100%;
  }
  .p-q-txt {
    font-size: 4vw;
    margin-top: 6.6666666667vw;
  }
}
/* p-q2
---------------------------------------------------------------------------- */
.p-q2 {
  padding: 100px 0 0;
}

.p-q2-img01 {
  margin: 30px 0 50px;
  text-align: center;
}

.p-q2-img02 {
  margin: 30px auto 0;
  text-align: center;
  max-width: 645px;
  width: 100%;
}

.p-q-sh {
  font-size: 2.2rem;
  line-height: 1.6818181818;
  letter-spacing: 0.04em;
  font-weight: bold;
  padding-left: 20px;
  margin-top: 30px;
  font-family: "游明朝", "Yu Mincho", YuMincho, serif;
  position: relative;
}
.p-q-sh span {
  font-size: 1.8rem;
  line-height: 2.0555555556;
  letter-spacing: 0.04em;
  font-weight: 400;
}
.p-q-sh::before {
  position: absolute;
  content: "";
  left: 0;
  top: 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0052C5;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
  .p-q2 {
    padding: 7.8vw 0 0;
  }
  .p-q2-img01 {
    margin: 2.34vw 0 3.9vw;
  }
  .p-q2-img02 {
    margin: 2.34vw auto 0;
    max-width: 50.3vw;
  }
  .p-q-sh {
    font-size: 1.71vw;
    padding-left: 1.56vw;
    margin-top: 2.34vw;
  }
  .p-q-sh span {
    font-size: 1.4vw;
  }
  .p-q-sh::before {
    top: 1.17vw;
    width: 0.625vw;
    height: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-q2 {
    padding: 16vw 0 0;
  }
  .p-q2-img01 {
    margin: 5.3333333333vw 0 6.6666666667vw;
  }
  .p-q2-img02 {
    margin: 6.6666666667vw auto 0;
    max-width: 100%;
  }
  .p-q-sh {
    font-size: 4.8vw;
    padding-left: 5.3333333333vw;
    margin-top: 8vw;
  }
  .p-q-sh span {
    font-size: 4.2666666667vw;
  }
  .p-q-sh::before {
    top: 4vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
/* p-q3
---------------------------------------------------------------------------- */
.p-q3 {
  padding: 100px 0 0;
}

.p-q3-list-l {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin: 35px 0 0;
}

.p-q3-list-m {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.p-q3-list-m .p-q3-list-item {
  max-width: 280px;
  width: 100%;
}

.p-q3-list-item {
  margin-bottom: 30px;
  max-width: 450px;
  width: 100%;
}

.p-q3-list-item-ttl {
  font-size: 1.8rem;
  line-height: 1.9444444444;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: center;
  margin-top: 15px;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
  .p-q3 {
    padding: 7.8vw 0 0;
  }
  .p-q3-list-l {
    margin: 2.73vw 0 0;
  }
  .p-q3-list-m .p-q3-list-item {
    max-width: 21.8vw;
  }
  .p-q3-list-item {
    margin-bottom: 2.34vw;
    max-width: 35vw;
  }
  .p-q3-list-item-ttl {
    font-size: 1.4vw;
    margin-top: 1.17vw;
  }
}
@media screen and (max-width: 767px) {
  .p-q3 {
    padding: 16vw 0 0;
  }
  .p-q3-list-l {
    display: block;
    margin: 8vw 0 0;
  }
  .p-q3-list-m {
    display: block;
  }
  .p-q3-list-m .p-q3-list-item {
    max-width: 100%;
  }
  .p-q3-list-item {
    margin-bottom: 5.3333333333vw;
    max-width: 100%;
  }
  .p-q3-list-item-img img {
    width: 100%;
  }
  .p-q3-list-item-ttl {
    font-size: 4.2666666667vw;
    margin-top: 2.6666666667vw;
  }
}
/* p-q4
---------------------------------------------------------------------------- */
.p-q4 {
  padding: 100px 0 0;
}

.p-q4-group-list {
  margin: 30px 0 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.p-q4-group-list-item {
  max-width: 217px;
  width: 100%;
}
.p-q4-group-list-item:nth-child(even) {
  margin-top: 35px;
}

.p-q4-group-list-item-ttl {
  font-size: 1.6rem;
  line-height: 3.4375;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: center;
}

.p-q4-feature-list {
  margin: 30px 0 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.p-q4-feature-list-item {
  max-width: 450px;
  width: 100%;
}

.p-q4-feature-list-item-img {
  margin-bottom: 20px;
}

.p-q4-feature-list-item-ttl {
  font-size: 1.8rem;
  line-height: 1.9444444444;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.p-q4-feature-list-item-txt {
  font-size: 1.5rem;
  line-height: 2.1333333333;
  letter-spacing: 0.04em;
  font-weight: 400;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
  .p-q4 {
    padding: 7.8vw 0 0;
  }
  .p-q4-group-list {
    margin: 2.34vw 0 0;
  }
  .p-q4-group-list-item {
    max-width: 16.95vw;
  }
  .p-q4-group-list-item:nth-child(even) {
    margin-top: 2.73vw;
  }
  .p-q4-group-list-item-ttl {
    font-size: 1.25vw;
  }
  .p-q4-feature-list {
    margin: 2.34vw 0 3.9vw;
  }
  .p-q4-feature-list-item {
    max-width: 35vw;
  }
  .p-q4-feature-list-item-img {
    margin-bottom: 1.56vw;
  }
  .p-q4-feature-list-item-ttl {
    font-size: 1.4vw;
    margin-bottom: 0.78vw;
  }
  .p-q4-feature-list-item-txt {
    font-size: 1.17vw;
  }
}
@media screen and (max-width: 767px) {
  .p-q4 {
    padding: 16vw 0 0;
  }
  .p-q4-group-list {
    margin: 8vw 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-q4-group-list-item {
    max-width: 42.1333333333vw;
  }
  .p-q4-group-list-item:nth-child(even) {
    margin-top: 8vw;
  }
  .p-q4-group-list-item-ttl {
    font-size: 4.2666666667vw;
    line-height: 1.55;
    margin-top: 2.6666666667vw;
  }
  .p-q4-feature-list {
    margin: 8vw 0 13.3333333333vw;
    display: block;
  }
  .p-q4-feature-list-item {
    max-width: 100%;
  }
  .p-q4-feature-list-item:last-child {
    margin-top: 6.6666666667vw;
  }
  .p-q4-feature-list-item-img {
    margin-bottom: 3.4666666667vw;
  }
  .p-q4-feature-list-item-img img {
    width: 100%;
  }
  .p-q4-feature-list-item-ttl {
    font-size: 4.2666666667vw;
    margin-bottom: 1.3333333333vw;
  }
  .p-q4-feature-list-item-txt {
    font-size: 4vw;
  }
}
/* p-q5
---------------------------------------------------------------------------- */
.p-q5 {
  padding: 100px 0 60px;
}

.p-q5-txt {
  font-size: 1.6rem;
  line-height: 2.25;
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-top: 45px;
}

.p-q5-list {
  margin: 45px 0 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-q5-list-item {
  margin-bottom: 35px;
  background: #F5F5F6;
  width: 377px;
  height: 250px;
  padding: 30px 0 0 0;
  text-align: center;
  position: relative;
}
.p-q5-list-item::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 15px solid #F9F9F9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-q5-list-item:nth-child(3) img {
  margin-top: 20px;
}

.p-q5-list-item-ttl-wrap {
  text-align: center;
  position: relative;
  z-index: 2;
}

.p-q5-list-item-ttl {
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: 0.06em;
  font-weight: bold;
  display: inline-block;
  color: #000;
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}
.p-q5-list-item-ttl span {
  font-size: 1.3rem;
  line-height: 1.7692307692;
  letter-spacing: 0.06em;
  font-weight: bold;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
  .p-q5 {
    padding: 7.8vw 0 4.68vw;
  }
  .p-q5-txt {
    font-size: 1.25vw;
    margin-top: 3.5vw;
  }
  .p-q5-list {
    margin: 3.5vw 0 0;
  }
  .p-q5-list-item {
    margin-bottom: 2.73vw;
    width: 29.45vw;
    height: 16.56vw;
    padding: 2.34vw 0 0 0;
  }
  .p-q5-list-item::after {
    border: 1.17vw solid #F9F9F9;
  }
  .p-q5-list-item:nth-child(1) img {
    width: 24.29vw;
  }
  .p-q5-list-item:nth-child(2) img {
    width: 19.29vw;
  }
  .p-q5-list-item:nth-child(3) img {
    margin-top: 1.56vw;
    width: 24.14vw;
  }
  .p-q5-list-item:nth-child(4) img {
    width: 20.3vw;
  }
  .p-q5-list-item:nth-child(5) img {
    width: 20.93vw;
  }
  .p-q5-list-item:nth-child(6) img {
    width: 19.68vw;
  }
  .p-q5-list-item:nth-child(7) img {
    width: 23.98vw;
  }
  .p-q5-list-item:nth-child(8) img {
    width: 16.4vw;
  }
  .p-q5-list-item:nth-child(9) img {
    width: 23.67vw;
  }
  .p-q5-list-item-ttl {
    font-size: 1.56vw;
    border-bottom: 0.15vw solid #000;
    padding-bottom: 0.39vw;
  }
  .p-q5-list-item-ttl span {
    font-size: 1.01vw;
  }
}
@media screen and (max-width: 767px) {
  .p-q5 {
    padding: 16vw 0 10.6666666667vw;
  }
  .p-q5-txt {
    font-size: 4vw;
    margin-top: 10.6666666667vw;
  }
  .p-q5-list {
    margin: 8vw 0 0;
    display: block;
  }
  .p-q5-list-item {
    margin-bottom: 5.3333333333vw;
    width: 89.3333333333vw;
    height: 55.3333333333vw;
    padding: 6.6666666667vw 0 0 0;
  }
  .p-q5-list-item::after {
    border: 4vw solid #F9F9F9;
  }
  .p-q5-list-item:nth-child(1) img {
    width: 80%;
  }
  .p-q5-list-item:nth-child(2) img {
    width: 63%;
  }
  .p-q5-list-item:nth-child(3) img {
    margin-top: 5.3333333333vw;
    width: 80%;
  }
  .p-q5-list-item:nth-child(4) img {
    width: 60%;
  }
  .p-q5-list-item:nth-child(5) img {
    width: 70%;
  }
  .p-q5-list-item:nth-child(6) img {
    width: 65%;
  }
  .p-q5-list-item:nth-child(7) img {
    width: 80%;
  }
  .p-q5-list-item:nth-child(8) img {
    width: 53%;
  }
  .p-q5-list-item:nth-child(9) img {
    width: 80%;
  }
  .p-q5-list-item-ttl {
    font-size: 4.2666666667vw;
    border-bottom: 0.5333333333vw solid #000;
    padding-bottom: 2.6666666667vw;
  }
  .p-q5-list-item-ttl span {
    font-size: 3.2vw;
  }
}
/* p-recommend
---------------------------------------------------------------------------- */
.p-recommend {
  background: #F5F5F6;
  padding: 60px 0 100px;
  position: relative;
}
.p-recommend::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: #0052C5;
}

.p-recommend-mh {
  font-size: 3rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: bold;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, serif;
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
  .p-recommend {
    padding: 4.68vw 0 7.8vw;
  }
  .p-recommend::after {
    width: 4.68vw;
    height: 0.31vw;
  }
  .p-recommend-mh {
    font-size: 2.34vw;
  }
}
@media screen and (max-width: 767px) {
  .p-recommend {
    padding: 8vw 0 16vw;
  }
  .p-recommend::after {
    width: 12vw;
    height: 0.8vw;
  }
  .p-recommend-mh {
    font-size: 5.3333333333vw;
  }
}