@charset "utf-8";

/* ----------------------------
   めばえバッグ　CSS
 ------------------------------ */
.bg_mebaebag {
	background:#fef4f4;
}
.kugiri {
	vertical-align:bottom;
	width:100%;
}
.kugiri2 {
	vertical-align:top;
	width:100%;
}
.nakami_area {
	background:url(../images/bg_mebaebag.png);
}
.info p {
  color:#5b5b5b;
}


.fadeInBlock {
  animation-name: fadeInBlock;
  animation-delay: 2s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateY(50px);
  opacity: 0;
}
@keyframes fadeInBlock {
    0% {
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


@media screen and (min-width:1000px) {
	.map_area img {
			max-width:1000px;
			margin: 0 auto;
			display: block;
	}
}

/* PC用 */
@media screen and ( min-width:641px ) {
	.btn_oubo img {
		width:40%;
		margin:0 30%;
	}
	.bg_mebaebag {
		padding-top:40px;
	}
	.about_mebaebag {
		background:#fff;
		border-radius:20px;
		padding:30px 25px 25px;
		position: relative;
		margin:0 20% -80px;
	}
	.about_mebaebag .about_tit {
		position: absolute;
		top:-15px;
    left:30px;
    width:30%;
	}
	.about_mebaebag .about_img {
		position: absolute;
		bottom:-25px;
    right:15px;
    width:12%;
	}
  .about_mebaebag p.hosoku {
    margin-top:12px;
  }

	.qualification_mebae { margin-bottom:30px; }
	.qualification_mebae dt {
    width:17%;
    float: left;
		background:#f9d6d4;
		color: #796353;
    text-align: center;
    line-height: 30px;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    font-weight: bold;
	}
	.qualification_mebae dd span {
		color: #5b5b5b;
		display: block;
		margin-top:8px;
		font-size:92%;
	}
	.qualification_mebae dd {
	    width:80%;
	    margin: 0px;
	    float: right;
	}
	.qualification_mebae dd b {
		color: #ef6a7a;
		font-size:110%;
	}


	.nakami_area .contents_wrap {
		position: relative;
	}
  .nakami_tit {
    width:40%;
		position: absolute;
		right: 30px;
		top: -100px;
  }
  .nakami_area ul li {
    margin-bottom:60px;
  }
	.nakami_area ul.nakami_list_l {
		width:47%;
    float:left;
    margin-top: -70px;
	}
  .nakami_area ul.nakami_list_r {
		width:47%;
    float:right;
    margin-top:90px;
	}

  .map_area {
		padding:0 30px 30px 30px;
    text-align: center;
	}

  .sikaku_area {
		background:#e1f0e6;
	}
	.sikaku_box {
		background:#fff;
		border-radius:20px;
		padding:40px 30px;
		margin:60px auto 0;
    max-width:800px;
	}
	.sikaku_box .sikaku_tit {
		width:40%;
		margin:0 30% 10px;
	}
	.sikaku_box ul li b {
		display:inline-block;
		border-radius:50px;
		padding:7px 5px;
		background:#e1f0e6;
		width:20%;
		margin-right:4%;
		text-align: center;
		font-size:90%;
		vertical-align: middle;
	}
	.sikaku_box ul li p {
		display:inline-block;
		width:73%;
		vertical-align: middle;
	}
	.sikaku_hosoku {
		font-size:80%;
		text-align:center;
		margin:-20px 20px 0 20px;
		padding-bottom:50px;
	}

  .syoukai_area {
    display: none;
  }

  .bnr_area {
    padding:20px 20px 0;
	}
  .tel_area {
		border:#6ac6d3 2px solid;
		border-radius:20px;
    margin-top:50px;
		margin-bottom:30px;
    font-size:110%;
	}
  .tel_area .free {
		margin:10px 10px 120px 10px;
	}
  .tel_time {
		background: #e2f3f5;
		padding:20px;
		margin:15px 80px 25px;
		font-size:94%;
	}
}


/* スマホ用 */
@media screen and ( max-width:640px ) {
	.btn_oubo img {
		width:100%;
	}
	.info_line {
		margin-bottom:40px;
		padding-bottom:40px;
		border-bottom:1px dashed #f9d6d4;
	}
	.qualification_mebae dt {
      background:#f9d6d4;
      color: #796353;
      width:60%;
      padding:5px 2%;
			margin:0 20% 8px;
			text-align: center;
      border-radius:50px;
      -webkit-border-radius:50px;
      -moz-border-radius:50px;
      font-weight: bold;
  }
  .qualification_mebae dd span {
      color: #5b5b5b;
			display: block;
			margin-top:8px;
			font-size:92%;
  }
  .qualification_mebae dd b {
		color: #ef6a7a;
		display: block;
		text-align: center;
		border:1.5px solid #f9d6d4;
		padding: 10px;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		margin: 15px 0 8px;
	}

	.about_mebaebag {
		background:#fff;
		border-radius:20px;
		padding:30px 20px 20px 20px;
		margin-bottom:20px;
		position: relative;
	}
	.about_mebaebag .about_tit {
		position: absolute;
		top: -15px;
		left: 20%;
		width: 60%;
	}
	.about_mebaebag .about_img {
		position: absolute;
		bottom:-18px;
    right:15px;
    width:24%;
	}


  .nakami_area ul li {
    margin-bottom:50px;
  }
  .map_area {
		padding-top:30px;
	}
	.map_area p {
		background:#eaf5de;
		border-radius:20px;
		padding:20px;
		text-align: center;
		font-size:90%;
		margin:0 20px 30px 20px;
	}

  .sikaku_area {
		background:#e1f0e6;
	}
	.sikaku_box {
		background:#fff;
		border-radius:20px;
		padding:20px;
		margin:20px 20px 10px 20px;
	}
	.sikaku_box .sikaku_tit {
		width:80%;
		margin:0 10% 10px;
	}
	.sikaku_box ul li b {
		display:inline-block;
		border-radius:50px;
		padding:7px 5px;
		background:#e1f0e6;
		width:30%;
		margin-right:4%;
		text-align: center;
		font-size:90%;
		vertical-align: top;
		margin-top:5px;
	}
	.sikaku_box ul li p {
		display:inline-block;
		width:63%;
	}
	.sikaku_hosoku {
		font-size:80%;
		text-align:center;
		margin:0 20px;
		padding-bottom:30px;
	}

  .bnr_area {
		width:90%;
		margin:0 5%;
	}
  .bnr_photo {
    margin-bottom:50px;
  }

  .tel_area {
		border:#6ac6d3 1px solid;
		border-radius:20px;
		margin-bottom:80px;
	}
  .tel_time {
		background: #e2f3f5;
		padding:10px;
		margin:10px 15px 20px;
		font-size:94%;
	}

  /* 追従エリア */
	#line_btn {
		position: fixed;
		bottom: 0;
	}
	#line_btn {
		position: fixed;
		bottom: 0;
	}
	#line_btn img {
    float: left;
    width: 50%;
	}
	.linearea img {
    width:80%;
		margin:0 10% 20px;
	}
	.linebtn a {
		padding:14px 24px;
		font-weight: bold;
		color: #fff;
		background-color: #39AD36;
		border-radius: 100vh;
	}
}

	.nakami_area ul li img.nakami_img {
		width:45%;
		margin-right:3%;
		display: inline-block;
		vertical-align: middle;
	}
	.nakami_area ul li img.nakami_icon {
    width:26%;
		margin-top:8px;
	}
	.nakami_area ul li p {
		width:50%;
		display: inline-block;
		vertical-align: middle;
	}
	.nakami_area ul li p b {
		color:#ec707e;
		display:block;
		font-size:110%;
		margin-bottom:6px;
	}
	.kutikomi {
		border:1px solid #ec707e;
		border-radius:14px;
		padding:20px;
		background:#fff;
		margin-top:15px;
		position:relative;
	}
	.kutikomi b {
		background:#3bb8ca;
		color:#fff;
		border-radius:50px;
		padding:3px 20px;
		text-align: center;
		display: inline-block;
		position: absolute;
		top:-15px;
		left:30px;
		font-size:90%;
	}
	.kutikomi span {
		color:#e8346b;
	}


	.sikaku_box ul li {
		padding-bottom:15px;
		margin-bottom:15px;
		border-bottom:#dfebda 2px dashed;
	}
	.sikaku_box ul li:last-child {
		padding-bottom:0;
		margin-bottom:0;
		border-bottom:none;
	}

	.syoukai_area {
		background:#e5efdc;
		border-radius:20px;
		position: relative;
		padding-bottom:10px;
	}
	.syoukai_area .syoukai_tit {
		position: absolute;
		top:-15px;
		margin:0 4%;
		width:92%;
	}
	.syoukai_area p {
		padding-top:120px;
		margin:20px;
	}
	.syoukai_area .syoukai_img {
		width:84%;
		margin:0 8% 10px 8%;
	}

	.tel_area .tel_tit {
		background: #6ac6d3;
		border-radius:18px 18px 0 0;
		text-align: center;
		padding:10px;
		display: block;
		margin-bottom:10px;
    color:#fff;
	}
	.tel_time .tit_time {
		display: inline-block;
		width:23%;
		vertical-align:middle;
    text-align:right;
	}
	.tel_time .info_time {
		display: inline-block;
		width:70%;
		margin-left:4%;
		padding-left:4%;
		border-left:#3a160c 1px solid;
		vertical-align:middle;
	}

	.tel_area .free {
		text-align: center;
		margin:5px 0;
	}
	.tel_area .free a {
		font-size: 165%;
	  font-weight: bold;
		display: block;
		letter-spacing:0.05em;
	}
	.tel_area .free a:before {
		content: '';
		display: inline-block;
		height: 31px;
		width: 36px;
		background-image: url(/common_new/img/freecallau.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-right: 4px;
	}

	.hosoku {
		font-size:92%;
	}


/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


/* ----------------------------
   めばえバッグ フォーム　CSS
 ------------------------------ */
h5 {
	border-left: solid 10px #ec707e;
	margin: 20px 0 10px 0 !important;
	line-height: 1.2;
	padding-left: 10px !important;
	font-size: 16px;
}
.douiRequired {
	margin-bottom:20px;
}
.iflame {
	margin-top: 10px;
	margin-bottom:20px;
	height: 200px;
	overflow: auto;
	border: solid 1px #AAA;
	padding: 10px;
	background-color: #FFF;
}
.qualification_mebae dd u {
	color: #ef6a7a;
	text-decoration: none;
	font-weight: bold;
}

/* PC用 */
@media screen and ( min-width:641px ) {
	.babyformtxt {
		margin: 5px auto 30px;
		text-align: center;
	}
	.secomarea {
		margin-bottom: 100px;
  }
	.bnrmama {
        border: 1px solid #F7BE00;
        border-radius: 14px;
        margin: 0 auto;
        display: block;
    }
}

/* スマホ用 */
@media screen and ( max-width:640px ) {
	.babyformtxt {
		margin-bottom:40px;
	}
	.submit {
		margin-bottom: 40px;
		text-align: center;
	}
	.secomarea {
		margin-bottom:70px;
  }
	.sptit img {
		width: 90%;
		margin: 1% 5%;
	}
	.bnrmama {
		border: 1px solid #F7BE00;
		border-radius: 14px;
		width: 90%;
		margin: 0 auto;
		display: block;
	}
}