@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');

div.itoman-global-header-inner{
  padding: 0;
}

.special-lesson-wrapper{
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0 auto;
  width: 100%;
}

.special-lesson-main-visual{
  margin: 0 auto;
  width: 1000px;
}

.special-lesson-main-visual-comment{
  max-width: 1000px;
  margin: 0 auto;
}

.special-lesson-main-content{
  /* max-width: 900px; */
  margin: 0 auto;
  min-width: 1000px;
  width: 100%;
}

.special-lesson-first-txt{
  text-align: center;
  font-size: 35px;
  font-weight: bold;
}

.special-lesson-first-content{
  width: 850px;
  margin: 0 auto;
}
.special-lesson-first-content-title{
  font-size: 2rem;
  color: #082873;
  text-align: center;
  font-weight: bold;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.special-lesson-first-content-text{
  text-align: center;
  color: #082873;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.special-lesson-report{
  margin: 1em auto 6em;
  width: 1000px;
}

.special-lesson-repoat-container{
  margin: 3em auto;
}

.special-lesson-repoat-header{
  align-items: center;
  border-bottom: 2px solid #082873;
  color: #082873;
  display: flex;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 auto;
  width: 90%;
}

.special-lesson-repoat-header-date{
  background: #082873;
  clip-path: polygon(.5em 0, 100% 0, calc(100% - .5em) 100%, 0 100%);
  color: #fff;
  margin-bottom: -.1em;
  margin-right: 1em;
  padding: 0 1.2em;
}

.font-smaller{
  font-size: .75em;
}

.special-lesson-repoat-text{
  font-size: 1.1em;
  line-height: 1.6;
  margin: 1em auto;
  width: 85%;
}


.special-lesson-repoat-img{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 auto;
  width: 78%;
}

.special-lesson-repoat-img img{
  margin: .4em 0;
  width: 32%;
}

.special-lesson-repoat-voice{
  align-items: stretch;
  display: flex;
  justify-content: center;
  margin: 2.5em auto;
}

.special-lesson-repoat-voice-container{
  align-items: stretch;
  display: flex;
  position: relative;
  width: 40%;
}

.special-lesson-repoat-voice-header{
  background: #082873;
  clip-path: polygon(.5em 0, 100% 0, calc(100% - .5em) 100%, 0 100%);
  color: #fff;
  font-size: 1.1em;
  font-weight: 700;
  margin-right: 1em;
  padding: 0 1.2em;
  bottom: 0;
  position: absolute;
  left: 0;
  text-align: center;
  width: 13.5em;
  z-index: 1;
}

.special-lesson-repoat-voice-text{
  border: 2px solid #082873;
  border-radius: 1em 0 1em 0;
  font-size: .9em;
  font-weight: 500;
  line-height: 1.2;
  margin-left: 31%;
  margin-bottom: .5em;
  padding: .8em .4em 2em;
  position: relative;
  width: 65%;
}

.special-lesson-repoat-voice-text::before{
  content: "";
  display: block;
  height: 98px;
  left: -.5em;
  position: absolute;
  bottom: 1em;
  transform: translate(-110%,0);
  width: 80px;
  z-index: -1;
}

.special-lesson-repoat-voice-text.man::before{
  background: url(../img/icon-man.png) no-repeat 0 0 / contain;
}

.special-lesson-repoat-voice-text.woman::before{
  background: url(../img/icon-woman.png) no-repeat 0 0 / contain;
}

.special-lesson-title{
  background: transparent;
  border-bottom: 2px solid #082873;
  color: #082873;
  font-size: 1.9rem;
  line-height: 1;
  padding-bottom: 5px;
  padding-left: 1.8em;
  position: relative;
}

.special-lesson-title::before{
  background: #082873;
  bottom: -1px;
  clip-path: polygon(0 100%, 0 0, 47% 0, 47% 100%, 61% 100%, 61% 0, 74% 0, 74% 100%, 88% 100%, 88% 0, 100% 0, 100% 100%);
  content: "";
  height: 100%;
  left: 9px;
  position: absolute;
  transform: skewX(-28deg);
  width: 22px;
}

.special-lesson-about-aqit{
  background-color: #082873;
  color: #fff;
  margin-top: 10px;
  padding: 2.5em 0 3em;
  position: relative;
  width: 100%;
}

.special-lesson-about-aqit-title.special-lesson-title{
  border-color: #fff;
  color: #fff;
}

.special-lesson-about-aqit-title.special-lesson-title::before{
  background: #fff;
}

.special-lesson-about-aqit-east{
  margin: 0 auto 2.2em;
  width: 1000px;
}

.special-lesson-about-aqit-east::after{
  background-image: url(../img/img_aqit-1.jpg), url(../img/img_aqit-2.jpg), url(../img/img_aqit-3.jpg), url(../img/img_aqit-4.jpg);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: 0px 0, 35.9% 0, 69.7% 0, 100% 0;
  content: "";
  display: block;
  height: 150px;
  width: 100%;
}

.special-lesson-about-aqit-east-inner{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 320px;
  margin:1.8em auto 1em;
  position: relative;
}

.special-lesson-about-aqit-east-inner::before{
  background: url(../img/aqit-inside-pool.jpg) no-repeat 0 0 / contain;
  content: "";
  display: block;
  height: 320px;
  width: 484px;
}

.special-lesson-about-aqit-east-title{
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0 1rem;
  position: relative;
  width: 50%;
}

.special-lesson-about-aqit-east-title::before{
  background: url(../img/logo-aqit.png) no-repeat 0 0 / contain;
  content: "";
  display: block;
  height: 93px;
  left: 50%;
  margin-bottom: 1em;
  position: relative;
  transform: translate(-50%, 0);
  width: 302px;
}

.special-lesson-about-aqit-east-text{
  font-size: 1rem;
  letter-spacing: 0;
  padding: 0 1rem;
  width: 50%;
}

.special-lesson-about-aqit-west{
  margin: 0 auto;
  width: 1000px;
}

.special-lesson-about-aqit-west-inner{
  align-items: center;
  display: flex;
}

.special-lesson-about-aqit-west-text{
  font-size: 1em;
  letter-spacing: 0;
  order: 1;
  padding: 1.5em 1em 0;
  width: 56%;
}

.special-lesson-about-aqit-west-title{
  background: url(../img/logo-itoman-higashiosaka.png) no-repeat 0 0 / contain;
  height: 79px;
  text-indent: 100%;
  white-space: nowrap;
  margin: 1em auto 0;
  order: 2;
  overflow: hidden;
  width: 268px;  
}




.about-aqit-img{
  background-color: #082873;
  margin-left: 14px;
}

.aqit-inside-pool-img{
  width: 48%;
  margin-top: 8px;
}

.special-lesson-about-aqit-second{
  display: flex;
  margin: 0 auto;
  max-width: 1000px;
  justify-content: space-between;
  margin-top: 20px;
}

.irie-img{
  width: 21%;
}

.special-lesson-about-class{
  font-size: 20px;
  color: #082873;
  width: 900px;
  margin: 2em auto;
  position: relative;
}

.special-lesson-about-class::after{
  background-image: url(../img/about-class-left.jpg),url(../img/about-class-right.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, 100% 0;
  content: "";
  display: block;
  height: 190px;
  width: 100%;
}

.special-lesson-about-class-title{
  margin-top: 40px;
}

.special-lesson-about-class-text{
  margin: 1em;
  font-size: 20px;
}

.special-lesson-point{
  max-width: 1010px;
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
}

.special-lesson-point-title{
  /* font-size: 30px;
  color: #082873; */
  margin-top: 40px;
  /* font-weight: bold; */
}

.special-lesson-point-menu{
  display: flex;
  list-style: none;
  margin-bottom: 1.2rem;
  position: relative;
  width: fit-content;
}


.special-lesson-point-menu::after{
  background: #082873;
  bottom: 2px;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  transition: all .3s;
  width: 50%;
}

.special-lesson-point-menu.east::after{
  left: 0;
}

.special-lesson-point-menu.west::after{
  left: 50%;
}

.special-lesson-point-menu-item{
  background: #fff;
  border: 2px solid #082873;
  color: #082873;
  cursor: pointer;
  font-size: 1.7em;
  margin: 1em .6em .4em;
  position: relative;
  text-align: center;
  transform: skewX(-15deg);
  transition: all .1s;
  width: fit-content;
}

.special-lesson-point-menu-item.active{
  background: #082873;
  border: 2px solid #082873;
  color: #fff;
}


.special-lesson-point-menu-item-text{
  display: block;
  font-weight: 700;
  line-height: 1.8;
  padding: 0 2em;
  transform: skewX(15deg);
}

.special-lesson-point-inner{
  display: flex;
  position: relative;
  width: 2020px;
  transition: all .3s;
}

.special-lesson-point-inner.east{
  left: 0;
}

.special-lesson-point-inner.west{
  left: -1010px;
}

.special-lesson-point-list{
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 1000px;
}

.apply-end-txt{
  display: block;
  font-weight: bold;
  font-size: 36px;
  margin: 0 auto;
  width: 1000px;
  text-align: center;
}

/* .special-lesson-point-list.west::before{
  content: "ご好評につき、関東会場のお申込みは終了しました。";
  display: block;
  font-size: 1.4em;
  font-weight: 700;
  margin-top: .5em;
  text-align: center;
  width: 100%;
} */

.special-lesson-point-item{
  background: #082873;
  font-size: 1.7em;
  margin: 1rem .3em;
  text-align: center;
  transform: skewX(-25deg);
  width: 5.2em;
}

.special-lesson-point-item-text{
  color: #fff;
  display: block;
  font-weight: 700;
  line-height: 1.8;
  transform: skewX(25deg);
}

.special-lesson-point-item-text.specialoffer{
  font-size: .9em;
}

.special-lesson-point-detail{
  margin: 1rem 1em;
  width: calc(100% - 12em);
}

.special-lesson-point-detail.specialoffer{
  align-self: center;
}

.special-lesson-point-detail-header{
  color: #082873;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.3;
}

.special-lesson-point-detail-header.target,
.special-lesson-point-detail-header.detail,
.special-lesson-point-detail-header.price,
.special-lesson-point-detail-header.apply{
  font-size: 1.4em;
}

.special-lesson-point-detail-text{
  color: #000;
  font-size: 1.4em;
  font-weight: 500;
}

.special-lesson-point-detail-text.target{
  font-size: 1em;
  margin-bottom: 1em;
}

.special-lesson-point-detail-text.capacity{
  font-size: 1.18em;
}

.special-lesson-point-detail-note{
  background: #ebebeb;
  margin: 1rem 0;
  padding: 1.5rem 2rem;
}

.special-lesson-point-detail-note.apply{
  font-size: 1.2em; 
}

.special-lesson-point-detail-note-strong{
  display: block;
}

.special-lesson-about-class-img{
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}

.special-lesson-about-teacher{
  max-width: 900px;
  margin: 0 auto;
  margin-top: 40px;
}

.special-lesson-point-text{
  margin-top: 20px;
}

/* 申し込みボタン */
.apply-btn-text{
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  /* border: 3px solid; */
  border-radius: 10px;
  margin: 0 auto;
  max-width: 900px;
  padding: 15px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #F41D27;
  color: #ffffff;
}

.apply-txt{
  text-align: center;
  font-size: 20px;
  margin-bottom: -25px;
}

.special-lesson-apply-btn{
  margin: 50px;
}


div.nagase-group-list{
  width: 1000px;
}

footer.itoman-global-footer{
  width: 1000px;
}