@charset "utf-8";

.spHide, .sp_none{ display:none;}
.sp_smallText{ font-size:10px; line-height:1.2em !important;}
.sp_br{ white-space:nowrap;}
.sp_center{ 	text-align: center; }
.hdr_btn_back{ padding:0 20px 15px;}
.hdr_btn_back img{ width:166px;}
.ftr_btn_back{ margin:0 auto; padding:40px 0; text-align:center;}
.ftr_btn_back img{ width:166px;}
.contents_sp{ position:relative; margin:0 20px;}

/* -------------------------------
header
------------------------------- */
header{ margin-bottom:10px; padding:0 10px; background-color: #69C452; position: relative;}
header:after{ background: url("../images/hdr_kids_201217.png") no-repeat; background-size: 44px; content: ""; display: block; position: absolute; top: 5px; right: 5px; width: 44px; height: 53px;}
header #hdr{ }

header #hdr p.logo{ padding:12px 0 0;}
header #hdr p.logo img{ width:215px;}
header #hdr p.logo a{ display:block;}
header #hdr .hdr_kids{}
header #hdr .hdr_kids p{ font-size:12px; color:#FFF; text-shadow:1px 1px #7ab06d; padding-bottom:5px; font-weight:bold;}




/* -------------------------------
contents
------------------------------- */



#mainVisualSet{ background-color:#FFF;}
#mainVisual{ width:100%; background:url(../images/main_bg_sp.jpg) top center no-repeat #FFF; background-size:568px }
#mainVisual .contents{ position:relative;}
#mainVisual .contents{ align-items: flex-end; display: flex; padding: 38px 20px 10px;}
.mainvisual_text_area{ order: 1;}
#mainVisual h1{ padding: 0 20px;}
#mainVisual h1 img{ width: 171px; }
#mainVisual p{ padding: 0 20px 6px}
#mainVisual p img{ width:154px; height:26px; }
#mainVisual #main_hand{ margin: 0 auto; width: 150px; order: 0;}
#mainVisual #main_hand img{ width: 100%; height: auto;}

#mainAppLinkSet{ background-color:#FFF; padding:20px 0 10px; text-align:center;}

dl.mainAppLink dt{ margin-bottom:6px;}
dl.mainAppLink dd{ margin-bottom:10px;}
dl.mainAppLink dd ul{ display: flex; justify-content: center;
	text-align: center;
	width: 100%;
}
dl.mainAppLink dd ul li{ margin: 0 10px;}
dl.mainAppLink dd ul li img{ width:140px; height:auto;}
dl.mainAppLink dd ul li a{ display: block;}



.sns{ background-color:#FFF; padding-bottom:30px;}
.sns .snsButton {
    overflow: hidden;
    position: relative;
}
.sns .snsButton ul {
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
}
.sns .snsButton li {
	display: inline-block;
}

/* firstColumn */
#firstColumn{
	color: #000;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	padding: 0 0 30px;
}
.logo_babytech{
	width: 81px;
	margin: 0 auto 20px;
}
.tit_ll{
	color: #000;
	font-family: Arial, Helvetica, 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	font-weight: 900;
	line-height: 40px;
	margin-bottom: 20px;
}
.tit_large{
	color: #000;
	font-family: Arial, Helvetica, 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 26px;
	font-weight: 900;
	line-height: 32px;
	margin-bottom: 20px;
	text-align: center;
}
.tit_medium{
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 15px;
}
.tit_small{
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 10px;
	text-align: center;
}
.tit_large + .tit_small{
	margin-top: -10px;
}



/* secondColumn */
#secondColumn{ background-color:#fffef0; padding:60px 20px 30px; margin-bottom:20px;}
#secondColumn .tit_large{ color: #ab9c1a;}
#secondColumn .tit_large + .tit_small{ color: #c4be87;}
#secondColumn .ct{ text-align:left;}
#secondColumn #secondColumn_list{ margin-top:40px;}
#secondColumn #secondColumn_list li{ text-align:center; margin-bottom:40px;}
#secondColumn #secondColumn_list figure{ border: 1px solid #DDD; width: 280px; margin: 0 auto 10px; }



/* thirdColumn */
#thirdColumn{ background-color: #f6f4d7;  padding: 30px 20px;}
#thirdColumn #schedule_img{ width: 50%; margin: 10px auto 0;}
#thirdColumn #schedule_text{}
#thirdColumn #schedule_textInner { }
#thirdColumn #schedule_textInner p{}


/* fourthColumn */
#fourthColumn{ background-color:#fbe9e7; padding:60px 20px 40px; }
#fourthColumn h3{ width:264px; height:24px; background:url(../images/other_title.png) center no-repeat; background-size:264px 24px; margin:0 auto 20px; text-indent:-9999px;}

#fourthColumn ul li{ width:100%; position:relative; margin-bottom: 30px;}
#fourthColumn ul li:last-child{ margin-right:0;}
#fourthColumn ul li img.benri{ width:66px; height:auto; position:absolute; top:-10px; left:-10px;}
.other_img{ background-color: #FFF; border: 1px solid #DDD; width: 280px; margin: 0 auto 10px; text-align: center; padding: 10px}
.other_img img{ margin: 0 auto;	width: 40%;}
#fourthColumn ul li h4{ margin-bottom:5px;}
#fourthColumn ul li p{ width: 280px; margin: 0 auto ; }

/*
#fourthColumn ul li{ position:relative; padding-bottom:25px;  }
#fourthColumn ul li img.benri{ width:68px; height:68px; position:absolute; top:0; left:0;}
#fourthColumn ul li h4{ margin-bottom:2px;  margin-left:80px;}
#fourthColumn ul li p{ margin-left:80px;}

#fourthColumn ul li#otherList01{}
#fourthColumn ul h4{ color: #f0887d; margin-bottom: 2px; text-align: left;}
#fourthColumn ul li#otherList02{}
#fourthColumn ul li#otherList03{}
*/



/* fifthColumn */
#fifthColumn { background-color:#FFF; padding:30px 20px; text-align:center;}
#fifthColumn img{ width:100%; max-width:600px;}
#fifthColumn .btn_text{ margin-top:10px; text-align:left;}



/* sixthColumn */
.sp_d-flex{
	display: flex;
	justify-content: space-between;
}
.sixth_contents{
	margin:20px 30px 0;
}
.ftr_iphone_sp{
	width: 40%;
}
.ftr_text_sp{
	width: 55%;
}
#sixthColumn{ padding:0 0 40px;}
#sixthColumn .contents{ margin:0 auto;}
.ftr_babytech{
	margin-right: 10px;
	width: 37px;
	height: auto;
}
#sixthColumn .ftrTitleSet{ width: 100%;}
#sixthColumn .ftrTitleSet:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

#sixthColumn .ftrKids{ align-items: center; background-color: #69C452;  color: #FFF; display: flex; font-size: 18px; font-weight: bold; margin-bottom: 10px; padding: 5px;}
#sixthColumn .ftrTitleSet{}
#sixthColumn .ftrText{ max-width:280px; width: 100%; margin:15px auto 0;}
#sixthColumn .ftrText img{ height: auto; width: 100%;}
#sixthColumn h2{ max-width:280px; width: 100%; margin:15px auto 0;}
#sixthColumn h2 img{ height: auto; width: 100%;}

#sixthColumn .ftrAppLink{ margin-top:18px;}
#sixthColumn .ftrAppLink ul li{}
#sixthColumn .ftrAppLink ul li img{ width:180px; height:62px;}

.ftrAppLink { margin-top:50px;}
.ftrAppLink ul li{ margin-bottom:10px; text-align:center;}
.ftrAppLink ul li:last-child{ margin-bottom:0;}
.ftrAppLink ul li img{ width:180px; height:62px;}


#sixthColumn #ftrPhone{ width: 266px; margin-left:115px; float:left;}
#sixthColumn #ftrPhone img{
 width: 100%;
 height: auto;
}


/* seventhColumn */
#seventhColumn{ background-color:#fefad5; padding:20px 20px; margin-bottom:20px;}

#seventhColumn .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#seventhColumn .video-container iframe,
#seventhColumn .video-container object,
#seventhColumn .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* cry_analyzer */
#cry_analyzer{
  background-color: #FFF;
  padding: 60px 0;
}
.cry_analyzer_text{
  margin: 0 20px;
}
.cry_analyzer_text p{
  margin-bottom: 1em;
}
.cry_analyzer_tit{
  width: 100%;
  height: auto;
}
.bg_yellow{
  background: linear-gradient(transparent 0%, #ffff66 0%);
  font-weight: bold;
}
.cry_analyzer_tit{
  width: 100%;
  margin-bottom: 20px;
}
.cry_analyzer_ph{
  width: 100%;
  height: auto;
  margin-top: 1em;
  margin-bottom: 2em;
}
.cry_analyzer_img{
  width: 40%;
  margin: 0 auto;
  position: relative;
}
.cry_analyzer_img .cry_analyzer_img_img{
  width: 100%;
  height: auto;
}
.cry_analyzer_label{
  width:92px;
  height: 94px;
  position: absolute;
  right: -20px;
  top: -20px;
}
.cry_analyzer_label img{
  width: 100%;
  height: auto;
}




/* mediaColumn */
#mediaColumn{ background-color:#FFF; padding:30px 0}
#mediaColumn h2{
	background-color: #f3f3f3;
	font-size: 24px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	color: #000;
	margin-bottom: 10px;
	padding: 5px;
}
#mediaColumn ul{
	width: 100%;
	overflow: hidden;
	margin-bottom: -14px;
}
#mediaColumn li{
	width: 30%;
	margin: 0 1.5% 14px;
	float: left;
}
#mediaColumn li img{
	margin: 0 auto;
	width: 95%;
	height: auto;
}
.btn_download{
	width: 90%;
	margin: 20px auto 0;
}


/* -------------------------------
footer
------------------------------- */


footer{ background-color:#e0efdb; }
footer .fb-like iframe{ margin-top: 2px;}
footer .contents.sns{ padding-top:30px;}
.list { }
.list ul { background-color:#f0f0f0; border-top:1px solid #DDD;}
.list ul li { background-color:#f0f0f0; border-bottom:1px solid #DDD;}
.list ul li a{ padding:15px; display:block;}
.copyrights{ text-align:center; background-color:#7bd563; padding:20px; color:#FFF; font-size:12px; line-height:1.2em;}
footer a:link, footer a:visited{ color:#333; text-decoration:none;}
footer a:hover, footer a:active{ color:#333; text-decoration:underline;}




/* kiyaku */
#kiyaku{ background-color:#FFF; padding:20px;}
.contents2 h1{ font-size:20px; font-weight:bold; margin-bottom:20px; color:#7bd563}
.contents2 h2{ font-size:16px; font-weight:bold; margin-top:30px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd; }
.contents2 p{ margin-bottom:20px;}
.contents2 ul{ margin-bottom:20px; margin-left:30px;}
.contents2 .decimal li{ list-style: outside decimal; margin: 10px 0 0; }
.contents2 .child li{ list-style:none; margin: 10px 0 0; }
.contents2 .roman li{ list-style: outside lower-roman; margin-left:30px;}









/* business */

#business #business_hdr{ background-color:#FFF; margin-bottom:20px;}
#business #business_hdr .contents{ padding:20px; }
#business #business_hdr h1{ background:url(../images/business_hdr_title_sp.png) center no-repeat; background-size:271px 56px; height:56px; text-indent:-9999px; margin-bottom:10px;}
#business #business_hdr h2{ background:url(../images/business_hdr_text_sp.png) center no-repeat; background-size:177px 32px; height:32px; text-indent:-9999px; margin-bottom:30px;}
#business #business_hdr .business_hdr_p{ margin-bottom:20px;}

#business #business_hdr .business_hdr_voice{ background-color:#e0efdb; border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px;}
#business #business_hdr .business_hdr_voice dl{ position:relative;}
#business #business_hdr .business_hdr_voice dl dt{ width:100%; height:70px; background:url(../images/business_hdr_voice_sp.png) center no-repeat; background-size:240px; 64px; text-indent:-9999px; position:absolute; top:-13px;}
#business #business_hdr .business_hdr_voice dl dd{ padding:68px 20px 20px;}


#business #howto{ background-color:#FFF; padding-bottom:30px; }
#business #howto h3.howto_title{ height:33px; background:url(../images/business_title_how.png) 10px 8px no-repeat #e22f7b; background-size:87px 17px; text-indent:-9999px; margin-bottom:20px;}

#business #howto ul#howto_step{ margin:0 auto 30px;}
#business #howto ul#howto_step:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
#business #howto ul#howto_step li{ float:left; margin-bottom:20px;}
#business #howto ul#howto_step li p{ width:119px; }
#business #howto ul#howto_step li img{ width:119px; margin-bottom:10px;}


#business #howto ul#howto_step li.howto_step01{ width:139px; float:left; background:url(../images/business_yajirushi.png) right 96px no-repeat; background-size:22px 22px; margin-left:18px;}
#business #howto ul#howto_step li.howto_step02{ width:141px; float:left; background:url(../images/business_yajirushi.png) right 96px no-repeat; background-size:22px 22px}
#business #howto ul#howto_step li.howto_step03{ width:163px; float:left; background-image:url(../images/business_yajirushi.png),url(../images/business_yajirushi.png); background-repeat:no-repeat, no-repeat; background-position:right 96px, left 96px; background-size:22px 22px , 22px 22px; margin-left:8px;}
#business #howto ul#howto_step li.howto_step03 img{ margin-left:22px;}
#business #howto ul#howto_step li.howto_step03 p{ margin-left:22px;}


#business #howto ul#howto_step li.howto_step04{ width:141px; float:left; background:url(../images/business_yajirushi.png) right 96px no-repeat; background-size:22px 22px}


#business #howto ul#howto_step li.howto_step05{ width:163px; float:left; background:url(../images/business_yajirushi.png) no-repeat left 96px; background-size:22px 22px; margin-left:8px;}
#business #howto ul#howto_step li.howto_step05 img{ margin-left:22px;}
#business #howto ul#howto_step li.howto_step05 p{ margin-left:22px;}




#business #howto h3.kanri_title{ height:33px; background:url(../images/business_title_kanri.png) 10px 8px no-repeat #e22f7b; background-size:105px 17px; text-indent:-9999px; margin-bottom:20px;}

#business #howto ul#kanri_step{ margin-bottom:10px; padding:0 28px;}
#business #howto ul#kanri_step:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
#business #howto ul#kanri_step li{ float:left;}
#business #howto ul#kanri_step li p{ width:140px;}
#business #howto ul#kanri_step li{ width:142px; background:url(../images/business_yajirushi.png) right 90px no-repeat; background-size:22px 22px;}
#business #howto ul#kanri_step li:last-child{ width:120px; background:none;}
#business #howto ul#kanri_step li img{ width:120px; }
#business #howto .kanri_text{ padding:0 20px;}