@charset "UTF-8";

/* ================================
   school/swiming Styles

   01 common
   02 junior
   03 course
   04 schedule

   =================================== */

/* == common == */
:root {
  --fs16: 0.8vw;
  --fs17: 0.85vw;
  --fs18: 0.9vw;
  --fs20: 1.0vw;
  --fs23: 1.15vw;
  --fs26: 1.3vw;
  --fs28: 1.4vw;
  --fs30: 1.5vw;
  --fs34: 1.7vw;
  --fs40: 2.0vw;
  --ctxt: #3e3a39;
  --cbdr: #808080;
  --cbk1: #f0fafa;
  --cpl1: #bbe2f1;
  --cpl2: #5CC2CF;
  --cpl3: #a0d8ef;
  --cpl4: #008db7;
  --cred: #e61e28;
  --ccya: #5cc2cf;
  --cora: #e95513;
  --cgre: #009844;
  --credH: #ff0019;
  --rFlex: flex;
  --r28: 28%;
  --r30: 30%;
  --r32: 32%;
}
@media screen and (min-width:1301px) {
  :root {
    --fs16: 16px;
    --fs17: 17px;
    --fs18: 18px;
    --fs20: 20px;
    --fs23: 23px;
    --fs26: 26px;
    --fs28: 28px;
    --fs30: 30px;
    --fs34: 34px;
    --fs40: 40px;
  }
}
@media screen and (max-width:1300px) {
  :root {
    --fs16: 1.0vw;
    --fs17: 1.0vw;
    --fs18: 1.1vw;
    --fs20: 1.2vw;
    --fs23: 1.4vw;
    --fs26: 1.5vw;
    --fs28: 1.7vw;
    --fs30: 1.9vw;
    --fs34: 2.1vw;
    --fs40: 2.5vw;
  }
}
@media screen and (max-width:1024px) {
  :root {
    --fs16: 13px;
    --fs17: 14px;
    --fs18: 15px;
    --fs20: 16px;
    --fs23: 19px;
    --fs26: 21px;
    --fs28: 22px;
    --fs30: 23px;
    --fs34: 26px;
    --fs40: 30px;
    --rFlex: block;
    --r28: 100%;
  }
}
@media screen and (max-width:640px) {
  :root {
    --fs16: 12px;
    --fs17: 13px;
    --fs18: 14px;
    --fs20: 15px;
    --fs23: 16px;
    --fs26: 17px;
    --fs28: 20px;
    --fs30: 22px;
    --fs34: 24px;
    --fs40: 28px;
    --rFlex: block;
    --r28: 100%;
  }
}



/*共通設定*/
div.ctgpage img {
  width: 100%;
}
section.parent #seasonevent iframe{
  width: 100%;
  height: 2000px;
  border: 0;
}
section.parent {
	padding: 0 !important;
	margin: 0;
}
section.parent section.junior{
  padding-top: 4em;
  padding-bottom: 4vw;
  position: relative;
}
section.parent section a {
  transition: all .15s;
}
.junior ul.junior_school-list a {
  display: inline-block;
  width: 100%;
  padding: 2em;
}


/*スクール タブメニュー 初期値*/
.course .couese_detail .couese_detail_box div {
  display: none;
}
.course .couese_detail .couese_detail_box .chushaku{
 font-size: var(--fs16);
 margin: auto;
}

/*スクール タブメニュー 初期値*/
.price__contents .chushaku{
 font-size: var(--fs16);
 margin: auto;
}

.course .couese_detail .couese_detail_box .kome{
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
}
.course .couese_detail .couese_detail_box .kome::before {
  content: '※';
}
/*スクール タブメニュー 初期値 ここまで*/
/*-------------------------------------------------------
02 junior
--------------------------------------------------------- */

.junior {
  position: relative;
}
.junior hgroup {
  position: relative;
  margin: 0 auto 5em;
  width: 100%;
  max-width: 60em;
  text-align: center;
  font-size: var(--fs16);
}
.junior hgroup h2 {
  padding-bottom: .4em;
  margin-bottom: .4em;
  font-size: var(--fs40);
  font-weight: 700;
  border-bottom: 1px solid var(--ctxt);
}
.junior hgroup h2 small {
  font-size: var(--fs34);
  font-weight: 700;
}
.junior hgroup p {
  font-size: var(--fs28);
  letter-spacing: 0;
}
/*.junior hgroup a {
  right: -10vw;
  top: 0.1vh;
  position: absolute;
}
.junior hgroup a img{
  width: 10vw;
  height: auto;
}
*/
/*.junior > hgroup a.schools-jrcalendar-2{
  right: -10vw;
  top: 18.0vh;
  position: absolute;
}
@media (min-width: 1600px) {
 .junior > hgroup a.schools-jrcalendar-2{
   right: -10vw;
   top: 21.0vh;
   position: absolute;
 }
}
@media (min-width: 2000px) {
 .junior > hgroup a.schools-jrcalendar-2{
   right: -10vw;
   top: 24.0vh;
   position: absolute;
 }
}
@media (min-width: 2500px) {
 .junior > hgroup a.schools-jrcalendar-2{
   right: -10vw;
   top: 30.0vh;
   position: absolute;
 }
}*/


@media (max-width: 1024px) {
}
/*
.junior > hgroup a {
  right: -10vw;
  top: 0.1vh;
  position: absolute;
}
.junior > hgroup a img{
  width: 10vw;
  height: auto;
}
*/
  /*
   right: 10vw;
   top: 3vh;
   position: absolute;
  
   height: auto;
  */

@media (min-width: 1025px) {
 .junior .jounior-link {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   text-align: center;
   margin-bottom: 20px;
  
   right: -14vw;
   top: -2vw;
   position: absolute;
   height: auto;
 }
  .junior .jounior-link a {
    width: 11em;
    height: 11em;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 3px solid #e61e28;
    background: #e61e28 url(../img/schools/swimming/icon-calender.svg) no-repeat center bottom 20px;
    background-size: 40px;
    padding-bottom: 45px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
  }
}
@media (min-width: 1300px) {
 .junior .jounior-link {
   right: -10vw;
   top: 0vw;
 }
}
@media (min-width: 1680px) {
 .junior .jounior-link {
   right: -10vw;
   top: 0vw;
 }
}
@media (min-width: 2280px) {
 .junior .jounior-link {
   right: -5vw;
   top: 0vh;
 }
}
@media (max-width: 1024px) {
 .junior .jounior-link {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   text-align: center;
   margin-bottom: 20px;
 }
 .junior .jounior-link a {
   width: 11em;
   height: 11em;
   justify-content: center;
   align-items: center;
   align-content: center;
   border: 3px solid #e61e28;
   background: #e61e28 url(../img/schools/swimming/icon-calender.svg) no-repeat center bottom 20px;
   background-size: 40px;
   padding-bottom: 45px;
   border-radius: 50%;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: 0;
   color: #fff;
 }
}




@media (min-width: 1025px) {
 .junior .jounior-link.page2 {
   right: -14vw;
   top: 14vw;
 }
}
@media (min-width: 1300px) {
 .junior .jounior-link.page2 {
   right: -10vw;
   top: 14vw;
 }
}
@media (min-width: 1680px) {
 .junior .jounior-link.page2 {
   right: -10vw;
   top: 10.5vw;
 }
}
@media (min-width: 2280px) {
 .junior .jounior-link.page2 {
   right: -5vw;
   top: 10.5vw;
 }
}

/*.junior .jounior-link a {
  width: 12em;
  height: 12em;
  justify-content: center;
  align-items: center;
  align-content: center;
  border: 3px solid #e61e28;
  background: #e61e28 url(../img/schools/swimming/icon-calender.svg) no-repeat center bottom 30px;
  background-size: 50px;
  padding-bottom: 45px;
  border-radius: 50%;
  font-size: 18px;
  letter-spacing: 0;
  color: #fff;
}*/
.junior .jounior-link a:hover {
  border: 3px solid #e61e28;
  background: #fff url(../img/schools/swimming/icon-calender-hover.svg) no-repeat center bottom 20px;
  background-size: 40px;
  padding-bottom: 43px;
  color: #e61e28;
}
.junior dl {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto 1.5em;
  width: 100%;
  max-width: 960px;
}
.junior dl.first-child{
 margin-top: 4vw;
}
.junior dl dt {
  flex-shrink: 0;
  width: 16em;
  padding: .5em 1em;
  background: var(--cred);
  font-size: var(--fs26);
  color: #fff;
  text-align: center;
  border-radius: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.junior dl dd {
  display: flex;
  align-items: center;
  align-content: center;
  text-align: left;
  flex-shrink: 0;
  width: 28em;
  padding: .0em 1em;
  font-size: var(--fs18);
}
.junior ul.junior_school-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1280px;
  width: 100%;
  margin: 8em auto;
  gap: 4em;
}
@media (min-width: 1280px) {.junior ul.junior_school-list {max-width: 1280px;} }
@media (min-width: 1366px) {.junior ul.junior_school-list {max-width: 1366px;} }
@media (min-width: 1680px) {.junior ul.junior_school-list {max-width: 1680px;} }
@media (min-width: 2280px) {.junior ul.junior_school-list {max-width: 2280px;} }

.junior ul.junior_school-list li{
 width: 30%;
}
.junior ul.junior_school-list li a{
  display: block;
  flex: 1;
  color: #fff;
  border-radius: 3em;
  text-align: center;
}
.junior ul.junior_school-list li:nth-of-type(1) a{background:#5cc2cf;border: 3px solid #5cc2cf;}
.junior ul.junior_school-list li:nth-of-type(2) a{background:var(--cora);border: 3px solid var(--cora);}
.junior ul.junior_school-list li:nth-of-type(3) a{background:var(--cgre);border: 3px solid var(--cgre);}
.junior ul.junior_school-list li:nth-of-type(4) a{background:var(--cred);border: 3px solid var(--cred);}
.junior ul.junior_school-list li strong {
  font-size: var(--fs30);
}
.junior ul.junior_school-list li figure img {
  margin-top: 1em;
  max-width: 120px;
  width: 100%;
}
.junior ul.junior_school-list li figure img:nth-of-type(2) {
  display: none;
}
.junior ul.junior_school-list li figure img {
  margin-top: 1em;
  max-width: 120px;
  width: 100%;
}
.junior ul.junior_school-list li:nth-of-type(1):hover a{border: 3px solid #5cc2cf;color:#5cc2cf;background: #fff;}
.junior ul.junior_school-list li:nth-of-type(2):hover a{border: 3px solid var(--cora);color:var(--cora);background: #fff;}
.junior ul.junior_school-list li:nth-of-type(3):hover a{border: 3px solid var(--cgre);color:var(--cgre);background: #fff;}
.junior ul.junior_school-list li:nth-of-type(4):hover a{border: 3px solid var(--cred);color:var(--cred);background: #fff;}
.junior ul.junior_school-list li:hover figure img:nth-of-type(1) {
  display: none;
}
.junior ul.junior_school-list li:hover figure img:nth-of-type(2) {
  display: inline-block;
}
.bn-seasonevent{
 text-align: center;}

.footer-back-area {
 background-color: #FFF;}

.fix-btn {
  top: 44%; }
.schools-fix-btn {
  position: fixed;
  top: 40%;
  right: 2vw;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;}
@media (max-width: 1680px) {.schools-fix-btn {top: 40%;} }
@media (max-width: 1366px) {.schools-fix-btn {top: 32%;} }
@media (max-width: 1025px) {.schools-fix-btn {top: 28%;} }
.schools-fix-btn a {
  color: #FFFFFF;
  line-height: 1;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 16px 10px;
  border-radius: 20px;
  margin-bottom: 10px;}

.schools-fix-btn a.swimming {
 background: rgba(92,194,207,1);
}
.schools-fix-btn a.gymnastics{
 background: rgba(233,85,19,1);
}
.schools-fix-btn a.soccer {
 background: rgba(0,152,68,1);
}
.schools-fix-btn a.swimming:hover {
 background: rgba(142,199,206,1.00);
}
.schools-fix-btn a.gymnastics:hover{
 background: rgba(231,132,88,1.00);
}
.schools-fix-btn a.soccer:hover{
 background: rgba(50,180,108,1.00);
}
.schools-fix-btn a:last-child {}
.schools-fix-btn a:hover {
  opacity: 1.0; }

 


/*-------------------------------------------------------
03 heiyo
--------------------------------------------------------- */


.course .couese_detail .couese_detail_box div:nth-of-type(1) table:nth-of-type(3) + h4 {
  font-size: var(--fs26);
  background:var(--cred);
  color: #fff;
  margin-top: 4em;
  padding: 1em;
  text-align: center;
  margin-bottom: 1em;
  border-radius: 3em;
}
.course .couese_detail .couese_detail_box div:nth-of-type(1) table:nth-of-type(3) + h4 + p {
  font-weight: 600;
  color: var(--cred);
  font-size: var(--fs23);
  text-align: center;
  margin: 2em 0;
}


.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list {
  border-bottom: 1px solid var(--cbdr);
  display: flex;
  justify-content: center;
  padding: 2em 0;
  gap: 20px;
}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li {
  flex-shrink: 0;
}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li h5 {
  font-size: var(--fs18);
  background:var(--cred);
  color: #fff;
  text-align: center;
  padding: .3em;
  border-radius: 3em;
}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li h5.yellow{
  background:#FFED00;
  color: #000;
}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li p {
  font-size: var(--fs18);
  text-align: center;
}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li strong {
  display: block;
  width: 7em;
  height: 7em;
  background: var(--ctxt);
  font-size: var(--fs16);
  font-weight: 500;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(1) {width: calc(22% - 20px);}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(2) {width: calc(22% - 20px);}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(3) {width: calc(14% - 20px);}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(4) {width: calc(22% - 20px);}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(5) {width: calc(14% - 20px);}
.course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(4) p {
  font-size: var(--fs28);
  color: var(--cred);
}

.seasonevent{
 text-align: center;
}
/*タブレットからPC*/
@media screen and (max-width:1300px) {
	section.parent section {
    max-width: none;
    width: auto;
    margin: 0 20px;
	}
}
/*タブレットからPC*/
@media (min-width: 1025px) and (max-width: 1300px) {
 
}
/*タブレット*/
@media (max-width: 1024px) {
 .schools-fix-btn {
  display: none; }
 section.parent #seasonevent iframe{
  height: 4300px;}
 section.parent section {
    font-size: 16px;
    margin: 0 14px;
 }
/* .junior hgroup a {
   display: none;
 }
 .junior ul.junior_school-list li:hover figure img:nth-of-type(2) {
   display: none;
 }*/
 
 
/* .junior ul.junior_school-list + div {
 max-width: 1260px;
 width: 100%;
 margin: 8em auto 0;
 border-radius: 10em;
 background: linear-gradient(to bottom, #E61E28 0%, #E61E28 75%, #3E3A39 75.001%);
 display: var(--rFlex);
 justify-content: center;
 flex-wrap: wrap;
 }
 .junior ul.junior_school-list + div hgroup {
 color: #fff;
 width: 22em;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 align-items: center;
 align-content: center;
 padding-bottom: 10px;
 }
 .junior ul.junior_school-list + div hgroup strong {
 font-size: var(--fs30);
 }
 .junior ul.junior_school-list + div hgroup p {
 font-size: var(--fs18);
 }
 .junior ul.junior_school-list + div ul {
 display: flex;
 justify-content: flex-start;
 gap: 0 1em;
 margin: 1.5em;
 }
 .junior ul.junior_school-list + div ul li figure img {
 width: 7em;
 max-width: 80px;
 }
 .junior ul.junior_school-list + div ul + p {
 flex-shrink: 0;
 width: 100%;
 color: #fff;
 text-align: center;
 font-size: var(--fs17);
 margin-bottom: 0.8em;
 padding-top: 12px;
 }

 .junior ul.junior_school-list + div hgroup {
 width: 100%;
 display: block;
 text-align: center;
 }
 .junior ul.junior_school-list + div hgroup p {
 font-size: var(--fs18);
 }
 .junior ul.junior_school-list + div ul {
 display: flex;
 justify-content:center;
 gap: 0 1em;
 margin: 1.5em;
 }*/
 /*  .junior > hgroup {
 margin-bottom: 2em;
 }*/
 .junior hgroup h2 small {
 display: block;
 font-size: var(--fs34);
 font-weight: 700;
 }
/* .junior .jounior-link a {
 display: flex;
 }*/
 .junior dl {
 margin-bottom: 1em;
 }
 .junior dl dt {
 margin: 1em 0;
 }
 .junior dl dd {
 width: 100%;
 display: block;
 padding: 0 0 1em;
 text-align: center;
 }
 .junior ul.junior_school-list {
 display: block;
 margin: 40px 0 20px 0;

 }
 .junior ul.junior_school-list img {
 display: none;
 }
 .junior ul.junior_school-list li {
 border-radius: 3em;
 margin-bottom: 0px;
 padding: 1em 0;
   width: 100%;
 }
 .junior ul.junior_school-list li a {
   display: inline-block;
   width: 100%;
   padding: 1em;
 }/*
 .junior ul.junior_school-list + div {
 border-radius: 10em;
 margin: 0 0 20px;
 padding: 1em 0;
 background: var(--cred);
 text-align: center;
 }
 .junior ul.junior_school-list + div p {
 display: none;
 margin: 0;
 }
 .junior ul.junior_school-list + div ul {
 display: none;
 margin: 0;
 }
 .junior ul.junior_school-list + div hgroup {
 display: inline;
 margin: 0;
 text-align: center;
 }
 */
 

/*-------------------------------------------------------
03 heiyo
--------------------------------------------------------- */
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list {
   border-bottom: 1px solid var(--cbdr);
   display: flex;
   justify-content: center;
   padding: 2em 0;
   gap: 10px;
 }
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li h5 {
   font-size: 10px;
 }
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li p {
   font-size: 10px;
 }
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(1) {width: calc(22% - 10px);}
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(2) {width: calc(27% - 10px);}
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(3) {width: calc(14% - 10px);}
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(4) {width: calc(22% - 10px);}
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(5) {width: calc(14% - 10px);}
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li strong {
   display: block;
   width: 6em;
   height: 6em;
   font-size: 7px;
   line-height: 1.1;
   letter-spacing: -.1em;
   font-weight: 500;
   color: #fff;
   text-align: center;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   align-items: center;
   align-content: center;
 }
 .course .couese_detail .couese_detail_box div:nth-of-type(1) .couese_detail_box-list li:nth-of-type(4) p {
   font-size: 13px;
 }
 .bn-seasonevent{
 display: none; }

 .seasonevent img{
  width: 90%;
 }
 
}


/*スマホ*/
@media screen and (max-width:640px) {
}

/*スマホ*/
@media (max-width: 599px) {

}
 
/*スマホ SE*/
@media (max-width: 380px) {
 section.parent #seasonevent iframe{
   height: 4100px;
 } 
}

/* PC画面サイズ用（1025px～1920px） */
@media (min-width: 1025px) {
  .schools-fix-btn {
    font-size: 0.9375vw; }
 
}