/* CSS Document */
body {
	-webkit-text-size-adjust: 100%;
}

a:hover img {
  opacity: 1;
}



/* ==========================================================================//
//
//　幼稚園をお探しの方へ
//
// ========================================================================== */

.area_megumi_pre {
  text-align: center;
  font-size: 14px !important;
  line-height: 1.6;
}

/* box_ttl
---------------------------------------------------------- */
.box_ttl {
  position: relative;
  height: 658px;
  margin-bottom: 100px;
}
.box_ttl img.ttl_bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
}
.box_ttl .box_txt_01 {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 100;
  width: 600px;
}
.box_ttl .box_txt_01 p {
  margin: 0 0 25px;
}
.box_ttl .box_txt_01 p.fzbig {
  font-size: 18px;
}
.box_ttl .box_txt_01 .box_txt_02 {
  margin: 0 0 0 100px;
}
.box_ttl .box_txt_01 .box_txt_02 p {
  font-size: 13px;
  margin: 0 0 8px;
  text-align: left;
}

/*box_banner
---------------------------------------------------------- */
/*box_banner_01*/
.box_banner_01 {
  margin-bottom: 60px;
  position: relative;
}
.box_banner_01:after {
  content: '';/*何も入れない*/
  display: block;/*忘れずに！*/
  width: 42px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url(../img/img_arrow_01.jpg);
  background-size: contain;
  vertical-align: middle;
  margin: 30px auto 0;  
}
.box_banner_01 .balloon_01 {
  position: absolute;
  top: -80px;
  left: 20px;
}

.box_banner_01 ul {
  display: flex;
  justify-content: space-between;
  width: 650px;
  margin: 0 auto 30px;
}
.box_banner_01 ul li {
}
.box_banner_01 .box_houshin {
  width: 280px;
  margin: 0 auto;
}
.box_banner_01 .box_houshin a {
  display: flex;
}
.box_banner_01 .box_houshin a p {
  padding-top: 60px;
}

/*box_flow
---------------------------------------------------------- */
.box_flow {
}
.box_flow li {
  position: relative;
}
.box_flow li .balloon_oyako {
  position: absolute;
  top: 80px;
  left: 60px;
}
.box_flow li .balloon_oyako_click {
  position: absolute;
  top: 100px;
  right: 145px;
}
.box_flow li .balloon_taiken {
  position: absolute;
  top: 60px;
  left: 65px;
}
.box_flow li .balloon_taiken_click {
  position: absolute;
  top: 60px;
  right: 140px;
}
.box_flow li .balloon_sakura_01 {
  position: absolute;
  top: 40px;
  left: 5px;
}
.box_flow li .balloon_sakura_02 {
  position: absolute;
  top: 150px;
  right: 60px;
}
.box_flow li .balloon_sakura_click {
  position: absolute;
  top: 60px;
  right: 140px;
}
.box_flow li p {
  margin-bottom: 15px;
}
.box_flow li p.txt_01 {
  font-size: 18px;
}
.box_flow li p.txt_01 span.txt_target_harappa {
  border-bottom: #8AC540 2px dashed;
  padding-bottom: 3px;
}
.box_flow li p.txt_01 span.txt_target_onestep {
  border-bottom: #00A29A 2px dashed;
  padding-bottom: 3px;
}
.box_flow li p.txt_01 span.txt_target_sakura {
  border-bottom: #FF979D 2px dashed;
  padding-bottom: 3px;
}
.box_flow > li:after {
  content: '';/*何も入れない*/
  display: block;/*忘れずに！*/
  width: 42px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url(../img/img_arrow_01.jpg);
  background-size: contain;
  vertical-align: middle;
  margin: 30px auto;  
}


/*box_online
---------------------------------------------------------- */
.box_online {
  margin: 0 0 50px;
  position: relative;
}
.box_online:after {
  content: '';/*何も入れない*/
  display: block;/*忘れずに！*/
  width: 42px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url(../img/img_arrow_01.jpg);
  background-size: contain;
  vertical-align: middle;
  margin: 50px auto 0;  
}
.box_online .balloon_01 {
  position: absolute;
  top: -30px;
  left: 160px;
}
.box_online .ttl {
  margin: 0 0 30px;
}
.box_online p {
  margin: 0 0 20px;
}
.iPhone .box_online p {
  color: brown;
}
.box_online .box_panf {
  margin:20px auto 0;
}
.box_online .balloon_02 {
  position: absolute;
  top: 160px;
  right: 160px;
}

/*box_panf
---------------------------------------------------------- */
.box_panf {
}
.box_panf ul {
  display: flex;
  justify-content: center;
  margin: 20px 0 80px;
}
.box_panf ul li:first-child {
  margin: 0 30px 0 0;
}



/* ==========================================================================//
//
//　次年度入園・今年度途中入園
//
// ========================================================================== */


/*area_jinendo
---------------------------------------------------------- */
.area_jinendo .box_index {
  border: 3px solid #ff979d;
  border-radius: 20px;
  margin: 20px auto 100px;
  width: 600px;
  padding: 0 0 80px;
}
.area_jinendo .box_index h2 {
  text-align: center;
  margin: -50px 0 20px;
}
.area_jinendo .box_index .box_sakura {
  border: 2px solid #ff7bac;
  background-color: #ffeaeb;
  border-radius: 20px;
}
.area_jinendo .box_index .box_yochienclass {
  border: 2px solid #fbb03b;
  background-color: #ffeab7;
  border-radius: 20px;
}
.area_jinendo .box_index dl dt,
.area_jinendo .box_index dl dd {
  text-align: center;
  margin: 0;
}
.area_jinendo .box_index dl img {
  margin: 5px;
}

.area_jinendo .box_prepage a {
  border: 2px solid #ff979d;
}

/*area_konnendo
---------------------------------------------------------- */
.area_konnendo .box_index {
  border: 3px solid #fbb03b;
  border-radius: 20px;
  margin: 20px auto 100px;
  width: 600px;
  padding: 0 0 80px;
}
.area_konnendo .box_index h2 {
  text-align: center;
  margin: -50px 0 20px;
}
.area_konnendo .box_index dl dd {
  margin: 0;
}
.area_konnendo .box_index .box_sakura {
  border: 2px solid #ff7bac;
  background-color: #ffeaeb;
  border-radius: 20px;
}
.area_konnendo .box_index .box_yochienclass {
  border: 2px solid #3fd9f5;
  background-color: #a9e6ed;
  border-radius: 20px;
}
.area_konnendo .box_index dl dt,
.area_konnendo .box_index dl dd {
  text-align: center;
  margin: 0;
}
.area_konnendo .box_index dl img {
  margin: 5px;
}


.area_konnendo .box_prepage a {
  border: 2px solid #fbb03b;
}


/*area_jinendo、area_konnendo　共通
---------------------------------------------------------- */

.area_jinendo .box_online,
.area_konnendo .box_online {
  text-align: center;
}
.area_jinendo .box_online:after,
.area_konnendo .box_online:after {
  display: none;
}

.box_prepage {
  text-align: center;
  margin: 80px auto 50px;
}
.box_prepage a {
  display: inline-block;  
  padding:15px 20px;
  border-radius: 6px;
}



/*box_index
---------------------------------------------------------- */
.box_index {
  /*background-position: center top ;
  background-repeat: no-repeat;
  height: 700px;
  padding: 165px 0 0;*/
}
.box_index > ul {
  width: 440px;
  margin: 0 auto;
}
.box_index > ul > li {
  margin: 0 0 49px;
  position: relative;
}
.box_index > ul > li:last-child {
  margin: 0 0 0;
}
.box_index > ul > li > ul {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 30px;
  left: 180px;
  width: 235px
}