@charset "UTF-8";

.dispTableAuto {

  display: table;

  margin-right: auto;

  margin-left: auto;

  font-size: 1.6rem;

}



.flexBox {

  display: flex;

}



.spDispB {

  display: none;

}



.spText {

  display: none;

}



header {

    border-bottom: 1px solid #E4E4E4;

}

.contactBtn {

  background-color: #1DB400;

  color: #fff;

  display: block;

  font-size: 2.1rem;

  font-weight: bold;

  letter-spacing: .05em;

  line-height: 1.2;

  border-radius: 10px;

  padding: 19px 23px;

  width: 350px;

  margin: 0 auto;

}

.contactBtn:hover {

  opacity: .5;

}

.contactBtn .text {

  display: flex;

  align-items: center;

}

.contactBtn .text::before {

  content: "";

  display: block;

  width: 43px;

  height: 30px;

  background: url("../images/icon_mail.png") no-repeat center center;

  background-size: 100%;

  margin-right: 1em;

}



@media only screen and (max-width: 767px) {

  .dispTableAuto {
    font-size: 1.1rem;
  }

  .pcDispB {

    display: none;

  }



  .spDispB {

    display: block;

  }



  .spText {

    display: inline;

  }



  .pcText {

    display: none;

  }



  .contactBtn {

    font-size: 1.8rem;

    padding: 15px calc(25 / 750 * 100vw) 14px;

    width: auto;

      border-radius: 5px;

  }

  .contactBtn:hover {

    opacity: 1;

  }

  .contactBtn .text {

    justify-content: center;

      padding-left: 2em;

  }

  .contactBtn .text::before {

    width: 41px;

    height: 29px;

    /*margin-right: 1em;*/

      position: absolute;

      left: 40px;

  }

}

.top main {

  padding-bottom: 50px;

}



.mainHead {

  margin-bottom: 54px;

    margin-top: 149px;

    text-align: center;

}

.mainHead span {

  display: block;

}

.mainHead img {

  /*display: block;*/

  margin: 0 auto;

}

/*.mainHead .text01 {

  border: 6px solid #FFF100;

  border-bottom: 0;

  padding: 17px 15px 15px;

}

.mainHead .text01 img {

  width: 200px;

}

.mainHead .text02 {

  background-color: #FFF100;

  padding: 30px;

}

.mainHead .text02 img {

  width: 370px;

}*/



.mainHead .mainTxt {

    width: 620px;

    margin: auto;

}

.mainHead .subTxt {

    font-size: 1.9rem;

    margin-bottom: 18px;

    letter-spacing: 0.2em;

}



.introText {

  margin: 0 0 90px;

}



.bubbleBlock .textWrap{

    width: 466px;

}

.bubbleText {

  font-size: 1.6rem;

  line-height: 1.5625;

  /*font-weight: bold;*/

  color: #333;

  border-radius: 16px;

  border: 3px solid #000;

  padding: 30px;

    padding-right: 40px;

  letter-spacing: .05em;

  display: table;

  min-width: 318px;

}

.bubbleText:nth-child(2n){

    margin-left: auto;

}



.bubbleBlock {

  margin: 0 0 0 130px;

}

.bubbleBlock .blockHead {

  font-size: 1.8rem;

  background-color: #1DB400;

  color: #fff;

  line-height: 1.5;

  margin-bottom: 38px;

}

.bubbleBlock .blockBody {

  display: flex;

    justify-content: space-between;

}

.bubbleBlock .blockBody .bubbleText {

  position: relative;

}

.bubbleBlock .blockBody .bubbleText::after {

  position: absolute;

  bottom: -18px;

  right: 10px;

  content: "";

  display: block;

  width: 29px;

  height: 29px;

  background: url("../images/top/bg_fuki_d.png") no-repeat left top;

  background-size: 100%;

}

.bubbleBlock .blockBody .widAuto {

  width: auto;

  min-width: 0%;

}

.bubbleBlock .blockBody .bubbleText + .bubbleText {

  margin-top: 50px;

}

.bubbleBlock .blockBody .illustWrap {

  margin: 0 0 0 40px;

  display: flex;

  flex-direction: column;

}

.bubbleBlock .blockBody .illustWrap [class^="illust"] {

  min-height: 0%;

}

.bubbleBlock .blockBody .illust01 {

  width: 120px;

  margin: 114px 0 0;

}

.bubbleBlock .blockBody .illust02 {

  width: 120px;

  margin: 120px 0 0;

}

.bubbleBlock .blockBody .illust03 {

  width: 120px;

  margin: 120px 0 0;

}

.bubbleBlock .blockBody .illust04 {

  width: 138px;

  margin: 130px 0 0;

}

.bubbleBlock.block01 .bubbleText:last-child {

  margin-bottom: 105px;

}

.bubbleBlock.block02 {

  margin-top: 65px;

  padding-bottom: 43px;

}



.arrowD {

  padding: 74px 0;

  width: 37px;

  margin: 0 auto;

}

.arrowD img {

  display: block;

}

.arrowD .spImg {

  display: none;

}



.sectionHead{

    background-color: #FFF100;

    font-size: 2.5rem;

    font-weight: 500;

    padding: 100px 10px;

    margin-bottom: 60px;

    line-height: 2.2;

    letter-spacing: 0.18em;

}

.sectionHead span{

    color: #F26B93;

}

.sectionHead .h_wrap{

    display: flex;

    justify-content: center;

}

/*.sectionHead .h_inner{

    width: 580px;

    margin: auto;

}*/

.sectionHead.fuki{

    text-align: center;

    padding: 80px 10px;

    position: relative;

    margin-bottom: 84px;

}

.sectionHead.fuki::after{

    position: absolute;

    content: "";

    top: 100%;

    left: 50%;

    margin-left: -15px;

    border: 30px solid transparent;

    border-top: 40px solid #FFF100;

}

/*.cooperationArea .sectionHead {

  background-color: #FFF100;

  padding: 56px 0 53px;

  text-align: center;

  margin-bottom: 40px;

}

.cooperationArea .sectionHead img {

  width: 603px;

}*/

/*.cooperationArea .sectionHead .h_inner{

    width: 620px;

}*/

.cooperationArea .cooperationText {

  font-size: 1.8rem;

  line-height: 2.277;

  /*text-align: center;*/

  padding-bottom: 60px;

    padding-left: 80px;

  font-weight: normal;

}

/*.cooperationArea .cooperationText p{

    font-weight: 500;

}*/

.cooperationArea .cooperationText p + p{

    margin-top: 40px;

}

.cooperationArea .upbringingLink{

    margin: 85px 0 0;

}



.upbringingLink {

  display: block;

  background-color: #067CF2;

  border-radius: 16px;

}

.upbringingLink:hover {

  opacity: .5;

}

.upbringingLink .linkWrap {

  display: flex;

}

.upbringingLink .head {

  border: 6px solid #067CF2;

  border-radius: 16px 0 0 16px;

  font-size: 2.6rem;

  color: #fff;

  font-weight: bold;

  width: 423px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 1em;

}

.upbringingLink .body {

  border: 6px solid #067CF2;

  border-radius: 0 16px 16px 0;

  background-color: #fff;

  width: calc(820px - 423px);

  font-size: 2rem;

  line-height: 1.25;

  color: #067CF2;

  position: relative;

}

.upbringingLink .body .inner {

  display: flex;

  align-items: center;

  padding: 20px 28px 20px 26px;

    width: 100%;

}

.upbringingLink .body .text {

  padding-right: 1em;

}

.upbringingLink .body::after {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 26px;

  content: "";

  display: block;

  width: 17px;

  height: 31px;

  background: url("../images/top/arrow02.png") no-repeat center center;

  background-size: 100%;

  margin: auto 0;

}



/*.designplanArea .sectionHead {

  background-color: #FFF100;

  padding: 26px;

  margin-bottom: 30px;

}

.designplanArea .sectionHead img {

  display: block;

  margin: 0 auto;

  width: 331px;

}*/



.designplanArea{

    margin-bottom: 80px;

}



.lectureBlock .heading {

  display: flex;

  justify-content: center;

  background-color: #1DB400;

  font-size: 2.3rem;

  font-weight: bold;

  line-height: 1.695;

  color: #fff;

  padding: .5em .5em .4em;

}

.lectureBlock .lecture {

  font-size: 1.5rem;

  line-height: 1.866;

  text-align: center;

  margin-bottom: 40px;

}

.lectureBlock .advise {

  border: 5px solid #1DB400;

  border-top: 0;

  padding: 30px 70px 30px 45px;

}

.lectureBlock .boxContainer {

  display: flex;

  justify-content: space-between;

}

.lectureBlock .boxContainer .box2 {

  margin: 0 0 0 1em;

  width: 337px;

  flex-shrink: 0;

}

.lectureBlock .boxContainer + .boxContainer {

  margin-top: 50px;

}



.exampleHead {

  display: flex;

  font-size: 1.7rem;

  font-weight: normal;

  line-height: 1.47;

  margin-bottom: .823em;

}

.exampleHead .example {

  margin-right: .5em;

  flex-shrink: 0;

}



.exampleList {

  font-size: 1.3rem;

  line-height: 1.923;

}

.exampleList > li {

  display: flex;

}

.exampleList > li::before {

  content: "●";

  margin-right: .5em;

}



.flowBlock {

  border: 2px solid #000;

  padding: 25px 37px 39px;

}

.flowBlock .blockHead {

  text-align: center;

  margin-bottom: 25px;

    font-size: 1.8rem;

}

.flowBlock .blockHead img {

  width: 111px;

  display: block;

  margin: 0 auto;

}



.stepFlow > *:not(:first-child)::before {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 27px 17px 0 17px;

  border-color: #000000 transparent transparent transparent;

  margin: 0 auto 12px;

}



.stepBlock {

  font-size: 1.6rem;

  line-height: 1.5;

}

.stepBlock .step {

  min-width: 72px;

  min-height: 65px;

  background-color: #000;

  padding: 14px;

  display: flex;

  justify-content: center;

  align-content: center;

  flex-direction: column;

}

.stepBlock .step span {

  display: block;

}

.stepBlock .step img {

  display: block;

  margin: 0 auto;

}

.stepBlock .step .text01 {

  margin-bottom: 9px;

}

.stepBlock .step .text01 img {

  width: 33px;

}

.stepBlock .step .text02 img {

  height: 17px;

}

.stepBlock .stepHead {

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #FFF100;

  padding: .8em 20px .6em;

  border: 2px solid #000;

  border-right: 0;

  /*margin-left: 7px;*/

  width: 150px;

  flex-shrink: 0;

}

.stepBlock .stepBody {

  display: flex;

  align-items: center;

  padding: .8em 10px .6em 20px;

  border: 2px solid #000;

  flex-grow: 1;

}

.stepBlock .blockWrap {

  display: flex;

}



.doubleCircleList {

  line-height: 1.5;

}

.doubleCircleList > li {

  display: flex;

}

.doubleCircleList > li::before {

  content: "◎";

}

.doubleCircleList > li:not(:first-child) {

  margin-top: .5em;

}



.costList {

  line-height: 1.5;

}

.costList > li {

  display: flex;

}

.costList > li::before {

  content: "・";

}

.costList > li:not(:first-child) {

  margin-top: .5em;

}

.costList .innerWrap {

  display: flex;

  flex-grow: 1;

}

.costList .innerWrap02 {

  display: flex;

  align-items: center;

  flex-grow: 1;

}

.costList .times {

  min-width: 5.2em;

  margin-right: 1em;

}

.costList .price {

  flex-shrink: 0;

}

.costList .bd {

  flex: 1;

  margin: 0 6px;

  border-bottom: 2px dotted #000;

  min-width: 1em;

}

.costList + .anno{

    font-size: 1.4rem;

    margin-top: 6px;

}



.costBlock {

  margin-top: 28px;

  border: 2px solid #000;

  padding: 12px 0 0;

}

.costBlock .blockHead {

  font-size: 1.8rem;

  border-bottom: 1px solid #000;

  padding-bottom: 10px;

    text-align: center;

}

/*.costBlock .blockHead img {

  width: 211px;

  display: block;

  margin: 0 auto;

}*/

.costBlock .explanation {

  padding: 14px 15px 13px;

  font-size: 1rem;

  line-height: 1.5;

}



.courseBlock .courseHead {

  font-size: 1.6rem;

  font-weight: normal;

  line-height: 1.4375;

  padding: 14px 15px 13px;

  border-bottom: 1px solid #000;

}

.courseBlock .courseHead .tax {

  font-size: 1.2rem;

}

.courseBlock .courseBody {

  border-bottom: 1px solid #000;

  font-size: 1.4rem;

  line-height: 1.5;

  display: flex;

}

.courseBlock .courseBody > * {

  padding: 20px 24px;

}

.courseBlock .courseBody.bdrBnone {

    border-bottom: none;

  }

.courseBlock .offer {

  line-height: 1.5;

  border-right: 1px solid #000;

}

.courseBlock .costList {

  margin-top: 25px;

  min-width: 460px;

}



.secretBlock {

  border: 2px solid #000;

  padding: 12px 25px;

  margin-top: 25px;

}

.secretBlock .blockHead {

  margin-bottom: 2px;

    text-align: center;

    font-weight: normal;

    font-size: 1.8rem;
}

.secretBlock .blockHead img {

  display: block;

  margin: 0 auto;

  width: 148px;

}

.secretBlock .textBlock {

  font-size: 1.2rem;

  line-height: 1.8;

}



.topLinks .upbringingLink {

  margin-bottom: 70px;

}



.topLinks02 {

  margin-top: 60px;

}

.topLinks02 .upbringingLink {

  margin-bottom: 47px;

}



@media only screen and (max-width: 767px) {

  .top main {

    /*padding-bottom: 50px;*/

      padding-bottom: 100px;

  }



  .mainHead {

    margin-bottom: 20px;

      margin-top: 20vw;

  }

    .mainHead .mainTxt {

        width: auto;

    }

    .mainHead .subTxt {

        font-size: 1.4rem;

        margin-bottom: 8px;

    }

    .mainHead span{

        padding: 0 calc(60 / 750 * 100vw);

    }

/*  .mainHead .text01 {

    padding: calc(28 / 750 * 100vw) calc(28 / 750 * 100vw) calc(26 / 750 * 100vw);

  }

  .mainHead .text01 img {

    width: calc(350 / 750 * 100vw);

  }

  .mainHead .text02 {

    padding: calc(38 / 750 * 100vw);

  }

  .mainHead .text02 img {

    width: calc(526 / 750 * 100vw);

  }*/



  .introText {

    margin: 0 0 43px;

    padding: 0 0 0 calc(40 / 750 * 100vw);

  }

  .introText img {

    width: calc(592 / 750 * 100vw);

  }



    .bubbleBlock .textWrap{

        width: 100%;

    }

  .bubbleText {

    font-size: 1.6rem;

    border-radius: 12px;

    padding: 1.8em calc(54 / 750 * 100vw);

    min-width: calc(538 / 750 * 100vw);

      border: 2px solid #000;

  }

    .bubbleText:nth-child(2n){

        margin-left: 0;

    }

    .bubbleBlock .blockBody .bubbleText::after {

      bottom: -13px;

      width: 19px;

      height: 19px;

    }





  .bubbleBlock {

    margin: 0;

  }

  .bubbleBlock .blockHead {

    font-size: 1.5rem;

    margin-bottom: 38px;

  }

  .bubbleBlock .blockBody {

    display: block;

  }

  .bubbleBlock .blockBody .bubbleText + .bubbleText {

    margin-top: 18px;

  }

  .bubbleBlock .blockBody .illustWrap {

    margin: 30px 20px 20px;

    flex-direction: row;

  }

  .bubbleBlock .blockBody .illust01 {

    width: calc(150 / 560 * 100%);

    margin: 0;

  }

  .bubbleBlock .blockBody .illust02 {

    width: calc(160 / 560 * 100%);

    margin: 0;

  }

  .bubbleBlock .blockBody .illust03 {

    width: calc(160 / 560 * 100%);

    margin: 0;

  }

  .bubbleBlock .blockBody .illust04 {

    width: calc(160 / 560 * 100%);

    margin: 0;

  }

  .bubbleBlock.block01 .bubbleText:last-child {

    margin-bottom: 0;

  }

  .bubbleBlock.block02 {

    margin-top: 30px;

    padding-bottom: 12px;

  }



  .arrowD {

    padding: 20px 0;

  }

  .arrowD img {

    width: 45px;

  }

  .arrowD .pcImg {

    display: none;

  }

  .arrowD .spImg {

    display: block;

  }

    

    .sectionHead{

        font-size: 1.8rem;

        padding: 30px calc(40 / 750 * 100vw);

        margin-bottom: 30px;

        line-height: 1.882354;

        letter-spacing: normal;

    }

    /*.sectionHead .h_inner{

        width: 100%;

    }*/

    .sectionHead.fuki{

        padding: 38px 10px;

        margin-bottom: 34px;

        font-size: 1.8rem;

    }

    .sectionHead.fuki::after{

        margin-left: -20px;

        border: 15px solid transparent;

        border-top: 20px solid #FFF100;

    }



/*  .cooperationArea .sectionHead {

    border-radius: 10px;

    padding: calc(76 / 750 * 100vw) 0 calc(74 / 750 * 100vw);

    margin-bottom: 20px;

  }

  .cooperationArea .sectionHead img {

    margin: 0 auto;

    width: calc(486 / 750 * 100vw);

  }*/

    /*.cooperationArea .sectionHead .h_inner{

        width: 100%;

    }*/

  .cooperationArea .cooperationText {

    font-size: 1.6rem;

    line-height: 1.85714286;

    text-align: left;

    padding-bottom: 50px;

      padding-left: 0;

  }

    .cooperationArea .cooperationText p{

        font-weight: normal;

    }

    .cooperationArea .cooperationText p + p{

        margin-top: 20px;

    }

  .cooperationArea .cooperationText br {

    display: none;

  }



  .upbringingLink {

    border-radius: 16px;

  }

  .upbringingLink:hover {

    opacity: 1;

  }

  .upbringingLink .linkWrap {

    display: block;

  }

  .upbringingLink .head {

    border-radius: 8px 8px 0 0;

    font-size: 2rem;

    width: auto;

    padding: .7em .5em .4em;

  }

  .upbringingLink .body {

    border-radius: 10px;

    width: auto;

    font-size: 1.6rem;

  }

  .upbringingLink .body .inner {

    padding: 1em 28px .8em 26px;

  }

  .upbringingLink .body .text {

    padding-right: 1em;

    display: table;

    margin: 0 auto;

  }

  .upbringingLink .body::after {

    right: calc(29 / 750 * 100vw);

    width: 8px;

    height: 15px;

  }



 /* .designplanArea .sectionHead {

    padding: calc(25 / 750 * 100vw);

    margin-bottom: 20px;

    border-radius: 8px;

  }

  .designplanArea .sectionHead img {

    width: calc(475 / 750 * 100vw);

  }*/

    

    .designplanArea{

        margin-bottom: 35px;

    }





  .lectureBlock .heading {

    font-size: 1.5rem;

    padding: .5em .5em .4em;

  }

  .lectureBlock .lecture {

    text-align: left;

    margin-bottom: 0;

  }

  .lectureBlock .advise {

    padding: 15px calc(17 / 750 * 100vw) 20px;

  }

  .lectureBlock .advise .arrowD {

    padding: 30px 0;

  }

  .lectureBlock .advise .arrowD img {

    display: block;

    width: 32px;

  }

  .lectureBlock .boxContainer {

    display: block;

  }

  .lectureBlock .boxContainer .box2 {

    margin: 1em 0 0 0;

    width: auto;

  }

  .lectureBlock .boxContainer .box2 img {

    display: block;

    margin: 0 auto;

  }

  .lectureBlock .boxContainer + .boxContainer {

    margin-top: 30px;

  }



  .exampleHead {

    font-size: 1.5rem;

  }



  .exampleList {

    font-size: 1.3rem;

  }



  .flowBlock {

    border-width: 1px;

    padding: 13px calc(20 / 750 * 100vw) 19px;

  }

  .flowBlock .blockHead {

    text-align: center;

    margin-bottom: 13px;

      font-size: 1.6rem;

  }

  .flowBlock .blockHead img {

    width: calc(186 / 750 * 100vw);

  }



  .stepFlow > *:not(:first-child)::before {

    border-width: 16px 11px 0 11px;

    margin: 0 auto 10px;

  }



  .stepBlock {

    font-size: 1.4rem;

  }

  .stepBlock .step {

    min-width: 40px;

    min-height: 0%;

    padding: 4px 15px;

  }

  .stepBlock .step .text01 {

    display: none;

  }

  .stepBlock .step .text02 img {

    height: 14px;

  }

  .stepBlock .stepHead {

    /*justify-content: flex-start;*/

    padding: 0.6em 1em .4em;

    border: 1px solid #000;

    border-bottom: 0;

    margin-left: 0;

    width: auto;

    flex: 1;

      padding-right: 3.5em;

  }

  .stepBlock .stepBody {

    padding: 1em calc(20 / 750 * 100vw) 0.9em;

    width: 100%;

    border-width: 1px;

      font-size: 1.4rem;

  }

  .stepBlock .blockWrap {

    flex-wrap: wrap;

  }



  .doubleCircleList {

    font-size: 1.4rem;

  }



  .costList {

    font-size: 1.2rem;

  }

  .costList > li:not(:first-child) {

    margin-top: .5em;

  }

  .costList .innerWrap {

    flex-wrap: wrap;

  }

    .costList + .anno{

        font-size: 1.1rem;

    }



  .costBlock {

    margin-top: 0;

    border-width: 1px;

    padding: 16px 0 0;

  }

  .costBlock .blockHead {

    padding-bottom: 16px;
    font-size: 1.6rem;

  }

  .costBlock .blockHead img {

    width: calc(370 / 750 * 100vw);

  }

  .costBlock .explanation {

    padding: 14px 15px 13px;

    font-size: 1rem;

    line-height: 1.5;

  }



  .courseBlock .courseHead {

    font-size: 1.4rem;

    padding: 14px calc(20 / 750 *100vw) 13px;

      text-align: center;

  }

  .courseBlock .courseHead .tax {

    font-size: 1rem;

  }

  

  .courseBlock .courseBody > * {

    padding: 20px calc(20 / 750 *100vw);

  }

  .courseBlock .offer {

    display: none;

  }

  .courseBlock .courseDetail {

    width: 100%;

  }

  .courseBlock .costList {

    margin-top: 15px;

    min-width: 0%;

  }



  .secretBlock {

    border-width: 1px;

    padding: 10px calc(15 / 750 *100vw);

    margin-top: 20px;

  }

  .secretBlock .blockHead {

    margin-bottom: 4px;
    font-size: 1.6rem;

  }

  .secretBlock .blockHead img {

    width: calc(190 / 750 * 100vw);

  }

  .secretBlock .textBlock {

    font-size: 1rem;

  }

  .secretBlock .textBlock .spCenter {

    display: block;

    text-align: center;

  }



  .topLinks .upbringingLink {

    margin-bottom: 35px;

      margin-top: 27px;

  }



  .topLinks02 {

    margin-top: 35px;

  }

  .topLinks02 .upbringingLink {

    margin-bottom: 30px;

  }

}





.container{

    width: 100%;

}

.container .inner{

    width: 780px;

    margin: auto;

}

.pcBlock{

    display: block;

}

.spBlock{

    display: none;

}

.bdrTitle{

    font-size: 2.3rem;

    text-align: center;

    border: 4px solid #000;

    padding: 14px 10px 10px;

    font-weight: 400;

    margin-bottom: 70px;

}

.bdrTitle:nth-of-type(2){

    margin-top: 80px;

}

.planItem{

    display: flex;

    justify-content: space-between;

}

.planItem.reverse{

    flex-direction: row-reverse;

}

.planItem + .planItem{

    margin-top: 70px;

}

.planItem dl{

    min-width: 446px;

    margin-top: -17px;

}

.planItem dl.type02{

    margin-top: 0;

}

.planItem dl dt{

    font-size: 2.3rem;

    font-weight: bold;

    background:linear-gradient(transparent 60%, #FDF100 60%);

    margin-bottom: 20px;

    padding-bottom: 4px;

}

.planItem dl dd{

    font-size: 1.6rem;

    line-height: 2.21;

    margin:0;

}

.planItem .img{

    flex-shrink: 0;

}

.planItem.item01 dl{width: 510px;}

.planItem.item02 dl{width: 476px;}

.planItem.item03 dl{width: 484px;}

.planItem.item04 dl{width: 446px;}



.planItem.item05 dl{width: 456px;}

.planItem.item06 dl{width: 465px;}

.planItem.item07 dl{width: 490px;}



.courseAnno{

    font-size: 1.4rem;

    margin-top: 10px;

    text-indent: -1em;

    padding-left: 1em;

}



@media only screen and (max-width: 767px) {

    .container{

        padding: 0;

    }

    .container .inner{

        padding: 0 calc(40 / 750 * 100vw);

        width: 100%;

    }

    .pcBlock{

        display: none;

    }

    .spBlock{

        display: block;

    }

    .bdrTitle{

        font-size: 1.6rem;

        border: 2px solid #000;

        padding: 14px 10px 10px;

        margin-bottom: 30px;

    }

    .bdrTitle:nth-of-type(2){

        margin-top: 40px;

    }

    .planItem{

        display: block;

    }

    .planItem + .planItem{

        margin-top: 35px;

    }

    .planItem dl{

        min-width: 100%;

        margin-top: 0;

    }

    .planItem dl dt{

        font-size: 1.6rem;

        background: none;

        margin-bottom: 15px;

        padding-bottom: 8px;

        border-bottom: 6px solid #FDF100;

    }

    .planItem dl dd{

        line-height: 1.85714286;

    }

    .planItem .img{

        margin-top: 40px;

    }

    .planItem.item01 dl{width: 100%;}

    .planItem.item02 dl{width: 100%;}

    .planItem.item03 dl{width: 100%;}

    .planItem.item04 dl{width: 100%;}

    .planItem.item05 dl{width: 100%;}

    .planItem.item06 dl{width: 100%;}

    .planItem.item07 dl{width: 100%;}

}



/*---- ポップアップ -----*/

.show {

  display: none;

}



#modal {

  display: none;

}



.modaal-content-container {

  padding: 50px 60px;

}



.modaal-close {

  width: 55px;

  height: 55px;

}



.modaal-close::before,

.modaal-close::after {

  left: 26px;

  height: 30px;

}



.modaal-close:hover:before,

.modaal-close:hover::after {

  background-color: #000;

}



.modalInner {

  word-break: break-all;

}



.modalInner .mail {

  text-decoration: underline;

  color: #067CF2;

}



.modalInner .mail:hover {

  opacity: .7;

}



.modalInner .layerTitle {

  margin-bottom: 25px;

  font-size: 1.9rem;

  line-height: 1.6;

  font-weight: bold;

  text-align: center;

}



.modalInner .text {

  margin-top: 20px;

  font-size: 1.6rem;

  font-weight: 400;

  line-height: 1.6;

  text-align: left;

}



.modalInner .text.mt {

  margin-top: 25px;

}



.modalInner .urlDetailWrap {

  margin-top: 20px;

  font-size: 1.6rem;

  line-height: 1.6;

}



.modalInner .urlDetailWrap .urlDetail {

  margin: 5px 0 0 20px;

  font-size: 1.6rem;

  line-height: 1;

}



.modalInner .urlDetailWrap .urlDetail li+li {

  margin-top: 30px;

}



.modalInner .urlDetailWrap .urlDetail .arrow {

  position: relative;

}



.modalInner .urlDetailWrap .urlDetail .arrow::after {

  content: "↓";

  position: absolute;

  left: 25%;

  bottom: -1.65em;

}



@media screen and (max-height: 1000px) {

  .modaal-inner-wrapper {

    padding-top: 80px;

  }

}



@media only screen and (max-width: 767px) {



  .modaal-inner-wrapper {

    padding-top: 0;

  }



  .modaal-close {

    top: 10px;

    right: 0;

    position: absolute;

  }



  .modaal-container {

    background:transparent;

    box-shadow: none;

  }



  .modaal-content {

    background:transparent;

    padding: 70px 0;

  }



  .modaal-content-container {

    padding: 0;

  }



  .modalInner {

    padding: calc(90 / 750 * 100vw) calc(60 / 750 * 100vw);

    background-color: #fff;

    box-shadow: 0 4px 15px rgb(0 0 0 / 20%);

  }



  .modalInner .layerTitle {

    margin-bottom: calc(30 / 750 * 100vw);

    font-size: calc(34 / 750 * 100vw);

  }



  .modalInner .text {

    margin-top: calc(30 / 750 * 100vw);

    font-size: calc(28 / 750 * 100vw);

  }

  

  .modalInner .text.mt {

    margin-top: calc(30 / 750 * 100vw);

  }

  

  .modalInner .urlDetailWrap {

    margin-top: calc(30 / 750 * 100vw);

    font-size: calc(28 / 750 * 100vw);

  }

  

  .modalInner .urlDetailWrap .urlDetail {

    margin: calc(10 / 750 * 100vw) 0 0 0;

    font-size: calc(28 / 750 * 100vw);

    line-height: 1.6;

  }

  

  .modalInner .urlDetailWrap .urlDetail li+li {

    margin-top: calc(35 / 750 * 100vw);

  }



  .modalInner .urlDetailWrap .urlDetail .arrow::after {

    left: 45%;

    bottom: -1.1em;

  }



}