@charset "utf-8";

/********************************************
  SLIDER
*********************************************/
.ly_slider{
  width:100%;
  background-color: #e8a323;
  overflow: hidden;
}
.ly_slider__inner{
  width:100%;
  max-width: 1200px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}
.slider{

}
.slider__slide{
  cursor: pointer;
}
.slider__slide--fifth{
  cursor: default;
  border: 11px solid #F3CC80;
  box-sizing: border-box;
  height: initial!important;
}
.slider__imgWrapper{
  width:100%;
}
.slider__imgWrapper--fifth{
  /*width: 85%;
  margin: 50px auto 0 auto;*/
}
.slider__video{
  text-align: center;
  padding: 3%;
  box-sizing: border-box;
}
.slider__video--title{
  width:100%;
  text-align: center;
  margin-top: 5%;
}
.slider__video--title img{
  max-width:684px;
  width: 75%;
}
.slider__table{
  width:45%;
  margin: 10px auto;
}
.slider__table tr td{
  padding: 1%;
  vertical-align: bottom;
  position: relative;
  text-align: center;
}
.slider__table tr td i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -105%);
  -ms-transform: translate(-50%, -105%);
  font-size: 65px;
  color: #ffffff;
  opacity: 1;
}
.slider__table img{
  width:100%;
  margin: 0;
}
.slider__table tr td img.as_text{
  left: 50%;
  width: 75%;
  margin-top: 45px;
}

.slider__img{
  width:100%;
}
a.not_opacity:hover{
  opacity: 1;
}
.slider__img.not_activated{
  display:none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	filter: drop-shadow(3px 3px 3px rgba(70, 70, 70, 0.6));

}

@media screen and (max-width: 900px) {
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next,
  .swiper-button-next, .swiper-button-prev{
    top:37%!important;
  }
  .slider__table{
    margin: 35px auto 0 auto;
  }
  .slider__table tr td img.as_text{
    width: 100%;
    margin-top: 15px;
  }
}

/********************************************
  VIDEO
*********************************************/
.ly_video{
  background-color: #F9F2E9;
  display: none;
}
.video{
  max-width:800px;
  width:90%;
  margin: auto;
  overflow: hidden;
  padding-bottom: 45px;
}
.video__title{
  text-align: center;
  font-weight: 300;
  font-size: 36px;
  margin-top: 60px;
}
.video__thumbnail{
  display: table;
  width: 100%;
  margin-top: 55px;
}
.video__thumbnail  li{
  display:table-cell;
  padding: 5px;
  position: relative;
  cursor: pointer;
}
.video__thumbnail  li:hover{
  background-color: #ffffff;
}
.video__thumbnail  li i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 65px;
  color: #ffffff;
  opacity: 1;

}
.video__thumbnail > li img{
  width: 100%;
}
.video__thumbnail > li img:hover{
  opacity: 0.7;
}
.video__image p{
  margin-top:30px;
  line-height: 1.7;
  font-size: 14px;
}
/********************************************
  こころのデータ
*********************************************/
.ly_kokoro__dynamicSlider{
	width:100%;

  margin: 0 auto !important;
	overflow: visible !important;
	text-align: center;
  padding: 65px 0 45px 0;
  background: #e0edef;
}
.kokoro__dynamicSlider{
	background-color: #FFFFFF;
	padding: 75px 0;
	margin-bottom: 45px;
}
.kokoro__dynamicSlider__question{
	font-size: 36px;
  font-weight: normal;
}
.kokoro__dynamicSlider__input{
	clear: both;
	border: #e0e0e0 1px solid;
	display: block;
	margin: auto;
	width: 150px;
	color: #E8A323;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin-top: -5px;
	padding: 5px;
}
.dynamicSlider {
  position: relative;
  margin: 45px auto 3rem;
  width: 895px;
}
.dynamicSlider__catch{
  font-size: 34px;
  font-weight: normal;
  color:#E8A323;
  display: inline;
}
.dynamicSlider__dycSlider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%; 
  height: 7px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7; 
  -webkit-transition: .2s;
	transition: opacity .2s;
  margin-top: 75px;
}
.dynamicSlider__dycSlider::-webkit-slider-thumb {
  -webkit-appearance: none; 
  appearance: none;
  width: 70px;
  height: 35px;
  /*background: #e8a323;*/
  background: #E8A323;
	background-image: url('/assets/images/kokoro/slider_bg.png');
	background-size: contain;
	background-position: center;
  cursor: pointer;
	border:3px #e0edef solid;
  border-radius: 25px;
  content: "<>";
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}

.dynamicSlider__dycSlider::-moz-range-thumb {
  width: 70px;
  height: 35px;
  /*background: #e8a323;*/
  background: #E8A323;
	background-image: url('/assets/images/kokoro/slider_bg.png');
	background-size: contain;
	background-position: center;
  cursor: pointer;
	border:3px #e0edef solid;
  border-radius: 25px;
  display: block;
  content: "<>";
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}
.dynamicSlider__dycSlider:hover {
  opacity: 1;
  
}

.dynamicSlider__dycSlider::-moz-range-progress {
  /*background-color: #e8a323;*/
  background-color: #E8A323;
	height: 7px;
}
.dynamicSlider__dycSlider::-moz-range-track {  
  background-color: #d3d3d3;
	height: 7px;
}

.dynamicSlider__dycSlider::-ms-fill-lower {
  /*background-color: #e8a323;*/
  background-color: #E8A323;
	height: 7px;
}
.dynamicSlider__dycSlider::-ms-fill-upper {  
  background-color: #d3d3d3;
	height: 7px;
}
.dynamicSlider__output {
  /*color: #e8a323;*/
  color: #60aab9;
  padding: 4px 25px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
	font-size: 50px;
	font-weight: bold;
  transform: translateX(-50%);
  top:-25px;
}
.dynamicSlider__result{
	margin-top: 50px;
	display: table;
  width: 100%;
  background-color: #ffffff;
  padding:30px 0 45px 0;
}
.dynamicSlider__column{
	display: table-cell;
	border-right: 1px #e0e0e0 solid;
	width: 33%;
	text-align: left;
	padding: 10px 30px;
}
.dynamicSlider__column:last-child{
	border-right: none;
}


.dynamicSlider__column__percent{
  /*color: #e8a323;*/
  color: #60aab9;
	font-size: 47px;
  font-weight: bold;
  margin: 35px 0 7px 0;
}
.dynamicSlider__column__percent > i{
	font-size:40px;
	overflow: hidden;
}
.dynamicSlider__column__percent > span:nth-of-type(2){
	font-size:13px;
	font-weight: normal;
}
.dynamicSlider__column__detail{
	padding: 0;
	margin: 0;
}
.dynamicSlider__column__detail > dt,.dynamicSlider__column__detail > dd{
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
}

.kokoro__catch{
  font-size: 34px;
  color:#FFFFFF;
  display: inline;
  background-image: url('/assets/images/kokoro/main_icon.png');
  background-repeat: no-repeat;
  background-position: center left;
	padding-left: 50px;
}


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

.ly_kokoro__dynamicSlider{
		padding: 35px 0 20px 0;
}
.kokoro__dynamicSlider__question{
	font-size:20px;
	margin-bottom: 35px;
}
.dynamicSlider {
	margin: 45px auto 3rem;
	width: 77%;
}
.dynamicSlider__dycSlider {
  margin-top: 45px;
}
.dynamicSlider__output {
	font-size: 30px;
	font-weight: bold;
}
.dynamicSlider__column{
	display: block;
	border-right:none;
	width: 100%;
  padding: 5px;
  text-align: center;
}
.dynamicSlider__column__percent{
	font-size: 35px;
}
.dynamicSlider__column__percent > i{
	font-size:30px;
}
}

/********************************************
  お悩み
*********************************************/
.ly_worries{
  max-width:959px;
  width:90%;
  margin: auto;
}
.worries{
  text-align: center;
}
.worries__title{
  text-align: center;
  font-weight: 300;
  font-size: 36px;
  margin-top: 90px;
}
.worries__title > span{
  font-size: 54px;
  color:#E8A323;
}
.worries__img{
  width:277px;
  margin: auto;
}
.worries__checklist{
  border-radius: 10px;
  position: relative;
  margin-top: 75px;
  padding: 35px;
}
.worries__list--school{
  background-color: #E0EDEF;
}
.worries__list--student{
  background-color: #F7EDE4;
}
.worries__list--parent{
  background-color: #D4EADA;
}
.worries__ttl{
  display:inline-block;
  position: absolute;
  top: -25px;
  font-size: 24px;
  left: 0;
  right: 0;
  margin: auto;
  height:42px;
  line-height: 42px;
  color: #ffffff;
  font-weight: 400;
}
.worries__ttl--school{
  background-color: #4A9EAC;
  width:220px;
  border-radius: 21px;
}
.worries__ttl--student{
  background-color: #E8A323;
  width:373px;
  border-radius: 21px;
}
.worries__ttl--parent{
  background-color: #53B16D;
  width:245px;
  border-radius: 21px;
}
.worries__list{
  text-align: left;
  padding: 0;
  margin: 0;
  list-style: none;
  max-width:635px;
  width:100%;
}
.worries__list > li{
  font-size: 20px;
  padding: 13px 0 13px 40px;
  margin-left: 70px;
  background-repeat: no-repeat;
  background-position: left;
}
.worries__list > li.twoLine{
  background-position: top 13px left;
}
.worries__list--school > li{
  background-image: url("/assets/images/index/worries_check_school.png");
}
.worries__list--student > li{
  background-image: url("/assets/images/index/worries_check_student.png");
}
.worries__list--parent > li{
  background-image: url("/assets/images/index/worries_check_parent.png");
}

.worries__listImg{
  position: absolute;
  width:122px;
  bottom: 0;
  right:140px;
}

.worries__arrow{
  width:78px;
  margin-top: 70px;
}

.worries__mentalHealth{
  margin-top: 45px;
}
.worries__mh__ttl{
  font-size: 32px;
  font-weight: 400;
  color: #E8A323;
}
.worries__mh__ttl > span{
  display: block;
  font-size: 44px;
}
.worries__measures{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.worries__measure{
  width: 290px;
}
.worries__measure > img{
  width: 100%;
}
.worries__measure > p{
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  margin: 30px 0 45px 0;
}
@media screen and (max-width: 1000px) {
  .worries__measures{
    justify-content: center;
  }
  .worries__measure{
    width: 40%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 900px) {
  .worries__title{
    font-size: 20px;
    margin-top: 45px;
  }
  .worries__title > span{
    font-size: 30px;
  }
  .worries__img{
    width:147px;
    margin: auto;
  }
  .worries__checklist{
    margin-top: 55px;
    padding: 15px;
  }
  .worries__ttl{
    font-size: 16px;
  }
  .worries__ttl--school{
    width:145px;
  }
  .worries__ttl--student{
    width:233px;
  }
  .worries__ttl--parent{
    width:150px;
  }
  .worries__list > li{
    font-size: 14px;
    padding: 13px 0 13px 20px;
    margin-left: 10px;
    background-size: 16px;
  }
  .worries__listImg{
    width:96px;
    bottom: 0;
    right:40px;
    opacity: 0.3;
  }
  .worries__arrow{
    width:41px;
    margin-top: 35px;
  }
  .worries__mh__ttl{
    font-size: 18px;
  }
  .worries__mh__ttl > span{
    font-size: 22px;
  }
  .worries__measures{

  }
  .worries__measure{
    width: 45%;
    margin: 0 auto;
  }
  .worries__measure > p{
    font-size: 10px;
    margin: 15px 0 20px 0;
  }
}

/********************************************
  4つの特徴
*********************************************/
.ly_characteristics{
  background-color: #F9F2E9;
  padding-bottom: 55px;
}
.characteristics{
  max-width:959px;
  width:90%;
  margin: auto;
  overflow: hidden;
}

.characteristics__title{
  margin-top: 85px;
  margin-bottom: 45px;
}
.characteristics__title > span{
  display: block;
  margin-top: 10px;
  font-size: 20px;
}
.characteristic{
  padding: 20px 0;
  position: relative;
  background-color: #E8A323;
  margin-bottom: 25px;
  color:#ffffff;
}
.characteristic__number{
  position: absolute;
  top:-10px;
  left:35px;
}
.characteristic__inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.characteristic__img{
  width: 400px;
  text-align: center;
  margin-top: 20px;
}
.characteristic__detail{
  max-width:477px;
  width:100%;
  margin-right: 80px;
  line-height: 1.5;
  position: relative;
}
.characteristic__detail__title{
  font-size: 20px;
  font-weight: 500;

}
.characteristic__detail__text{
  font-size: 14px;
}
.characteristic__detail__title > span{
  height:auto;
  display: inline-block;
}
.characteristic__detail__title > span > img{
  width:50%;
}
.characteristic__detail__title > span:nth-child(2){
  position: absolute;
  top:5px;

}
.characteristic__detail__title > span.as_n3:nth-child(2){
  right: 80px;
}
.characteristic__detail__title > span.as_n4:nth-child(2){
  right: -10px;
}
@media screen and (max-width: 1063px) {
  .characteristic__img{
    margin: 25px auto;
  }
  .characteristic__detail{
    margin: auto;
  }
}

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

  .characteristics__title{
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .characteristics__title > span{
    display: block;
    margin-top: 10px;
    font-size: 15px;
  }

  .characteristic__img{
    width: 317px;
  }
  .characteristic__detail{
    /*margin-right: 0;*/
    line-height: 1.5;
    padding: 0 20px;
    text-align: center;
  }
  .characteristic__detail__title{
    font-size: 14px;
    text-align: center;
  }
  .characteristic__detail__title > span.as_n3:nth-child(2){
    right: -40px;
  }
  .characteristic__detail__title > span.as_n3:nth-child(2),
  .characteristic__detail__title > span.as_n4:nth-child(2){
    right: -70px;
    top:-20px;
    display:none;
  }
  .characteristic__detail__text{
    font-size: 12px;
  }
  
}
@media screen and (max-width: 375px) {

  .characteristic__detail__title > span > img{
    width:40%;
  }


}
/********************************************
  ニュース
*********************************************/
.ly_news{
  background-color: #FFFFFF
}
.news{
  max-width:800px;
  width:90%;
  margin: auto;
  overflow: hidden;
  padding-bottom: 75px;
}
.news__title{
  margin-top: 95px;
  margin-bottom: 45px;
}
.news__list{
  padding: 0;
  margin-bottom: 45px;
}
.news__detail{
  font-weight: normal;
  display: table;
  border-top: 1px #000000 solid;
  padding: 30px 0;
}
.news__detail:last-child{
  border-bottom: 1px #000000 solid;
}
.news__det{
  display: table-cell;
}
.news__det--date{
  width:130px;
  font-size: 16px;
  text-align: center;
}
.news__det--category{
  width:175px;
  font-size: 13px;
  text-align: center;
  color: #FFFFFF;
}
.news__det--category span{
  display: block;
  padding: 5px 10px;
}
.news__det--category span.as_press{
  background-color: #E8A323;
}
.news__det--category span.as_academic{
  background-color: #D96A2E;
}
.news__det--category span.as_media{
  background-color: #A6C803;
}
.news__det--category span.as_news{
  background-color: #6379d8;
}
.news__det--category span.as_event{
  background-color: #ea6bcd;
}
.news__det--category span.as_other{
  background-color: #6EBEE9;
}

.news__det--title{
  font-size: 16px;
  font-weight: normal;
  width:635px;
  padding: 0 15px;
  line-height: 1.5;
}
.news__btn{
  width:183px;
  height:30px;
  line-height: 30px;
  margin: auto;
  display: block;
  background-color: #E8A323;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
}
.news__btn:link,.news__btn:visited{
  color:#ffffff;
}
@media screen and (max-width: 900px) {
  .news{
    padding-bottom: 35px;
  }
  .news__title{
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .news__list{
    margin-bottom: 45px;
  }
  .news__detail{
    display: block;
    padding: 15px 0;
  }
  .news__det{
    display: inline-block;
  }
  .news__det--date{
    width:130px;
    font-size: 14px;
  }
  .news__det--category{
    font-size: 12px;

  }
  .news__det--category span{
    width: 130px;
  }
  .news__det--title{
    margin-top: 10px;
    font-size: 12px;
    width: 100%;
    padding: 0 23px;
  }
}
/********************************************
  よくある質問
*********************************************/
.ly_faq{
  background-color: #F9F2E9;
}
.faq{
  max-width:800px;
  width:90%;
  margin: auto;
  overflow: hidden;
  padding-bottom: 75px;
}
.faq__title{
  margin-top: 95px;
  margin-bottom: 45px;
}
.faq__detail{
  padding: 30px 0;
  width: 100%;
  border-top: 1px #000000 solid;
}
.faq__detail:last-of-type{
  border-bottom: 1px #000000 solid;
}
.faq__questions{
  width: 100%;
  display: table;
  cursor: pointer;
}
.faq__quest{
  display: table-cell;
}
.faq__quest--icon{
  width:100px;
  font-size: 16px;
  text-align: center;
}
.faq__quest--question{
  font-size: 16px;
  font-weight: normal;
  width:650px;
  line-height: 1.5;
  vertical-align: top;
}
.faq__quest--arrow{
  vertical-align: top;
  background-image: url('/assets/images/common/q_arrow.png');
  background-repeat: no-repeat;
  background-position: 0 10px;
}
.faq__quest--arrow.actived{
  background-image: url('/assets/images/common/q_arrow_on.png');
}
.faq__answer{
  padding:20px 50px 0 100px;
  width: 100%;
  display: none;
  line-height: 1.5;
}
.faq__answer a:link,.faq__answer a:visited{
  text-decoration: underline;
}

.faq__btn{
  width:183px;
  height:30px;
  line-height: 30px;
  margin: 25px auto;
  display: block;
  background-color: #E8A323;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
}
.faq__btn:link,.faq__btn:visited{
  color:#ffffff;
}
.faq__ans{
  clear: both;
  display: block;
  width: 100%;
}

@media screen and (max-width: 900px) {
  .faq{
    padding-bottom: 25px;
  }
  .faq__title{
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .faq__detail{
    padding: 10px 0;
  }
  .faq__quest--icon{
    width:70px;
  }
  .faq__quest--question{
    font-size: 12px;
    width:73%;
  }
  .faq__answer{
    padding:10px 45px 0 70px;
    font-size: 12px;
  }

}

/********************************************
  会社概要
*********************************************/
.ly_company{
  background-color: #ffffff;
}
.company{
  max-width:700px;
  width:100%;
  margin: auto;
  overflow: hidden;
  padding-bottom: 75px;
}
.company__title{
  margin-top: 95px;
  margin-bottom: 45px;
}
.company__info{
  padding: 0;
  list-style: none;
}
.company__detail{
  display: table;
  padding: 20px 0;
  border-top: 1px dashed #000000;
  width: 100%;
}
.company__detail:last-child{
  border-bottom: 1px dashed #000000;
  margin-bottom: 45px;
}
.company__det{
  display: table-cell;
}
.company__det--ttl{
  width: 170px;
  padding-left: 25px;
}
@media screen and (max-width: 900px) {
  .company{
    padding-bottom:25px;
  }
  .company__title{
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .company__detail{
    display: block;
    padding: 10px 35px;
    font-size: 12px;
  }
  .company__det{
    display: block;
  }
  .company__det--ttl{
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
  }
}

/********************************************
  お問い合わせ
*********************************************/
.ly_contact{
  background-color: #F9F2E9;
}
.contact{
  max-width:800px;
  width:100%;
  margin: auto;
  overflow: hidden;
  padding-bottom: 100px;
}
.contact__title{
  margin-top: 95px;
  margin-bottom: 45px;
}
.contact__text{
  text-align: center;
  margin-bottom: 45px;
}
.contact__btn{
  max-width:321px;
  width:90%;
  height:46px;
  line-height: 46px;
  margin: auto;
  display: block;
  background-color: #60AAB9;
  text-align: center;
  font-size: 16px;
  border-radius: 25px;
}
.contact__btn:link,.contact__btn:visited{
  color:#ffffff;
}
@media screen and (max-width: 900px) {
  .contact{
    padding-bottom:25px;
  }
  .contact__title{
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .contact__btn{
    width:40%;
  }
  .contact__text{
    font-size: 14px;
  }
}