@charset "UTF-8";
/*===========================================================================
*
*	EDIT
*
*==========================================================================*/
/* themeColor（テーマのフォントカラー）
**********************************/
.u-themeColor,
.u-n-themeFontColor{
  color: #ee86a8;
}

/* ナビゲーション
**********************************/
.p-contentsNav .p-contentsNav__list .p-contentsNav__list__item.is-current a {
  background-color: #ee86a8;
}

/* hl（見出し）
**********************************/
.c-hl{
  color: #000;
}
.c-hl span {
  border-bottom: 3px solid #ee793f;
}

@media only screen and (max-width: 767px) {
  .c-hl span {
    border-bottom-width: 2px;
  }
}

.c-rt em{
  color: #ee793f;
}

/* balloon（色付き吹き出し）
**********************************/
.c-balloon--colored span {
  background-color: #ee86a8;
  margin-bottom: 10px; /* 吹き出しのしっぽの分 */
}

.c-balloon--colored span:after {
  border-top-color: #ee86a8;
}

/* メイン画像の注釈
**********************************/
.hero__visual{
  position: relative;
}
.hero__visual__note{
  font-size: 12px;
  font-size: 1.2rem;
}
.u-visible_lg .hero__visual__note{
  position: absolute;
  bottom: 0;
  left: calc(50vw - 500px);
}
.u-visible_xs .hero__visual__note{
  display: block;
  text-align: center;
}

/* courseTabContents（受講費用ページのタブ周り）
**********************************/
.p-courseTabContents .p-courseTabContents__tabList .p-courseTabContents__tabList__item {
  background-image: url(../images/price/courseTabContents_bg_lg.png);
}

@media only screen and (max-width: 767px) {
  .p-courseTabContents .p-courseTabContents__tabList .p-courseTabContents__tabList__item {
    background-image: url(../images/price/courseTabContents_bg_xs.png);
  }
}

.p-courseTabContents .p-courseTabContents__tabList .p-courseTabContents__tabList__item a {
  color: #fd355c;
}

.p-courseTabContents .p-courseTabContents__panels .p-courseTabContents__panels__eachPanel {
  background-color: #f03c5f;
}

.p-courseTabContents .p-courseTabContents__panels .p-courseTabContents__panels__eachPanel > div .p-courseTabContents__panels__eachPanel__holder .p-courseTabContents__panels__eachPanel__holder__singleValue tr th {
  background-color: #fd355c;
}
.p-courseTabContents .p-courseTabContents__panels .p-courseTabContents__panels__eachPanel > div .p-courseTabContents__panels__eachPanel__holder .p-courseTabContents__panels__eachPanel__holder__singleValue{
  margin-bottom: 10px;
}
.p-courseTabContents__panels__eachPanel__holder__note{
  margin-top: 10px;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}

/* mv（メインビジュアルのリボン部分<画像の差し替えはhtml上のdata属性で編集してください。>）
**********************************/
.p-mv .p-mv__holder .p-mv__holder__texts .p-mv__holder__texts__ribbon {
  background-color: #ee86a8;
}

.p-mv .p-mv__holder .p-mv__holder__texts .p-mv__holder__texts__ribbon:before {
  border-right-color: #ee86a8;
}
.p-mv .p-mv__holder .p-mv__holder__texts h2{
  color: #000;
}

/* nextContents（ページ下部のnext部分）
**********************************/
.p-nextContents {
  background-color: #aee0e7;
}

.p-nextContents .p-nextContents__btn a {
  background-color: #ee86a8;
  box-shadow: 0 8px 0 #c4708c;
}

.p-nextContents .p-nextContents__btn a:hover {
  box-shadow: 0 0 0 #ee86a8;
}

.p-nextContents .p-nextContents__btn a .p-nextContents__btn__next {
  color: #ee86a8;
}

/*===========================================================================
*
*	index.html
*
*==========================================================================*/
.child_rasing#index .introduction {
  padding-top: 85px;
  padding-bottom: 50px;
  background-image: url(../images/index/introduction_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .introduction {
    padding-top: 30px;
    padding-bottom: 25px;
  }
}

.child_rasing#index .introduction .introduction__texts {
  text-align: center;
}

.child_rasing#index .introduction .introduction__texts .introduction__texts__balloon {
  margin-bottom: 25px;
}

.child_rasing#index .introduction .introduction__texts .introduction__texts__subHead {
  font-weight: bold;
  font-size: 39px;
  font-size: 3.9rem;
  margin-bottom: 10px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .introduction .introduction__texts .introduction__texts__subHead {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
  }
}

.child_rasing#index .introduction .introduction__texts .introduction__texts__subHead span {
  border-bottom: 3px solid #ee86a8;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .introduction .introduction__texts .introduction__texts__subHead span {
    border-bottom: 2px solid #ee86a8;
  }
}

.child_rasing#index .introduction .introduction__texts .introduction__texts__head {
  font-size: 30px;
  font-size: 3rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .introduction .introduction__texts .introduction__texts__head {
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .introduction .introduction__texts .introduction__texts__head span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.child_rasing#index .introduction .introduction__texts .introduction__texts__head em {
  font-size: 39px;
  font-size: 3.9rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .introduction .introduction__texts .introduction__texts__head em {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .introduction .introduction__texts .introduction__texts__rt {
    text-align: left;
  }
}

.child_rasing#index .introduction .introduction__texts .introduction__texts__fig {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.child_rasing#index .introduction .introduction__texts .introduction__texts__fig {
  margin-top: 20px;
}
}

.child_rasing#index .trouble{
  padding: 60px 0 50px;
  background-color: #bee7ec;
  position: relative;
}
.child_rasing#index .trouble:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 40px 0 40px;
  border-color: #bee7ec transparent transparent transparent;
  position: absolute;
  margin: auto;
  top: 100%;
  left: 0;
  right: 0;
}
.child_rasing#index .trouble__hl{
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 50px;
}
.child_rasing#index .trouble__examples{
  text-align: center;
}
.child_rasing#index .trouble__example__title{
  margin: 10px 0 0;
  color: #ee86a8;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
}
.child_rasing#index .trouble__example img{
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
.child_rasing#index .trouble__example{
  float: left;
  width: 25%;
  position: relative;
}
.child_rasing#index .trouble__example__title{
  margin-left: -20px;
  margin-right: -20px;
    min-height: 124px;
    margin-bottom: 20px;
}
.child_rasing#index .trouble__example img{
}
}
@media only screen and (max-width: 767px) {
.child_rasing#index .trouble__example + *{
  margin-top: 40px;
}
.child_rasing#index .trouble__example__title{
  margin-bottom: 20px;
}
}

.child_rasing#index .expectation{
}
.child_rasing#index .expectation .c-rt em{
  color: #ee793f;
}
.child_rasing#index .expectation__header{
  padding: 80px 0 50px;
  background: url(../images/index/circle_bg.png) no-repeat 50% 50%;
  background-size: cover;
  text-align: center;
  position: relative;
}
.child_rasing#index .expectation__header:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 40px 0 40px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  margin: auto;
  top: 100%;
  left: 0;
  right: 0;
}
.child_rasing#index .expectation__hl{
  margin-bottom: 25px;
}
.child_rasing#index .expectation__hl em{
  font-size: 130%;
  color: #ee86a8;
}
.child_rasing#index .expectation__item{
  padding: 20px 0;
}
.child_rasing#index .expectation__header + *{
  padding-top: 50px;
}
.child_rasing#index .expectation__item__hl{
  margin-bottom: 35px;
}
.child_rasing#index .expectation__item__hl em{
  color: #ee793f;
}
.child_rasing#index .expectation__item:nth-child(even){
  background-color: #f4f0e7;
}
@media only screen and (min-width: 768px) {
.child_rasing#index .expectation__item .c-inner_contents > *{
  display: inline-block;
  vertical-align: middle;
}
.child_rasing#index .expectation__item__content{
  width: 424px;
  margin-right: 125px;
}
.child_rasing#index .expectation__item img{
  width: 441px;
}
}
@media only screen and (max-width: 767px) {
.child_rasing#index .expectation__item__hl{
  margin-bottom: 20px;
}
.child_rasing#index .expectation__item img{
  margin-top: 20px;
}
}

.child_rasing#index .teacher{
  padding: 80px 0 65px;
  background-color: #fce7e9;
  text-align: center;
  position: relative;
}
.child_rasing#index .teacher:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 40px 0 40px;
  border-color: #fce7e9 transparent transparent transparent;
  position: absolute;
  margin: auto;
  top: 100%;
  left: 0;
  right: 0;
}
.child_rasing#index .teacher .c-hl{
  margin-bottom: 30px;
  font-weight: bold;
}
.child_rasing#index .teacher .c-hl em{
  font-size: 130%;
  color: #ee793f;
}
.child_rasing#index .teacher .c-rt{
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 50px;
}
.child_rasing#index .teacher__profile figure{
  margin-bottom: 1.5em;
  text-align: center;
  font-weight: bold;
}
.child_rasing#index .teacher__profile{
  display: inline-block;
  margin: 0 50px;
}
.child_rasing#index .teacher__profile img{
  width: 186px;
  border-radius: 50%;
}
.child_rasing#index .teacher__profile__name{
  margin-top: 1em;
}
.child_rasing#index .teacher__profile .c-btn a{
  padding: 0 1em 0 3em;
  display: inline-block;
  color: #000;
}
@media only screen and (max-width: 767px) {
.child_rasing#index .teacher .c-hl{
  font-size: 2.2rem;
}
.child_rasing#index .teacher .c-rt{
  margin-bottom: 0;
}
.child_rasing#index .teacher__profile{
  margin-top: 2em;
}
.child_rasing#index .teacher__texts small{
  font-size: .8em;
}
}

.child_rasing#index .keepReasons{
}
.child_rasing#index .keepReasons .c-rt em{
  color: #ee793f;
}
.child_rasing#index .keepReasons__header{
  padding: 85px 0 60px;
  background: url(../images/index/circle_bg.png) no-repeat 50% 50%;
  background-size: cover;
  text-align: center;
  position: relative;
}
.child_rasing#index .keepReasons__header:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38px 40px 0 40px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  margin: auto;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
}
.child_rasing#index .keepReasons__hl{
  margin-bottom: 25px;
}
.child_rasing#index .keepReasons__hl em{
  font-size: 130%;
  color: #ee793f;
}
.child_rasing#index .keepReasons__list__item {
  position: relative;
  min-height: 450px;
  padding: 65px 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .keepReasons__list__item {
  padding: 30px 0;
    height: auto;
  }
}

.child_rasing#index .keepReasons__list__item .keepReasons__list__item__texts {
  width: 475px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .keepReasons__list__item .keepReasons__list__item__texts {
    width: 100%;
    float: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.child_rasing#index .keepReasons__list__item__num {
  display: block;
  margin: auto;
  width: 82px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .keepReasons__list__item .keepReasons__list__item__num {
    position: static;
    display: block;
    text-align: center;
  }
  .child_rasing#index .keepReasons__list__item .keepReasons__list__item__num img {
    width: 58px;
  }
}

.child_rasing#index .keepReasons__list__item__texts__abstruct {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.8;
  font-weight: bold;
  margin: 30px 0;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .keepReasons__list__item__texts__abstruct {
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
.child_rasing#index .keepReasons__list__item__texts__abstruct em {
  border-bottom: 3px solid #ee793f;
}

.child_rasing#index .keepReasons__list__item .keepReasons__list__item__fig {
  width: 425px;
  float: right;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .keepReasons__list__item .keepReasons__list__item__fig {
    width: 100%;
    float: none;
  }
}

.child_rasing#index .keepReasons__list__item .keepReasons__list__item__fig figure {
  text-align: right;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .child_rasing#index .keepReasons__list__item .keepReasons__list__item__fig figure {
    text-align: center;
  }
}

.child_rasing#index .keepReasons__list__item .keepReasons__list__item__fig__label {
  position: absolute;
  right: -20px;
  top: -40px;
}
@media only screen and (max-width: 767px) {
.child_rasing#index .keepReasons__list__item .keepReasons__list__item__fig__label {
  width: 100px;
  right: -10px;
  top: -20px;
}
}

.child_rasing#index .keepReasons__list__item--01 {
  background-image: url(../images/index/reason_bg_01.jpg);
}
@media only screen and (min-width: 768px) {
.child_rasing#index .keepReasons__list__item--01 {
  padding-top: calc(7.91vw + 40px);
}
}

.child_rasing#index .keepReasons__list__item--02 {
  background-image: url(../images/index/reason_bg_02.jpg);
}

.child_rasing#index .keepReasons__list__item--03 {
  background-image: url(../images/index/reason_bg_03.jpg);
}

.child_rasing .modal__instructor {
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .child_rasing .modal__instructor {
    padding: 30px 15px;
  }
}

.child_rasing .modal__instructor .modal__instructor__photo {
  display: block;
  text-align: center;
  margin-bottom: 25px;
}
.child_rasing .modal__instructor .modal__instructor__photo img {
  border-radius: 50%;
}

.child_rasing .modal__instructor .modal__instructor__profile {
  margin-bottom: 25px;
}

.child_rasing .modal__instructor .modal__instructor__profile dt {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 15px;
}

.child_rasing .modal__instructor .modal__instructor__profile dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

@media only screen and (max-width: 767px) {
  .child_rasing .modal__instructor .modal__instructor__profile dd {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.666666667;
  }
}

.child_rasing .modal__instructor .modal__instructor__works {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
}

@media only screen and (max-width: 767px) {
  .child_rasing .modal__instructor .modal__instructor__works {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.666666667;
  }
}

.child_rasing .modal__detail {
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .child_rasing .modal__detail {
    padding: 30px 15px;
  }
}

.child_rasing .modal__detail .modal__detail__head {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.child_rasing .modal__detail .modal__detail__head:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #cfd7de;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

.child_rasing .modal__detail .modal__detail__head span {
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 0 15px;
}

.child_rasing .modal__detail .modal__detail__rt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.714285714;
}

/*===========================================================================
*
*	price.html
*
*==========================================================================*/
.child_rasing#price .modal__texts {
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__texts {
    padding: 30px 15px;
  }
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__title {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__title {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__title span {
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 0 70px;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__title span:before, .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__title span:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background-color: #cfd7de;
  position: absolute;
  top: 50%;
  margin-top: -1px;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__title span:before {
  left: 0;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__title span:after {
  right: 0;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__span,
.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__correction {
  background-color: #b4c1d5;
  color: #fff;
  text-align: center;
  padding: 4px;
  width: 300px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__span,
  .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__correction {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__span {
  float: left;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__span {
    margin-bottom: 10px;
  }
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__correction {
  float: right;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__correction {
    width: none;
  }
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content {
  margin-top: 25px;
  margin-bottom: 25px;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 4px;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList {
  width: 300px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList {
    width: 100%;
  }
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList li {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 4px;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList li:first-child {
  margin-top: 0;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList li span {
  background-color: #f9f9ab;
  display: inline-block;
  padding: 0 10px;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList .modal__texts__holder__content__textList__mark {
  margin-left: 0;
  text-indent: 0;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList .modal__texts__holder__content__textList__mark span {
  background-color: #f9f9ab;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList--l {
  float: left;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList--l {
    float: none;
  }
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList--r {
  float: right;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__content dl dd .modal__texts__holder__content__textList--r {
    float: none;
  }
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__support {
  background-color: #ffffd6;
  padding: 20px;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__support p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__support ul {
  margin-left: -15px;
}

.child_rasing#price .modal__texts .modal__texts__holder .modal__texts__holder__support ul li {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  margin-left: 15px;
}

.child_rasing#price .modal__exam {
  padding: 50px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__exam {
    padding: 30px 15px;
  }
}

.child_rasing#price .modal__exam .modal__exam__title {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__exam .modal__exam__title {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
}

.child_rasing#price .modal__exam .modal__exam__title span {
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 0 70px;
}

.child_rasing#price .modal__exam .modal__exam__title span:before, .child_rasing#price .modal__exam .modal__exam__title span:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background-color: #cfd7de;
  position: absolute;
  top: 50%;
  margin-top: -1px;
}

.child_rasing#price .modal__exam .modal__exam__title span:before {
  left: 0;
}

.child_rasing#price .modal__exam .modal__exam__title span:after {
  right: 0;
}

.child_rasing#price .modal__exam .modal__exam__texts {
  border-bottom: 1px solid #b4c1d5;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.child_rasing#price .modal__exam .modal__exam__texts .modal__exam__texts__rt {
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__exam .modal__exam__texts .modal__exam__texts__rt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.child_rasing#price .modal__exam .modal__exam__texts .modal__exam__texts__points {
  margin-bottom: 15px;
}

.child_rasing#price .modal__exam .modal__exam__texts .modal__exam__texts__points li {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__exam .modal__exam__texts .modal__exam__texts__points li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.child_rasing#price .modal__exam .modal__exam__holder .modal__exam__holder__tableSummary {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #b4c1d5;
  padding: 10px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__exam .modal__exam__holder .modal__exam__holder__tableSummary {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.child_rasing#price .modal__exam .modal__exam__holder table tr th, .child_rasing#price .modal__exam .modal__exam__holder table {
  width: 100%;
}

.child_rasing#price .modal__exam .modal__exam__holder table tr th, .child_rasing#price .modal__exam .modal__exam__holder table tr td {
  padding: 10px;
  border: 1px solid #b4c1d5;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__exam .modal__exam__holder table tr th, .child_rasing#price .modal__exam .modal__exam__holder table tr td {
    padding: 6px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.child_rasing#price .modal__exam .modal__exam__holder table tr th {
  background-color: #f0f3f8;
  vertical-align: middle;
  width: 140px;
  text-align: left;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .child_rasing#price .modal__exam .modal__exam__holder table tr th {
    width: auto;
    white-space: nowrap;
  }
}

.child_rasing#price .modal__exam .modal__exam__holder table tr td {
  background-color: #fdf9ed;
}

.child_rasing#price .modal__exam .modal__exam__holder .modal__exam__holder__note {
  margin-top: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}

/*===========================================================================
*
*	merit.html
*
*==========================================================================*/
/* 概要 */
.child_rasing#merit .summary{
  padding: 55px 0;
  text-align: center;
}
.child_rasing#merit .summary__lead{
  margin-bottom: 40px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
}
.child_rasing#merit .summary img{
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.child_rasing#merit .summary .c-rt{
  text-align: left;
}
}

/* 4つのメリット */
.child_rasing#merit .fourMerits{
  padding: calc(7.91vw + 50px) 0 50px;
  background-color: #f4f0e7;
  position: relative;
}

.child_rasing#merit .fourMerits:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.91vw 50vw 0 50vw;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.child_rasing#merit .fourMerits .c-balloon > span{
  padding: 0 30px;
}
.child_rasing#merit .fourMerits__hl{
  margin: 0 auto;
  text-align: center;
}
.child_rasing#merit .fourMerits__meritList__item{
  margin-top: 60px;
  text-align: center;
}
.child_rasing#merit .fourMerits__meritList__item__lead{
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ee86a8;
  display: inline-block;
  border-bottom: 3px solid #ee86a8;
  margin-bottom: 20px;
}
.child_rasing#merit .fourMerits__meritList__item img{
  border-radius: 50%;
}
.child_rasing#merit .fourMerits__meritList__item__text{
  margin-top: 1em;
  text-align: left;
}
@media only screen and (min-width: 768px) {
.child_rasing#merit .fourMerits__meritList{
  width: 720px;
  margin: auto;
}
.child_rasing#merit .fourMerits__meritList__item{
  width: 310px;
  display: inline-block;
  vertical-align: top;
}
.child_rasing#merit .fourMerits__meritList__item:nth-child(odd){
}
.child_rasing#merit .fourMerits__meritList__item:nth-child(even){
  margin-left: 90px;
}
}

/*===========================================================================
*
*	curriculum.html
*
*==========================================================================*/
.child_rasing#curriculum .p-introduction {
  padding-top: 60px;
}
.child_rasing#curriculum .p-introduction__hl {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.child_rasing#curriculum .p-introduction__hl small {
  font-size: 1.6rem;
}
.child_rasing#curriculum .p-introduction__hl small:before,
.child_rasing#curriculum .p-introduction__hl small:after {
  display: none;
}
.child_rasing#curriculum .p-introduction__hl span {
  font-size: 2rem;
}
}


.child_rasing#curriculum .p-eachCurriculum__parts{
  padding-left: 20px;
  padding-bottom: 25px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
.child_rasing#curriculum .p-eachCurriculum__parts{
  min-height: 356px;
  background: #fff  url(../images/curriculum/eachCurriculum_character_01.png) no-repeat top 100% right 20px;
}
.child_rasing#curriculum .eachCurriculum--01 .p-eachCurriculum__parts{
  padding-right: 330px;
}
.child_rasing#curriculum .eachCurriculum--01 .p-eachCurriculum__parts__grid__col__eachPart + *{
  margin-top: 60px;
}
.child_rasing#curriculum .eachCurriculum--02 .p-eachCurriculum__parts{
  background-image:  url(../images/curriculum/eachCurriculum_character_02.png);
  background-position: top 100% right 0;
}
.child_rasing#curriculum .eachCurriculum--02 .p-eachCurriculum__parts{
  padding-right: 235px;
}
.child_rasing#curriculum .eachCurriculum--02 .p-eachCurriculum__parts__grid__col__eachPart + *{
  margin-top: 35px;
}
.child_rasing#curriculum .eachCurriculum--03 .p-eachCurriculum__parts{
  background-image:  url(../images/curriculum/eachCurriculum_character_03.png);
  background-position: top 100% right 10px;
}
.child_rasing#curriculum .eachCurriculum--03 .p-eachCurriculum__parts{
  padding-right: 280px;
}
.child_rasing#curriculum .eachCurriculum--03 .p-eachCurriculum__parts__grid__col__eachPart + *{
  margin-top: 35px;
}
}
.child_rasing#curriculum .p-eachCurriculum__holder__texts__month {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
.child_rasing#curriculum .p-eachCurriculum__holder__texts__month {
  width: auto;
}
}
.child_rasing#curriculum .p-eachCurriculum__holder {
  margin-bottom: 40px;
}
.child_rasing#curriculum .p-eachCurriculum__holder__texts {
  font-weight: bold;
}
.child_rasing#curriculum .p-eachCurriculum__holder__texts__hl {
  color: #ee793f;
  margin: 35px 0 15px;
}
.child_rasing#curriculum .p-eachCurriculum__holder__texts__hl small {
  display: block;
  font-size: 80%;
  line-height: 1;
}
.child_rasing#curriculum .p-eachCurriculum__holder__texts__month img {
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
.child_rasing#curriculum .p-eachCurriculum__holder__texts__month img {
  display: block;
  margin-bottom: 5px;
}
}
.child_rasing#curriculum .p-eachCurriculum__parts__grid__col {
  float: none;
  width: auto;
}
.child_rasing#curriculum .p-eachCurriculum__parts__grid__col__eachPart {
  margin-top: 15px;
  margin-left: 10px;
}
.child_rasing#curriculum .p-eachCurriculum__parts__grid__col__eachPart + * {
  padding-top: 10px;
  border-top: 1px solid #000;
}
@media only screen and (min-width: 768px) {
.child_rasing#curriculum .p-eachCurriculum__parts__grid__col__eachPart + * {
  column-count: 2;
  column-gap: 35px;
}
}
.child_rasing#curriculum .p-eachCurriculum__parts__grid__col__eachPart li {
  /* margin-top: 0; */
}
.child_rasing#curriculum .p-eachCurriculum__parts__grid__col__eachPart li:before {
  content: '';
  margin-right: 3px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 50%;
}
.child_rasing#curriculum .p-eachCurriculum__parts__grid__col__CorrectionProblem {
  margin-top: 20px;
  background-image: url(/assets_v4-0/images/common/icon_check_dark.png);
}

.child_rasing#curriculum .eachCurriculum--01{
  background-color: #d6e5f5;
}
.child_rasing#curriculum .eachCurriculum--01 .p-eachCurriculum__parts__grid__col__eachPart li:before {
  background-color: #6c9bd2;
}
.child_rasing#curriculum .eachCurriculum--02{
  background-color: #e7f1cf;
}
.child_rasing#curriculum .eachCurriculum--02 .p-eachCurriculum__parts__grid__col__eachPart li:before {
  background-color: #aacf52;
}
.child_rasing#curriculum .eachCurriculum--02 .p-eachCurriculum__parts__grid__col__CorrectionProblem {
  margin-top: 40px;
}
.child_rasing#curriculum .eachCurriculum--03{
  background-color: #fbddd8;
}
.child_rasing#curriculum .eachCurriculum--03 .p-eachCurriculum__parts__grid__col__eachPart li:before {
  background-color: #ef857d;
}


.child_rasing#curriculum .challenge {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.child_rasing#curriculum .challenge__holder {
  border: 4px solid #dbe5ea;
  padding: 35px 50px 10px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__holder {
    border: 2px solid #dbe5ea;
    padding: 15px;
  }
}

.child_rasing#curriculum .challenge__holder__texts {
  float: left;
  width: 490px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__holder__texts {
    float: none;
    width: 100%;
  }
}

.child_rasing#curriculum .challenge__holder__texts p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #603839;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__holder__texts p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.child_rasing#curriculum .challenge__holder__texts__hl {
  font-size: 24px;
  font-size: 2.4rem;
  color: #603839;
  line-height: 2;
  margin-bottom: 10px;
}

.child_rasing#curriculum .challenge__holder__texts__hl small {
  display: block;
  font-size: 75%;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__holder__texts__hl {
    font-size: 17px;
    font-size: 1.9rem;
    line-height: 1.7;
  }
}

.child_rasing#curriculum .challenge__holder__texts__hl span {
  border-bottom: 3px solid #eb6d94;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__holder__texts__hl span {
    border-bottom-width: 2px;
  }
}

.child_rasing#curriculum .challenge__holder__fig {
  float: right;
  width: 400px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__holder__fig {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
}

.child_rasing#curriculum .challenge__afterPass__pass {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__afterPass__pass {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__afterPass__pass img {
    width: 100px;
  }
}

.child_rasing#curriculum .challenge__afterPass__hl {
  margin-bottom: 30px;
  padding: 5px 0;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  background-color: #eb6d94;
}
.child_rasing#curriculum .challenge__afterPass__lead {
  margin-bottom: 20px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #eb6d94;
}
@media only screen and (max-width: 767px) {
.child_rasing#curriculum .challenge__afterPass__hl {
  margin-bottom: 15px;
}
.child_rasing#curriculum .challenge__afterPass__lead {
  font-size: 1.7rem;
}
}

.child_rasing#curriculum .challenge__afterPass__grid__col figure {
  margin-bottom: 15px;
}

.child_rasing#curriculum .challenge__afterPass__grid__col--l {
  width: 470px;
  float: left;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__afterPass__grid .challenge__afterPass__grid__col--l {
    width: 100%;
    float: none;
  }
}

.child_rasing#curriculum .challenge__afterPass__grid .challenge__afterPass__grid__col--r {
  width: 470px;
  float: right;
}

@media only screen and (max-width: 767px) {
  .child_rasing#curriculum .challenge__afterPass__grid .challenge__afterPass__grid__col--r {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
}

/*===========================================================================
*
*	support.html
*
*==========================================================================*/
.child_rasing#support .supports {
  background-color: #f4f0e7;
}
.child_rasing#support .supports .supports__eachSupport__grid {
  padding-top: 65px;
  padding-bottom: 65px;
  border-top: 1px solid #000;
}
.child_rasing#support .supports__eachSupport:first-child .supports__eachSupport__grid  {
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .supports .supports__eachSupport__grid {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.child_rasing#support .supports__eachSupport__grid__col__texts__ribbon {
  display: block;
  margin-bottom: 10px;
  width: 195px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  background-color: #ee86a8;
  color: #fff;
  font-family: 'Yu Gothic', sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
}
.child_rasing#support .supports__eachSupport__grid__col__texts__ribbon:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #ee86a8;
  position: absolute;
  left: 100%;
  top: 0;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .supports__eachSupport__grid__col__texts__ribbon {
    margin-bottom: 5px;
  }
}

.child_rasing#support .supports__eachSupport__grid__col__texts__hl {
  margin-bottom: 25px;
}
.child_rasing#support .supports__eachSupport__grid__col__texts__hl span {
  border-color: #eb6d94;
}
@media only screen and (max-width: 767px) {
  .child_rasing#support .supports__eachSupport__grid__col__texts__hl {
    margin-bottom: 15px;
    font-size: 1.9rem;
  }
}

.child_rasing#support .supports__eachSupport__grid__col__texts__rt {
  font-size: 15px;
  font-size: 1.5rem;
}

.child_rasing#support .supports__eachSupport__grid__col--l {
  float: left;
  width: 500px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .supports__eachSupport__grid__col--l {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}

.child_rasing#support .supports__eachSupport__grid__col--r {
  float: right;
  width: 450px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .supports__eachSupport__grid__col--r {
    float: none;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
.child_rasing#support .teacher__profile{
  margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.child_rasing#support .teacher__profile{
  display: inline-block;
  width: 48%;
}
}
.child_rasing#support .teacher__profile figure{
  margin-bottom: 30px;
  text-align: center;
}
.child_rasing#support .teacher__profile img{
  width: 186px;
  border-radius: 50%;
}
.child_rasing#support .teacher__profile__name{
  margin-top: 1em;
}
.child_rasing#support .teacher__profile .c-btn a{
  padding: 0 1em 0 3em;
  display: inline-block;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .supports .supports__eachSupport--02 {
    background-image: none;
    height: auto;
    padding-bottom: 0;
  }
}

.child_rasing#support .supports .supports__eachSupport--02 .supports__eachSupport__grid__col__texts__rt {
  margin-bottom: 25px;
}

.child_rasing#support .followUp {
  background-color: #e9f2f4;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .followUp {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.child_rasing#support .followUp .followUp__grid .followUp__grid__col .followUp__grid__col__sub {
  width: 154px;
  display: block;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .followUp .followUp__grid .followUp__grid__col .followUp__grid__col__sub {
    width: 85px;
    margin-bottom: 5px;
  }
}

.child_rasing#support .followUp .followUp__grid .followUp__grid__col .followUp__grid__col__attention {
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .followUp .followUp__grid .followUp__grid__col .followUp__grid__col__attention {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.child_rasing#support .followUp .followUp__grid .followUp__grid__col .followUp__grid__col__hl {
  margin-bottom: 20px;
}

.child_rasing#support .followUp .followUp__grid .followUp__grid__col .followUp__grid__col__fig {
  margin-bottom: 25px;
}

.child_rasing#support .followUp .followUp__grid .followUp__grid__col .followUp__grid__col__note {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .followUp .followUp__grid .followUp__grid__col .followUp__grid__col__note {
    font-size: 10px;
    font-size: 1rem;
  }
}

.child_rasing#support .followUp .followUp__grid .followUp__grid__col--l {
  float: left;
  width: 470px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .followUp .followUp__grid .followUp__grid__col--l {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }
}

.child_rasing#support .followUp .followUp__grid .followUp__grid__col--r {
  float: right;
  width: 470px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .followUp .followUp__grid .followUp__grid__col--r {
    float: none;
    width: 100%;
  }
}

.child_rasing#support .modal .modal__comment {
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#support .modal .modal__comment {
    padding: 30px 15px;
  }
}

.child_rasing#support .modal .modal__comment figure {
  text-align: center;
}

/*===========================================================================
*
*	text.html
*
*==========================================================================*/
.child_rasing#text .steps .steps__eachStep {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#text .steps .steps__eachStep {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.child_rasing#text .steps .steps__eachStep .steps__eachStep__balloon {
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
}

.child_rasing#text .steps__eachStep__balloon > span {
  padding: 2px 35px;
}

.child_rasing#text .steps__eachStep__hl {
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
}
.child_rasing#text .steps__eachStep__hl span {
  border-color: #eb6d94;
  font-size: 150%;
}
@media only screen and (min-width: 768px) {
.child_rasing#text .steps__eachStep__hl span {
  margin-left: 10px;
}
}
.child_rasing#text .steps__eachStep__rt {
  margin-bottom: 35px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .child_rasing#text .steps__eachStep__rt {
    margin-bottom: 15px;
  }
}

.child_rasing#text .steps__eachStep__point {
  background-color: #fff;
  border-radius: 14px;
  padding: 75px 30px;
  line-height: 1.7;
  overflow: hidden;
  position: relative;
}
.child_rasing#text .steps__eachStep__point:before,
.child_rasing#text .steps__eachStep__point:after {
  content: '';
  display: block;
  height: 23px;
  background: url(../images/text/text_bg_yellow.png) no-repeat;
  position: absolute;
  left: 0;
  right: 0;
}
.child_rasing#text .steps__eachStep__point:before{
  top: 0;
}
.child_rasing#text .steps__eachStep__point:after{
  bottom: 0;
  transform: rotate(180deg);
}
.child_rasing#text .steps__eachStep--02 .steps__eachStep__point:before,
.child_rasing#text .steps__eachStep--02 .steps__eachStep__point:after{
  background-image: url(../images/text/text_bg_blue.png);
}
.child_rasing#text .steps__eachStep--03 .steps__eachStep__point:before,
.child_rasing#text .steps__eachStep--03 .steps__eachStep__point:after{
  background-image: url(../images/text/text_bg_green.png);
}
.child_rasing#text .steps__eachStep--04 .steps__eachStep__point:before,
.child_rasing#text .steps__eachStep--04 .steps__eachStep__point:after{
  background-image: url(../images/text/text_bg_orange.png);
}

@media only screen and (max-width: 767px) {
  .child_rasing#text .steps__eachStep__point {
    padding: 20px 15px 40px;
  }
}

@media only screen and (min-width: 768px) {
.child_rasing#text .steps__eachStep--01 .steps__eachStep__point figure img + img{
  margin-top: 150px;
}
}

.child_rasing#text .steps__eachStep__point__ribon {
  margin: 35px 0 20px;
}
.child_rasing#text .steps__eachStep__point__ribon:first-child{
  margin-top: 0;
}

.child_rasing#text .steps__eachStep__point__hl {
  margin: 10px 0 ;
  font-size: 1.5em;
  color: #eb6d94;
  font-weight: bold;
}

.child_rasing#text .steps__eachStep__point__text {
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
.child_rasing#text .steps__eachStep__point__ribon {
  width: 112px;
  margin-bottom: 10px;
}
.child_rasing#text .steps__eachStep__point__hl {
  font-size: 1.2em;
}
}

.child_rasing#text .steps .steps__eachStep--01 {
  background-color: #fbe3d5;
}
.child_rasing#text .steps .steps__eachStep--02 {
  background-color: #d3ebea;
}
.child_rasing#text .steps .steps__eachStep--03 {
  background-color: #ddecc4;
}
.child_rasing#text .steps .steps__eachStep--04 {
  background-color: #fce1ab;
}

.child_rasing#text .steps__eachStep--01 .steps__eachStep__point__grid {
  display: table;
}

.child_rasing#text .steps__eachStep__point__grid__col {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
.child_rasing#text .steps__eachStep__point__grid__col {
  padding: 0 20px;
}
.child_rasing#text .steps__eachStep__point__grid__col--l {
  width: 49%;
}
.child_rasing#text .steps__eachStep--02 .steps__eachStep__point__grid + * {
  margin-top: 55px;
}
.child_rasing#text .steps__eachStep--02 .steps__eachStep__point__grid__col {
  vertical-align: top;
}
.child_rasing#text .steps__eachStep--02 .steps__eachStep__point__ribon {
  margin-top: 0;
}
}

@media only screen and (max-width: 767px) {
  .child_rasing#text .steps__eachStep__point__grid {
    display: block;
    margin-left: 0;
  }
  .child_rasing#text .steps__eachStep__point__grid__col {
    display: block;
    margin-left: 0;
    margin-top: 20px;
  }
  .child_rasing#text .steps__eachStep__point__grid__col--l {
    width: 100%;
  }
}


@media only screen and (max-width: 767px) {
  .child_rasing#text .steps .steps__eachStep--03 .steps__eachStep__illust {
    width: 131px;
    margin-left: auto;
    margin-right: auto;
  }
}

.child_rasing#text .finally {
  padding: 65px 0;
}

.child_rasing#text .finally__container + .finally__container {
  margin-top: 65px;
  border-top: 1px solid #000;
  padding-top: 65px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#text .finally {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .child_rasing#text .finally__container + .finally__container {
    margin-top: 30px;
    padding-top: 30px;
  }
}

@media only screen and (min-width: 768px) {
.child_rasing#text .finally .finally__fig {
  float: right;
  margin-left: 70px;
}
}

.child_rasing#text .finally__hl {
  margin-bottom: 35px;
  font-size: 1.56em;
}

@media only screen and (max-width: 767px) {
  .child_rasing#text .finally__hl {
    margin-top: 1em;
    margin-bottom: 15px;
    font-size: 1.2em;
  }
}

.child_rasing#text .finally__hl small {
  display: inline-block;
  background-color: #ee86a8;
  color: #fff;
  font-size: .8em;
  margin-bottom: 1em;
  padding: 0 1em 0 .5em;
  line-height: 2em;
  height: 2em;
  position: relative;
}
.child_rasing#text .finally__hl small:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em .5em 1em 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  right: 0;
  top: 0;
}

.child_rasing#text .finally .finally__hl em,
.child_rasing#text .finally .finally__text em {
  font-weight: inherit;
  color: #eb6d94;
  font-weight: bold;
}

.child_rasing#text .privilege{
  background-color: #fcfaf3;
  padding: 65px 0 50px;
}
.child_rasing#text .privilege__hl{
  color: #fff;
  background-color: #ee86a8;
  border-radius: 5em;
  padding: 5px 15px;
  width: 15em;
  text-align: center;
  margin: auto;
}
.child_rasing#text .privilege__item{
  font-size: .93em;
  margin-top: 50px;
  padding: 30px;
  border-radius: 10px;
  position: relative;
  background: -moz-linear-gradient(0% 50% 0deg,#54c2f0 0%,#98c855 100%);
  background: -webkit-linear-gradient(0deg, #54c2f0 0%, #98c855 100%);
  background: -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,#54c2f0 ),color-stop(1,#98c855 ));
  background: -o-linear-gradient(0deg, #54c2f0 0%, #98c855 100%);
  background: -ms-linear-gradient(0deg, #54c2f0 0%, #98c855 100%);
  background: linear-gradient(90deg, #54c2f0 0%, #98c855 100%);
}
.child_rasing#text .privilege__item:nth-child(even){
  background: -moz-linear-gradient(0% 50% 0deg,#f09dc1 0%,#54c2f0 100%);
  background: -webkit-linear-gradient(0deg, #f09dc1 0%, #54c2f0 100%);
  background: -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,#f09dc1 ),color-stop(1,#54c2f0 ));
  background: -o-linear-gradient(0deg, #f09dc1 0%, #54c2f0 100%);
  background: -ms-linear-gradient(0deg, #f09dc1 0%, #54c2f0 100%);
  background: linear-gradient(90deg, #f09dc1 0%, #54c2f0 100%);
}
.child_rasing#text .privilege__item:before{
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background: #fff;
  border-radius: 10px;
}
.child_rasing#text .privilege__item > *{
  position: relative;
  z-index: 2;
}
.child_rasing#text .privilege__badge{
  display: block;
  margin: auto;
}
.child_rasing#text .privilege__title{
  font-size: 1.73em;
  margin-bottom: .3em;
}
.child_rasing#text .privilege__text{
  font-size: 15px;
  font-size: 1.5rem;
}
.child_rasing#text .privilege__sample{
  margin-top: 40px;
}
.child_rasing#text .privilege__sample p{
  padding: 0 1em;
}

.child_rasing#text .privilege__item--sub{
  margin-top: 50px;
  padding: 30px;
  font-size: .93em;
  background-color: #fff;
  border: 2px solid #993d91;
  border-radius: 10px;
}
.child_rasing#text .privilege__item--sub__fig{
  float: right;
  margin-left: 60px;
}
@media only screen and (min-width: 768px) {
.child_rasing#text .privilege__item{
  padding-left: 230px;
  position: relative;
}
.child_rasing#text .privilege__badge{
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50px;
}
.child_rasing#text .privilege__sample{
  display: table;
}
.child_rasing#text .privilege__sample > *{
  display: table-cell;
  min-width: 162px;
}
}
@media only screen and (max-width: 767px) {
.child_rasing#text .privilege__item,
.child_rasing#text .privilege__item--sub{
  margin-top: 30px;
  padding: 15px;
}
.child_rasing#text .privilege__badge{
  margin-bottom: 10px;
}
}

/*===========================================================================
*
*	exam.html
*
*==========================================================================*/
.child_rasing#exam .points__eachPoint {
  padding-top: 40px;
  padding-bottom: 40px;
  background-size: cover;
  height: 412px;
}

.child_rasing#exam .points__eachPoint__grid__col__texts__ribon {
  display: block;
  width: 124px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .points__eachPoint__grid__col__texts__ribon {
    margin-bottom: 5px;
  }
}

.child_rasing#exam .points__eachPoint__grid__col__texts__hl {
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .points__eachPoint__grid__col__texts__hl {
    margin-bottom: 15px;
  }
}

.child_rasing#exam .points__eachPoint__grid__col__texts__rt {
  font-size: 15px;
  font-size: 1.5rem;
}

.child_rasing#exam .points__eachPoint__grid__col--l {
  float: left;
  width: 475px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .points__eachPoint__grid__col--l {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}

.child_rasing#exam .points__eachPoint__grid__col--r {
  float: right;
  width: 475px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .points__eachPoint__grid__col--r {
    float: none;
    width: 100%;
  }
}

.child_rasing#exam .points__eachPoint--01 {
  background-color: #fcf1e4;
  background-image: url(../images/exam/eachPoint_01_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.child_rasing#exam .points__eachPoint--02 {
  background-color: #fff;
  background-image: url(../images/exam/eachPoint_02_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.child_rasing#exam .points__eachPoint--03 {
  background-color: #fcf1e4;
  background-image: url(../images/exam/eachPoint_03_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}

.child_rasing#exam .points__eachPoint--04 {
  background-color: #fff;
  background-image: url(../images/exam/eachPoint_04_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.child_rasing#exam .points__eachPoint--05 {
  background-color: #fcf1e4;
  background-image: url(../images/exam/eachPoint_05_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .points__eachPoint {
    padding-top: 20px;
    padding-bottom: 0;
    background-image: none;
    height: auto;
  }
}

.child_rasing#exam .overview {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .overview {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.child_rasing#exam .overview .overview__inner {
  width: 626px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .overview .overview__inner {
    width: 100%;
  }
}

.child_rasing#exam .overview__inner__hl {
  position: relative;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 35px;
  font-size: 20px;
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .overview__inner__hl {
    margin-bottom: 15px;
    font-size: 19px;
    font-size: 1.9rem;
  }
}

.child_rasing#exam .overview__inner__hl:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background-color: #cfd7de;
  width: 100%;
  height: 2px;
}

.child_rasing#exam .overview__inner__hl span {
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding-left: 25px;
  padding-right: 25px;
}

.child_rasing#exam .overview__inner__holder + .overview__inner__holder {
  margin-top: 45px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .overview__inner__holder + .overview__inner__holder {
    margin-top: 25px;
  }
}

.child_rasing#exam .overview__inner__holder__table {
  width: 100%;
}

.child_rasing#exam .overview__inner__holder__table tbody tr th {
  width: 150px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .overview__inner__holder__table tbody tr th {
    width: 125px;
  }
}

.child_rasing#exam .overview__inner__holder__note {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#exam .overview__inner__holder__note {
    width: 90.625%;
    margin-left: auto;
    margin-right: auto;
  }
}

.child_rasing#exam .overview__inner__holder__note li {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 6px;
}

.child_rasing#exam .overview__inner__holder__note li:first-child {
  margin-top: 0;
}


/*===========================================================================
*
*	about.html
*
*==========================================================================*/
.child_rasing#about .human{
  padding: 60px 0;
  text-align: center;
}
.child_rasing#about .human .c-hl{
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
.child_rasing#about .human .c-rt{
  text-align: left;
}
}

.child_rasing#about .works{
  padding: 60px 0;
  text-align: center;
  background-color: #f4f0e7;
}
.child_rasing#about .works .c-hl{
  margin-bottom: 35px;
}
.child_rasing#about .works img{
  margin-bottom: 20px;
}
.child_rasing#about .works .c-rt{
  text-align: left;
}
@media only screen and (min-width: 768px) {
.child_rasing#about .works figure{
  width: 670px;
  margin: auto;
}
.child_rasing#about .works img{
  float: left;
}
.child_rasing#about .works img + img{
  margin-left: 50px;
}
}

.child_rasing#about .introduction .p-introduction__hl{
  color: #000;
  text-align: left;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
.child_rasing#about .introduction .p-introduction__hl {
  font-size: 1.9rem;
}
}
.child_rasing#about .introduction .p-introduction__rt{
  text-align: left;
}
.child_rasing#about .c-inner_contents + .c-inner_contents{
  margin-top: 50px;
  border-top: 1px solid #000;
  padding-top: 50px;
}
@media only screen and (min-width: 768px) {
.child_rasing#about .introduction__texts{
  float: left;
}
.child_rasing#about .introduction__fig{
  max-width: 47%;
  float: right;
  text-align: right;
}
}
@media only screen and (max-width: 767px) {
.child_rasing#about .introduction__fig{
  margin-top: 20px;
}
}

/* スキルを活かす場面 */
.child_rasing#about .case {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  background: url(../images/about/case_bg.jpg) no-repeat 50% 0;
  background-size: cover;
}
.child_rasing#about .case__list {
  margin-top: 50px;
  padding: 45px 35px 30px;
  background-color: #ffffff;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .child_rasing#about .case {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .child_rasing#about .case__list {
    margin-top: 20px;
    padding: 20px;
  }
}
.child_rasing#about .case__list__item {
  width: 190px;
  float: left;
}
.child_rasing#about .case__list__item + * {
  margin-left: 55px;
}
.child_rasing#about .case__list__item img {
}
.child_rasing#about .case__list__item__head {
  display: block;
  margin-bottom: 15px;
  padding: 10px 0;
  border-top: 2px solid #ee793f;
  border-bottom: 2px solid #ee793f;
  font-size: 112.5%;
  font-weight: bold;
  color: #ee793f;
}
.child_rasing#about .case__list__item__text {
  display: block;
  text-align: left;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.child_rasing#about .case__head {
  font-size: 1.9rem;
}
.child_rasing#about .case__list__item {
  width: 100%;
  margin: 40px 0 0;
}
.child_rasing#about .case__list__item img {
  width: 70%;
}
.child_rasing#about .case__list__item__head {
  margin-left: 0;
  margin-right: 0;
}
}


.child_rasing#about .line {
  margin: 0;
  border: 0;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 2px;
  background-color: #f8f8f8;
}

@media only screen and (max-width: 767px) {
  .child_rasing#about .line {
    width: 90.625%;
  }
}

.child_rasing#about .advantage {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url(../images/about/advantage_bg.jpg);
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: center top;
}

@media only screen and (max-width: 767px) {
  .child_rasing#about .advantage {
    background-image: none;
  }
}

@media only screen and (max-width: 767px) {
  .child_rasing#about .advantage {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.child_rasing#about .advantage .advantage__hl {
  text-align: center;
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#about .advantage .advantage__hl {
    margin-bottom: 15px;
  }
}

.child_rasing#about .advantage .advantage__list {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -40px;
}

@media only screen and (max-width: 767px) {
  .child_rasing#about .advantage .advantage__list {
    width: 90%;
    margin-bottom: -25px;
  }
}

.child_rasing#about .advantage .advantage__list .advantage__list__item {
  width: 470px;
  float: left;
  margin-bottom: 40px;
}

.child_rasing#about .advantage .advantage__list .advantage__list__item:nth-child(odd) {
  clear: both;
}

@media only screen and (max-width: 767px) {
  .child_rasing#about .advantage .advantage__list .advantage__list__item {
    width: 100%;
    float: none;
    margin-bottom: 25px;
  }
}

.child_rasing#about .advantage .advantage__list .advantage__list__item .advantage__list__item__fig {
  width: 340px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .child_rasing#about .advantage .advantage__list .advantage__list__item .advantage__list__item__fig {
    width: 100%;
    margin-bottom: 10px;
  }
}

.child_rasing#about .advantage .advantage__list .advantage__list__item .advantage__list__item__rt {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .child_rasing#about .advantage .advantage__list .advantage__list__item .advantage__list__item__rt {
    text-align: left;
  }
}
/* _微調整
--------------------------*/
.p-contentsNav .p-contentsNav__list .p-contentsNav__list__item {
    width: 10%!important;
}