@charset "UTF-8";

@font-face {
  font-family: "NotoSansJP-Black";
  src: url("../fonts/NotoSansJP-Black.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansJP-Bold";
  src: url("../fonts/NotoSansJP-Bold.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-Black";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-Black.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-Bold";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-Bold.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-Medium";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-Medium.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-SemiBold";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-SemiBold.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-Regular";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-Regular.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "OleoScript-Regular";
  src: url("../fonts/noto-serif-jp/OleoScript-Regular.ttf") format("ttf");
  font-weight: normal;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

body {
  background-image: url(../img/sakura-pic.jpeg);
  background-size: cover;
}

h2,h3,h4 {
  font-weight: normal;
}

/*header*/

.header {
  display: flex;
  justify-content :space-between;
  padding: calc( 16/ 1366 * 100vw) calc( 23/ 1366 * 100vw);
  background-color: #fff;
  align-items: center;
}

.header img {
  width: calc( 356/ 1366 * 100vw);
  height: calc( 40/ 1366 * 100vw);
}

.header_button {
  font-family: NotoSansJP-Bold;
  font-size: calc( 16/ 1366 * 100vw);
  line-height: calc( 16/ 1366 * 100vw);
  width: calc( 244/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
  background-color: #EA7C98;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc( 30/ 1366 * 100vw);
}

.header_button:hover {
  opacity: .5;
}
/*header*/

/*hero*/
.swiper {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 911/ 1366 * 100vw);
  transition-timing-function: linear;
  position: relative;
}

.swiper img {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 911/ 1366 * 100vw);
}

.swiper_container h2 {
  font-family: NotoSerifJP-Regular;
  font-size: calc( 36/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  height: calc( 228/ 1366 * 100vw);
  background-color: rgba(255, 255, 255, 0.3);
  padding-top: calc( 32.3/ 1366 * 100vw);
  padding-left: calc( 59.5/ 1366 * 100vw);
  
}

.swiper_container {
  position: absolute;
  bottom: calc( -86/ 1366 * 100vw);;
  left: 0;
  right: 0;
  z-index: 10;
}

.no_pc {
  display:none;
}
/*hero*/

/*attract*/
.attract {
  width: calc( 1080/ 1366 * 100vw);
  background-color: #fff;
  margin: 0 auto;
  
}

.attract_container {
  width: calc( 479/ 1366 * 100vw);
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.circle_container {
  display: flex;
  align-items:center;
  gap: calc( 71.1/ 1366 * 100vw);
  padding: calc( 75.5/ 1366 * 100vw) 0;
  justify-content: center;
}



.circle_left {
  border-radius: 50%;
  color: #E83B89;
  padding:calc( 50/ 1366 * 100vw);
  border: 2px solid #E83B89;
  text-align: center;
}

.circle_left p {
  font-family: NotoSerifJP-Bold;
  font-size: calc( 20/ 1366 * 100vw);
  line-height: calc( 20/ 1366 * 100vw);
}

.circle_left p+p {
  font-family: NotoSerifJP-Regular;
  font-size: calc( 47/ 1366 * 100vw);
  line-height: calc( 47/ 1366 * 100vw);
  padding-top: calc( 7/ 1366 * 100vw);
}

.semi_satisty {
  font-family: NotoSansJP-Regular;
  font-size: calc( 24/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  width: calc( 168/ 1366 * 100vw);
  text-align: center;
  padding-top: calc( 7.5/ 1366 * 100vw);
}

.border1 {
  border: 1px solid #707070;
  height: calc( 237/ 1366 * 100vw);
  width: calc( 1/ 1366 * 100vw);
}

.circle_right {
  border-radius: 50%;
  color: #E83B89;
  padding:calc( 50/ 1366 * 100vw);
  border: 2px solid #E83B89;
  text-align: center;
}

.circle_right p {
  font-family: NotoSerifJP-Bold;
  font-size: calc( 20/ 1366 * 100vw);
  line-height: calc( 20/ 1366 * 100vw);
}

.circle_right p+p {
  font-family: NotoSerifJP-Regular;
  font-size: calc( 47/ 1366 * 100vw);
  line-height: calc( 47/ 1366 * 100vw);
  padding-top: calc( 7/ 1366 * 100vw);
}

.semi_satisty {
  font-family: NotoSansJP-Regular;
  font-size: calc( 24/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  width: calc( 168/ 1366 * 100vw);
  text-align: center;
}





/*attract*/

/*apply*/
.apply {
  width: calc( 1080/ 1366 * 100vw);
  height: calc( 445/ 1366 * 100vw);
  background-color: #FFF0FD;
  margin: 0 auto; 
}

.apply_heading {
  padding-top: calc( 58.7/ 1366 * 100vw);
}

.apply h3 {
  font-family: NotoSerifJP-Bold;
  font-size: calc( 35/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  color: #E83B89;
  text-align: center;
  
}

.apply small {
  font-family: NotoSerifJP-Bold;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  color: #E83B89;
}

.apply_button {
  font-family: NotoSansJP-Bold;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 28/ 1366 * 100vw);
  width: calc( 410/ 1366 * 100vw);
  height: calc( 78/ 1366 * 100vw);
  background-color: #EA7C98;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc( 30/ 1366 * 100vw);
  margin: calc( 45.5/ 1366 * 100vw) calc( 335/ 1366 * 100vw);
}

.apply p {
  font-family: NotoSansJP-Regular;
  font-size: calc( 24/ 1366 * 100vw);
  line-height: calc( 36/ 1366 * 100vw);
  text-align: center;
}

/*apply*/

/*money*/
.money {
  background-image: url("../img/thinking_woman_pc.png");
  background-size: cover;
  width: calc( 1080/ 1366 * 100vw);
  height: calc( 720/ 1366 * 100vw);
  margin: 0 auto;
  position: relative;
}

.money_heading {
  padding-top:  calc( 69.7/ 1366 * 100vw);
  padding-left: calc( 626.1/ 1366 * 100vw);
  text-shadow: 3px 0 #fff;
  
}

.money h3 {
  font-family: NotoSerifJP-Black;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  color: #E83B89;
  text-align: center;
}

.money h3 big {
  font-family: NotoSerifJP-Black;
  font-size: calc( 35/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  color: #E83B89;
}

.money_container {
    width: calc( 402/ 1366 * 100vw);
    margin-top: calc( 51/ 1366 * 100vw);
    margin-left: calc( 649/ 1366 * 100vw);
}

.money_container li {
  background-color: #fff;
  font-family: NotoSerifJP-Medium;
  font-size: calc( 25/ 1366 * 100vw);
  line-height: calc( 25/ 1366 * 100vw);
  text-align: center;
  margin-bottom: calc( 33/ 1366 * 100vw);
  
}

/*money*/

/*recommend*/
.recommend {
  width: calc( 1080/ 1366 * 100vw);
  background-color: #fff;
  padding-top: calc( 99/ 1366 * 100vw);
  padding-bottom: calc( 50/ 1366 * 100vw);
  margin: 0 auto;
  position: relative;
}

.recommend h2 {
  font-family: NotoSerifJP-Black;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 70/ 1366 * 100vw);
  color: #E83B89;
  text-align: center
}

.recommend h2 big{
  font-family: NotoSerifJP-Black;
  font-size: calc( 35/ 1366 * 100vw);
  line-height: calc( 70/ 1366 * 100vw);
  color: #E83B89;
}


/*recommend*/

/*study*/
.study {
  background-image: url("../img/seminar_bg1080.png");
  background-size: cover;
  width: calc( 1080/ 1366 * 100vw);
  margin: 0 auto;
}

.study h2 {
  font-family: NotoSansJP-Regular;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 28/ 1366 * 100vw);
  text-align: center;
  letter-spacing: 0.02em;
  padding-top: calc( 158/ 1366 * 100vw);
    padding-bottom: calc( 30/ 1366 * 100vw);
}

.study h3 {
  font-family: NotoSerifJP-Bold;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 65/ 1366 * 100vw);
  letter-spacing: 0.02em;
  text-align: center;
  padding-bottom: calc( 193/ 1366 * 100vw);
}

.study h3 big {
  font-family: NotoSerifJP-Bold;
  font-size: calc( 40/ 1366 * 100vw);
  line-height: calc( 65/ 1366 * 100vw);
  letter-spacing: 0.02em;
}
/*study*/

/*solve*/
.solve {
  width: calc( 1080/ 1366 * 100vw);
  margin: 0 auto;
  background-color: #fff;
}

.solve_heading {
  padding-top: calc( 103.4/ 1366 * 100vw);
  padding-bottom: calc( 79.7/ 1366 * 100vw);
}


.solve h3 {
  font-family: NotoSerifJP-Black;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  color: #E83B89;
  text-align: center;
}

.solve h3 b {
  font-family: NotoSerifJP-Black;
  font-size: calc( 40/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  color: #E83B89;
}

.solve_container {
  margin-bottom: calc( 68.9/ 1366 * 100vw);
}

.solution1 {
  display: flex;
  justify-content: space-between;
  width: calc( 963.87/ 1366 * 100vw);
  margin: 0 auto;
  align-items:center;
}

.solve img {
  width: calc( 423/ 1366 * 100vw);
  height: calc( 317/ 1366 * 100vw);
  opacity: 0;
}

.num {
  font-family: OleoScript-Regular;
  font-size: calc( 100/ 1366 * 100vw);
  line-height: calc( 100/ 1366 * 100vw);
  color: #BFEEF4;
  margin-bottom: calc( -22/ 1366 * 100vw);
}

.solution1 h4 {
  font-family: NotoSansJP-Bold;
  font-size: calc( 24/ 1366 * 100vw);
  line-height: calc( 25/ 1366 * 100vw);
  margin-bottom: calc( 25.9/ 1366 * 100vw);
}

.solution1 p {
  font-family: NotoSansJP-Medium;
  width: calc( 496/ 1366 * 100vw);
  font-size: calc( 16/ 1366 * 100vw);
  line-height: calc( 24/ 1366 * 100vw);
}

.reverse {
  flex-direction: row-reverse;
}

.no_worry {
  font-family: NotoSerifJP-Black;
  font-size: calc( 34.95/ 1366 * 100vw);
  line-height: calc( 69.9/ 1366 * 100vw);
  color: #E83B89;
  text-align: center;
  padding-bottom: calc( 90.1/ 1366 * 100vw);
}

/*solve*/

/*three_parts*/
.three_parts {
  width: calc( 1080/ 1366 * 100vw);
  margin: 0 auto;
  background-color: #fff;
}

.three_parts h3 {
  font-family: NotoSerifJP-Bold;
  font-size: calc( 28/ 1366 * 100vw);
  line-height: calc( 56/ 1366 * 100vw);
  text-align: center;
  padding-top: calc( 91.3/ 1366 * 100vw);
  padding-bottom: calc( 64.2/ 1366 * 100vw);
}

.qa_container {
  padding-bottom: calc( 48.6/ 1366 * 100vw);
  width: calc( 939/ 1366 * 100vw);
  margin: 0 auto;
}

.qa_container h4 {
  font-family: NotoSansJP-Medium;
  font-size: calc( 23/ 1366 * 100vw);
  line-height: calc( 23/ 1366 * 100vw);
  color: #E83B89;
  border-bottom: 2px solid #E83B89;
  position: relative;
  padding-bottom: calc( 10/ 1366 * 100vw);
  transition: opacity .5s;
  cursor: pointer;
}

.qa_container h4:hover {
  opacity: 0.5;
}

.qa_container h4::after {
  content: "ー";
  width: calc( 36/ 1366 * 100vw);
  height: calc( 36/ 1366 * 100vw);
  position: absolute;
  top: calc( -7/ 1366 * 100vw);
  right: calc( 28/ 1366 * 100vw);
  background-color: #E83B89;
  color: #fff;
  display: flex;
    align-items: center;
    justify-content: center;
}

.qa_container h4.open::after {
  content: "＋";
  color: #fff;
}

.qa_container li {
  font-family: NotoSansJP-Medium;
  font-size: calc( 18/ 1366 * 100vw);
  line-height: calc( 23/ 1366 * 100vw);
  margin-top: calc( 15/ 1366 * 100vw);
  margin-left: calc( 75/ 1366 * 100vw);
  margin-bottom: calc( 15/ 1366 * 100vw);
}

.none {
  display: none;
}
/*three_parts*/

/*merit*/
.merit {
  width: calc( 1080/ 1366 * 100vw);
  margin: 0 auto;
  background-image: url("../img/merit_bg_pc.png");
  background-size: cover;
  padding-bottom: calc( 100/ 1366 * 100vw);
}

.merit_heading {
  padding-top: calc( 100.5/ 1366 * 100vw);
}

.merit h3 {
  font-family: NotoSansJP-Medium;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  text-align: center;
  position: relative;
}

.merit h3::before {
  content:"";
  position: absolute;
  top: calc( 50/ 1366 * 100vw);
  left: calc( 367/ 1366 * 100vw);
  background: url("../img/flower_midashi_pc (1).png");
  width: calc( 45/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
}

.merit h3::after {
  content:"";
  position: absolute;
  top: calc( 50/ 1366 * 100vw);
  left: calc( 661/ 1366 * 100vw);
  background: url("../img/flower_midashi_pc (1).png");
  width: calc( 45/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
}

.merit_container {
  width: calc( 870/ 1366 * 100vw);
  margin: 0 auto;
  padding-top: calc( 57/ 1366 * 100vw);
}

.merit h4 {
  font-family: NotoSansJP-Medium;
  font-size: calc( 23/ 1366 * 100vw);
  line-height: calc( 23/ 1366 * 100vw);
  color: #E83B89;
  padding-bottom: calc( 23/ 1366 * 100vw);
}

.merit p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 18/ 1366 * 100vw);
  line-height: calc( 18/ 1366 * 100vw);
}


/*merit*/

/*voive*/
.voice {
  width: calc( 1080/ 1366 * 100vw);
  margin: 0 auto;
background: linear-gradient(transparent 90%, #f0f9fd 90%), linear-gradient(90deg, transparent 90%, #f0f9fd 90%);
    background-color: #fff;
    background-size: 1rem 1rem;
  padding-bottom: calc( 80/ 1366 * 100vw);
}

.voice img {
  width: calc( 60/ 1366 * 100vw);
  height: calc( 72/ 1366 * 100vw);
}

.voice_container {
  width: calc( 969/ 1366 * 100vw);
  margin: 0 auto;
  border-bottom: 1px solid #707070;
  display: flex;
  align-items: center;
  margin-bottom: calc( 40/ 1366 * 100vw);
}

.voice_heading {
  padding-top: calc( 103/ 1366 * 100vw);
  padding-bottom: calc( 103/ 1366 * 100vw);
}

.voice_heading h3 {
  font-family: NotoSansJP-Medium;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  text-align: center;
  position: relative;
}

.voice_heading h3:before {
  content:"";
  position: absolute;
  top: calc( 0/ 1366 * 100vw);
  left: calc( 367/ 1366 * 100vw);
  background: url("../img/flower_midashi_pc (1).png");
  width: calc( 45/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
}

.voice_heading h3:after {
  content:"";
  position: absolute;
  top: calc( 0/ 1366 * 100vw);
  left: calc( 650/ 1366 * 100vw);
  background: url("../img/flower_midashi_pc (1).png");
  width: calc( 45/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
}

.content_container {
  display: flex;
  align-items: center;
}

.old_name {
  margin: 0 calc( 51/ 1366 * 100vw);
  color: #E28FC7;
  font-family: NotoSansJP-Medium;
  font-size: calc( 18/ 1366 * 100vw);
  line-height: calc( 30/ 1366 * 100vw);
  width: calc( 54/ 1366 * 100vw);
  margin: 0 50px;
}

.voice_p1 {
  font-family: NotoSansJP-Medium;
  font-size: calc( 18/ 1366 * 100vw);
  line-height: calc( 30/ 1366 * 100vw);
}

.b_san {
  width: calc( 55/ 1366 * 100vw);
}

.i_san {
  width: calc( 55/ 1366 * 100vw);
}

.old_name:nth-child(5) {
  margin-left: calc( 15/ 1366 * 100vw);
}

.old_name_e {
  padding-left: calc( 15/ 1366 * 100vw);
  margin: 0 calc( 51/ 1366 * 100vw);
  color: #E28FC7;
  font-family: NotoSansJP-Medium;
  font-size: calc( 18/ 1366 * 100vw);
  line-height: calc( 30/ 1366 * 100vw);
  width: calc( 86/ 1366 * 100vw);
}
/*voice*/

/*teacher*/
.teacher {
   width: calc( 1080/ 1366 * 100vw);
   height: calc( 1240/ 1366 * 100vw);
  margin: 0 auto;
  background: linear-gradient(-45deg, #FCEBF0, #FCEBF0 18.2%, #FFFCF7, #FEF6E5, #FCECF0, #FCEBF0);
}

.teacher_heading {
  padding: calc( 103/ 1366 * 100vw) 0;
  text-align: center;
}

.teacher h3 {
  font-family: NotoSansJP-Medium;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  position: relative;
}

.teacher_heading h3:before {
  content:"";
  position: absolute;
  top: calc( 0/ 1366 * 100vw);
  left: calc( 367/ 1366 * 100vw);
  background: url("../img/flower_midashi_pc (1).png");
  width: calc( 45/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
}

.teacher_heading h3:after {
  content:"";
  position: absolute;
  top: calc( 0/ 1366 * 100vw);
  left: calc( 650/ 1366 * 100vw);
  background: url("../img/flower_midashi_pc (1).png");
  width: calc( 45/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
}

.teacher p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 23/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  width: calc( 680/ 1366 * 100vw);
  margin: 0 auto;
}

.teacher p.know {
  font-family: NotoSansJP-Medium;
  font-size: calc( 18/ 1366 * 100vw);
  line-height: calc( 30/ 1366 * 100vw);
  width: calc( 680/ 1366 * 100vw);
    text-align: left;
  margin-bottom: calc( 80.5/ 1366 * 100vw);
}

.name {
  font-family: NotoSansJP-Medium;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 30/ 1366 * 100vw);
  margin-bottom: calc( 80.5/ 1366 * 100vw);
}

.name small {
  font-family: NotoSansJP-Medium;
  font-size: calc( 25/ 1366 * 100vw);
  line-height: calc( 30/ 1366 * 100vw);
}

.teacher img {
  width: calc( 316.98/ 1366 * 100vw);
  height: calc( 475.47/ 1366 * 100vw);
  display: block;
  margin: 0 auto;
  margin-top: calc( 63.5/ 1366 * 100vw) ;
  margin-bottom: calc( 63.5/ 1366 * 100vw) ;
}
/*teacher*/

/*date_access*/
.date_access {
  width: calc( 1080/ 1366 * 100vw);
  padding-top: calc( 103/ 1366 * 100vw);
  padding-bottom: calc( 103/ 1366 * 100vw);
  background-color: #fff;
  margin: 0 auto;
  
}

.date_access h2 {
  font-family: NotoSansJP-Medium;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  text-align: center;
  position: relative;
  padding-bottom: calc( 57/ 1366 * 100vw);
}

.date_access h2::before {
  content:"";
  position: absolute;
  top: calc( 0/ 1366 * 100vw);
  left: calc( 322/ 1366 * 100vw);
  background: url("../img/flower_midashi_pc (1).png");
  width: calc( 45/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
  
}

.date_access h2::after {
  content:"";
  position: absolute;
  top: calc( 0/ 1366 * 100vw);
  left: calc( 715/ 1366 * 100vw);
  background: url("../img/flower_midashi_pc (1).png");
  width: calc( 45/ 1366 * 100vw);
  height: calc( 58/ 1366 * 100vw);
}

.date_access h3 {
  font-family: NotoSansJP-Medium;
  font-size: calc( 30/ 1366 * 100vw);
  line-height: calc( 54/ 1366 * 100vw);
  text-align: center;
  padding-bottom: calc( 57/ 1366 * 100vw);
}

.date {
  font-family: NotoSansJP-Regular;
  font-size: calc( 23/ 1366 * 100vw);
  line-height: calc( 40/ 1366 * 100vw);
  text-align: center;
  padding-bottom: calc( 52/ 1366 * 100vw);
}

.date li:nth-child(1) {
  padding-left: calc( 12/ 1366 * 100vw);
}

.date_access p {
  font-family: NotoSansJP-Regular;
  font-size: calc( 18/ 1366 * 100vw);
  line-height: calc( 30/ 1366 * 100vw);
  text-align: center;
  padding-bottom: calc( 52/ 1366 * 100vw);
}

#google-map {
  width: calc( 900/ 1366 * 100vw);
  height: calc( 600/ 1366 * 100vw);
  margin: 0 auto;
}
/*date_access*/

/*footer*/
.footer {
  background-color: #fff;
  width: calc( 1080/ 1366 * 100vw);
  margin: 0 auto;
  padding-top: calc( 112/ 1366 * 100vw);
  padding-bottom: calc( 135/ 1366 * 100vw);
  text-align: center;
}

.footer img {
  width: calc( 356/ 1366 * 100vw);
  height: calc( 40/ 1366 * 100vw);
  margin-bottom: calc( 43/ 1366 * 100vw);
}

.footer p {
  font-family: NotoSansJP-Medium;
  font-size: calc( 14/ 1366 * 100vw);
  line-height: calc( 14/ 1366 * 100vw);
  text-align: center;
}
/*footer*/

@media (max-width: 767px) {
  /*body*/
  body {
    background:none;
  }
  
  /*body*/
  
  /*header*/
  .header img{
    width: calc( 177/ 375 * 100vw);
    height: calc( 20/ 375 * 100vw);
  }
  
  .header_button {
    font-family: NotoSerifJP-Bold;
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 14/ 375 * 100vw);
    width: calc( 154/ 375 * 100vw);
    height: calc( 36/ 375 * 100vw);
  }
  /*header*/
  
  /*hero*/
  .swiper_container {
    position: static;
    margin-top: calc( 46.5/ 375 * 100vw);
    text-align: center;
  }
  
  .swiper_container h2 {
    font-family: NotoSerifJP-Medium;
  font-size: calc( 18/ 375 * 100vw);
  line-height: calc( 27/ 375 * 100vw);
  margin-bottom: calc( 100/ 375 * 100vw);
  }
  
  .swiper_container h2 span {
    font-family: NotoSerifJP-SemiBold;
  font-size: calc( 24/ 375 * 100vw);
  line-height: calc( 31/ 375 * 100vw);
  }
  
  .no_pc {
  display:block;
}
  /*hero*/
  
  /*attract*/
  .border1 {
    display: none;
  }
  
  .attract {
    margin: 0;
  }
  
  .circle_container {
  padding-left: calc( 82/ 375 * 100vw);
}
  
  .circle1 {
    text-align: center;
  }
  
  .circle_left {
    width: calc( 170/ 375 * 100vw);
    height: calc( 170/ 375 * 100vw);
    
  }
  
  .circle_left p {
    font-size: calc( 20/ 375 * 100vw);
    line-height: calc( 20/ 375 * 100vw);
    padding-top: calc( 24/ 375 * 100vw);
    padding-bottom: calc( 8/ 375 * 100vw);
  }
  
  .circle_left p+p {
    font-size: calc( 47/ 375 * 100vw);
    line-height: calc( 47/ 375 * 100vw);
  }
  
  .circle_right p {
    font-size: calc( 20/ 375 * 100vw);
    line-height: calc( 20/ 375 * 100vw);
    padding-top: calc( 24/ 375 * 100vw);
    padding-bottom: calc( 8/ 375 * 100vw);
  }
  
  .circle_right p+p {
    font-size: calc( 47/ 375 * 100vw);
    line-height: calc( 47/ 375 * 100vw);
  }
  
  .circle_right {
    width: calc( 170/ 375 * 100vw);
    height: calc( 170/ 375 * 100vw);
    font-size: calc( 20/ 375 * 100vw);
    line-height: calc( 20/ 375 * 100vw);
  }
  
  .semi_satisty {
    font-size: calc( 17/ 375 * 100vw);
    line-height: calc( 31/ 375 * 100vw);
    width: calc( 130/ 375 * 100vw);
  }
  /*attract*/
  
  /*apply*/
  .apply {
    width: 100%;
    padding-bottom: calc( 226/ 375 * 100vw);
  }
  
  .apply h3 {
    font-size: calc( 24/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
  }
  
  .apply h3 small{
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
  }
  
  .apply_button {
    font-size: calc( 17/ 375 * 100vw);
    line-height: calc( 17/ 375 * 100vw);
    width: calc( 181/ 375 * 100vw);
    height: calc( 46/ 375 * 100vw);
  }
  
  .apply p {
    font-size: calc( 15/ 375 * 100vw);
    line-height: calc( 25/ 375 * 100vw);
  }
  
  
  /*apply*/
  
  /*money*/
  .money {
    padding-top: calc( 181/ 375 * 100vw);
    width: calc( 340/ 375 * 100vw);
    height: calc( 227/ 375 * 100vw);
    margin-top: calc( 150/ 375 * 100vw);
    margin-bottom: calc( 150/ 375 * 100vw);
  }
  
  .money h3 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
    width: calc( 250/ 375 * 100vw);
  }
  
  .money h3 big{
    font-size: calc( 24/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
  }
  
  .money_heading {
    position: absolute;
    top: calc( -128/ 375 * 100vw);
    right: calc( 44/ 375 * 100vw);
  }
  
  .money_container {
    position: absolute;
    top: calc( 236/ 375 * 100vw);
    right: calc( 197/ 375 * 100vw);
  }
  
  .money_container li {
    font-size: calc( 17/ 375 * 100vw);
    line-height: calc( 31/ 375 * 100vw);
    width: calc( 300/ 375 * 100vw);
  }
  
  /*money*/
  
  /*recommend*/
  
  
  .recommend h2 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
  }
  
  .recommend h2 big {
    font-size: calc( 24/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
  }
  
  /*recommend*/
  
  /*study*/
  .study {
    width: calc( 340/ 375 * 100vw);
  }
  
  .study h2 {
    font-size: calc( 11/ 375 * 100vw);
    line-height: calc( 11/ 375 * 100vw);
    padding-top: calc( 49/ 375 * 100vw);
  }
  
  .study h3 {
    font-size: calc( 12.91/ 375 * 100vw);
    line-height: calc( 22.84/ 375 * 100vw);
  }
  
  .study h3 big{
    font-size: calc( 15.89/ 375 * 100vw);
    line-height: calc( 22.8/ 375 * 100vw);
  }
  
  /*study*/
  
  /*solve*/
  .solve {
    padding-top: calc( 31/ 375 * 100vw);
  }
  
  .solve h3 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
    width: calc( 225/ 375 * 100vw);
    margin: 0 auto;
  }
  
  .solve h3 b {
    font-size: calc( 24/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
  }
  
  .line_sp {
    font-size: calc( 24/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
  }
  
  .solution1 {
    flex-direction: column;
  }
  
  .solve img {
    width: calc( 340/ 375 * 100vw);
    height: calc( 255/ 375 * 100vw);
    margin-bottom: calc( 20/ 375 * 100vw);
  }
  
  .num {
    font-size: calc( 70/ 375 * 100vw);
    line-height: calc( 70/ 375 * 100vw);
  }
  
  .solve h4 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 20/ 375 * 100vw);
    width: calc( 340/ 375 * 100vw);
    margin-top: calc( -25/ 375 * 100vw);
    margin-bottom: calc( 25/ 375 * 100vw);
  }
  
  .solution1 p {
    font-size: calc( 14/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
    width: calc( 340/ 375 * 100vw);
    margin-bottom: calc( 21/ 375 * 100vw);
  }
  
  .no_worry {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 32/ 375 * 100vw);
  }
  /*solve*/
  
  /*three_parts*/
  .three_parts {
    width: calc( 340/ 375 * 100vw);
  }
  
  .three_parts h3 {
    font-size: calc( 17/ 375 * 100vw);
    line-height: calc( 31/ 375 * 100vw);
  }
  
  .none {
    display: block;
  }
  
  .text_container {
    width: calc( 330/ 375 * 100vw);
    margin: 0 auto;
  }
  
  .qa_container {
    width: calc( 340/ 375 * 100vw);
  }
  
  .qa_container h4 {
    font-size: calc( 14/ 375 * 100vw);
    line-height: calc( 20/ 375 * 100vw);
    width: calc( 340/ 375 * 100vw);
  }
  
  .qa_container h4::after {
    width: calc( 18/ 375 * 100vw);
    height: calc( 18/ 375 * 100vw);
    top: calc( 1/ 375 * 100vw);
  }
  
  .qa_container li {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 23/ 375 * 100vw);
  }
  /*three_parts*/
  
  /*merit*/
  .merit {
    width: calc( 375/ 375 * 100vw);
  }
  
  .merit_container {
    width: calc( 340/ 375 * 100vw);
  }
  
  .merit h3 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 25/ 375 * 100vw);
  }
  
  .merit h3::after {
    width: calc( 23/ 375 * 100vw);
    height: calc( 23/ 375 * 100vw);
    top: calc( 24/ 375 * 100vw);
    left: calc( 248/ 375 * 100vw);
  }
  
  .merit h3::before {
    width: calc( 23/ 375 * 100vw);
    height: calc( 23/ 375 * 100vw);
    top: calc( 24/ 375 * 100vw);
    left: calc( 100/ 375 * 100vw);
  }
  
  .merit h4 {
    font-size: calc( 14/ 375 * 100vw);
    line-height: calc( 28/ 375 * 100vw);
    width: calc( 350/ 375 * 100vw);
  }
  
  .merit p {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 17/ 375 * 100vw);
    width: calc( 348/ 375 * 100vw);
  }
  /*merit*/
  
  /*voice*/
  .voice_heading h3 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 25/ 375 * 100vw);
    width: calc( 261/ 375 * 100vw);
  }
  
  .voice_heading h3:before {
    width: calc( 23/ 375 * 100vw);
    height: calc( 23/ 375 * 100vw);
    top: calc( 0/ 375 * 100vw);
    left: calc( 185/ 375 * 100vw);
  }
  
  .voice_heading h3:after {
    width: calc( 23/ 375 * 100vw);
    height: calc( 23/ 375 * 100vw);
    top: calc( 0/ 375 * 100vw);
    left: calc( 50/ 375 * 100vw);
  }
  
  .voice_container {
    padding-bottom: calc( 10/ 375 * 100vw);
  }
  
  .voice img {
    width: calc( 28/ 375 * 100vw);
    height: calc( 34/ 375 * 100vw);
  }
  
  .old_name {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 15/ 375 * 100vw);
    width: calc( 78/ 375 * 100vw);
    margin: 0 calc( 15/ 375 * 100vw);
  }
  
  .old_name_e {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 15/ 375 * 100vw);
    width: calc( 78/ 375 * 100vw);
  }
  
  .b_san {
    width: calc( 40/ 375 * 100vw);
  }
  
  .voice_p1 {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 15/ 375 * 100vw);
    width: calc( 244/ 375 * 100vw);
  }
  
  .i_san {
    width: calc( 40/ 375 * 100vw);
  }
  /*voice*/
  
  /*teacher*/
  .teacher {
    width: 100%;
    padding-bottom: calc( 605/ 375 * 100vw);
  }
  
  .teacher h3 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 25/ 375 * 100vw);
  }
  
  .teacher_heading h3:before {
    width: calc( 23/ 375 * 100vw);
    height: calc( 23/ 375 * 100vw);
    top: calc( 0/ 375 * 100vw);
    left: calc( 248/ 375 * 100vw);
  }
  
  .teacher_heading h3:after {
    width: calc( 23/ 375 * 100vw);
    height: calc( 23/ 375 * 100vw);
    top: calc( 0/ 375 * 100vw);
    left: calc( 102/ 375 * 100vw);
  }
  
  .teacher p {
    font-size: calc( 14/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
    width: calc( 340/ 375 * 100vw);
  }
  
  .teacher img {
    width: calc( 167/ 375 * 100vw);
    height: calc( 250/ 375 * 100vw);
  }
  
  .name {
    font-size: calc( 16/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
  }
  
  .name small{
    font-size: calc( 14/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
  }
  
  .teacher p.know {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 17/ 375 * 100vw);
    width: calc( 340/ 375 * 100vw);
  }
  
  /*teacher*/
  
  /*access*/
  .date_access {
    width: calc( 340/ 375 * 100vw);;
  }
  
  .date_access h2 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 25/ 375 * 100vw);
  }
  
  .date_access h2::before {
    width: calc( 23/ 375 * 100vw);
    height: calc( 23/ 375 * 100vw);
    top: calc( 0/ 375 * 100vw);
    left: calc( 47/ 375 * 100vw);
  }
  
  .date_access h2::after {
    width: calc( 23/ 375 * 100vw);
    height: calc( 23/ 375 * 100vw);
    top: calc( 0/ 375 * 100vw);
    left: calc( 271/ 375 * 100vw);
  }
  
  .date_access h3 {
    font-size: calc( 16/ 375 * 100vw);
    line-height: calc( 16/ 375 * 100vw);
  }
  
  .date {
    font-size: calc( 14/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
  }
  
  .date_access p {
    font-size: calc( 13/ 375 * 100vw);
    line-height: calc( 17/ 375 * 100vw);
    width: calc( 340/ 375 * 100vw);
  }
  
  #google-map {
    width: calc( 340/ 375 * 100vw);
    height: calc( 240/ 375 * 100vw);
  }
  /*access*/
  
  /*footer*/
  .footer img {
    width: calc( 178/ 375 * 100vw);
    height: calc( 20/ 375 * 100vw);
  }
  
  .footer p {
    font-size: calc( 11 375 * 100vw);
    line-height: calc( 16/ 375 * 100vw);
  }
  /*footer*/
}