@charset "UTF-8";

/*---------------------------------
 common
---------------------------------*/


/*base*/

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

ul, li, ol {
  list-style: none;
}

p {
  color: #333;
}

a {
  transition: all 1s;
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}

a:link, a:visited, a:active {
  color: #fff;
}

.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}

.pc {
  display: block !important;
}

.tab {
  display: none !important;
}

.sp {
  display: none !important;
}

@media only screen and (max-width: 600px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}

@media only screen and (max-width: 960px) {
  .tab {
    display: block !important;
  }
}


/*header*/

.mv {
  max-width: 960px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
}


/*footer*/

.footer {
  background-color: #517a99;
  padding: 2%;
}

.footer p {
  color: #fff;
  font-size: 1rem;
  line-height: 2rem;
}

.footer a {
  transition: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝
    フェードイン
＝＝＝＝＝＝＝＝＝＝＝＝*/

.fadein {  opacity : 0;  transform: translateY(20px);  transition: all 1s;}

/*---------------------------------
main
---------------------------------*/


/* common */

.wrapper {
  background-color: rgba(81, 136, 177, 0.1);
  overflow: hidden;
}

.wrap_padding {
  padding: 0 2rem;
  margin-bottom: 4rem;
}

.wrap {
  max-width: 960px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  padding: 0 2rem;
}

.inner {
  max-width: 760px;
  width: 100%;
  margin: auto;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex.-spacebetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex.-aligncenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex.-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex.-center-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex.-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex.-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.text_center {
  text-align: center;
}

.f_gray {
  color: #777;
}

.f_brown {
  color: #b8925a;
}

.f_brown2 {
  color: #c7aa7e;
}

.f_blue {
  color: #5188b1;
}

.f_pink {
  color: #f2aaa5;
}

.f_bold {
  font-weight: bold;
}

.l_gray {
  background: #eee;
}

.l_brown {
  background-color: rgba(184, 146, 90, 0.3);
}

.l_blue {
  background-color: rgba(81, 136, 177, 0.3);
}

.l_pale {
  background-color: rgba(247, 237, 219, 0.8);
}

.l_pink {
  background-color: rgba(242, 170, 165, 0.3);
}

.l_under_gold {
  background: linear-gradient(transparent 55%, #f8f4ee 55%);
}

.fl_brown {
  color: #b8925a;
  background-color: rgba(184, 146, 90, 0.1);
}

.f_black {
  color: #333;
}

.f_mincho {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, 'Noto Serif JP', serif;
}

h2 {
  font-size: 3.2rem;
  text-align: center;
}

.report h2 {
  line-height: 2;
  letter-spacing: 0.05em;
}

.point h2, .feature h2, .course h2, .faq h2 {
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.-en {
  display: block;
  color: #5188b1;
  opacity: 0.5;
  font-size: 1.2rem;
  letter-spacing: 0.3em;
  font-family: 'Quicksand', sans-serif;
  text-transform: uppercase;
  padding-bottom: 1rem;
}

.border {
  position: relative;
}

.border::after {
  position: absolute;
  display: block;
  content: url("../img/bg_border.png");
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}


/* 00*contact */

.contact_inner{
  background: url(../img/bg_contact.png) no-repeat;
  background-size: 100%;
  max-width: 680px;
  width: 100%;
  padding: 6rem 4.5rem 4rem;
  margin: auto;
}

.contact.--top{
  background: #fff;
  padding-bottom: 2.5rem;
  margin: auto;
  max-width: 960px;
  width: 100%;
}

.contact.--top .contact_inner{
  position: relative;
  top: -4.5rem;
}

.contact.--normal{
  background: #fff;
  padding: 5.5rem 0;
  margin: auto;
  max-width: 960px;
  width: 100%;
}

.contact.--in{
  padding: 3.5rem 0 2rem;
  margin-bottom: 5rem;
}

.contact.--in p{
  line-height: 1.5;
  padding-bottom: 0;
}
@media only screen and (max-width: 708px) {
  .contact.--in .contact_text p{
    font-size: 1.4rem;
  }
}

.contact h2{
  font-size: 3.2rem;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 623px) {
  .contact h2{
    font-size: 2.4rem;
    white-space: nowrap;
  }
}

.contact h2 .u_line{
  position: relative;
}

.contact h2 .u_line::before {
  width: 241px;
  height: 13px;
  position: absolute;
  left: 0;
  bottom: -5px;
  content: "";
  background: url(../img/bg_handwriting_l.png) left 0px top 0px no-repeat;
}

@media only screen and (max-width: 623px) {
  .contact h2 .u_line::before {
    width: 200px;
    height: 10px;
  }
}

.contactBox{
  padding-top: 2rem;
  /* margin-bottom: 1.5rem; */
}

@media only screen and (max-width: 700px) {
  .contactBox{
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 640px) {
  .contactBox{
    padding: 1.5rem 0;
  }
}

@media only screen and (max-width: 743px) {
  .contact_inner{
    padding: 6rem 3rem 5.5rem;
  }
  .contact.--in .contactBox{
    padding: 1.5rem 0;
  }
  .contact.--in .contact_text p.kaisai{
    font-size: 1.8rem;
  }
}

.contact_img{
  width: 270px;
  padding: 0 1rem;
}
.contact_img img{
  width: 65%;
  margin: 0 auto;
}
.contact_img-p{
  font-size: 1.0rem;
  color: #666;
}

.contact_text{
  padding: 2.5rem 0.5rem 2.5rem 1.5rem;
  position: relative;
}

@media only screen and (max-width: 690px) {
  .contact_img{
    width: 240px;
  }
  .contact_text{
    padding: 1rem 0.5rem 1rem 1.5rem;
  }
}

.contact_text::before{
  position: absolute;
  content: "";
  display: inline-block;
  background: url(../img/icon_free.png) no-repeat;
  background-size: 100%;
  width: 71px;
  height: 71px;
  left: -40px;
}

.contact_text p{
  padding-left: 2rem;
  letter-spacing: 0.05em;
}

.contact.--in .contact_text p{
  text-align: left;
}

@media only screen and (max-width: 652px) {
  .contact.--in h2{
    font-size: 3rem;
  }
}

@media only screen and (max-width: 600px) {
  .contact.--in h2{
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 670px) {
  .contact_text p{
    font-size: 1.4rem;
    white-space: nowrap;
  }
  .contact_img-p{
    font-size: 0.8rem !important;
  }
}

.contact_text p.kaisai{
  font-size: 2rem;
  border-top: solid 2px #5188b1;
  border-bottom: solid 2px #5188b1;
  padding: 1rem 0;
  margin-top: 1rem;
}

@media only screen and (max-width: 670px) {
  .contact_text p.kaisai{
    font-size: 1.8rem;
  }
}

.contact .btn {
  background: #c39a26;
  width: 360px;
  border-radius: 32px;
  box-shadow: 1px 3px 10px rgb(170 170 170 / 50%);
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2.4;
  color: #fff;
  letter-spacing: 0.05em;
  margin: auto;
  padding: 0.1rem 0;
}

@media only screen and (max-width: 800px) {
  .contact .btn {
    font-size: 2.2rem;
    width: 320px;
  }
}

.contact .btn a{
  transition: none;
}

.contact .btn:hover{
  opacity: 0.8;
  cursor: pointer;
}


/* 01*worries */

.worries {
  background: #74a0c1;
  background-image: url(../img/bg_worries_top.png), url(../img/bg_worries_bottom.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 188px 148px, 182px 147px;
  padding: 7rem 10rem;
}

@media only screen and (max-width: 1279px) {
  .worries {
    background-size: calc(188/1280*100vw), calc(182/1280*100vw);
  }
}

.worries h2 {
  color: #fff;
  font-size: 2.4rem;
  line-height: 2;
}

.worries ul {
  background: #fff;
  margin: 2.5rem auto 3.2rem;
  padding: 2.2rem 10rem;
}

.worries ul li {
  position: relative;
  padding: 0.9rem 0 0.8rem 3rem;
  border-bottom: solid 1px #eee;
  line-height: 2;
  color: #333;
}

.worries ul li:last-child {
  border-bottom: none;
}

.worries ul li::before {
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 1.5rem;
  content: "";
  background: url(../img/icon_check_square.png) left 0px top 0px no-repeat;
}

.worries p {
  font-size: 2rem;
  color: #fff;
}

.worries .f_large {
  position: relative;
  font-size: 2.8rem;
}

.worries .f_large::before {
  width: 107px;
  height: 8px;
  position: absolute;
  left: 0;
  bottom: -5px;
  content: "";
  background: url(../img/bg_handwriting.png) left 0px top 0px no-repeat;
}

.worries img {
  padding: 2rem 0 4rem;
  margin: auto;
}


/* 02*report */

.report {
  background-color: #f8f6f5;
}

.report .inner {
  padding: 8rem 0;
}

.report h3 {
  font-size: 2.4rem;
  text-align: center;
  line-height: 2;
  padding-top: 6.5rem;
}

.report .text_center p {
  font-size: 2rem;
}

.reportBox {
  padding-top: 3rem;
}

.reportBox_left {
  width: 270px;
}

.reportBox_left p {
  font-size: 1.4rem;
  padding-top: 1.5rem;
  line-height: 1.8;
}

.reportBox_left .f_large {
  font-size: 1.8rem;
}

.reportBox_left .f_small {
  font-size: 1.2rem;
}

.reportBox img {
  box-shadow: 1px 1px 10px rgba(170, 170, 170, 0.5);
}

.reportBox_right {
  width: 490px;
  padding-left: 4rem;
}

.reportBox_right p {
  line-height: 2;
  padding-bottom: 2rem;
  position: relative;
}

.reportBox_right .text_first {
  padding-bottom: 50px;
}

.reportBox_right .text_first::after {
  position: absolute;
  display: block;
  content: url(../img/icon_triangle.png);
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.reportBox_right p:last-child {
  padding-bottom: 0;
}


/* 03*profile */

.profile {
  background: #fff url("../img/bg_profile.jpg") no-repeat;
}

.profile .inner {
  padding: 70px 0 50px;
}

.profile p {
  line-height: 2;
  padding-bottom: 3.2rem;
}

.profile img {
  padding-bottom: 30px;
}

.p_br {
  margin-bottom: 3.2rem;
}

.p_br12 {
  margin-bottom: -1.5rem!important;
}

p.l_wide {
  line-height: 2.5;
  font-size: 1.7rem;
}

.profile .f_large {
  font-size: 2rem;
}

.prof_point{
  margin-top: 40px;
}
.prof_point p {
  padding-bottom: 0;
}

.prof_point2 p {
  line-height: 2.25;
}

.p_br_l {
  margin-top: 0.5rem;
}

.prof_point .--pink {
  background: #f2aaa5;
  font-size: 2.4rem;
  color: #fff;
  padding: 0.2rem 0;
  margin-right: 0.4rem;
  font-weight: bold;
}

.prof_img04 {
  margin: 25px 0 5px;
}

.profile .f_small {
  font-size: 1.4rem;
}

.prof_pinklist li {
  background: #f2aaa5;
  color: #fff;
  font-weight: bold;
  padding: 1.3rem 4rem;
  margin-bottom: 15px;
}

.prof_pinklist {
  padding-bottom: 10px;
}

.prof_img05 {
  padding: 0 0 5px;
}


/* 04*point */

.point {
  padding: 6.5rem 0 8rem;
  background: #f8f6f5;
}

.point p {
  line-height: 2.5;
  padding-bottom: 2rem;
}

.point p.--blue {
  font-size: 2rem;
  color: #5188b1;
}

.point_circle {
  padding-top: 6.5rem;
}

.point_circle ul {
  width: 100%;
  margin: 0 auto;
}

.point_circle li {
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background-color: rgba( 184, 146, 90, 0.5);
  color: #fff;
  line-height: 2;
}

.point_circle p {
  margin-top: 4rem;
  color: #fff;
  line-height: 2;
}

.point01 {
  background: url("../img/bg_point01.png") no-repeat center 17%;
  margin-right: -25px;
}

.point02 {
  background: url("../img/bg_point02.png") no-repeat center 17%;
}

.point03 {
  background: url("../img/bg_point03.png") no-repeat center 17%;
  margin-left: -25px;
}


@media only screen and (max-width: 960px) {
  .point01, .point02, .point03 {
    background-position: center 10%;
  }
}

.first_paragraph {
  padding-top: 5rem;
}

.point h3 {
  text-align: center;
  color: #fff;
  font-size: 2rem;
  padding: 2.4rem 0 3rem;
}

.point h3:first-child {
  background: url(../img/bg_stripe_blue.jpg) no-repeat;
  background-size: 100% 50px;
  background-position-y: 1.2rem;
  margin: 1rem 5rem 4rem;
}

.point figure img {
  width: 561px;
  margin-bottom: 5rem;
}

.mt_60 {
  margin-top: 3.8rem!important;
  line-height: 0!important;
  padding-bottom: 1rem!important;
}

.point_brownbox .f_large {
  font-size: 2rem;
  line-height: 1.5;
}

.point_brownbox {
  background: linear-gradient(150deg, rgba(184, 146, 90, 1) 0%, rgba(215, 193, 161, 1) 100%);
  position: relative;
  padding: 2rem 0 6rem;
}

.point_brownbox::after {
  width: 146px;
  height: 169px;
  content: "";
  background: url(../img/img_illustration.png) bottom right no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 20;
}

.point_brownbox h3 {
  font-size: 2.4rem;
}

.point_brownbox .more {
  border: solid 3px #c7aa7e;
  font-size: 2rem;
  padding: 0.5rem 2.6rem;
  background: #fff;
  border-radius: 3rem;
  width: 200px;
}

.point_brownbox .more {
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
}

.point_main_box figure img {
  width: 660px;
  margin: 0 auto;
  box-shadow: 1px 1px 10px rgb(170 170 170 / 50%);
}

.point_content_box {
  width: 560px;
  margin: 0 auto;
}

.point_content_box li {
  font-family: 'Kiwi Maru', serif;
  letter-spacing: 0.01em;
}

.point_lead {
  line-height: 2.2;
  padding: 2.4rem 2rem 2rem !important;
}

.l_spacing {
  letter-spacing: 0.1em;
}

.dashed_box {
  position: relative;
  border: 1px dashed #b8925a;
  border-radius: 10px;
  padding: 1.5rem 1rem;
  margin-top: 2rem;
}

.content_l .dashed_box::after {
  display: block;
  content: "";
  background: url(../img/icon_triangle_gray.png) bottom center no-repeat;
  background-size: 100%;
  width: 19px;
  height: 23px;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.content_l {
  width: 230px;
}

.content_l li {
  padding: 0.5rem 0;
  margin: 0 auto;
}

.content_l li:first-child {
  margin-bottom: 4rem;
}

.l_catch {
  padding-top: 6.2rem;
  font-weight: 900;
}

.content_r .dashed_box::after {
  display: block;
  content: "";
  background: url(../img/icon_triangle_gray.png) bottom center no-repeat;
  background-size: 100%;
  width: 19px;
  height: 23px;
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.content_r {
  width: 310px;
}

.content_r li {
  width: 140px;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.content_r li:last-child, .content_r li:nth-last-child(2) {
  margin-bottom: 0;
}

.content_r span {
  font-size: 1.5rem;
}

.r_catch {
  padding-top: 4.5rem;
}


/* 05*feature */

.feature {
  padding-top: 8rem;
  padding-bottom: 5rem;
}

.feature .inner {
  padding-top: 5.5rem;
}

.feature h3 {
  font-size: 2.4rem;
  margin-bottom: 2.4rem;
  text-indent: -4.8rem;
  padding-left: 4.8rem;
}

.feature_paragraph_box h3 span {
  padding: 0.1rem;
}

.feature_paragraph_box ul {
  margin-left: 50px;
  line-height: 2;
  margin-bottom: 3.4rem;
}

.feature_paragraph_box p {
  max-width: 660px;
  margin-left: 50px;
  line-height: 2;
}

.feature_text-last {
  font-size: 2rem;
  line-height: 2;
  text-align: center;
}

.feature_paragraph {
  border-bottom: 1px solid #eee;
  padding: 2.2rem 0;
}

.feature_paragraph:last-child {
  border-bottom: none;
  padding: 2.2rem 0;
}

.feature_paragraph:first-child {
  padding: 0 0 2.2rem 0;
}

.feature .point01_bule::before {
  content: "";
  background: url(../img/bg_point01_blue.png) no-repeat left bottom;
  width: 18px;
  height: 28px;
  padding-right: 2em;
  background-size: contain;
}

.feature .point02_bule::before {
  content: "";
  background: url(../img/bg_point02_blue.png) no-repeat left bottom;
  width: 29px;
  height: 28px;
  padding-right: 2em;
  background-size: contain;
}

.feature .point03_bule::before {
  content: "";
  background: url(../img/bg_point03_blue.png) no-repeat left bottom;
  width: 24px;
  height: 28px;
  padding-right: 2em;
  background-size: contain;
}

.mb_30 {
  margin-bottom: 3rem;
}

.mb_40 {
  margin-bottom: 4rem;
}


/* 06*course */

.course {
  padding-top: 8rem;
  background-color: #f8f6f5;
}

.course h2 .f_small {
  display: block;
  font-size: 1.6rem;
}

.course_block {
  padding-top: 5.6rem;
}

.course_block .--course1, .course_block .--course2 {
  width: 47.5%;
  padding: 12rem 2rem 5rem;
}

.course_block .--course1 {
  background: url(../img/bg_course1.jpg) no-repeat;
  background-size: 100%;
  background-position: top;
}

.course_block .--course2 {
  background: url(../img/bg_course2_01.png) no-repeat;
  background-size: 100%;
  background-position: top;
}

.--coursebox_out {
  position: relative;
  z-index: 1;
}

.--coursebox {
  padding: 1.6rem 2rem 3rem;
  display: flex;
  flex-direction: column;
}

.course_block .--course1 .--coursebox.--pinkbox {
  background: -moz-linear-gradient(top, #b8925a, #d7c1a1);
  background: -webkit-linear-gradient(top, #b8925a, #d7c1a1);
  background: linear-gradient(to bottom, #b8925a, #d7c1a1);
}

.course_block .--course1 .--coursebox.--pinkbox::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/bg_course1.png) no-repeat;
  position: absolute;
  top: -6rem;
  left: 36.5%;
  z-index: -1;
}

.course_block .--course2 .--coursebox.--bluebox {
  background: -moz-linear-gradient(top, #5188b1, #97b8d1);
  background: -webkit-linear-gradient(top, #5188b1, #97b8d1);
  background: linear-gradient(to bottom, #5188b1, #97b8d1);
}

.course_block .--course2 .--coursebox.--bluebox::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/bg_course2.png) no-repeat;
  position: absolute;
  top: -6rem;
  left: 36.5%;
  z-index: -1;
}

.course_block h3 {
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 675px) {
  .course_block h3 {
    font-size: 2rem;
    white-space: nowrap;
  }
}

.course_innerbox {
  background: #fff;
  margin-top: 1rem;
  padding: 3.4rem 2rem 2rem;
  height: 50rem;
}

@media only screen and (max-width: 960px) {
  .course_innerbox {
    height: 56rem;
    padding: 3.4rem 1rem 2rem;
  }
}

@media only screen and (max-width: 766px) {
  .course_innerbox {
    height: 61rem;
  }
}

@media only screen and (max-width: 741px) {
  .course_innerbox {
    height: 63rem;
  }
}

@media only screen and (max-width: 716px) {
  .course_innerbox {
    height: 67rem;
  }
}

@media only screen and (max-width: 700px) {
  .course_innerbox {
    height: 70rem;
  }
}

@media only screen and (max-width: 674px) {
  .course_innerbox {
    height: 76rem;
  }
}

@media only screen and (max-width: 640px) {
  .course_innerbox {
    height: 84rem;
  }
}

@media only screen and (max-width: 606px) {
  .course_innerbox {
    height: 96rem;
  }
}

.course_block h4+* {
  padding-top: 2rem;
}

.course_block ul {
  padding-left: 2rem;
}

.course_block ul li {
  list-style-type: disc;
  margin-bottom: 1rem;
}

.course_block .--course2 h4 {
  margin-left: -1rem;
  white-space: nowrap;
}

.course_block .--course2 p {
  padding-bottom: 2rem;
}

.course_text01 .--title {
  font-size: 2.4rem;
  padding-bottom: 1rem;
  letter-spacing: 0.1em;
}

.course_text01 .f_small {
  font-size: 1.4rem;
  text-align: right;
}

.course_imgbox {
  padding: 3.8rem 0 1.8rem;
}

.course_imgbox p:nth-child(1){
  padding-right: 2rem;
}


/* 06*cours-コース詳細 */

.course_detail {
  margin: 10rem -2rem 0;
}

.course_detail.--course1 {
  background: #c7aa7e;
}

.course_detail.--course2 {
  background: #5188b1;
}

.course_detail h3 {
  font-size: 2.4rem;
  padding: 1rem 3rem;
  background: #fff;
  border-radius: 3rem;
  width: 300px;
  margin: -4rem auto 0;
}

.course_detail.--course1 h3 {
  border: solid 3px #c7aa7e;
}

.course_detail.--course2 h3 {
  border: solid 3px #5188b1;
}

.course_detail .detail_back {
  padding: 1.5rem 10rem 8rem 10rem;
}

.course_detail.--course1 .detail_back {
  background: url(../img/bg_course1_head.jpg) no-repeat;
  background-size: 100%;
  background-position-y: 3px;
}

.course_detail.--course2 .detail_back {
  background: url(../img/bg_course2_head_01.png) no-repeat;
  background-size: 100%;

  background-position-y: 3px;
}

.course_ex {
  color: #fff;
  font-size: 2.4rem;
  line-height: 2;
  padding-top: 20rem;
  padding-bottom: 3rem;
}

.course_ex p {
  color: #fff;
  font-size: 1.6rem;
  padding-top: 1rem;
}

.course_inner {
  background: #fff;
  padding: 3rem 5rem 2rem;
}

.course_detail h5 {
  text-align: center;
  color: #fff;
  font-size: 2rem;
  padding: 2.4rem 0 2rem;
}

.course_detail.--course1 h5 {
  background: url(../img/bg_balloon_pink.png) no-repeat;
  background-size: 100% 60px;
  background-position-y: 1.2rem;
}

.course_detail.--course2 h5 {
  background: url(../img/bg_balloon_blue.png) no-repeat;
  background-size: 100% 60px;
  background-position-y: 1.2rem;
}

.course_detail ul {
  margin: 1rem auto 4.5rem;
  padding: 0 5rem;
}

.course_detail ul li {
  position: relative;
  padding: 1.5rem 0 0.4rem 3rem;
  border-bottom: solid 1px #eee;
  line-height: 2;
  color: #333;
}


/*.course_detail ul li:first-child{
  padding: 0 0 1rem 3rem;
}
*/

.course_detail ul li::before {
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 1.8rem;
  content: url(../img/icon_check_circle.png);
}

.course_detail ul.--second li:not(:last-child)::before {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0.5rem;
  top: 2.4rem;
  content: "";
  background: #ccc;
}

.course_detail ul.--second li:last-child {
  padding: 1rem 0;
  border: none;
}

.course_detail ul.--second li:last-child::before {
  content: inherit;
}

.course_detail.--course1 h5.--wide {
  background: url(../img/bg_balloon_2lines_pink.png) no-repeat;
  background-size: 100% 85px;
  background-position-y: 1.2rem;
}

.course_detail.--course2 h5.--wide {
  background: url(../img/bg_balloon_2lines_blue.png) no-repeat;
  background-size: 100% 85px;
  background-position-y: 1.2rem;
}

.course_detail h5 .f_small {
  display: block;
  font-size: 1.6rem;
}

.option_text {
  margin: -2rem 0 5rem;
}

.option {
  background: #eee;
  border-radius: 1rem;
  padding: 5rem 4.5rem 1rem;
  margin-bottom: 6rem;
  position: relative;
}

.option::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -2.5rem;
  left: 45%;
}

.--course1 .option::before {
  background: url(../img/img_plus_pink.png) no-repeat;
}

.--course2 .option::before {
  background: url(../img/img_plus_blue.png) no-repeat;
}

.option_title {
  font-size: 2rem;
  padding-bottom: 1.3rem;
}

.--course1 .option_title {
  border-bottom: solid 1px #f2aaa5;
}

.--course2 .option_title {
  border-bottom: solid 1px #5188b1;
}

.option ul {
  margin: 0 auto;
  padding: 1rem 2rem 0;
}

.option ul li {
  list-style: disc;
  line-height: 1;
  padding: 1rem 0;
}

.option ul li::before {
  content: inherit;
}


/* 06*cours-お喜びの声 */

.voice_box {
  padding: 0 5rem;
}

.voice_box p {
  line-height: 2;
  padding-bottom: 3rem;
}

.voice_box p.--last {
  padding-bottom: 0;
}

.voice_box .f_small {
  font-size: 1.4rem;
}

.voice_prof {
  padding: 3rem 0 0;
}

.voice_prof img {
  width: 260px;
}

.voice_prof p {
  font-size: 1.4rem;
  padding-top: 2rem;
  line-height: 1.5;
}

.voice_prof .f_large {
  font-size: 1.8rem;
}

.voice_prof .f_small {
  font-size: 1.2rem;
}


/* 06*cours-サポート講師 */

.teacher {
  padding: 3rem 4rem;
  font-size: 1.4rem;
  line-height: 2;
}

.teacher_img {
  width: 36%;
  padding: 0 3rem;
}

.teacher_text {
  width: 74%;
  padding-left: 1rem;
}

.teacher_img p{
  font-size: 1.6rem;
  margin: 2rem 0 0 -2rem;
  white-space: nowrap;
}

.teacher .f_small {
  font-size: 1.2rem;
  padding-right: 1rem;
}

.teacher .text_right {
  text-align: right;
  padding: 6rem 0 1rem;
  margin-right: -2.5rem;
}

.teacher .text_right span{
  display: block;
  text-align: left;
  text-indent: -1rem;
}


/* 07*faq */

.faq {
  background: #f8f6f5;
  padding: 80px 0 50px;
}

.faq .inner {
  padding-top: 70px;
  line-height: 2;
}

.faq dl dd br {
  display: block;
  content: "";
  margin: 2rem 0;
}

.faq dt, .faq dd {
  position: relative;
  padding: 0 0 2rem 6rem;
  color: #333;
}

.faq dt {
  font-weight: bold;
  padding: 0 0 1rem 6rem;
}

.faq dt::before, .faq dd::before {
  content: 'Q';
  font-family: 'Raleway', sans-serif;
  font-size: 2rem;
  position: absolute;
  left: 0;
  top: -3px;
  height: 3.5rem;
  width: 3.5rem;
  background: #5188b1;
  color: #fff;
  border-radius: 50%;
  line-height: 3.5rem;
  text-align: center;
}

.faq dd+* {
  margin-top: 2.2rem;
}

.faq dd::before {
  content: 'A';
  background: #fff;
  color: #5188b1;
  border: solid 1px #5188b1;
  font-weight: bold;
}

.faq dd:not(:last-child) {
  border-bottom: solid 1px #eee;
}


/* 08*message */

.message {
  padding-bottom: 7rem;
}

.message h2 {
  font-size: 2.8rem;
  padding-bottom: 30px;
  letter-spacing: 0.1em;
}

.message .message_text {
  padding: 50px 0 40px;
}

.message p {
  line-height: 3;
  letter-spacing: 0.025em;
}

.message .text_right {
  text-align: right;
  line-height: 2;
  font-size: 1.4rem;
  padding-right: 4rem;
}

.message .text_right p {
  line-height: 2;
}


/*---------------------------------
responsive - tab
---------------------------------*/

@media screen and (max-width: 960px) {
  /* main */
  .inner {
    padding: 0 3rem;
  }
	
  .report .inner, .profile .inner, .point .inner, .feature .inner, .course .inner {
    padding-left: 15px;
    padding-right: 15px;
  }
	
  /* 01*worries */
  .worries ul {
    padding: 2.2rem 10vw;
  }
	
  /* 04*point */
  .point_circle li {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: rgba( 184, 146, 90, 0.5);
    color: #fff;
  }
	
  .point_circle p {
    margin-top: 4rem;
    color: #fff;
    line-height: 1.6;
  }
	
  .point_circle .point01 p {
    margin-top: 5rem;
  }
	
  .point_lead {
    line-height: 1.5;
  }
	
  /* 06*course */
  .course_block {
    padding-top: 5.6rem;
  }
	
  .course_block .--course2 h4 {
    margin-left: 0;
    white-space: normal;
  }
  .course_ex {
    padding-top: 20vw;
  }
	
  .course_inner {
    padding: 3rem 5vw 2rem;
  }
	
  .course_detail ul {
    padding: 0 5vw;
  }
	
  .option ul {
    padding: 1rem 5vw;
  }

  .teacher {
    padding: 3rem;
  }
  
  .teacher_img {
    padding: 0 1rem;
    line-height: 1.5;
  }

  .teacher_text {
    padding-left: 3rem;
  }
}

@media screen and (max-width: 890px) {
  /* 01*worries */
  .worries {
    padding: 7rem 10vw;
  }
	
  /* 04*point */
  .point_circle {
    justify-content: center;
  }
	
  .point_circle li {
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background-color: rgba( 184, 146, 90, 0.5);
    color: #fff;
    line-height: 1.5;
  }
	
  .point_circle p {
    margin-top: 4rem;
    color: #fff;
    line-height: 1.5;
    font-size: 1.8rem;
  }
	
  .point_main_box figure {
    padding: 0 2rem;
  }
	
  .point_brownbox {
    padding: 2rem 0 10rem;
  }
	
  /* 06*course */
  .course_detail .detail_back {
    padding: 1.5rem 10vw 8rem 10vw;
  }
	
  .course_detail h5 .f_small {
    font-size: 2vw;
  }
	
  .option_text {
    font-size: 1.8vw;
  }
	
  .option ul li {
    line-height: 1.5;
    padding: 0.5rem 0;
  }

  .teacher_img {
    padding: 0;
  }

}


/*---------------------------------
responsive - sp
---------------------------------*/

@media screen and (max-width: 600px) {
  /* common */
  .flex.-spBlock {
    display: block;
  }
	
  body {
    font-size: 1.4rem;
  }
	
  .inner {
    padding: 20px;
  }
	
  .wrap {
    padding: 0 2rem;
  }
	
  .wrap_padding {
    padding: 0;
  }
	
  /* main */
  h2 {
    font-size: 2.6rem;
  }
	
  .report h2 {
    line-height: 1.5;
    margin: 1rem auto 3rem;
  }
	
  .border::after {
    content: '';
    display: inline-block;
    width: 90%;
    height: 16px;
    background-image: url("../img/bg_border.png");
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
  }
	
  /* 00*contact */
  .contact_inner {
    background: url(../img/bg_contact_top.jpg),url(../img/bg_contact_bottom.jpg),url(../img/bg_contact_middle.png);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: top, bottom, center;
    background-size: 100%;
    width: 95%;
    padding: 3rem 4.5rem 4rem;
    margin: auto;
  }

  @media screen and (max-width: 420px) {
    .contact_inner {
      padding: 3rem 3rem 4rem;
    }
  }

  @media screen and (max-width: 340px) {
    .contact_inner {
      padding: 3rem 1.5rem 4rem;
    }
  }

  .contact.--top .contact_inner {
    position: relative;
    top: -2.5rem;
  }

  .contact.--top.sp .contact_inner{
    background: none;
    padding: 0;
    line-height: 0;
  }

  .contact.--top.sp .contact_inner .--sp_inner{
    background: url(../img/bg_contact_middle.png) repeat-y;
    background-size: 100%;
    width: 100%;
    padding: 2rem 4.5rem 3rem;
    line-height: 1.5;
  }

  @media screen and (max-width: 420px) {
    .contact.--top.sp .contact_inner .--sp_inner {
      padding: 2rem 3rem 3rem;
    }
  }

  @media screen and (max-width: 340px) {
    .contact.--top.sp .contact_inner .--sp_inner {
      padding: 2rem 1.5rem 3rem;
    }
  }

  .contact.--in .contact_inner {
    background: none;
    width: 100%;
    margin: auto;
    padding: 0;
    line-height: 0;
  }

  .contact.--in .contact_inner .--sp_inner{
    background: url(../img/bg_contact_middle.png) repeat-y;
    background-size: 100%;
    width: 100%;
    padding: 2rem 4.5rem 3rem;
  }

  @media screen and (max-width: 470px) {
    .contact.--in .contact_inner .--sp_inner {
      padding: 3rem 3rem 4rem;
    }
  }

  @media screen and (max-width: 440px) {
    .contact.--in .contact_inner .--sp_inner {
      padding: 3rem 1.5rem 4rem;
    }
  }

  .contact.--in h2 {
    margin-bottom: 0;
  }

  .contact.--in .contact_text p {
    text-align: center;
  }

  .contact .btn {
    font-size: 2rem;
    width: 100%;
    max-width: 360px;
  }

  @media screen and (max-width: 320px) {
    .contact .btn {
      font-size: 1.8rem;
    }
  }

  .contact_img {
    width: 75%;
    margin: 0 auto;
  }

  .contact_text::before {
    left: -3rem;
  }

  @media screen and (max-width: 420px) {
    .contact_text::before {
      top: 0.7rem;
    }
  }

  @media screen and (max-width: 380px) {
    .contact_text::before {
      top: -5rem;
      left: -1.5rem;
    }
  }

  @media screen and (max-width: 400px) {
    .--sp_inner .contact_text::before {
      top: -5rem;
      left: -1.5rem;
    }
  }

  .contact_text{
    text-align: center;
    width: 70%;
    margin: auto;
    padding: 0rem 0.5rem 2rem 1.5rem;
  }

  @media screen and (max-width: 570px) {
    .contact_text{
      width: 80%;
    }
  }

  @media screen and (max-width: 510px) {
    .contact_text{
      width: 90%;
    }
  }

  @media screen and (max-width: 470px) {
    .contact_text{
      width: 100%;
    }
  }

  .contact_text p{
    padding-left: 0;
  }

  .contact_text p.kaisai {
    padding: 1rem 0;
  }

  .contact h2 .u_line::before {
    bottom: -7px;
  }

  /* 01*worries */
  .worries {
    padding: 4rem 2rem 2rem;
  }
	
  .worries ul {
    padding: 4rem 2rem;
  }
	
  .worries h2 {
    line-height: 1.8;
    font-size: 2rem;
  }
	
  .worries p {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-weight: bold;
  }
	
  .worries .f_large {
    font-size: 2.4rem;
  }
	
  .worries .f_large::before {
    width: 90px;
    height: 6px;
    bottom: -3px;
  }
	
  /* 02*report */
  .report .inner {
    padding: 6rem 0;
  }
	
  .report .text_center p {
    font-size: 1.8rem;
  }
	
  .reportBox {
    padding-top: 2rem;
  }
	
  .report h3 {
    font-size: 1.8rem;
    line-height: 1.8;
    padding: 3rem 1rem 0;
    white-space: nowrap;
  }
	
  @media screen and (max-width: 375px) {
    /* 02*report */
    .report h3 {
      padding: 3rem 0 0;
      margin: auto -2rem;
      white-space: normal;
    }
  }
	
  .reportBox_left {
    width: 80%;
    margin: auto;
  }
	
  .reportBox_left p {
    text-align: center;
  }
	
  .reportBox_right {
    width: 100%;
    padding: 20px;
  }
	
  /* 03*profile */
  img.prof01 {
    max-width: 70%;
  }
	
  .profile p {
    text-align: left;
  }
	
  .prof_point {
    padding-bottom: 2rem;
  }
	
  .prof_point .--pink {
    font-size: 2rem;
  }
  .p_br {
    margin-bottom: 20px;
  }
	
  p.l_wide {
    line-height: 2;
    font-size: 1.5rem;
  }
	
  .profile .f_large {
    font-size: 1.8rem;
  }
	
  .prof_img04 {
    margin: 25px auto 20px;
  }
	
  .prof04_text {
    margin-top: -6rem;
    padding: 20px 10px;
  }
	
  .prof04_text img {
    padding-bottom: 5px;
    width: 30%;
  }
	
  .profile .f_small {
    font-size: 1.2rem;
  }
	
  .prof_pinklist li {
    padding: 1.3rem 2rem;
    line-break: strict;
  }
	
  /* 04*point */
  .point {
    padding: 6rem 0;
  }
	
  .point h2 {
    margin-bottom: 3rem;
  }
	
  .point h3 {
    text-align: center;
    color: #fff;
    font-size: 2rem;
    padding: 1rem;
  }
	
  .point h3:first-child {
    background: url(../img/bg_stripe_blue.jpg) no-repeat;
    background-size: cover;
    margin: 1rem auto 8vw;
  }
	
  .point_brownbox::before {
    width: 80px;
    height: 80px;
    content: "";
    background: url(../img/img_circle_photo.png) bottom right no-repeat;
    background-size: 100%;
    position: absolute;
    left: 5rem;
    top: 42rem;
    z-index: 20;
  }

  @media screen and (max-width: 500px) {
    .point_brownbox::before {
      left: 4rem;
    }
  }

  @media screen and (max-width: 428px) {
    .point_brownbox::before {
      left: 2rem;
    }
  }
	
  .point_brownbox::after {
    background-size: 90%;
  }
	
  .point_content_box {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
	
  .point figure img {
    margin-bottom: 8vw;
  }

  .point_lead {
    padding: 2.4rem 1rem 2rem !important;
  }
	
  .point_inner p {
    line-height: 2;
  }
	
  .l_catch {
    padding-top: 4.5rem;
  }
	
  .content_l, .content_r {
    width: 100%;
  }
	
  .content_l li, .content_r li {
    width: 100%;
  }
	
  @media screen and (max-width: 436px) {
    .point_brownbox::after {
      background: none;
    }
	  
    .point_brownbox {
      padding: 2rem 0 4rem;
    }
  }
	
  /* 04*point */
  .point_circle {
    padding-top: 3rem;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
	
  .point_circle li {
    width: 250px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
  }
	
  .point01 {
    margin-right: 0;
    margin-bottom: -25px;
  }
	
  .point03 {
    margin-left: 0;
    margin-top: -25px;
  }
	
  .point_brownbox_inner {
    background: #fff;
    margin: 0 2rem;
    padding: 3.5rem 1rem 4rem;
  }
	
  .point_brownbox_inner p {
    margin-top: 1rem;
    padding-bottom: 0.5rem;
  }
	
  .point_brownbox .f_large {
    margin-top: 0;
  }
	
  .content_l li:first-child, .content_r li:last-child, .content_r li:nth-last-child(2) {
    margin-bottom: 1rem;
  }
	
  /* 05*feature */
  .feature {
    background-size: 90%;
    padding: 6rem 2rem;
  }
	
  /* .future_text01{
    font-size: 2rem;
    padding: 0 0 20px;
  }
	
  .future_text01 .f_large{
    font-size: 3rem;
  } */
	
  .feature_paragraph_box p {
    margin-left: 0;
  }
	
  .feature_paragraph_box ul {
    margin-left: 0;
  }
	
  feature_paragraph_box p.feature_text-last {
    font-size: 1.8rem;
  }
	
  /* 06*course */
  .course {
    padding: 6rem 2rem 0;
  }
	
  .course_block {
    display: block;
    padding-top: 5.6rem;
  }
	
  .course_block .--course1, .course_block .--course2 {
    width: 100%;
  }
	
  .course_block h4 {
    white-space: normal;
    font-size: 1.6rem;
  }
  .course_detail .detail_back {
    padding: 1.5rem;
  }
	
  .course_imgbox p:nth-child(1) {
    padding-right: 0;
}
	
  .course_imgbox img {
    margin-bottom: 1rem;
  }
	
  .course_inner {
    padding: 2rem;
  }
	
  .course_innerbox {
    height: auto;
  }
	
  .course_detail ul {
    margin: 1rem auto 2rem;
    padding: 0 1rem;
  }
	
  .course_detail h5 {
    padding: 2rem 0 2.4rem;
  }
	
  .course_detail h5 .f_small {
    font-size: 2.8vw;
  }
	
  .course_detail.--course1 h5 {
    background: url(../img/bg_balloon_pink.png) no-repeat center;
    background-size: 200% 100%;
    padding: 1.8rem 0 2.4rem;
  }
	
  .course_detail.--course1 h5.--wide {
    background: url(../img/bg_balloon_2lines_pink.png) no-repeat center;
    background-size: 200% 100%;
  }
	
  .option_text {
    font-size: 1.4rem;
    margin: 2rem 0 5rem;
  }

  .teacher_img{
    width: 100%;
    padding-bottom: 2rem;
  }
	
  .teacher_text {
    width: 100%;
    padding-left: 0;
  }
	
  .teacher .text_right {
    padding: 4rem 0 1rem;
  }

  .teacher .text_right span {
    text-align: right;
  }
	
  .voice {
    padding: 70px 0 0;
  }
	
  .voice_box {
    padding: 0 2rem;
  }
	
  .voice_h3 {
    display: block;
    width: 250px;
    margin: auto;
  }
	
  .voice h3 {
    font-size: 2rem;
    padding: 3rem 0 1rem;
    background-position: 0 90%;
  }
	
  .voiceBox_img {
    width: 100%;
    margin: auto;
  }
	
  .voiceBox_text {
    width: 100%;
  }
	
  .voice_text {
    padding: 20px 0 20px;
  }
	
  .voiceBox_text h4 {
    left: 0;
    top: -5rem;
    font-size: 1.8rem;
    line-height: 3.2rem;
  }
	
  .voiceBox_text h4 span {
    padding: 5px;
  }
	
  .voiceBox_text .name {
    position: static;
    padding: 1rem 0 0;
    line-height: 1.8;
  }
  .voice1 .voiceBox_text {
    padding-top: 50px;
  }
	
  .voice2 .voiceBox_text h4 {
    top: -7rem;
  }
	
  .voice2 .voiceBox_text .name {
    padding: 4rem 0 0;
  }
	
  .voice3 .voiceBox_text h4 {
    top: -3.2rem;
  }
	
  .voice4 .voiceBox_text h4 {
    top: -5rem;
  }
	
  .voice3 .voiceBox_text .name {
    padding: 10rem 0 0;
  }
	
  .voice4 .voiceBox_text .name {
    padding: 6rem 0 0;
  }
	
  .voice3 .voiceBox_text {
    bottom: 0;
  }
	
  .voice h3 .bg_circle {
    font-size: 2.6rem;
  }
	
  .course_text01 .--title {
    font-size: 2rem;
  }
	
  .course_ex {
    padding: 10rem 2rem 5rem;
    font-size: 2rem;
    line-height: 1.8;
  }
	
  .course_detail.--course2 h5 {
    background: url(../img/bg_balloon_blue.png) no-repeat center;
    background-size: 200% 100%;
    padding: 1.8rem 0 2.4rem;
  }
	
  .course_detail.--course2 h5.--wide {
    background: url(../img/bg_balloon_2lines_blue.png) no-repeat center;
    background-size: 200% 100%;
  }
	
  br.sp::after {
    padding: 20px;
  }
	
  @media screen and (max-width: 600px) {
    .feature_paragraph_box p.feature_text-last {
      margin: auto -2rem;
    }
  }
	
  /* 05*feature */
  .feature h3 {
    font-size: 2rem;
    text-indent: -4rem;
    padding-left: 4rem;
  }
	
  /* .feature .point01_bule::before {
    background-size: 35%;
  }
	
  .feature .point02_bule::before {
    background-size: 55%;
  }
	
  .feature .point03_bule::before {
    background-size: 45%;
  } */
	
  /* 07*faq */
  .faq {
    padding: 70px 0 50px;
  }
	
  .faq dl {
    line-break: strict;
  }
	
  /* 08*message */
  .message {
    padding-bottom: 50px;
  }
	
  .message .message_text {
    padding: 40px 20px;
  }
	
  .message h2 {
    font-size: 2.4rem;
    padding-bottom: 30px;
  }
	
  .message_text p {
    font-size: 1.6rem;
    line-height: 2.6;
  }
	
  /*footer*/
  .footer {
    padding: 4%;
  }
}

@media screen and (max-width: 428px) {
  /* 06*course */
  .course_detail.--course1 .detail_back, .course_detail.--course2 .detail_back {
    background: none;
  }
	
  /* 06*course */
  .course_ex {
    padding: 3rem 2rem;
  }
}

@media screen and (max-width: 375px) {
  /* 01*worries */
  .worries h2 {
    margin: auto -2rem;
    letter-spacing: -0.05em;
  }
	
  /* 04*point */
  .point h2 {
    margin: auto -2rem 3rem;
  }
	
  .point_brownbox::before {
    left: 1rem;
  }

  @media screen and (max-width: 350px) {
    .point_brownbox::before {
      background: none;
    }
  }
	
  /* 05*feature */
  .feature h2 {
    letter-spacing: 0;
    margin: auto -2rem;
  }
	
  /* 06*course */
  .course_text01 .--title {
    margin: auto -2rem;
  }
	
  .course_text01 p.sp {
    margin: auto -2rem;
  }
	
  .course_ex {
    line-height: 1.8;
  }
	
  .course_ex p {
    padding-top: 2rem;
  }
	
  .course_detail h5 .f_small {
    font-size: 1.2rem;
    padding: 0 1rem;
  }
	
  .option {
    padding: 5rem 3rem 1rem;
  }
	
  .option::before {
    left: 40%;
  }
}

@media screen and (max-width: 320px) {
  /* 06*cours-コース詳細 */
  .course_block .--course1 .--coursebox.--pinkbox::before, .course_block .--course2 .--coursebox.--bluebox::before {
    left: 30%;
  }

  .point h2 {
    margin: auto 0 3rem;
  }

  .contact.--in .contact_text p.kaisai{
    font-size: 1.6rem;
  }
}