/* ao */

.course-lead {
  padding-top: 90px;
  font-size: 122%;
  line-height: 2.2em;
}
.course-lead p:nth-child(2) {
  padding-top: 60px;
}
@media screen and (max-width: 769px) {
  .course-lead {
    padding-top: 30px;
    font-size: 100%;
    line-height: 1.8em;
    /*background-color: #fff;*/
  }
  .course-lead p:nth-child(2) {
    padding-top: 30px;
  }
}

.course-menu {
	max-width: 1600px;
	margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 3px;
}
.top-menyu {
  padding-top: 130px;
  padding-bottom: 20px;
}
.bottom-menyu {
  padding-top: 20px;
  background-color: #fff;
}
@media screen and (max-width: 769px) {
  .top-menyu {
    padding-top: 60px;
    padding-bottom: 10px;
  }
  .bottom-menyu {
    padding-top: 10px;
  }
}
.top-menyu li.stay::after,
.bottom-menyu li.stay::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.top-menyu li.stay::after {
  border-width: 15px 20px 0px 20px;
  border-color: #000 transparent transparent transparent;
  bottom: -15px;
}
.bottom-menyu li.stay::after {
  border-width: 0px 20px 15px 20px;
  border-color: transparent transparent #000 transparent;
  top: -15px;
}
@media screen and (max-width: 769px) {
  .top-menyu li.stay::after {
    border-width: 10px 10px 0px 10px;
    bottom: -10px;
  }
  .bottom-menyu li.stay::after {
    border-width: 0px 10px 10px 10px;
    top: -10px;
  }
}




.course-menu li {
  width: calc((100% - 6px) / 3);
  position: relative;
}
.course-menu li a {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
  font-size: 160%;
  color: #808080;
  font-weight: 500;
  transition: 0.5s;
}
@media screen and (max-width: 769px) {
  .course-menu li a {
    height: 90px;
    text-align: center;
    font-size: 17px;
    line-height: 1.4em;
  }
  .course-menu li span{
    transform: scaleX(0.8);
  }
}
.course-menu li.stay a {
  background-color: #000;
  color: #fff;
}
.course-menu li a:hover {
  opacity: 0.6
}
.course-menu li.stay a {
  opacity: 1
}




.course-lead-wrap {
  max-width: 1600px;
	margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 200px;
}
@media screen and (max-width: 769px) {
  .course-lead-wrap {
    padding-bottom: 0px;
    padding-bottom: 60px;
  }
}
.course-lead-wrap .bgimg {
  position: absolute;
}
.course-lead-wrap .img1 {
  left: 0;
  top: 360px;
  width: 600px;
}
.course-lead-wrap .img2 {
  left: 943px;
  bottom: 120px;
  width: 470px;
}
.course-lead-wrap .img3 {
  left: 92px;
  bottom: -48px;
  width: 400px;
}
.course-lead-wrap .img4 {
  right: -50%;
  top: -110px;
  width: 1125px;
}
.course-lead-wrap .img5 {
  left: -38%;
  top: -120px;
  width: 1125px;
}
.course-lead-wrap .img6 {
  right: -30%;
  top: 380px;
  width: 862px;
}
.course-lead-wrap .img7 {
  left: 225px;
  bottom: -48px;
  width: 625px;
}
@media screen and (max-width: 769px) {
  .course-lead-wrap .img1 {
    top: 370px;
    width: 239px;
  }
  .course-lead-wrap .img2 {
    left: 175px;
    bottom: 340px;
    width: 172px;
  }
  .course-lead-wrap .img3 {
    left: 38px;
    bottom: 0px;
    width: 160px;
  }
  .course-lead-wrap .img4 {
    right: -55%;
    width: 400px;
  }
  .course-lead-wrap .img5 {
    left: -52%;
    top: -110px;
    width: 432px;
  }
  .course-lead-wrap .img6 {
    right: -40%;
    top: 400px;
    width: 331px;
  }
  .course-lead-wrap .img7 {
    left: 40px;
    bottom: 0px;
    width: 239px;
  }
  
}
.ex-course-lead {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.ex-course-lead p {
  font-size: 26px;
  line-height: 2.4em;
  text-align: center;
  padding-top: 90px;
  transform: scaleX(0.9);
}
@media screen and (max-width: 769px) {
  .ex-course-lead p {
    font-size: 16px;
    transform: scaleX(0.85);
    padding-top: 30px;
  }
  .ex-course-lead p:nth-of-type(1) {
    padding-top: 0px;
  }
}

/*
.yoso-title {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
  background-color: #000;
  color: #fff;
  font-size: 60px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  margin-bottom: -60px;
}
@media screen and (max-width: 769px) {
  .yoso-title {
    display: block;
    padding: 20px 0;
    font-size: 40px;
    line-height: 1.2em;
    text-align: center;
    margin-bottom: 0;
  }
}
*/

.p-amazingTitle2 {
  background-color: #000;
  color: #FFF;
  width: 800px;
  height: 100px;
  line-height: 100px;
  margin: 0 auto;
  font-size: 60px;
  font-weight: bold;
  text-align: center
}

@media screen and (max-width: 769px) {
  .p-amazingTitle2 {
    position: relative;
    font-size: 40px;
    width: 100%;
    display: block !important;
    height: auto;
    padding-top: 14px;
    line-height: 1.2;
    z-index: -1
  }
  .p-amazingTitle2 span {
    transform: scale(0.9, 1)
  }
}


.yoso-wrap {
  max-width: 1600px;
	margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 6px;
  background-color: #000;
  position: relative;
  z-index: -1;
  margin-top: -60px;
}
.yoso-wrap .yoso-box {
  width: calc((100% - 12px) / 3);
  position: relative;
}
@media screen and (max-width: 769px) {
  .yoso-wrap {
    display: block;
    margin-top: 0px;
  }
  .yoso-wrap .yoso-box {
    width: 100%;
  }
  .yoso-wrap .yoso-box:nth-of-type(n+2) {
    border-top: #000 solid 3px;
  }
}
.yoso-wrap .yoso-box .txt {
  width: 100%;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 20px 80px 0 80px;
  z-index: 10;
}
@media screen and (max-width: 769px) { 
  .yoso-wrap .yoso-box .txt {
    padding: 20px 30px 0 30px;
  }
}


.yoso-wrap .yoso-box .txt h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5em;
  color: #fff;
  border-bottom: #cccccc solid 12px;
  height: 165px;
  white-space: nowrap;
}
.txt.s h3 {
  height: 135px !important;
}
@media screen and (max-width: 769px) {
  .yoso-wrap .yoso-box .txt h3 {
    font-size: 23px;
    height: auto; 
    padding-bottom: 20px;
    border-bottom: #cccccc solid 8px;
  }
  .txt.s h3 {
    height: auto !important;
  }
}
.yoso-wrap .yoso-box .txt h3 span{
  transform: scaleX(0.8);
  transform-origin: top left;
  white-space: nowrap;
}
.yoso-wrap .yoso-box .txt ul {
  padding-top: 20px;
  height: 175px;
}
.yoso-wrap .yoso-box .txt li {
  color: #fff;
  position: relative;
  margin-top: 8px;
  padding-left: 22px;
}
.yoso-wrap .yoso-box .txt li::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
}
@media screen and (max-width: 769px) {
  .yoso-wrap .yoso-box .txt li {
    font-size: 14px;
    padding-left: 18px;
  }
  .yoso-wrap .yoso-box .txt li::before {
    width: 14px;
    height: 14px;
  }
  .yoso-wrap .yoso-box .bgimg {
    height: 336px;
  }
}



.example-wrap {
  padding: 230px 0 150px 0;
  background-color: #fff;
  position: relative;
}
.example-wrap::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  border-width: 80px 60px 0px 60px;
  border-color: #000 transparent transparent transparent;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
}
.example-wrap h2 {
  font-size: 52px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 769px) { 
  .example-wrap {
    padding: 130px 0 50px 0;
  }
  .example-wrap::after {
    border-width: 35px 25px 0px 25px;
    top: 60px;
  }
  .example-wrap h2 {
    font-size: 34px;
  }
}
.experience-wrap {
  max-width: 1160px;
	margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.experience-wrap li {
  width: 24.4%;
  border: #000 solid 3px;
  padding: 50px 20px;
}
@media screen and (max-width: 769px) { 
  .experience-wrap {
    margin-top: 30px;
    padding: 0 20px;
  }
  .experience-wrap li {
    width: 49.2%;
    padding: 20px 10px;
    margin-top: 5px;
  }
}
.experience-wrap li .icns {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.experience-wrap li p {
  text-align: center;
  padding-top: 30px;
  font-size: 18px;
  white-space: nowrap;
}
.example-wrap .notice {
  text-align: center;
  padding-top: 30px;
  font-size: 18px;
}
@media screen and (max-width: 769px) { 
  .experience-wrap li .icns {
    width: 80%;
  }
  .experience-wrap li p {
    padding-top: 20px;
    font-size: 14px;
    line-height: 1.4em;
  }
  .example-wrap .notice {
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.4em;
    padding: 10px 20px 0;
    text-align: left;
  }
  .example-wrap .notice span {
    padding-left: 1em;
    text-indent: -1em;
  }
}

.oubo-wrap {
  padding: 150px 0 170px 0;
}
.oubo-wrap h2 {
  border-top: #000 solid 3px;
}
.oubo-wrap h2:nth-of-type(n+2) {
  margin-top: 100px;
}
@media screen and (max-width: 769px) { 
  .oubo-wrap {
    padding: 50px 0 70px 0;
  }
  .oubo-wrap h2 {
    border-top: #000 solid 2px;
  }
  .oubo-wrap h2:nth-of-type(n+2) {
    margin-top: 50px;
  }
}


.oubo-wrap h2 span {
  display: block;
  width: 320px;
  background-color: #000;
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  padding: 0px 0 0px 15px;
}
.oubo-wrap h2 span span {
  transform: scaleX(0.8);
  transform-origin: top left;
}
@media screen and (max-width: 769px) { 
  .oubo-wrap h2 span {
    width: 65%;
    font-size: 26px;
  }
}
.oubo-wrap ul {
  margin-left: 350px;
}
@media screen and (max-width: 769px) { 
  .oubo-wrap ul {
    margin-left: 0px;
  }
}
.oubo-wrap li {
  position: relative;
  padding-left: 20px;
}
.oubo-wrap li::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
}

@media screen and (max-width: 769px) { 
  .pb-0 {
    padding-bottom: 0
  }
  .pb-15 {
    padding-top: 15px;
  }
}
/*
.lastmess-wrap {
  padding: 140px 0 160px 0;
  background-color: #fff;
}
.lastmess-wrap p {
  text-align: center;
  font-size: 27px;
  line-height: 3.6em;
}
.lastmess-wrap p span {
  font-size: 38px;
  font-weight: 600;
  
}
.lastmess-wrap p span span {
  border-bottom: #000 solid 3px;
  line-height: 1.6em;
}
*/