@charset "utf-8";

/* ----------------------------
   はじまるばこ　CSS
 ------------------------------ */
.mama_bnr img {
	border:1.5px solid #f7be00;
	border-radius:10px;
	width:100%;
}
.kosodate_bnr img {
	border:1.5px solid #c0e447;
	border-radius:10px;
	width:100%;
}

.movie_area .movie_box video {
	width: 100%;
	margin: 0 auto;
	aspect-ratio: 16 / 9;
}

.about_babypresent p span {
  color:#e8346b;
}

.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;
    }
}


/* PC用（1100px以上） */
@media screen and ( min-width:1100px ) {
	.pckv_s {
		display: none;
	}
	.pckv_l {
		height:558px;
		background:url(../images/kv_babypresent_pc_l.png);
		background-position:center;
		background-size:cover;
		background-repeat: no-repeat;
		margin-bottom:30px;
	}
	.kv_area,
	.point_area ul,
  .movie_area .hosoku,
  .tel_area,
  .btn_oubo {
		width:1100px;
		margin:0 auto;
	}
  .nakami_tit,
  .map_area img {
    max-width:1100px;
    margin:0 auto;
    display: block;
  }
}


/* PC用（800px以上） */
@media screen and ( min-width:800px ) {
  .movie_box,
  .bnr_area {
    max-width:800px;
    margin:0 auto;
    display: block;
  }
}


/* PC用 */
@media screen and ( min-width:641px ) {
	#line_btn {
		display: none;
	}
  .bg_babypresent {
    background:url(../images/bg_babypresent_pc.jpg);
    background-size:cover;
		position: relative;
		overflow: hidden;
  }
	.about_babypresent {
		background:#fff;
		text-align: center;
		border-radius:20px;
		padding:35px 20px;
		margin-bottom:80px;
		position: relative;
	}
	.about_babypresent .about_tit {
		position: absolute;
		top:-25px;
    left:30px;
    width:25%;
	}
	.about_babypresent .about_img {
		position: absolute;
		bottom:-25px;
    right:15px;
    width:12%;
	}
  .about_babypresent p.hosoku {
    margin-top:12px;
  }

  /* ポイント */
  .point_kugiri {
    vertical-align:bottom;
  }
  .point_area {
    background:#fff;
    padding-bottom:40px;
    position: relative;
  }
  .point_area .point_tit {
    position:absolute;
    top:-220px;
    left:0;
    right:0;
    margin:0 auto 250px;
  }
	.point_area ul {
		padding:20px;
    text-align:center;
    font-size:140%;
	}
	.point_area ul li {
		padding-bottom:20px;
		margin-bottom:30px;
		border-bottom:#dfebda 2px dashed;
	}
	.point_area ul li p {
    display: inline-block;
  }
  .point_area ul li.icon_p1 p:before {
    content: '';
    display: inline-block;
    width:100px;
    height:78px;
    background-image: url(../images/icon_point1.png);
    background-size: contain;
    vertical-align: middle;
    margin-right:20px;
  }
  .point_area ul li.icon_p2 p:before {
    content: '';
    display: inline-block;
    width:100px;
    height:78px;
    background-image: url(../images/icon_point2.png);
    background-size: contain;
    vertical-align: middle;
    margin-right:20px;
  }
  .point_area ul li.icon_p3 p:before {
    content: '';
    display: inline-block;
    width:100px;
    height:78px;
    background-image: url(../images/icon_point3.png);
    background-size: contain;
    vertical-align: middle;
    margin-right:20px;
  }
  .point_area ul li p b {
    font-size:120%;
    border-bottom:#e8346b 1px dashed;
    color:#e8346b;
    padding-bottom:5px;
  }

  .nakami_tit {
    width:100%;
  }
  .nakami_area ul li {
    margin-bottom:70px;
  }
	.nakami_area ul.nakami_list_l {
		width:46%;
    float:left;
    margin-top: -80px;
	}
  .nakami_area ul.nakami_list_r {
		width:46%;
    float:right;
    margin-top:60px;
	}

  .movie_area {
		background:#19a7bc;
		padding-top:5px;
		padding-bottom:30px;
	}
  .movie_area .movie_tit {
    display: block;
    margin:0 auto;
	}
  .movie_area .movie_box {
    padding:20px;
  }
  .movie_area .hosoku {
    text-align: right;
  }

  .map_area {
		padding:30px 30px 0 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;
	}
  .btn_oubo {
    padding:20px 20px 0 20px;
  }

  .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 ) {
  .bg_babypresent {
    background:url(../images/bg_babypresent.jpg);
    background-size:cover;
  }
	.about_babypresent {
		background:#fff;
		border-radius:20px;
		padding:35px 20px;
		margin-bottom:20px;
		position: relative;
	}
	.about_babypresent .about_tit {
		position: absolute;
		top:-25px;
    left: 0;
    width:60%;
	}
	.about_babypresent .about_img {
		position: absolute;
		bottom:-18px;
    right:15px;
    width:24%;
	}
  .about_babypresent p.hosoku {
    margin-top:4px;
  }

  /* ポイント */
  .point_area {
    background: linear-gradient(180deg, transparent 0%, transparent 20%, #fff 20%, #fff 100%);
    padding-bottom:40px;
    position: relative;
  }
	.point_area ul {
		padding:20px;
	}
	.point_area ul li p {
    padding-left:22%;
  }
	.point_area ul li.icon_p1 p {
    background:url(../images/icon_point1.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .point_area ul li.icon_p2 p {
    background:url(../images/icon_point2.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .point_area ul li.icon_p3 p {
    background:url(../images/icon_point3.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
	.point_area ul li {
		padding-bottom:15px;
		margin-bottom:15px;
		border-bottom:#dfebda 2px dashed;
	}
  .point_area ul li p b {
    font-size:120%;
    border-bottom:#e8346b 1px dashed;
    color:#e8346b;
  }

  .nakami_area ul li {
    margin-bottom:40px;
  }

  .movie_area {
		background:#19a7bc;
		margin-top:30px;
		padding-top:5px;
		padding-bottom:10px;
	}
  .movie_area .movie_box {
  	margin:0 20px;
  }

  .map_area {
		padding-top:30px;
	}
	.map_area p {
		background:#eaf5de;
		border-radius:20px;
		padding:20px;
		text-align: center;
		font-size:90%;
		margin:0 20px 10px 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{
	  background: linear-gradient(180deg, #fff 0%, #fff 2%, transparent 2%, transparent 100%);
	}
	.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:#3bb8ca;
		display:block;
		font-size:110%;
		margin-bottom:6px;
	}
	.kutikomi {
		border:1px solid #3bb8ca;
		border-radius:14px;
		padding:25px 20px 20px 20px;
		background:#fff;
		margin-top:8px;
		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;
	}

	.movie_area p {
		color:#fff;
		font-size:90%;
		margin:20px;
	}


	.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;
}