@charset "UTF-8";
/*------------------------------------------------

p-pafe-fix

-------------------------------------------------*/
.p-pafe-fix {
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #04A0E9;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 100;
  transition: all 0.3s ease;
}
.p-pafe-fix.active {
  opacity: 1;
  pointer-events: auto;
}
.p-pafe-fix a {
  display: block;
  padding: 10px 25px 15px;
}
.p-pafe-fix .-txt01-outer {
  text-align: center;
}
.p-pafe-fix .-txt01 {
  position: relative;
  padding: 0 10px;
  display: inline-block;
  color: #8FC320;
  font-size: 10px;
}
.p-pafe-fix .-txt01::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #8FC320;
  left: 0;
  bottom: 0;
  transform: rotate(-25deg);
}
.p-pafe-fix .-txt01::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 12px;
  background-color: #8FC320;
  right: 0;
  bottom: 0;
  transform: rotate(25deg);
}
.p-pafe-fix .-txt02-outer {
  text-align: center;
}
.p-pafe-fix .-txt02 {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #04A0E9;
  letter-spacing: 0.03em;
  background: linear-gradient(transparent 75%, #FEF635 75%);
}
.p-pafe-fix .-txt03 {
  margin-top: 5px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .p-pafe-fix {
    border-radius: 0.7142857143rem;
    bottom: 0.5714285714rem;
    right: 0.5714285714rem;
  }
  .p-pafe-fix a {
    padding: 0.7142857143rem 1.7857142857rem 1.0714285714rem;
  }
  .p-pafe-fix .-txt01 {
    padding: 0 0.7142857143rem;
    font-size: 0.7142857143rem;
  }
  .p-pafe-fix .-txt01::before {
    height: 0.8571428571rem;
  }
  .p-pafe-fix .-txt01::after {
    height: 0.8571428571rem;
  }
  .p-pafe-fix .-txt02 {
    font-size: 1.2857142857rem;
  }
  .p-pafe-fix .-txt03 {
    margin-top: 0.3571428571rem;
    font-size: 0.7142857143rem;
  }
}

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

p-top-mv

-------------------------------------------------*/
.p-top-mv {
  position: relative;
  height: 100vh;
}
.p-top-mv .p-top-mv__bgtxt {
  position: absolute;
  bottom: 7%;
  height: 150px;
  background: url(../../../img/top/mv-loarding.png) top 0px left 0/1510px auto repeat-x;
  background-size: cover;
  width: 100%;
  animation: scrolltxt01 60s linear infinite;
}
@keyframes scrolltxt01 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1510px 0;
  }
}
.p-top-mv .p-top-mv__area {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-top-mv .p-top-mv__area-txtbox {
  position: absolute;
  width: 100%;
  top: 30%;
  left: 7%;
  z-index: 11;
  opacity: 0;
  transition: all 1s ease;
}
.p-top-mv .p-top-mv__area-txtbox.isActive {
  opacity: 1;
}
.p-top-mv .p-top-mv__area-txtbox .-en {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-family: "Oswald", sans-serif;
  line-height: 2;
  color: #04A0E9;
}
.p-top-mv .p-top-mv__area-txtbox .-ttl {
  margin-top: 20px;
  font-size: 30px;
  letter-spacing: 0.08em;
  font-weight: bold;
  line-height: 1.4;
}
.p-top-mv .p-top-mv__area-txtbox .-subttl {
  display: block;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.p-top-mv .p-top-mv__area-txtbox .-subttl .-marker {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 0 5px;
  background: linear-gradient(45deg, rgb(7, 7, 7) 0%, rgb(78, 71, 75) 100%);
  background-size: 0% 100%;
  transition: background-size 1s;
  transition: all 1s ease;
  transition-delay: 1.5s;
  background-repeat: no-repeat;
}
.p-top-mv .p-top-mv__area-txtbox .-subttl .-marker.isActive {
  color: #fff;
  background-size: 100% 100%;
}
.p-top-mv .p-top-mv__area-txtbox .-txt {
  margin-top: 30px;
  font-size: 12px;
  letter-spacing: 0.26em;
  font-weight: 400;
  line-height: 2.6;
}
.p-top-mv .p-top-mv__area-txtbox .-btn {
  margin-top: 30px;
}
.p-top-mv .p-top-mv__area-txtbox .-btn a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1.1;
  padding: 10px 30px;
  border-radius: 80px;
  background-image: linear-gradient(135deg, #7d9940 0%, #212121 30%, #385448 66%, #6a904e 100%);
}
.p-top-mv .p-top-mv__area-img {
  width: 62%;
  margin-left: auto;
  overflow: hidden;
  border-radius: 0 0 0 40px;
  position: relative;
  z-index: 1;
}
.p-top-mv .p-top-mv__area-img .-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}
.p-top-mv .p-top-mv__area-img .-img.-img01 {
  background-image: url(../../../img/top/mv-pc01.jpg);
}
.p-top-mv .p-top-mv__area-img .-img.-img02 {
  background-image: url(../../../img/top/mv-pc02.jpg);
}
.p-top-mv .p-top-mv__area-img .-img.-img03 {
  background-image: url(../../../img/top/mv-pc03.jpg);
}
.p-top-mv .p-top-mv__area-img .swiper-slide-active .-img {
  animation: zoomDown 10s linear 0s normal both;
}
.p-top-mv .p-top-mv__area-img .swiper-slide-duplicate-active .-img {
  animation: zoomDown 10s linear 0s normal both;
}
.p-top-mv .p-top-mv__area-img .swiper-slide-prev .-img {
  animation: zoomDown 10s linear 0s normal both;
}
@keyframes zoomDown {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.p-top-mv .mv-scroll {
  position: absolute;
  left: 0px;
  bottom: 100px;
}
.p-top-mv .mv-scroll .mv-scroll-text {
  width: 60px;
  font-size: 12px;
  display: flex;
  writing-mode: vertical-rl;
  align-items: center;
  font-family: "Oswald", sans-serif;
}
.p-top-mv .mv-scroll .mv-scroll-line {
  margin: 0 auto;
  margin-bottom: 10px;
  height: 60px;
  display: block;
  width: 1px;
  background: #172E3A;
}
.p-top-mv .mv-scroll .mv-scroll-line:after {
  width: 8px;
  height: 8px;
  background: #8FC320;
  content: "";
  display: block;
  border-radius: 100px;
  margin: 0 auto;
  position: relative;
  left: -4px;
  top: 20px;
  animation-name: mv-scroll;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
@keyframes mv-scroll {
  0% {
    opacity: 1;
    transform: translateY(-20px) translateX(0);
  }
  50% {
    transform: translateY(20px) translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateY(40px) translateX(0);
  }
}
@media screen and (max-width: 1200px) {
  .p-top-mv .p-top-mv__area-img {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-mv {
    height: auto;
    margin-top: 5rem;
  }
  .p-top-mv .p-top-mv__bgtxt {
    bottom: -3%;
    height: 6.4285714286rem;
  }
  .p-top-mv .p-top-mv__area {
    flex-direction: column-reverse;
  }
  .p-top-mv .p-top-mv__area-txtbox {
    position: static;
    margin-left: 1.4285714286rem;
    width: 90%;
    margin-top: 2.1428571429rem;
    padding-bottom: 3.5714285714rem;
  }
  .p-top-mv .p-top-mv__area-txtbox .-en {
    font-size: 0.7142857143rem;
  }
  .p-top-mv .p-top-mv__area-txtbox .-ttl {
    margin-top: 0.8571428571rem;
    font-size: 1.5714285714rem;
    line-height: 1.6;
  }
  .p-top-mv .p-top-mv__area-txtbox .-marker {
    margin: 0 0.3571428571rem;
    border-radius: 0.2142857143rem;
    padding: 0.3571428571rem 0.7142857143rem;
  }
  .p-top-mv .p-top-mv__area-txtbox .-txt {
    margin-top: 1.4285714286rem;
    font-size: 1rem;
    letter-spacing: 0.16em;
    line-height: 2;
  }
  .p-top-mv .p-top-mv__area-txtbox .-btn {
    margin-top: 2.1428571429rem;
  }
  .p-top-mv .p-top-mv__area-txtbox .-btn a {
    font-size: 1rem;
    padding: 0.7142857143rem 2.1428571429rem;
  }
  .p-top-mv .p-top-mv__area-img {
    width: 100%;
    margin-left: 1.4285714286rem;
    height: 17.1428571429rem;
  }
  .p-top-mv .p-top-mv__area-img .-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 17.1428571429rem;
  }
  .p-top-mv .p-top-mv__area-img .-img.-img01 {
    background-image: url(../../../img/top/mv-sp01.jpg);
  }
  .p-top-mv .p-top-mv__area-img .-img.-img02 {
    background-image: url(../../../img/top/mv-sp02.jpg);
  }
  .p-top-mv .p-top-mv__area-img .-img.-img03 {
    background-image: url(../../../img/top/mv-sp03.jpg);
  }
  .p-top-mv .mv-scroll {
    bottom: 1.4285714286rem;
  }
  .p-top-mv .mv-scroll .mv-scroll-text {
    width: 1.4285714286rem;
    font-size: 0.8571428571rem;
  }
  .p-top-mv .mv-scroll .mv-scroll-line {
    margin-bottom: 0.7142857143rem;
    height: 4.2857142857rem;
  }
  .p-top-mv .mv-scroll .mv-scroll-line:after {
    width: 0.5714285714rem;
    height: 0.5714285714rem;
    left: -0.2857142857rem;
    top: 1.4285714286rem;
  }
}

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

p-top-interview

-------------------------------------------------*/
.p-top-interview {
  margin-top: -70px;
  position: relative;
  padding: 110px 0 110px;
  background: linear-gradient(45deg, rgb(7, 7, 7) 0%, rgb(78, 71, 75) 100%);
}
.p-top-interview .p-top-interview--inner {
  max-width: 800px;
}
.p-top-interview .p-top-interview__info {
  background-color: #fff;
  padding: 20px 30px;
}
.p-top-interview .p-top-interview__info-ttlbox {
  border-bottom: 1px solid #302C2F;
  padding-bottom: 10px;
}
.p-top-interview .p-top-interview__info-ttlbox .-ttl {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.08em;
}
.p-top-interview .p-top-interview__info-block {
  padding-top: 20px;
}
.p-top-interview .p-top-interview__info-block .-item {
  margin-top: 10px;
}
.p-top-interview .p-top-interview__info-block .-item:first-child {
  margin-top: 0;
}
.p-top-interview .p-top-interview__info-block .-item-time {
  position: relative;
  width: 165px;
  padding-left: 28px;
  padding-right: 80px;
  margin-right: 15px;
  color: #AAAAAA;
  font-size: 12px;
  font-family: "Oswald", sans-serif;
}
.p-top-interview .p-top-interview__info-block .-item-time::before {
  content: "";
  position: absolute;
  display: block;
  background: url(../../../img/top/top-interview-mark.png) no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  left: 0;
  top: 2px;
}
.p-top-interview .p-top-interview__info-block .-item-time::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #302C2F;
  width: 65px;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.p-top-interview .p-top-interview__info-block .-item-txt {
  font-size: 12px;
  color: #3A3537;
  letter-spacing: 0.04em;
  width: calc(100% - 180px);
}
.p-top-interview .p-top-interview--c-ttl01 {
  padding-top: 60px;
}
.p-top-interview .p-top-interview__txt {
  font-size: 14px;
  margin-top: 15px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.02em;
  line-height: 1.8;
}
.p-top-interview .p-top-interview__slide {
  position: relative;
  margin: auto;
  margin-top: 50px;
}
.p-top-interview .p-top-interview__slide .-itembox {
  background-color: #fff;
  border-radius: 20px;
}
.p-top-interview .p-top-interview__slide .-img img {
  border-radius: 20px 20px 0 0;
}
.p-top-interview .p-top-interview__slide .-txtbox {
  background-color: #fff;
  padding: 20px 25px;
  border-radius: 0 0 20px 20px;
}
.p-top-interview .p-top-interview__slide .-ttl {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.6;
}
.p-top-interview .p-top-interview__slide .-link {
  margin-top: 30px;
  color: #35A7E3;
  font-size: 14px;
  text-align: right;
}
.p-top-interview .p-top-interview__slide .-link span {
  position: relative;
  padding-right: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #35A7E3;
}
.p-top-interview .p-top-interview__slide .-link span::after {
  content: "";
  position: absolute;
  width: 8px;
  height: auto;
  aspect-ratio: 1;
  border-right: 1px solid;
  border-bottom: 1px solid;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  right: 0;
}
.p-top-interview .p-top-interview__slide .swiper-pagination {
  bottom: -50px;
}
.p-top-interview .p-top-interview__slide .swiper-pagination .swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #fff;
  opacity: 1;
}
.p-top-interview .p-top-interview__slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FCC704;
}
@media screen and (max-width: 768px) {
  .p-top-interview {
    padding: 2.1428571429rem 0 4.2857142857rem;
    margin-top: 0;
  }
  .p-top-interview .p-top-interview__info {
    padding: 1.7857142857rem 1.4285714286rem;
  }
  .p-top-interview .p-top-interview__info-ttlbox {
    padding-bottom: 0.7142857143rem;
  }
  .p-top-interview .p-top-interview__info-ttlbox .-ttl {
    font-size: 1.2857142857rem;
  }
  .p-top-interview .p-top-interview__info-block {
    padding-top: 0.8571428571rem;
  }
  .p-top-interview .p-top-interview__info-block .-item {
    margin-top: 0.8571428571rem;
  }
  .p-top-interview .p-top-interview__info-block .-item:first-child {
    margin-top: 0;
  }
  .p-top-interview .p-top-interview__info-block .-item-time {
    width: 100%;
    padding-left: 1.7857142857rem;
    padding-right: 0;
    margin-right: 0;
    font-size: 0.8571428571rem;
  }
  .p-top-interview .p-top-interview__info-block .-item-time::before {
    width: 1.0714285714rem;
    height: 1.0714285714rem;
    left: 0;
    top: 0.0714285714rem;
  }
  .p-top-interview .p-top-interview__info-block .-item-time::after {
    display: none;
  }
  .p-top-interview .p-top-interview__info-block .-item-txt {
    margin-top: 0.3571428571rem;
    font-size: 0.8571428571rem;
    width: 100%;
  }
  .p-top-interview .p-top-interview--c-ttl01 {
    padding-top: 3.5714285714rem;
  }
  .p-top-interview .p-top-interview__txt {
    position: relative;
    font-size: 1rem;
    padding: 0 1.4285714286rem;
    margin-top: 1.4285714286rem;
    text-align: left;
  }
  .p-top-interview .p-top-interview__slide {
    margin-top: 2.1428571429rem;
    width: 80%;
  }
  .p-top-interview .p-top-interview__slide .-itembox {
    border-radius: 0.7142857143rem;
  }
  .p-top-interview .p-top-interview__slide .-img img {
    border-radius: 0.7142857143rem 0.7142857143rem 0 0;
  }
  .p-top-interview .p-top-interview__slide .-txtbox {
    padding: 1.0714285714rem 1.4285714286rem 1.7857142857rem;
    border-radius: 0 0 0.7142857143rem 0.7142857143rem;
  }
  .p-top-interview .p-top-interview__slide .-ttl {
    font-size: 1.2857142857rem;
  }
  .p-top-interview .p-top-interview__slide .-link {
    margin-top: 1.4285714286rem;
    font-size: 0.8571428571rem;
  }
  .p-top-interview .p-top-interview__slide .-link span {
    padding-right: 1.0714285714rem;
    padding-bottom: 0.3571428571rem;
    border-bottom: 0.0714285714rem solid #35A7E3;
  }
  .p-top-interview .p-top-interview__slide .-link span::after {
    width: 0.5714285714rem;
    height: auto;
    aspect-ratio: 1;
    border-right: 0.0714285714rem solid;
    border-bottom: 0.0714285714rem solid;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: 0;
  }
  .p-top-interview .p-top-interview__slide .swiper-pagination {
    bottom: -2.5rem;
  }
  .p-top-interview .p-top-interview__slide .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0.3571428571rem;
  }
}

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

p-top-about

-------------------------------------------------*/
.p-top-about {
  position: relative;
  padding: 90px 0 0px;
}
.p-top-about .p-top-about-bgtxt {
  position: absolute;
  font-family: "Oswald", sans-serif;
  font-size: 110px;
  letter-spacing: 0.08em;
  font-weight: 400;
  color: #FAFAFA;
  writing-mode: vertical-rl;
  top: 80px;
  right: 0;
  text-transform: uppercase;
}
.p-top-about .p-top-about__area {
  position: relative;
}
.p-top-about .p-top-about__area .-img {
  flex: 1;
  overflow: hidden;
  height: 500px;
  position: relative;
  margin-left: calc(50% - 50vw);
}
.p-top-about .p-top-about__area .-img::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 100;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: all 1s cubic-bezier(0.8, 0, 0.17, 1);
}
.p-top-about .p-top-about__area .-img.isActive::before {
  transform-origin: left top;
  transform: scale(0, 1);
}
.p-top-about .p-top-about__area .-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 60px 0 0;
}
.p-top-about .p-top-about__area .-img::before {
  content: "";
  display: block;
  padding-top: 500px;
}
.p-top-about .p-top-about__area .-txtbox {
  width: 60%;
  padding-top: 50px;
  padding-left: 80px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}
.p-top-about .p-top-about__area .-txtbox.isActive {
  transform: translateY(0);
  opacity: 1;
}
.p-top-about .p-top-about__area .-ttl {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
.p-top-about .p-top-about__area .-ttl .-en {
  display: block;
  color: #04A0E9;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  width: -moz-max-content;
  width: max-content;
  font-size: 16px;
  letter-spacing: 0.14em;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #04A0E9;
}
.p-top-about .p-top-about__area .-txt {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2;
}
.p-top-about .p-top-about__loading {
  margin-top: 40px;
  position: relative;
  height: 145px;
  background: url(../../../img/top/about-loarding.png) top 0px left 0/2270px auto repeat-x;
  background-size: cover;
  width: 100%;
  animation: scrolltxt 90s linear infinite;
}
@keyframes scrolltxt {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2270px 0;
  }
}
@media screen and (max-width: 1024px) {
  .p-top-about .p-top-about__area .-txtbox {
    width: 50%;
    padding-left: 50px;
  }
  .p-top-about .p-top-about__area .-ttl {
    font-size: 22px;
  }
  .p-top-about .p-top-about__area .-txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-about {
    padding-top: 4.2857142857rem;
  }
  .p-top-about .p-top-about-bgtxt {
    display: none;
  }
  .p-top-about .p-top-about__area {
    flex-direction: column-reverse;
  }
  .p-top-about .p-top-about__area .-img {
    height: auto;
    flex: auto;
    width: 100%;
    margin-left: 0;
    margin-top: 2.1428571429rem;
  }
  .p-top-about .p-top-about__area .-img img {
    position: static;
    border-radius: 0 2.1428571429rem 0 0;
  }
  .p-top-about .p-top-about__area .-img::before {
    padding-top: 14.6428571429rem;
  }
  .p-top-about .p-top-about__area .-txtbox {
    width: 100%;
    padding: 0;
  }
  .p-top-about .p-top-about__area .-ttl {
    font-size: 1.5714285714rem;
  }
  .p-top-about .p-top-about__area .-ttl .-en {
    font-size: 0.8571428571rem;
  }
  .p-top-about .p-top-about__area .-txt {
    margin-top: 2.1428571429rem;
    font-size: 1.1428571429rem;
  }
  .p-top-about .p-top-about__loading {
    height: 7.5rem;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-top: 2.8571428571rem;
  }
}

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

p-top-service

-------------------------------------------------*/
.p-top-service {
  padding-top: 70px;
  padding-bottom: 80px;
}
.p-top-service .p-top-service__item {
  position: relative;
  margin-top: 50px;
}
.p-top-service .p-top-service__item.p-top-service__item--dry .-bgtxt {
  right: auto;
  left: 20px;
}
.p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-img {
  margin-right: calc(50% - 50vw);
  margin-left: 0;
}
.p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-img.-img--01::before {
  border-color: #04A0E9;
}
.p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-img.-img--02::before {
  border-color: #8FC320;
}
.p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-img.-img--03::before {
  border-color: #FCC704;
}
.p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-img::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid;
  top: 10px;
  right: auto;
  left: -10px;
}
.p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-txtbox {
  margin-right: 70px;
  margin-left: 0;
}
.p-top-service .p-top-service__item .-bgtxt {
  position: absolute;
  font-family: "Oswald", sans-serif;
  font-size: 59px;
  line-height: 1;
  color: #F4F4F4;
  text-transform: uppercase;
  font-weight: 400;
  writing-mode: vertical-rl;
  top: 10px;
  right: 20px;
  letter-spacing: 0.1em;
}
.p-top-service .p-top-service__item-area {
  position: relative;
}
.p-top-service .p-top-service__item-area .-img {
  flex: 1;
  height: 350px;
  margin-left: calc(50% - 50vw);
  position: relative;
}
.p-top-service .p-top-service__item-area .-img.-img--01::before {
  border-color: #04A0E9;
}
.p-top-service .p-top-service__item-area .-img.-img--02::before {
  border-color: #8FC320;
}
.p-top-service .p-top-service__item-area .-img.-img--03::before {
  border-color: #FCC704;
}
.p-top-service .p-top-service__item-area .-img::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid;
  top: 10px;
  right: -10px;
}
.p-top-service .p-top-service__item-area .-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top-service .p-top-service__item-area .-txtbox {
  width: 56%;
  margin-top: 30px;
  margin-left: 70px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}
.p-top-service .p-top-service__item-area .-txtbox.isActive {
  transform: translateY(0);
  opacity: 1;
}
.p-top-service .p-top-service__item-area .-ttl {
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.p-top-service .p-top-service__item-area .-en {
  text-transform: uppercase;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  letter-spacing: 0.13em;
  line-height: 1.4;
}
.p-top-service .p-top-service__item-area .-en.-en--01 {
  color: #04A0E9;
}
.p-top-service .p-top-service__item-area .-en.-en--02 {
  color: #8FC320;
}
.p-top-service .p-top-service__item-area .-en.-en--03 {
  color: #FCC704;
}
.p-top-service .p-top-service__item-area .-txt {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  .p-top-service .p-top-service__item-area .-txtbox {
    width: 50%;
    margin-left: 50px;
  }
  .p-top-service .p-top-service__item-area .-ttl {
    font-size: 22px;
  }
  .p-top-service .p-top-service__item-area .-txt {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-service {
    padding: 4.2857142857rem 0 4.2857142857rem;
  }
  .p-top-service .p-top-service__item {
    margin-top: 3.5714285714rem;
  }
  .p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area {
    flex-direction: column !important;
  }
  .p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-img {
    flex: auto;
    width: 106%;
    margin: 1.0714285714rem -6% 0 0;
  }
  .p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-img::before {
    top: 0.3571428571rem;
    right: auto;
    left: -0.3571428571rem;
  }
  .p-top-service .p-top-service__item.p-top-service__item--dry .p-top-service__item-area .-txtbox {
    margin-right: 0;
    margin-left: 0;
  }
  .p-top-service .p-top-service__item .-bgtxt {
    font-size: 3rem;
    top: auto;
    bottom: -4.2857142857rem;
    right: 0.7142857143rem;
    height: 60%;
  }
  .p-top-service .p-top-service__item-area {
    position: relative;
  }
  .p-top-service .p-top-service__item-area .-img {
    width: 106%;
    margin: 1.0714285714rem 0 0 -6%;
    flex: auto;
    height: 13.2142857143rem;
    order: 2;
  }
  .p-top-service .p-top-service__item-area .-img::before {
    top: 0.3571428571rem;
    right: -0.3571428571rem;
  }
  .p-top-service .p-top-service__item-area .-txtbox {
    width: 100%;
    margin-top: 1.4285714286rem;
    margin-left: 0;
    display: contents;
  }
  .p-top-service .p-top-service__item-area .-ttl {
    order: 1;
    font-size: 1.4285714286rem;
    padding-bottom: 0rem;
    border-bottom: none;
  }
  .p-top-service .p-top-service__item-area .-en {
    font-size: 0.7142857143rem;
    margin-bottom: 0.3571428571rem;
  }
  .p-top-service .p-top-service__item-area .-txt {
    order: 3;
    margin-top: 2.1428571429rem;
    font-size: 1rem;
    line-height: 2;
  }
  .p-top-service .p-top-service__item-area .p-top-service__item--btn {
    order: 4;
  }
}

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

p-top-weare

-------------------------------------------------*/
.p-top-weare {
  position: relative;
  padding: 60px 0 130px;
  background: linear-gradient(42deg, rgb(191, 226, 248) 0%, rgb(255, 240, 202) 100%);
}
.p-top-weare .p-top-weare__bgtxt {
  position: absolute;
  bottom: 0px;
  height: 200px;
  background: url(../../../img/top/weare-loaeding.png) top 0px left 0/2600px auto repeat-x;
  background-size: cover;
  width: 100%;
  animation: p-top-weare__bgtxt-loarding 80s linear infinite;
}
@keyframes p-top-weare__bgtxt-loarding {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2600px 0;
  }
}
.p-top-weare .p-top-weare__txt {
  margin-top: 20px;
  font-size: 16px;
  letter-spacing: 0.06em;
  font-weight: 400;
  line-height: 2.1;
  text-align: center;
}
.p-top-weare .p-top-weare__block {
  margin-top: 30px;
}
.p-top-weare .p-top-weare__block-ttl {
  border-radius: 20px 20px 0 0;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 20px;
  letter-spacing: 0.04em;
  line-height: 1.9;
  padding: 10px;
}
.p-top-weare .p-top-weare__block-area {
  align-items: center;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  padding: 20px 70px 40px;
}
.p-top-weare .p-top-weare__block-area .-info {
  width: calc(100% - 280px);
}
.p-top-weare .p-top-weare__block-area .-info-item {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #C1C1C1;
}
.p-top-weare .p-top-weare__block-area .-info-item::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #8FC320;
  width: 240px;
  height: 1px;
  bottom: -1px;
  left: 0;
}
.p-top-weare .p-top-weare__block-area .-info-item-ttl {
  width: 240px;
  font-size: 14px;
  font-weight: bold;
}
.p-top-weare .p-top-weare__block-area .-info-item-txt {
  width: calc(100% - 240px);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.p-top-weare .p-top-weare__block-area .-info-notice {
  font-size: 14px;
  letter-spacing: 0.04em;
  margin-top: 10px;
  font-weight: 400;
}
.p-top-weare .p-top-weare__block-area .-logo {
  width: 200px;
  margin-left: 80px;
}
@media screen and (max-width: 1024px) {
  .p-top-weare .p-top-weare__block-area {
    padding: 20px 40px 40px;
  }
  .p-top-weare .p-top-weare__block-area .-info {
    width: calc(100% - 180px);
  }
  .p-top-weare .p-top-weare__block-area .-logo {
    width: 140px;
    margin-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-weare {
    padding: 2.8571428571rem 0 4.2857142857rem;
    background: linear-gradient(180deg, rgb(191, 226, 248) 0%, rgb(255, 240, 202) 100%);
  }
  .p-top-weare .p-top-weare__bgtxt {
    height: 7.1428571429rem;
  }
  .p-top-weare .p-top-weare__txt {
    text-align: left;
    margin-top: 1.4285714286rem;
    font-size: 1rem;
  }
  .p-top-weare .p-top-weare__block {
    margin-top: 1.4285714286rem;
  }
  .p-top-weare .p-top-weare__block-ttl {
    border-radius: 1.4285714286rem 1.4285714286rem 0 0;
    font-size: 1.2857142857rem;
    padding: 0.7142857143rem;
  }
  .p-top-weare .p-top-weare__block-area {
    border-radius: 0 0 1.4285714286rem 1.4285714286rem;
    padding: 1.0714285714rem 1.4285714286rem 2.8571428571rem;
    flex-direction: column-reverse;
  }
  .p-top-weare .p-top-weare__block-area .-info {
    width: 100%;
  }
  .p-top-weare .p-top-weare__block-area .-info-item {
    padding: 1rem 0 0.3571428571rem;
  }
  .p-top-weare .p-top-weare__block-area .-info-item::after {
    width: 4.6428571429rem;
  }
  .p-top-weare .p-top-weare__block-area .-info-item-ttl {
    width: 100%;
    font-size: 1rem;
  }
  .p-top-weare .p-top-weare__block-area .-info-item-txt {
    width: 100%;
    font-size: 1rem;
  }
  .p-top-weare .p-top-weare__block-area .-info-notice {
    font-size: 0.8571428571rem;
    margin-top: 1.4285714286rem;
  }
  .p-top-weare .p-top-weare__block-area .-logo {
    width: 7.1428571429rem;
    margin-left: 0;
  }
}

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

p-top-player

-------------------------------------------------*/
.p-top-player {
  padding: 70px 0;
}
.p-top-player .p-top-player--inner {
  max-width: 600px;
}
.p-top-player .p-top-player__toptxt {
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 400;
  text-align: center;
}
.p-top-player .p-top-player__ttl {
  position: relative;
  margin-top: 25px;
  color: #8FC320;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.04em;
  padding: 10px 0;
}
.p-top-player .p-top-player__ttl::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #8FC320;
  width: 100%;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.p-top-player .p-top-player__ttl::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #8FC320;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.p-top-player .p-top-player__slide {
  position: relative;
  margin-top: 20px;
}
.p-top-player .p-top-player__slide a {
  display: block;
  cursor: pointer;
}
.p-top-player .p-top-player__slide .-img img {
  border-radius: 20px 20px 0 0;
}
.p-top-player .p-top-player__slide .-txtbox {
  border: 1px solid #3F6272;
  border-top: none;
  border-radius: 0 0 20px 20px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 25px 20px;
}
.p-top-player .p-top-player__slide .-txtbox::after {
  content: "";
  position: absolute;
  display: block;
  background: url(../../../img/top/player-arrow.png) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.p-top-player .p-top-player__slide .-logo {
  width: 36px;
  height: 36px;
}
.p-top-player .p-top-player__slide .-txt {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  letter-spacing: 0.02em;
  font-weight: bold;
}
.p-top-player .p-top-player__slide .-txt::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 60px;
  background-color: #000;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.p-top-player .p-top-player__slide .swiper-pagination {
  bottom: -50px;
}
.p-top-player .p-top-player__slide .swiper-pagination .swiper-pagination-bullet {
  margin: 0 7px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #000;
}
.p-top-player .p-top-player__slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}
.p-top-player .p-top-player__undertxt {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.p-top-player .p-top-player--btn {
  width: 240px;
  margin: auto;
  margin-top: 20px;
}
.p-top-player .p-top-player--btn a {
  padding: 20px 25px;
}
@media screen and (max-width: 768px) {
  .p-top-player {
    padding: 3.5714285714rem 0;
  }
  .p-top-player .p-top-player--inner {
    max-width: 100%;
  }
  .p-top-player .p-top-player__toptxt {
    margin-top: 0.7142857143rem;
    font-size: 1rem;
  }
  .p-top-player .p-top-player__ttl {
    margin-top: 1.4285714286rem;
    font-size: 1.4285714286rem;
    padding: 0.7142857143rem 0;
  }
  .p-top-player .p-top-player__slide {
    margin-top: 1.4285714286rem;
  }
  .p-top-player .p-top-player__slide .-itembox {
    border-radius: 1.5714285714rem;
  }
  .p-top-player .p-top-player__slide .-img img {
    border-radius: 1.5714285714rem 1.5714285714rem 0 0;
  }
  .p-top-player .p-top-player__slide .-txtbox {
    padding: 2.1428571429rem 1.4285714286rem;
  }
  .p-top-player .p-top-player__slide .-txtbox::after {
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    right: 1.4285714286rem;
  }
  .p-top-player .p-top-player__slide .-logo {
    width: 2.8571428571rem;
    height: 2.8571428571rem;
  }
  .p-top-player .p-top-player__slide .-txt {
    padding-left: 1.7857142857rem;
    font-size: 1.2857142857rem;
  }
  .p-top-player .p-top-player__slide .-txt::before {
    height: 4.2857142857rem;
    left: 0.8571428571rem;
  }
  .p-top-player .p-top-player__slide .swiper-pagination {
    bottom: -2.5rem;
  }
  .p-top-player .p-top-player__slide .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0.3571428571rem;
  }
  .p-top-player .p-top-player__undertxt {
    margin-top: 3.5714285714rem;
    font-size: 1rem;
  }
  .p-top-player .p-top-player--btn {
    width: 17.1428571429rem;
    margin-top: 1.4285714286rem;
  }
  .p-top-player .p-top-player--btn a {
    padding: 1.4285714286rem 1.7857142857rem;
  }
}

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

モーダル部分

-------------------------------------------------*/
body.active {
  overflow: hidden;
}

html.active {
  overflow: hidden;
}

.main-modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 1111111;
  width: 100%;
  left: 0;
}

.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.main-modal .modal-container {
  padding: 50px 50px;
  position: relative;
  background-color: #fff;
  background: #fff;
  border-radius: 30px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 1400px;
}

.main-modal .modal-container .btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}

.main-modal .project__content {
  height: 80vh;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.main-modal .project__content::-webkit-scrollbar {
  display: none;
}

.p-top-modal__area-left {
  width: 350px;
  margin-right: 40px;
}
.p-top-modal__area-left .-img img {
  border-radius: 20px;
}
.p-top-modal__area-left .-sns {
  margin-top: 10px;
}
.p-top-modal__area-left .-sns-ttl {
  position: relative;
  padding-left: 30px;
  font-size: 22px;
  letter-spacing: 0.02em;
  font-weight: bold;
  line-height: 1.4;
}
.p-top-modal__area-left .-sns-ttl::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border: 5px solid #01A0E9;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.p-top-modal__area-left .-sns-list {
  margin-top: 20px;
  font-size: 16px;
  letter-spacing: 0.02em;
}
.p-top-modal__area-left .-sns-list-icon01 {
  padding-left: 30px;
  position: relative;
}
.p-top-modal__area-left .-sns-list-icon01::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../../../img/top/player-insta.png) no-repeat;
  background-size: contain;
  top: 60%;
  transform: translateY(-50%);
  left: 0;
}

.p-top-modal__area-right {
  width: calc(100% - 390px);
}
.p-top-modal__area-right .-namebox-name {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.p-top-modal__area-right .-namebox-name .-en {
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  color: #909090;
  letter-spacing: 0.14em;
  margin-left: 10px;
}
.p-top-modal__area-right .-clubbox {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.p-top-modal__area-right .-clubbox-img {
  width: 55px;
  height: 55px;
  margin-right: 10px;
}
.p-top-modal__area-right .-clubbox-name {
  font-size: 16px;
  letter-spacing: 0.02em;
}
.p-top-modal__area-right .-position {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.p-top-modal__area-right .-position-name {
  width: 60px;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.14em;
  color: #fff;
  background-color: #04A0E9;
  margin-right: 10px;
  padding: 3px 0;
}
.p-top-modal__area-right .-position-number {
  font-size: 16px;
  letter-spacing: 0.02em;
}
.p-top-modal__area-right .-groupbox {
  margin-top: 30px;
}
.p-top-modal__area-right .-groupbox-ttl {
  position: relative;
  padding-left: 30px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.p-top-modal__area-right .-groupbox-ttl::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border: 5px solid #01A0E9;
  border-radius: 50%;
  top: 55%;
  transform: translateY(-50%);
  left: 0;
}
.p-top-modal__area-right .-groupbox-area {
  margin-top: 15px;
  background-color: #F4F4F4;
  padding: 20px 30px;
}
.p-top-modal__area-right .-groupbox-area-txt {
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height: 1.8;
}
.p-top-modal__area-right .-groupbox-area-txt a {
  color: #2163E0;
  text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
  .main-modal .modal-container {
    padding: 70px 70px;
  }
  .p-top-modal__area .p-top-modal__area-left {
    width: 100%;
    margin-right: 0;
  }
  .p-top-modal__area .p-top-modal__area-right {
    width: 100%;
    margin-top: 2.1428571429rem;
  }
}
@media only screen and (max-width: 768px) {
  .main-modal .modal-container {
    padding: 5.7142857143rem 2.1428571429rem 4.6428571429rem;
    border-radius: 1.4285714286rem;
  }
  .main-modal .modal-container .btn {
    width: 2.8571428571rem;
    height: 2.8571428571rem;
    top: 1.4285714286rem;
    right: 1.4285714286rem;
  }
  .main-modal .project__content {
    height: 70vh;
  }
  .p-top-modal__area .p-top-modal__area-left {
    width: 100%;
    margin-right: 0px;
  }
  .p-top-modal__area .p-top-modal__area-left .-img {
    width: 20rem;
    margin: auto;
  }
  .p-top-modal__area .p-top-modal__area-left .-img img {
    border-radius: 1.4285714286rem;
  }
  .p-top-modal__area .p-top-modal__area-left .-sns {
    margin-top: 0.7142857143rem;
  }
  .p-top-modal__area .p-top-modal__area-left .-sns-ttl {
    padding-left: 1.4285714286rem;
    font-size: 1.1428571429rem;
  }
  .p-top-modal__area .p-top-modal__area-left .-sns-ttl::before {
    width: 1.0714285714rem;
    height: 1.0714285714rem;
    border: 0.3571428571rem solid #01A0E9;
    top: 55%;
  }
  .p-top-modal__area .p-top-modal__area-left .-sns-list {
    margin-top: 0.7142857143rem;
    font-size: 1.1428571429rem;
  }
  .p-top-modal__area .p-top-modal__area-left .-sns-list-icon01 {
    padding-left: 1.4285714286rem;
  }
  .p-top-modal__area .p-top-modal__area-left .-sns-list-icon01::before {
    width: 1.0714285714rem;
    height: 1.0714285714rem;
    top: 60%;
  }
  .p-top-modal__area .p-top-modal__area-right {
    width: 100%;
    margin-top: 1.4285714286rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-namebox-name {
    font-size: 1.7142857143rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-namebox-name .-en {
    font-size: 0.8571428571rem;
    margin-left: 0.7142857143rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-clubbox {
    margin-top: 1.4285714286rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-clubbox-img {
    width: 2.8571428571rem;
    height: 2.8571428571rem;
    margin-right: 0.7142857143rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-clubbox-name {
    font-size: 1.1428571429rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-position {
    margin-top: 0.7142857143rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-position-name {
    width: 3.5714285714rem;
    font-size: 1.1428571429rem;
    margin-right: 0.7142857143rem;
    padding: 0.2142857143rem 0;
  }
  .p-top-modal__area .p-top-modal__area-right .-position-number {
    font-size: 1.1428571429rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-groupbox {
    margin-top: 2.1428571429rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-groupbox-ttl {
    padding-left: 2.1428571429rem;
    font-size: 1.2857142857rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-groupbox-ttl::before {
    width: 1.4285714286rem;
    height: 1.4285714286rem;
    border: 0.3571428571rem solid #01A0E9;
  }
  .p-top-modal__area .p-top-modal__area-right .-groupbox-area {
    margin-top: 1.0714285714rem;
    padding: 1.0714285714rem 1.4285714286rem;
  }
  .p-top-modal__area .p-top-modal__area-right .-groupbox-area-txt {
    font-size: 1rem;
  }
}
/*------------------------------------------------

p-top-strengths

-------------------------------------------------*/
.p-top-strengths {
  position: relative;
  padding: 60px 0 80px;
  background: url(../../../img/top/strengths-bg.jpg) no-repeat center center/cover;
}
.p-top-strengths .p-top-strengths__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
}
.p-top-strengths .p-top-strengths__ttl {
  position: relative;
  margin-top: 25px;
  color: #fff;
  font-size: 25px;
  text-align: center;
  letter-spacing: 0.04em;
  padding: 10px 0;
}
.p-top-strengths .p-top-strengths__ttl::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  width: 86%;
  height: 1px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.p-top-strengths .p-top-strengths__ttl::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  width: 86%;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.p-top-strengths .p-top-strengths__txt {
  position: relative;
  color: #fff;
  margin-top: 30px;
  font-size: 16px;
  letter-spacing: 0.02em;
  font-weight: 400;
  line-height: 2.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-top-strengths {
    padding: 3.5714285714rem 0 3.5714285714rem;
  }
  .p-top-strengths .p-top-strengths__ttl {
    margin-top: 1.4285714286rem;
    font-size: 1.2857142857rem;
    padding: 0.7142857143rem 0;
  }
  .p-top-strengths .p-top-strengths__txt {
    margin-top: 1.4285714286rem;
    font-size: 1rem;
    text-align: left;
  }
}

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

p-top-study

-------------------------------------------------*/
.p-top-study .p-top-study__ttl {
  background-color: #000;
  padding: 24px;
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.p-top-study .p-top-study__area.p-top-study__area--dry {
  flex-direction: row-reverse;
}
.p-top-study .p-top-study__area-txtbox {
  position: relative;
  width: 50%;
  height: 400px;
  background-image: linear-gradient(135deg, #7d9940 0%, #212121 30%, #385448 66%, #6a904e 100%);
}
.p-top-study .p-top-study__area-txtbox .-txtbox-in {
  position: absolute;
  width: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-top-study .p-top-study__area-txtbox .-ttl {
  position: relative;
  font-size: 28px;
  color: #fff;
  font-weight: bold;
  padding-bottom: 10px;
}
.p-top-study .p-top-study__area-txtbox .-ttl::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  background-color: #fff;
  height: 1px;
  bottom: 0;
  left: 0;
}
.p-top-study .p-top-study__area-txtbox .-en {
  font-size: 12px;
  letter-spacing: 0.12em;
  font-family: "Oswald", sans-serif;
  color: #fff;
  text-transform: uppercase;
  display: block;
}
.p-top-study .p-top-study__area-txtbox .-txt {
  margin-top: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 2.1;
  font-weight: 400;
}
.p-top-study .p-top-study__area-img {
  width: 50%;
}
.p-top-study .p-top-study__area-img.p-top-study__area-img--01 {
  background: url(../../../img/top/study01.jpg) no-repeat center center/cover;
}
.p-top-study .p-top-study__area-img.p-top-study__area-img--02 {
  background: url(../../../img/top/study02.jpg) no-repeat center center/cover;
}
@media screen and (max-width: 1100px) {
  .p-top-study .p-top-study__area-txtbox {
    width: 60%;
    height: 500px;
  }
  .p-top-study .p-top-study__area-txtbox .-txtbox-in {
    width: 400px;
  }
  .p-top-study .p-top-study__area-img {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-study .p-top-study__ttl {
    padding: 1.6428571429rem;
    font-size: 1.5714285714rem;
  }
  .p-top-study .p-top-study__area.p-top-study__area--dry {
    flex-direction: row-reverse;
  }
  .p-top-study .p-top-study__area-txtbox {
    position: relative;
    width: 100%;
    height: auto;
    padding: 2.8571428571rem 1.4285714286rem;
  }
  .p-top-study .p-top-study__area-txtbox .-txtbox-in {
    position: static;
    width: 100%;
    transform: translate(0%, 0%);
  }
  .p-top-study .p-top-study__area-txtbox .-ttl {
    position: relative;
    font-size: 1.4285714286rem;
    padding-bottom: 0.7142857143rem;
  }
  .p-top-study .p-top-study__area-txtbox .-ttl::before {
    width: 1.4285714286rem;
    background-color: #fff;
  }
  .p-top-study .p-top-study__area-txtbox .-en {
    font-size: 0.7142857143rem;
  }
  .p-top-study .p-top-study__area-txtbox .-txt {
    margin-top: 1.4285714286rem;
    font-size: 1rem;
  }
  .p-top-study .p-top-study__area-img {
    width: 100%;
    height: 14.2857142857rem;
  }
}

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

p-top-flow

-------------------------------------------------*/
.p-top-flow {
  position: relative;
  padding: 70px 0 120px;
  background: linear-gradient(45deg, rgb(7, 7, 7) 0%, rgb(78, 71, 75) 100%);
}
.p-top-flow .p-top-flow__in--inner {
  position: relative;
  max-width: 870px;
}
.p-top-flow .p-top-flow--ttl {
  color: #fff;
}
.p-top-flow .p-top-flow--ttl span {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.p-top-flow .p-top-flow__area {
  max-width: 780px;
  margin: auto;
  margin-top: 50px;
  gap: 50px 9.5%;
}
.p-top-flow .p-top-flow__area-block {
  position: relative;
  width: 27%;
  border-radius: 10px;
}
.p-top-flow .p-top-flow__area-block:last-child::after {
  display: none;
}
.p-top-flow .p-top-flow__area-block::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #fff;
  border-right: 0;
  top: 50%;
  transform: translateY(-50%);
  right: -20%;
}
.p-top-flow .p-top-flow__area-block .-num {
  position: absolute;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 54px;
  letter-spacing: 0.11em;
  line-height: 1;
  top: -20px;
  left: -20px;
}
.p-top-flow .p-top-flow__area-block .-img img {
  border-radius: 10px 10px 0 0;
}
.p-top-flow .p-top-flow__area-block .-ttl {
  background-color: #fff;
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.08em;
  padding: 10px 0;
  border-radius: 0 0 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-top-flow .p-top-flow__area-block .-ttl.-ttl--b {
  font-size: 14px;
}
.p-top-flow .p-top-flow__loarding {
  position: absolute;
  bottom: 0px;
  height: 200px;
  background: url(../../../img/top/flow-loarding.png) top 0px left 0/1990px auto repeat-x;
  background-size: cover;
  width: 100%;
  animation: scrolltxt-flow 60s linear infinite;
}
@keyframes scrolltxt-flow {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1990px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-flow {
    padding-top: 4.2857142857rem;
  }
  .p-top-flow .p-top-flow__area {
    margin-top: 2.8571428571rem;
    gap: 3.5714285714rem 0%;
  }
  .p-top-flow .p-top-flow__area-block {
    width: 100%;
    border-radius: 0.7142857143rem;
  }
  .p-top-flow .p-top-flow__area-block::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 1.0714285714rem solid transparent;
    border-bottom: 1.0714285714rem solid transparent;
    border-left: 1.0714285714rem solid #fff;
    border-right: 0;
    top: 115%;
    transform: translateY(0%) translateX(50%) rotate(90deg);
    right: 50%;
  }
  .p-top-flow .p-top-flow__area-block .-num {
    font-size: 2.8571428571rem;
    top: -1.4285714286rem;
    left: -0.7142857143rem;
  }
  .p-top-flow .p-top-flow__area-block .-item {
    display: flex;
  }
  .p-top-flow .p-top-flow__area-block .-img {
    width: 6.4285714286rem;
    height: 5rem;
  }
  .p-top-flow .p-top-flow__area-block .-img img {
    border-radius: 0.3571428571rem 0 0 0.3571428571rem;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-top-flow .p-top-flow__area-block .-ttl {
    width: calc(100% - 6.4285714286rem);
    height: 5rem;
    font-size: 1rem;
    padding: 1.0714285714rem 0;
    border-radius: 0 0.3571428571rem 0.3571428571rem 0;
  }
  .p-top-flow .p-top-flow__loarding {
    margin-top: 1.4285714286rem;
    bottom: 0rem;
    height: 6.4285714286rem;
  }
}

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

p-top-german

-------------------------------------------------*/
.p-top-german {
  position: relative;
  padding: 70px 0 150px;
  background-color: #F4F4F4;
}
.p-top-german .p-top-german__bgtxt {
  position: absolute;
  bottom: 0px;
  height: 180px;
  background: url(../../../img/top/german-loarding.png) top 0px left 0/1910px auto repeat-x;
  background-size: cover;
  width: 100%;
  animation: scrolltxt-german 60s linear infinite;
}
@keyframes scrolltxt-german {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1910px 0;
  }
}
.p-top-german .p-top-german__area {
  margin-top: 30px;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}
.p-top-german .p-top-german__area.isActive {
  transform: translateY(0);
  opacity: 1;
}
.p-top-german .p-top-german__area-block {
  position: relative;
  width: 32%;
  background-color: #fff;
  box-shadow: 7px 7px 12px rgba(2, 22, 46, 0.15);
  padding-top: 40px;
}
.p-top-german .p-top-german__area-block .-num {
  position: absolute;
  font-family: "Oswald", sans-serif;
  font-size: 73px;
  letter-spacing: 0.08em;
  line-height: 1;
  top: 0;
  left: 10px;
  color: #ECF1F8;
}
.p-top-german .p-top-german__area-block .-icon {
  width: 60px;
  margin: auto;
}
.p-top-german .p-top-german__area-block .-ttl {
  margin-top: 20px;
  text-align: center;
  font-size: 20px;
  padding: 0 10px;
  font-weight: bold;
  letter-spacing: 0.04em;
}
.p-top-german .p-top-german__area-block .-txt {
  margin-top: 15px;
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.75;
  padding: 0 30px 30px;
}
@media screen and (max-width: 768px) {
  .p-top-german {
    padding: 4.2857142857rem 0 4.2857142857rem;
    /* 前へ次への矢印カスタマイズ */
    /* 前への矢印カスタマイズ */
    /* 次への矢印カスタマイズ */
  }
  .p-top-german .p-top-german__bgtxt {
    bottom: -1.0714285714rem;
    height: 6.4285714286rem;
  }
  .p-top-german .p-top-german__area {
    margin-top: 2.8571428571rem;
    gap: 3.5714285714rem;
  }
  .p-top-german .p-top-german__area-block {
    width: 100%;
    padding-top: 2.1428571429rem;
  }
  .p-top-german .p-top-german__area-block .-num {
    font-size: 4.2857142857rem;
    top: 0.7142857143rem;
    left: 0.7142857143rem;
  }
  .p-top-german .p-top-german__area-block .-icon {
    width: 4.2857142857rem;
  }
  .p-top-german .p-top-german__area-block .-ttl {
    margin-top: 1.4285714286rem;
    font-size: 1.4285714286rem;
    padding: 0 0.7142857143rem;
  }
  .p-top-german .p-top-german__area-block .-txt {
    margin-top: 1.4285714286rem;
    font-size: 1rem;
    padding: 0 1.7857142857rem 1.4285714286rem;
  }
  .p-top-german .swiper-button-prev {
    left: -1.0714285714rem;
    top: 50%;
  }
  .p-top-german .swiper-button-next {
    right: -1.0714285714rem;
    top: 50%;
  }
  .p-top-german .swiper-button-prev,
  .p-top-german .swiper-button-next {
    height: 2.5rem;
    width: 2.5rem;
  }
  .p-top-german .swiper-button-prev::after,
  .p-top-german .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 2.5rem;
    margin: auto;
    width: 2.5rem;
  }
  .p-top-german .swiper-button-prev::after {
    background-image: url(../../../img/top/arrow-left.png);
  }
  .p-top-german .swiper-button-next::after {
    background-image: url(../../../img/top/arrow-right.png);
  }
}

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

p-top-message

-------------------------------------------------*/
.p-top-message {
  padding: 70px 0 80px;
  background: linear-gradient(42deg, rgb(191, 226, 248) 0%, rgb(255, 240, 202) 100%);
  /* 前へ次への矢印カスタマイズ */
  /* 前への矢印カスタマイズ */
  /* 次への矢印カスタマイズ */
}
.p-top-message .p-top-message__slide {
  margin-top: 25px;
  position: relative;
}
.p-top-message .p-top-message__slide-item {
  box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.p-top-message .p-top-message__slide-item .-img {
  width: 330px;
}
.p-top-message .p-top-message__slide-item .-img.-img01 {
  background: url(../../../img/top/message01-pc.jpg) no-repeat center center/cover;
}
.p-top-message .p-top-message__slide-item .-img.-img02 {
  background: url(../../../img/top/message02-pc.jpg) no-repeat center center/cover;
}
.p-top-message .p-top-message__slide-item .-img.-img03 {
  background: url(../../../img/top/message03-pc.jpg) no-repeat center center/cover;
}
.p-top-message .p-top-message__slide-item .-txtbox {
  width: calc(100% - 330px);
  padding: 50px 5% 70px;
}
.p-top-message .p-top-message__slide-item .-txtbox .-ttl {
  position: relative;
}
.p-top-message .p-top-message__slide-item .-txtbox .-ttl-in {
  padding-left: 15px;
  position: relative;
}
.p-top-message .p-top-message__slide-item .-txtbox .-ttl-in::before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #04A0E9;
}
.p-top-message .p-top-message__slide-item .-txtbox .-master {
  display: inline-block;
  border: 1px solid #04A0E9;
  padding: 2px 15px;
  color: #04A0E9;
  font-size: 10px;
  letter-spacing: 0.14em;
}
.p-top-message .p-top-message__slide-item .-txtbox .-name {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.04em;
}
.p-top-message .p-top-message__slide-item .-txtbox .-en {
  font-family: "Oswald", sans-serif;
  font-size: 10px;
  letter-spacing: 0.14em;
  margin-left: 5px;
}
.p-top-message .p-top-message__slide-item .-txtbox .-sns {
  position: absolute;
  gap: 8px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.p-top-message .p-top-message__slide-item .-txtbox .-sns-list {
  width: 30px;
}
.p-top-message .p-top-message__slide-item .-txtbox .-txt {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}
.p-top-message .swiper-button-prev {
  left: 14%;
  top: 50%;
}
.p-top-message .swiper-button-next {
  right: 14%;
  top: 50%;
}
.p-top-message .swiper-button-prev,
.p-top-message .swiper-button-next {
  height: 60px;
  width: 60px;
}
.p-top-message .swiper-button-prev::after,
.p-top-message .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 60px;
  margin: auto;
  width: 60px;
}
.p-top-message .swiper-button-prev::after {
  background-image: url(../../../img/top/message-arrowleft.png);
}
.p-top-message .swiper-button-next::after {
  background-image: url(../../../img/top/message-arrowright.png);
}
@media screen and (max-width: 1024px) {
  .p-top-message .swiper-button-prev {
    left: 5%;
    top: 50%;
  }
  .p-top-message .swiper-button-next {
    right: 5%;
    top: 50%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-message {
    padding: 4.2857142857rem 0 4.2857142857rem;
    background: linear-gradient(42deg, rgb(255, 240, 202) 0%, rgb(191, 226, 248) 100%);
    /* 前へ次への矢印カスタマイズ */
  }
  .p-top-message .p-top-message__slide {
    margin-top: 2.8571428571rem;
    position: relative;
  }
  .p-top-message .p-top-message__slide-item .-img {
    width: 100%;
    height: 13.5714285714rem;
  }
  .p-top-message .p-top-message__slide-item .-img.-img01 {
    background: url(../../../img/top/message01-sp.jpg) no-repeat center center/cover;
  }
  .p-top-message .p-top-message__slide-item .-img.-img02 {
    background: url(../../../img/top/message02-sp.jpg) no-repeat center center/cover;
  }
  .p-top-message .p-top-message__slide-item .-img.-img03 {
    background: url(../../../img/top/message03-sp.jpg) no-repeat center center/cover;
  }
  .p-top-message .p-top-message__slide-item .-txtbox {
    width: 100%;
    padding: 1.4285714286rem 1.4285714286rem 2.5rem;
  }
  .p-top-message .p-top-message__slide-item .-txtbox .-ttl-in {
    padding-left: 1.0714285714rem;
  }
  .p-top-message .p-top-message__slide-item .-txtbox .-ttl-in::before {
    width: 0.2142857143rem;
  }
  .p-top-message .p-top-message__slide-item .-txtbox .-master {
    padding: 0.0714285714rem 1.0714285714rem;
    font-size: 0.7142857143rem;
  }
  .p-top-message .p-top-message__slide-item .-txtbox .-name {
    margin-top: 0.3571428571rem;
    font-size: 1.4285714286rem;
  }
  .p-top-message .p-top-message__slide-item .-txtbox .-en {
    font-size: 0.7142857143rem;
    margin-left: 0.3571428571rem;
  }
  .p-top-message .p-top-message__slide-item .-txtbox .-sns {
    position: absolute;
    gap: 0.5714285714rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .p-top-message .p-top-message__slide-item .-txtbox .-sns-list {
    width: 2.1428571429rem;
  }
  .p-top-message .p-top-message__slide-item .-txtbox .-txt {
    margin-top: 1.4285714286rem;
    font-size: 1rem;
  }
  .p-top-message .swiper-button-prev {
    left: 2%;
    top: 19.6428571429rem;
  }
  .p-top-message .swiper-button-next {
    right: 2%;
    top: 19.6428571429rem;
  }
  .p-top-message .swiper-button-prev,
  .p-top-message .swiper-button-next {
    height: 2.5rem;
    width: 2.5rem;
  }
  .p-top-message .swiper-button-prev::after,
  .p-top-message .swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 2.5rem;
    margin: auto;
    width: 2.5rem;
  }
}

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

p-top-faq

-------------------------------------------------*/
.p-top-faq {
  position: relative;
  padding: 90px 0 100px;
}
.p-top-faq .p-top-faq__bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../../../img/top/faq-bg.jpg) no-repeat center center/cover;
}
.p-top-faq .p-top-faq__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(25, 25, 25, 0.9);
}
.p-top-faq .p-top-faq__area {
  margin-top: 45px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}
.p-top-faq .p-top-faq__area.isActive {
  transform: translateY(0);
  opacity: 1;
}
.p-top-faq .p-top-faq__area-block {
  margin-top: 40px;
}
.p-top-faq .p-top-faq__area-block:first-child {
  margin-top: 0;
}
.p-top-faq .p-top-faq__area-block .-question-block.open .-question {
  border-radius: 10px 10px 0 0;
}
.p-top-faq .p-top-faq__area-block .-question-block.open .-question::before {
  transform: translateY(-50%) rotate(0deg);
}
.p-top-faq .p-top-faq__area-block .-question-block.open .-question::after {
  opacity: 0;
}
.p-top-faq .p-top-faq__area-block .-question {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #04A0E9;
  padding: 20px 25px;
  border-radius: 10px;
  padding-right: 80px;
  color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
}
.p-top-faq .p-top-faq__area-block .-question::before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  background-color: #fff;
  height: 2px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  right: 40px;
  transition: all 0.3s ease;
}
.p-top-faq .p-top-faq__area-block .-question::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  background-color: #fff;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  transition: all 0.3s ease;
}
.p-top-faq .p-top-faq__area-block .-question .-en {
  width: 45px;
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  letter-spacing: 0.08em;
}
.p-top-faq .p-top-faq__area-block .-question .-txt {
  width: calc(100% - 45px);
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 2;
}
.p-top-faq .p-top-faq__area-block .-answer-block {
  display: none;
}
.p-top-faq .p-top-faq__area-block .-answer {
  display: flex;
  padding: 20px 25px;
  border-top: none;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
.p-top-faq .p-top-faq__area-block .-answer .-en {
  width: 45px;
  font-family: "Oswald", sans-serif;
  font-size: 26px;
  letter-spacing: 0.08em;
  color: #04A0E9;
}
.p-top-faq .p-top-faq__area-block .-answer .-txt {
  width: calc(100% - 45px);
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 2;
}
.p-top-faq .p-top-faq__area-block .-answer .-txt span {
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-top-faq {
    padding: 4.2857142857rem 0 4.2857142857rem;
  }
  .p-top-faq .p-top-faq__bg {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .p-top-faq .p-top-faq__area {
    margin-top: 2.1428571429rem;
  }
  .p-top-faq .p-top-faq__area-block {
    margin-top: 1.4285714286rem;
  }
  .p-top-faq .p-top-faq__area-block .-question-block.open .-question {
    border-radius: 0.7142857143rem 0.7142857143rem 0 0;
  }
  .p-top-faq .p-top-faq__area-block .-question {
    padding: 1.4285714286rem 1.4285714286rem;
    padding-right: 5rem;
    border-radius: 0.7142857143rem;
  }
  .p-top-faq .p-top-faq__area-block .-question::before {
    width: 1.4285714286rem;
    height: 0.1428571429rem;
    right: 1.4285714286rem;
  }
  .p-top-faq .p-top-faq__area-block .-question::after {
    width: 1.4285714286rem;
    height: 0.1428571429rem;
    right: 1.4285714286rem;
  }
  .p-top-faq .p-top-faq__area-block .-question .-en {
    width: 2.5rem;
    font-size: 1.6428571429rem;
  }
  .p-top-faq .p-top-faq__area-block .-question .-txt {
    width: calc(100% - 2.5rem);
    font-size: 1rem;
  }
  .p-top-faq .p-top-faq__area-block .-answer {
    padding: 1.4285714286rem 1.4285714286rem;
    align-items: flex-start;
    border-radius: 0 0 0.7142857143rem 0.7142857143rem;
  }
  .p-top-faq .p-top-faq__area-block .-answer .-en {
    width: 2.5rem;
    font-size: 1.6428571429rem;
  }
  .p-top-faq .p-top-faq__area-block .-answer .-txt {
    width: calc(100% - 2.5rem);
    font-size: 1rem;
  }
  .p-top-faq .p-top-faq__area-block .-answer .-txt span {
    font-size: 0.7857142857rem;
  }
}

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

p-top-school

-------------------------------------------------*/
.p-top-school {
  padding: 90px 0 70px;
}
.p-top-school .p-top-school__ttlbox {
  align-items: center;
}
.p-top-school .p-top-school__ttlbox .p-top-school--ttl {
  text-align: left;
  width: 42%;
  margin-right: 60px;
}
.p-top-school .p-top-school__ttlbox .p-top-school--ttl span {
  position: relative;
  margin: inherit;
  border-bottom: none;
}
.p-top-school .p-top-school__ttlbox .p-top-school--ttl span::before {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background-color: #04A0E9;
  bottom: 0;
  left: 0;
}
.p-top-school .p-top-school__ttlbox-txt {
  font-size: 16px;
  width: calc(100% - (42% + 60px));
  line-height: 2.1;
  font-weight: 400;
}
.p-top-school .p-top-school__work {
  position: relative;
  margin-top: 45px;
  padding: 40px 0;
  background: url(../../../img/top/school-bg-pc.jpg) no-repeat center center/cover;
}
.p-top-school .p-top-school__work .p-top-school__work-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.p-top-school .p-top-school__work .-ttl {
  position: relative;
  color: #fff;
  font-family: "Oswald", sans-serif;
  display: inline-block;
  font-size: 67px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding-left: 45px;
  border-bottom: 1px solid #fff;
}
.p-top-school .p-top-school__work .-txt {
  position: relative;
  color: #fff;
  padding-left: 45px;
  font-size: 20px;
  letter-spacing: 0.04em;
  line-height: 2.1;
}
.p-top-school .p-top-school__work .-catch {
  position: absolute;
  width: 250px;
  right: 90px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .p-top-school .p-top-school__work .-ttl {
    font-size: 50px;
  }
  .p-top-school .p-top-school__work .-catch {
    width: 200px;
    right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-school {
    padding: 4.2857142857rem 0 2.1428571429rem;
  }
  .p-top-school .p-top-school__ttlbox {
    align-items: center;
  }
  .p-top-school .p-top-school__ttlbox .p-top-school--ttl {
    text-align: left;
    width: 100%;
    margin-right: 0rem;
  }
  .p-top-school .p-top-school__ttlbox .p-top-school--ttl span::before {
    width: 100%;
  }
  .p-top-school .p-top-school__ttlbox-txt {
    font-size: 1.1428571429rem;
    margin-top: 2.1428571429rem;
    width: 100%;
  }
  .p-top-school .p-top-school__work {
    margin-top: 2.1428571429rem;
    padding: 2.8571428571rem 0 5.7142857143rem;
    background: url(../../../img/top/school-bg-sp.jpg) no-repeat center center/cover;
  }
  .p-top-school .p-top-school__work .-ttl {
    font-size: 2.4285714286rem;
    padding-left: 1.4285714286rem;
    padding-bottom: 1.0714285714rem;
  }
  .p-top-school .p-top-school__work .-txt {
    width: 100%;
    padding: 0 1.4285714286rem;
    font-size: 0.8571428571rem;
  }
  .p-top-school .p-top-school__work .-catch {
    position: absolute;
    width: 8.9285714286rem;
    right: 1.7857142857rem;
    bottom: 2.1428571429rem;
    left: auto;
    top: auto;
    transform: translateY(0%);
  }
}

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

p-top-sponsor

-------------------------------------------------*/
.p-top-sponsor {
  padding: 0px 0 80px;
}
.p-top-sponsor .p-top-sponsor__area {
  width: 250px;
  margin: auto;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-top-sponsor {
    padding: 0px 0 2.8571428571rem;
  }
  .p-top-sponsor .p-top-sponsor__area {
    width: 17.8571428571rem;
    margin-top: 1.0714285714rem;
  }
}

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

p-top-company

-------------------------------------------------*/
.p-top-company .p-top-company__outer {
  position: relative;
  padding: 80px 0 100px;
}
.p-top-company .p-top-company__outer::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #EEF2F4;
  border-radius: 0 60px 0 0;
  top: 0;
  left: 0;
  right: 100px;
  bottom: 0;
  z-index: -1;
}
.p-top-company .p-top-company__bgtxt {
  position: absolute;
  z-index: 0;
  writing-mode: vertical-rl;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  letter-spacing: 0.06em;
  line-height: 1;
  font-size: 146px;
  color: #F5F7F8;
  right: 100px;
  text-transform: uppercase;
  top: 20px;
}
.p-top-company .p-top-company--ttl {
  text-align: left;
}
.p-top-company .p-top-company--ttl span {
  margin: inherit;
}
.p-top-company .p-top-company__area {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}
.p-top-company .p-top-company__area.isActive {
  transform: translateY(0);
  opacity: 1;
}
.p-top-company .p-top-company__area .-txtbox {
  width: 100%;
}
.p-top-company .p-top-company__area .-txtbox-item {
  position: relative;
  display: flex;
  padding: 15px 5px;
  border-bottom: 1px solid #E5E3D9;
}
.p-top-company .p-top-company__area .-txtbox-item::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #8FC320;
  width: 100px;
  height: 1px;
  left: 0;
  bottom: -1px;
}
.p-top-company .p-top-company__area .-txtbox-item .-ttl {
  width: 100px;
  font-size: 14px;
  font-weight: bold;
}
.p-top-company .p-top-company__area .-txtbox-item .-txt {
  width: calc(100% - 100px);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
.p-top-company .p-top-company__area .-txtbox-item .-txt a {
  font-weight: 400;
}
.p-top-company .p-top-company__map {
  position: relative;
  margin-top: 50px;
}
.p-top-company .p-top-company__map iframe {
  width: 100%;
  height: 230px;
}
@media screen and (max-width: 1300px) {
  .p-top-company .p-top-company__outer::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #EEF2F4;
    border-radius: 0 60px 0 0;
    top: 0;
    left: 0;
    right: 40px;
    bottom: 0;
    z-index: -1;
  }
  .p-top-company .p-top-company__bgtxt {
    right: 40px;
  }
  .p-top-company .p-top-company__area {
    padding-right: 5%;
  }
  .p-top-company .p-top-company__map {
    padding-right: 5%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-company {
    padding: 0;
  }
  .p-top-company .p-top-company__outer {
    padding: 4.2857142857rem 0;
    margin-right: 0px;
    border-radius: 0;
  }
  .p-top-company .p-top-company__outer::before {
    border-radius: 2.8571428571rem 2.8571428571rem 0 0;
    right: 0;
  }
  .p-top-company .p-top-company__bgtxt {
    font-size: 7.1428571429rem;
    right: 0rem;
    top: 5.7142857143rem;
  }
  .p-top-company .p-top-company--ttl {
    text-align: center;
  }
  .p-top-company .p-top-company--ttl span {
    margin: auto;
  }
  .p-top-company .p-top-company__area {
    margin-top: 1.7857142857rem;
    padding-right: 0;
  }
  .p-top-company .p-top-company__area .-txtbox {
    width: 100%;
  }
  .p-top-company .p-top-company__area .-txtbox-item {
    padding: 1.7857142857rem 0;
  }
  .p-top-company .p-top-company__area .-txtbox-item::before {
    width: 6.0714285714rem;
  }
  .p-top-company .p-top-company__area .-txtbox-item .-ttl {
    width: 7.1428571429rem;
    font-size: 1rem;
  }
  .p-top-company .p-top-company__area .-txtbox-item .-txt {
    width: calc(100% - 3.5714285714rem);
    font-size: 1rem;
  }
  .p-top-company .p-top-company__map {
    margin-top: 2.1428571429rem;
    padding-right: 0;
  }
  .p-top-company .p-top-company__map iframe {
    width: 100%;
    height: 12.1428571429rem;
  }
}

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

プライバシーポリシー

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

p-privacy-top

-------------------------------------------------*/
.p-privacy-top {
  margin: 60px 0;
}
.p-privacy-top .-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .p-privacy-top {
    margin: 2.1428571429rem 0;
  }
  .p-privacy-top .-txt {
    font-size: 1.1428571429rem;
  }
}

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

p-privacy-area

-------------------------------------------------*/
.p-privacy-area {
  background-color: #FBF7EE;
  padding-bottom: 80px;
}
.p-privacy-area .p-privacy-area--inner {
  max-width: 1200px;
  background-color: #fff;
  padding: 0 100px 80px;
}
.p-privacy-area .p-privacy-area__block {
  margin-top: 50px;
}
.p-privacy-area .p-privacy-area__block.mt-none {
  margin-top: 0;
}
.p-privacy-area .p-privacy-area__block .-ttl {
  padding: 25px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 26px;
  letter-spacing: 0.08em;
  font-weight: bold;
  text-align: center;
}
.p-privacy-area .p-privacy-area__block .-txt {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 2.1;
}
@media screen and (max-width: 1024px) {
  .p-privacy-area .p-privacy-area--inner {
    padding: 0 50px 80px;
  }
}
@media screen and (max-width: 768px) {
  .p-privacy-area {
    padding-bottom: 3.5714285714rem;
  }
  .p-privacy-area .p-privacy-area--inner {
    padding: 0 1.4285714286rem 2.8571428571rem;
  }
  .p-privacy-area .p-privacy-area__block {
    margin-top: 2.1428571429rem;
  }
  .p-privacy-area .p-privacy-area__block.mt-none {
    margin-top: 0;
  }
  .p-privacy-area .p-privacy-area__block .-ttl {
    padding: 1.0714285714rem 0;
    font-size: 1.4285714286rem;
  }
  .p-privacy-area .p-privacy-area__block .-txt {
    margin-top: 1.4285714286rem;
    font-size: 1.1428571429rem;
  }
}

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

コンタクトページ

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

p-contact-intro

-------------------------------------------------*/
.p-contact-intro .p-contact-intro__txt {
  margin-top: 40px;
  font-size: 14px;
  letter-spacing: 0.06em;
  font-weight: 400;
  line-height: 2.1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-contact-intro .p-contact-intro__txt {
    margin-top: 2.1428571429rem;
    font-size: 0.8571428571rem;
    text-align: left;
  }
}

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

p-contact-form

-------------------------------------------------*/
.p-contact-form {
  position: relative;
  margin-top: 40px;
  padding-bottom: 90px;
}
.p-contact-form .p-contact-form__bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  top: 280px;
  bottom: 0;
  background: linear-gradient(135deg, rgb(191, 226, 248) 0%, rgb(255, 240, 202) 100%);
}
.p-contact-form .p-contact-form__block-sub {
  width: 600px;
  margin: auto;
  margin-top: 50px;
}
.p-contact-form .p-contact-form__block-sub .-item {
  text-align: center;
}
.p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-step {
  color: #D5D5D5;
}
.p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-step::before {
  background-color: #D5D5D5;
}
.p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-txt {
  color: #D5D5D5;
}
.p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-step {
  color: #D5D5D5;
}
.p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-step::before {
  background-color: #D5D5D5;
}
.p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-txt {
  color: #D5D5D5;
}
.p-contact-form .p-contact-form__block-sub .-step {
  position: relative;
  font-size: 17px;
  letter-spacing: 0.03em;
  font-family: "Oswald", sans-serif;
  color: #8FC320;
}
.p-contact-form .p-contact-form__block-sub .-step.-last::after {
  display: none;
}
.p-contact-form .p-contact-form__block-sub .-step::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #8FC320;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  z-index: 1;
}
.p-contact-form .p-contact-form__block-sub .-step::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #D5D5D5;
  width: 260px;
  height: 1px;
  left: 50%;
  bottom: -5px;
}
.p-contact-form .p-contact-form__block-sub .-step.-step--en::after {
  width: 230px;
}
.p-contact-form .p-contact-form__block-sub .-txt {
  margin-top: 20px;
  font-size: 16px;
  letter-spacing: 0.08em;
  font-weight: bold;
}
.p-contact-form .p-contact-form__area {
  margin-top: 50px;
  background-color: #fff;
  border: 1px solid #BCBCBC;
  border-radius: 20px;
  padding: 50px;
}
.p-contact-form .p-contact-form__area-ttl {
  font-size: 20px;
  letter-spacing: 0.08em;
  font-weight: bold;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #BCBCBC;
  padding-left: 13px;
}
.p-contact-form .p-contact-form__area-ttl::before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 25px;
  background-color: #04A0E9;
  left: 0;
  top: 3px;
}
.p-contact-form .p-contact-form__area-group {
  margin-top: 30px;
}
.p-contact-form .p-contact-form__area-group .-block {
  display: flex;
  flex-wrap: wrap;
}
.p-contact-form .p-contact-form__area-group .-block-ttl {
  width: 220px;
  display: flex;
  align-items: center;
  padding: 15px 0px;
  padding-right: 0;
}
.p-contact-form .p-contact-form__area-group .-title {
  font-size: 16px;
  letter-spacing: 0.13em;
}
.p-contact-form .p-contact-form__area-group .-title-name {
  width: 155px;
  font-weight: bold;
  display: inline-block;
}
.p-contact-form .p-contact-form__area-group .-req {
  margin-left: 5px;
  padding: 3px 0;
  font-size: 14px;
  display: inline-block;
  width: 45px;
  color: #fff;
  background-color: #04A0E9;
  text-align: center;
}
.p-contact-form .p-contact-form__area-group .-block-cont {
  width: calc(100% - 220px);
  padding: 15px 0px;
  font-size: 16px;
}
.p-contact-form .p-contact-form__area-group .-block-cont-in input {
  background-color: #F4F4F4;
  width: 100%;
  border: none;
  padding: 18px;
  font-size: 16px;
}
.p-contact-form .p-contact-form__area-group .mwform-radio-field {
  margin-right: 40px;
  font-size: 14px;
  margin-left: 0;
}
.p-contact-form .p-contact-form__area-group input[type=radio] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.p-contact-form .p-contact-form__area-group input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: "";
}
.p-contact-form .p-contact-form__area-group textarea {
  border: none;
  background-color: #F4F4F4;
  width: 100%;
  padding: 8px;
  height: 220px;
  resize: none;
}
.p-contact-form .p-contact-form__area-group .-block--contact {
  border-top: 1px solid #BCBCBC;
}
.p-contact-form .p-contact-form__area-group .-block--contact .-block-ttl {
  align-items: flex-start;
}
.p-contact-form .p-contact-form__area-group .-block--contact .-title {
  padding-top: 15px;
}
.p-contact-form .p-contact-form__area-btnbox {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.p-contact-form .p-contact-form__area-btnbox .-btn {
  position: relative;
  width: 285px;
  border-radius: 40px;
  background-color: #000;
}
.p-contact-form .p-contact-form__area-btnbox .-btn.-btn-back {
  background-color: #222;
  display: none;
}
.p-contact-form .p-contact-form__area-btnbox .-btn::before {
  content: "";
  position: absolute;
  display: block;
  background: url(../../../img/contact/btn-arrow.svg) no-repeat;
  background-size: contain;
  width: 14px;
  height: 9px;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}
.p-contact-form .p-contact-form__area-btnbox .-btn:hover {
  opacity: 0.8;
}
.p-contact-form .p-contact-form__area-btnbox input {
  position: relative;
  width: 100%;
  border: none;
  color: #fff;
  padding: 20px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 768px) {
  .p-contact-form {
    margin-top: 2.8571428571rem;
    padding-bottom: 3.5714285714rem;
  }
  .p-contact-form .p-contact-form__bg {
    top: 14.2857142857rem;
  }
  .p-contact-form .p-contact-form__block-sub {
    width: 100%;
    margin-top: 2.1428571429rem;
  }
  .p-contact-form .p-contact-form__block-sub .-step {
    font-size: 0.9285714286rem;
  }
  .p-contact-form .p-contact-form__block-sub .-step::before {
    width: 0.5714285714rem;
    height: 0.5714285714rem;
    bottom: -0.5714285714rem;
  }
  .p-contact-form .p-contact-form__block-sub .-step::after {
    width: 10.1785714286rem;
    height: 0.0357142857rem;
    bottom: -0.2857142857rem;
  }
  .p-contact-form .p-contact-form__block-sub .-step.-step--en::after {
    width: 8.9285714286rem;
  }
  .p-contact-form .p-contact-form__block-sub .-txt {
    margin-top: 0.7142857143rem;
    font-size: 0.8571428571rem;
  }
  .p-contact-form .p-contact-form__block-sub .-txt.-txt--en {
    font-size: 0.7142857143rem;
  }
  .p-contact-form .p-contact-form__area {
    margin-top: 1.4285714286rem;
    padding: 2.1428571429rem 1.4285714286rem 2.8571428571rem;
  }
  .p-contact-form .p-contact-form__area-ttl {
    font-size: 1.4285714286rem;
    padding-bottom: 1.0714285714rem;
    padding-left: 0.9285714286rem;
  }
  .p-contact-form .p-contact-form__area-ttl::before {
    width: 0.2142857143rem;
    height: 1.7857142857rem;
    top: 0.2142857143rem;
  }
  .p-contact-form .p-contact-form__area-group .-block {
    border-bottom: 1px solid #a7a7a7;
    padding: 1.4285714286rem 0;
  }
  .p-contact-form .p-contact-form__area-group .-block-ttl {
    width: 100%;
    background-color: #fff;
    padding: 0;
    padding-right: 0;
  }
  .p-contact-form .p-contact-form__area-group .-title {
    font-size: 1rem;
  }
  .p-contact-form .p-contact-form__area-group .-title-name {
    width: auto;
  }
  .p-contact-form .p-contact-form__area-group .-req {
    margin-left: 0.7142857143rem;
    padding: 0.2142857143rem;
    font-size: 0.8571428571rem;
    width: 3.2142857143rem;
    border-radius: 0rem;
  }
  .p-contact-form .p-contact-form__area-group .-block-cont {
    width: 100%;
    padding: 0px 0px 0rem;
    padding-top: 0.7142857143rem;
  }
  .p-contact-form .p-contact-form__area-group .-block-cont-in input {
    padding: 0.7142857143rem;
    font-size: 1rem;
  }
  .p-contact-form .p-contact-form__area-group .mwform-radio-field {
    margin-right: 0px;
    width: 100%;
    font-size: 1rem;
    margin-top: 0.7142857143rem;
  }
  .p-contact-form .p-contact-form__area-group .mwform-radio-field:first-child {
    margin-top: 0;
  }
  .p-contact-form .p-contact-form__area-group .mwform-radio-field.horizontal-item {
    margin-left: 0;
  }
  .p-contact-form .p-contact-form__area-group input[type=radio] {
    width: 1.1428571429rem;
    height: 1.1428571429rem;
    vertical-align: -0.1428571429rem;
  }
  .p-contact-form .p-contact-form__area-group input[type=radio]:checked:before {
    width: 0.6428571429rem;
    height: 0.6428571429rem;
  }
  .p-contact-form .p-contact-form__area-group textarea {
    padding: 0.7142857143rem;
    height: 8.5714285714rem;
  }
  .p-contact-form .p-contact-form__area-group .-block--contact {
    border-top: none;
  }
  .p-contact-form .p-contact-form__area-group .-block--contact .-block-ttl {
    align-items: flex-start;
  }
  .p-contact-form .p-contact-form__area-group .-block--contact .-title {
    padding-top: 0px;
  }
  .p-contact-form .p-contact-form__area-btnbox {
    margin-top: 3.5714285714rem;
    gap: 1.4285714286rem;
    flex-wrap: wrap;
  }
  .p-contact-form .p-contact-form__area-btnbox .-btn {
    width: 20.3571428571rem;
    border-radius: 2.8571428571rem;
  }
  .p-contact-form .p-contact-form__area-btnbox .-btn::before {
    width: 1rem;
    height: 0.6428571429rem;
    right: 2.8571428571rem;
  }
  .p-contact-form .p-contact-form__area-btnbox input {
    padding: 1.4285714286rem;
    font-size: 1rem;
  }
}

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

確認画面

-------------------------------------------------*/
.mw_wp_form_confirm .p-contact-intro {
  display: none;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__block-sub .-item:nth-child(1) .-step::after {
  background-color: #8FC320;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-step {
  color: #8FC320;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-step::before {
  background-color: #8FC320;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-txt {
  color: #000;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-step {
  color: #D5D5D5;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-step::before {
  background-color: #D5D5D5;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-txt {
  color: #D5D5D5;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area {
  border: none;
  padding: 0;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area-ttl {
  display: none;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block-ttl {
  background: #222;
  padding: 30px 0;
  padding-left: 30px;
  border-bottom: 1px solid #fff;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-title {
  color: #fff;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-req {
  display: none;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block-cont {
  padding: 30px 0;
  padding-left: 30px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #C6C6C6;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block--contact {
  border-top: none;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block--contact .-block-cont {
  border-bottom: none;
}
.mw_wp_form_confirm .p-contact-form .p-contact-form__area-btnbox .-btn.-btn-back {
  display: block;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area {
    padding-top: 0;
  }
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block {
    padding: 0;
  }
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block-ttl {
    background: #222;
    width: 10rem;
    padding: 2.1428571429rem 0;
    padding-left: 0.5rem;
    border-bottom: none;
  }
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-title {
    color: #fff;
  }
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-req {
    display: none;
  }
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block-cont {
    padding: 2.1428571429rem 0;
    padding-left: 1.4285714286rem;
    padding-right: 1.4285714286rem;
    width: calc(100% - 10rem);
    font-size: 1rem;
    border-bottom: none;
  }
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block--contact {
    border-top: none;
  }
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area-group .-block--contact .-block-cont {
    border-bottom: none;
  }
  .mw_wp_form_confirm .p-contact-form .p-contact-form__area-btnbox .-btn.-btn-back {
    display: block;
  }
}

.p-contact-confirm-btnbox {
  margin-top: 50px;
  margin-bottom: 50px;
}
.p-contact-confirm-btnbox .center {
  gap: 20px;
  display: flex;
  justify-content: center;
}
.p-contact-confirm-btnbox input {
  width: 200px;
  background: #000;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  border-radius: 100px;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .p-contact-confirm-btnbox {
    margin-top: 2.1428571429rem;
    margin-bottom: 3.5714285714rem;
  }
  .p-contact-confirm-btnbox .center {
    gap: 1.0714285714rem;
  }
  .p-contact-confirm-btnbox input {
    width: 17.8571428571rem;
    font-size: 1rem;
    padding: 0.7142857143rem;
    border-radius: 7.1428571429rem;
  }
}

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

完了画面

-------------------------------------------------*/
.mw_wp_form_complete .p-contact-form .p-contact-form__block-sub .-item:nth-child(1) .-step::after {
  background-color: #8FC320;
}
.mw_wp_form_complete .p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-step {
  color: #8FC320;
}
.mw_wp_form_complete .p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-step::before {
  background-color: #8FC320;
}
.mw_wp_form_complete .p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-step::after {
  background-color: #8FC320;
}
.mw_wp_form_complete .p-contact-form .p-contact-form__block-sub .-item:nth-child(2) .-txt {
  color: #000;
}
.mw_wp_form_complete .p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-step {
  color: #8FC320;
}
.mw_wp_form_complete .p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-step::before {
  background-color: #8FC320;
}
.mw_wp_form_complete .p-contact-form .p-contact-form__block-sub .-item:nth-child(3) .-txt {
  color: #000;
}
.mw_wp_form_complete .p-contact-form .-thanks-ttl {
  margin-top: 60px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08em;
  padding-bottom: 15px;
  border-bottom: 1px solid #a7a7a7;
}
.mw_wp_form_complete .p-contact-form .-thanks-txt {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 2.1;
}
.mw_wp_form_complete .p-contact-form .-thank-btn {
  margin: auto;
  margin-top: 50px;
  width: 285px;
}
.mw_wp_form_complete .p-contact-form .-thank-btn a {
  padding: 20px 0;
  text-align: center;
  position: relative;
  display: block;
  border-radius: 40px;
  background-color: #000;
  color: #fff;
  font-size: 13px;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_complete .-thanks-ttl {
    margin-top: 2.8571428571rem;
    font-size: 1.4285714286rem;
    padding-bottom: 1.4285714286rem;
  }
  .mw_wp_form_complete .-thanks-txt {
    margin-top: 1.4285714286rem;
    font-size: 1rem;
  }
  .mw_wp_form_complete .-thank-btn {
    margin-top: 2.8571428571rem;
    width: 20.3571428571rem;
  }
  .mw_wp_form_complete .-thank-btn a {
    padding: 1.4285714286rem 0;
    border-radius: 2.8571428571rem;
    font-size: 0.9285714286rem;
  }
}/*# sourceMappingURL=index.css.map */