.page-aboutwp {
  background-color: #e5e3e3;
/*   overflow: hidden;   */
}

.page-aboutwp section {
  overflow-x: hidden;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.page-aboutwp section::-webkit-scrollbar {
  display: none;
}

.page-aboutwp .section-padding {
  padding: 8em 0;
}

.page-aboutwp .page-aboutwp-hero {
  position: relative;
}

.page-aboutwp .page-aboutwp-hero img {
  width: 100%;
}

/* .page-aboutwp .page-aboutwp-hero .section-title {
  color: #fff;
  font-weight: 800;
  text-align: end;
  position: relative;
  z-index: 1;
} */

.page-aboutwp .page-aboutwp__lead {
  padding-bottom: 8em;
}

.page-aboutwp .page-aboutwp__lead .page-aboutwp__lead__img-top {
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.page-aboutwp .page-aboutwp__lead .page-aboutwp__lead__img-top img {
  width: 100%;
  height: auto;
}

.page-aboutwp .page-aboutwp__lead__card {
  margin: 0 auto;
overflow:hidden;
}

.page-aboutwp .page-aboutwp__lead__card:not(:last-child) {
  margin-bottom: 8em;
}

.page-aboutwp .page-aboutwp__lead__card__img {
  display: flex;
  justify-content: center;
  margin: auto;
}

.page-aboutwp .page-aboutwp__lead__card__img__speech-balloons {
  margin-left: -5rem;
  position: relative;
}

.page-aboutwp .page-aboutwp__lead__card__img__speech-balloons:after {
  content: "";
  display: block;
  font-size: 2.3rem;
  font-weight: 800;
  position: absolute;
  top: 43%;
  left: 35%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	    font-family: "Bebas Neue", cursive;
}

.page-aboutwp .page-aboutwp__lead__card__img__speech-balloons--what:after {
  content: "What?";
}

.page-aboutwp .page-aboutwp__lead__card__img__speech-balloons--want:after {
  content: "Want!";
}

.page-aboutwp .page-aboutwp__lead__card__img__speech-balloons--how:after {
  content: "HOW¥?";
}

.page-aboutwp .page-aboutwp__lead__card___body {
  display: block;
  background-color: #071121;
  margin-left: auto;
  margin-top: -5rem;
  padding: 4em 2rem;
}

.page-aboutwp .page-aboutwp__lead__card___body .section-lead-text {
  font-size: 2.5rem;
}

.page-aboutwp .page-aboutwp__lead__card___body .section-text {
  display: inline-block;
  margin-top: 2rem;
  font-weight: 400;
}

.page-aboutwp .page-aboutwp__reference {
  background-color: #071121;
}

.page-aboutwp .page-aboutwp__reference .section-title {
  color: #f40000;
  text-align: center;
  font-size: 5rem;
  font-weight: 500;
  font-family: YuGothic, 'Yu Gothic', sans-serif;
  padding-bottom: 1.2em;
}

.page-aboutwp .page-aboutwp__reference__body {
  box-shadow: 0 0 0 1px #fff, 0 0 0 10px #071121, 0 0 0 11px #fff;
}

.page-aboutwp .page-aboutwp__reference__body .section-text {
  font-size: 1.4rem;
  position: relative;
  padding: 1em 0 1em 4em;
}

.page-aboutwp .page-aboutwp__reference__body .section-text:before {
  content: "";
  background: url(/wp-content/themes/kuni_from_japan/img/icon-check.png) no-repeat center center;
  position: absolute;
  top: 50%;
}

.page-aboutwp .page-aboutwp__reference__note {
  padding-top: 4.5em;
  display: flex;
  justify-content: center;
  font-size: 1.4rem;
	font-weight: 400;
}

.page-aboutwp .page-aboutwp__example .section-title {
  color: #000;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
}

.page-aboutwp .page-aboutwp__example__wrap {
  width: 100%;
  background-color: #84993b;
  margin: 2em auto;
  padding: 2em .5em;
}

.page-aboutwp .page-aboutwp__example__wrap--04 {
  background-color: #483bdd;
}

.page-aboutwp .page-aboutwp__example__img .section-lead-text {
  color: #000;
  font-size: 1.5rem;
  z-index: 1;
  margin-top: 3em;
}

.page-aboutwp .page-aboutwp__example__body {
  width: 100%;
}

.page-aboutwp .page-aboutwp__example__body .section-text {
  display: inline-block;
  position: relative;
}

.page-aboutwp .page-aboutwp__example__body .section-text:before {
  content: "";
  background: url(/wp-content/themes/kuni_from_japan/img/icon-check-black.png) no-repeat center center;
  width: 12.8vw;
  height: 12.8vw;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.page-aboutwp .page-aboutwp__qa {
  background: url(/wp-content/themes/kuni_from_japan/img/aboutwp/bg01.png) no-repeat center center;
  min-height: 200vh;
  width: 100%;
  background-size: cover;
	background-attachment: fixed
}

.page-aboutwp .page-aboutwp__qa .section-title {
  font-size: 5rem;
  text-align: center;
  margin-bottom: 2em;
}

.page-aboutwp .page-aboutwp__qa__body {
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  padding: 1em .5em;
}

.page-aboutwp .page-aboutwp__qa__body:not(:last-child) {
  margin-bottom: 6em;
}

.page-aboutwp .page-aboutwp__qa__body span {
  font-size: 3.5rem;
  font-weight: 800;
}

.page-aboutwp .page-aboutwp__qa__body .section-lead-text {
  font-size: 3rem;
  display: inline-block;
  display: flex;
  align-items: center;
  margin-bottom: .5em;
}

.page-aboutwp .page-aboutwp__qa__body .section-text {
  font-size: 2rem;
  vertical-align: middle;
	font-weight: 400;
}

.page-aboutwp .page-aboutwp__plan .section-title {
  text-align: center;
  color: #000;
  font-size: 5rem;
}

.page-aboutwp .page-aboutwp__plan__wrap {
  width: 100%;
}

.page-aboutwp .page-aboutwp__plan__body figure {
  width: 100%;
  text-align: center;
}

.page-aboutwp .page-aboutwp__plan__body .section-lead-title {
  color: #000;
  text-align: center;
  font-size: 2.8rem;
	font-weight: 400;
}

.page-aboutwp .page-aboutwp__plan__body .section-text {
  color: #000;
}

.page-aboutwp .page-aboutwp__plan-details {
  background-color: #fff;
}

.page-aboutwp .page-aboutwp__plan-details-wrap .section-title {
  color: #000;
  font-size: 4rem;
  font-weight: 600;
}

.page-aboutwp .page-aboutwp__plan-details-wrap table {
  padding: 4em 0;
  color: #000;
  border-spacing: 0;
}

.page-aboutwp .page-aboutwp__plan-details-wrap tr:nth-child(even) th {
  border: solid #000;
  border-width: 1px 1px 1px 1px;
}

.page-aboutwp .page-aboutwp__plan-details-wrap tr:nth-child(even) td {
  width: 80%;
  border: solid #000;
  border-width: 1px 1px 1px 0;
}

.page-aboutwp .page-aboutwp__plan-details-wrap tr:nth-child(odd) th {
  border: solid #000;
  border-width: 0 1px 0 1px;
}

.page-aboutwp .page-aboutwp__plan-details-wrap tr:nth-child(odd) td {
  width: 80%;
  border: solid #000;
  border-width: 0 1px 0 0;
}

.page-aboutwp .page-aboutwp__plan-details-wrap tr:nth-child(1) th {
  border: solid #000;
  border-width: 1px 1px 0 1px;
}

.page-aboutwp .page-aboutwp__plan-details-wrap tr:nth-child(1) td {
  width: 80%;
  border: solid #000;
  border-width: 1px 1px 0 0;
}

.page-aboutwp .page-aboutwp__plan-details-wrap th {
  width: 20%;
  background-color: #bcbcbc;
  text-align: left;
  padding: .5em 0 .5em 1em;
  font-size: 1.7rem;
}

.page-aboutwp .page-aboutwp__plan-details-wrap td {
  width: 80%;
  font-size: 1.7rem;
  padding: .5em 0 .5em 1em;
}

.page-aboutwp .page-aboutwp__plan-follow {
  color: #000;
}

.page-aboutwp .page-aboutwp__plan-follow-wrap .section-title {
  color: #000;
  font-size: 4rem;
  font-weight: 600;
}

.page-aboutwp .page-aboutwp__plan-follow-body {
  text-align: center;
  margin: 6em auto 0 auto;
}


.page-aboutwp .page-aboutwp__plan-follow-number {
  font-size: 3.5rem;
  line-height: 1;
  font-family: "Bebas Neue", cursive;
}

.page-aboutwp .page-aboutwp__plan-follow-number span {
  font-size: 1.85rem;
  display: block;
  line-height: 1;
}
  .page-aboutwp .page-aboutwp__plan-follow-body figure {
    width: 4em;
    margin: 0 auto;
  }

.page-aboutwp .page-aboutwp__plan-follow-title {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1;
}

.page-aboutwp .page-aboutwp__plan-follow-text-wrap {
  text-align: start;
  background-color: #bcbcbc;
  padding: 1em .5em;
  margin-top: 2em;
}

.page-aboutwp .page-aboutwp__plan-follow-text-wrap .section-text {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 2em;
}

@media (min-width:768px) {
  .page-aboutwp .section-padding {
    padding: 8em 0;
  }
  .page-aboutwp .page-aboutwp-hero img {
    width: 100%;
/*     height: 100vh; */
  }
  .page-aboutwp .page-aboutwp-hero {
    margin-bottom: 8em;
  }
/*   .page-aboutwp .page-aboutwp-hero:after {
    content: "";
    width: 40%;
    height: 100%;
    background: linear-gradient(#000, rgba(0, 0, 0, .5));
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  } */
  .page-aboutwp .page-aboutwp-hero .section-title {
/*     display: block;
    margin-top: -45rem;
    margin-bottom: 24.4rem;
    margin-right: 4rem; */
	  text-align:center;
	  color:#000;
	  margin-top:2em;
  }
  .page-aboutwp .page-aboutwp__lead {
    padding-bottom: 8em;
  }
  .page-aboutwp .page-aboutwp__lead__card {
    max-width: 1090px;
  }
  .page-aboutwp .page-aboutwp__lead__card__img {
    width: 90%;
  }
  .page-aboutwp .page-aboutwp__lead__card__img__people {
    flex: 58.63302752293578%;
  }
  .page-aboutwp .page-aboutwp__lead__card__img__speech-balloons {
    margin-left: -15rem;
    flex: calc(100% - 58.63302752293578%);
  }
  .page-aboutwp .page-aboutwp__lead__card__img__speech-balloons img {
    width: 85%;
  }
  .page-aboutwp .page-aboutwp__lead__card__img__speech-balloons:after {
    font-size: 7.3rem;
    left: 30%;
  }
  .page-aboutwp .page-aboutwp__lead__card___body {
    width: 83.48623853211009%;
    padding: 6em 5rem;
    margin-top: -8rem;
  }
  .page-aboutwp .page-aboutwp__lead__card___body .section-lead-text {
    text-align: center;
    font-size: 3.5rem;
  }
.page-aboutwp .page-aboutwp__lead__card___body .section-text {
    font-size: 1.8rem;
  }
  .page-aboutwp .page-aboutwp__lead__card___body .section-text {
    margin-left: 13rem;
  }
  .page-aboutwp .page-aboutwp__reference .section-title {
    font-size: 5rem;
    padding-bottom: 1.2em;
  }
  .page-aboutwp .page-aboutwp__reference__body .section-text {
    font-size: 2.3rem;
    padding: 2em 0 2em 5em;
  }
  .page-aboutwp .page-aboutwp__reference__body .section-text:before {
    width: 48px;
    height: 48px;
    left: 2em;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .page-aboutwp .page-aboutwp__reference__note {
    font-size: 2.3rem;
  }
  .page-aboutwp .page-aboutwp__example .section-title {
    font-size: 5rem;
    color: #000;
    text-align: center;
  }
  .page-aboutwp .page-aboutwp__example__wrap {
    display: flex;
    width: 73.83333333333333%;
    min-height: 200px;
    margin: 6em auto;
    padding: 2em 0;
    position: relative;
  }
  .page-aboutwp .page-aboutwp__example__wrap:after {
    content: "";
    width: 290px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-26%, 0);
    transform: translate(-26%, 0);
  }
  .page-aboutwp .page-aboutwp__example__wrap--01:after {
    background: url(/wp-content/themes/kuni_from_japan/img/aboutwp/img04.png) no-repeat;
  }
  .page-aboutwp .page-aboutwp__example__wrap--02:after {
    background: url(/wp-content/themes/kuni_from_japan/img/aboutwp/img05.png) no-repeat;
  }
  .page-aboutwp .page-aboutwp__example__wrap--03:after {
    background: url(/wp-content/themes/kuni_from_japan/img/aboutwp/img06.png) no-repeat;
  }
  .page-aboutwp .page-aboutwp__example__wrap--04:after {
    background: url(/wp-content/themes/kuni_from_japan/img/aboutwp/img07.png) no-repeat;
  }
  .page-aboutwp .page-aboutwp__example__img {
    width: 290px;
  }
  .page-aboutwp .page-aboutwp__example__space-only-pc {
    width: 290px;
  }
  .page-aboutwp .page-aboutwp__example__body:before {
    content: "";
    background: url(/wp-content/themes/kuni_from_japan/img/aboutwp/icon-02.png) no-repeat center center;
    width: 290px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(56%, -22%);
    transform: translate(56%, -22%);
  }
  .page-aboutwp .page-aboutwp__example__body .section-lead-text {
    font-size: 1.5rem;
    color: #000;
    position: relative;
    display: inline-block;
    margin-top: 2.3em;
    margin-left: -27px;
  }
  .page-aboutwp .page-aboutwp__example__body .section-text {
    margin-top: 3em;
    margin-left: 7em;
    display: block;
    font-size: 1.6rem;
  }
  .page-aboutwp .page-aboutwp__example__body .section-text:before {
    width: 48px;
    height: 48px;
    top: 0;
    -webkit-transform: translate(-100%, -15%);
    transform: translate(-100%, -15%)
  }
  .page-aboutwp .page-aboutwp__qa__body {
    width: 62.5%;
    margin: 0 auto;
  }
  .page-aboutwp .page-aboutwp__qa__body .section-text {
    margin-left: 2em;
  }
  .page-aboutwp .page-aboutwp__plan .section-title {
    font-size: 3.1rem;
    font-weight: 800;
  }
  .page-aboutwp .page-aboutwp__plan__wrap {
    display: flex;
    justify-content: center;
    width: 95.833333333333333%;
    margin-top: 4em;
	 gap:2em;
  }
  .page-aboutwp .page-aboutwp__plan__body {
    width: calc(calc(100% / 3) );
/*     padding: 1em 4em; */
  }
  .page-aboutwp .page-aboutwp__plan__body:not(:last-child) {
/*     margin-right: 1em; */
  }
  .page-aboutwp .page-aboutwp__plan__body figure img {
    width: 80%;
  }
  .page-aboutwp .page-aboutwp__plan__body .section-text {
    font-size: 1.8rem;
  }
  .page-aboutwp .page-aboutwp__plan-details-wrap {
    width: 77%;
    margin: 0 auto;
    padding: 0 0 4em 0;
  }
  .page-aboutwp .page-aboutwp__plan-details-wrap table {
    width: 88.571428571428571%;
    margin: 0 auto;
  }
  .page-aboutwp .page-aboutwp__plan-follow-wrap {
    width: 77%;
    margin: 0 auto;
  }
  .page-aboutwp .page-aboutwp__plan-follow-body {
    width: 79.571428571428571%;
  }
/*   .page-aboutwp .page-aboutwp__plan-follow-body figure {
    width: 4em;
    margin: 0 auto;
  } */
  .page-aboutwp .page-aboutwp__plan-follow-text-wrap {
    min-height: 405px;
    padding: 1em 8em;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (max-width:767px) {
/*   .page-aboutwp .page-aboutwp-hero:after {
    content: "";
    width: 55%;
    height: 25%;
    background: linear-gradient(#000, rgba(0, 0, 0, .5));
    display: block;
    position: absolute;
    bottom: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
  } */
	.page-aboutwp .page-aboutwp-hero img {
		width: 100%;
		height: 40vh;
	}
  .page-aboutwp .page-aboutwp-hero .section-title {
    font-size: 2.2rem;
	 color:#000;
	  margin:2em 0;
	  text-align: center;
/*     margin-top: -10.1rem;
    margin-bottom: 6rem;
    padding: 1em 0; */
  }
  .page-aboutwp .page-aboutwp__lead__card___body .section-lead-text {
    margin: 1em 0 .5em 0;
  }
	
	.page-aboutwp .page-aboutwp__lead__card___body .section-text  {
		font-size:1.7rem;
	}
	
  .page-aboutwp .page-aboutwp__reference__body .section-text:before {
    width: 12.8vw;
    height: 12.8vw;
    left: 2%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
	.page-aboutwp .page-aboutwp__reference__note {
		font-size:1.7rem;
	}
  .page-aboutwp .page-aboutwp__example__img {
    display: flex;
    width: 100%;
    position: relative;
  }
  .page-aboutwp .page-aboutwp__example__img:after {
    content: "";
    background: url(/wp-content/themes/kuni_from_japan/img/aboutwp/icon-02.png) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(35%, -102%);
    transform: translate(35%, -10%);
    overflow-x: hidden;
  }
  .page-aboutwp .page-aboutwp__example__img img {
    width: 50%;
  }
  .page-aboutwp .page-aboutwp__example__space-only-pc {
    display: none;
  }
  .page-aboutwp .page-aboutwp__example__body .section-text {
    margin-left: 3.5em;
    margin-top: 2em;
  }
  .page-aboutwp .page-aboutwp__plan__body {
    margin-top: 4em;
  }
	 .page-aboutwp .page-aboutwp__reference__body .section-text {
	   font-size: 1.4rem;
	   position: relative;
/* 	   padding: 1em ; */
	}
	.page-aboutwp .page-aboutwp__qa__body .section-text {
		font-size: 1.7rem;
	}
	
	.page-aboutwp .page-aboutwp__plan__body .section-text {
		font-size:1.5rem;
	}
}
/* SP横向き対応 */
@media (orientation: landscape) and (max-width: 767px){
	.page-aboutwp .page-aboutwp-hero img {
		width: 100%;
		height: auto;
	}
}