@charset "utf-8";
.pc_none{
	display: none;
}
.img_w_100{
	width: 100%;
	height: auto;
}
.hdr_btn_back{ width:1000px; margin:0 auto; padding:0 0 15px;}
.hdr_btn_back img{ width:168px;}
.ftr_btn_back{ margin:0 auto; padding:0 0 40px; text-align:center;}
.ftr_btn_back img{ width:168px;}

/* -------------------------------
header
------------------------------- */
header{ background-color:#69C452; margin-bottom:10px;}
header #hdr{ width:1000px; margin:0 auto;}
header #hdr:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

header #hdr p.logo{ padding:28px 0 28px; float:left;}
header #hdr p.logo img{ width:428px;}
header #hdr p.logo a{ display:block;}
header #hdr .hdr_kids{ min-height:72px; float:right; background:url("../images/hdr_kids_201217.png") right no-repeat; background-size: 64px; margin-top: 5px; padding:17px 84px 0 0;}
header #hdr .hdr_kids p{ padding-top:22px; color:#FFF; text-shadow:1px 1px #7ab06d; font-size:18px; font-weight:bold;}




/* -------------------------------
contents
------------------------------- */

.contents{ width:1000px; margin:0 auto; position:relative;}
.contents2{ width:800px; margin:0 auto; position:relative; padding:50px 0;}
.contents:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

#mainVisualSet{ position:relative;}
#mainVisual{ width:100%; height:562px; background:url(../images/main_bg.jpg) top center no-repeat #FFF; background-size: 1600px;}
@media only screen and (min-width: 481px) and (max-width: 1000px){
#mainVisual{ background:url(../images/main_bg_1000px.jpg) top right no-repeat;}
}
#mainVisual h1{ position:absolute; top:215px; left:324px;}
#mainVisual h1 img{ width:449px; height:auto; }
#mainVisual p{ position:absolute; top:178px; left:324px;}
#mainVisual p img{ width:449px; height:auto; }
#mainVisual #main_hand{ position:absolute; left:20px; top:18px; width: 262px; height: 509px;}
#mainVisual #main_hand img{ width: 262px; height: auto;}
dl.mainAppLink{ width:442px; position:absolute; top:-163px;left:325px;}
dl.mainAppLink:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
dl.mainAppLink dt{ width:62px; height:62px; text-indent:-9999px; background:url(../images/main_icon_papatto.png) no-repeat; background-size: 62px; float:left; margin-right:10px;}
dl.mainAppLink dd{ width:370px; float:right;}
dl.mainAppLink dd ul:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
dl.mainAppLink dd ul li{ float:left; margin-right:10px;}
dl.mainAppLink dd ul li:last-child{ margin-right:0;}
dl.mainAppLink dd ul li img{ width:180px; height:62px;}



.sns{ margin-top:23px;}
.sns .snsButton{ float:right;}
.sns .snsButton ul li{ float:left; margin-left:15px;}


/* firstColumn */
#firstColumn{
	color: #000;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	opacity: 0;
	padding: 60px 0 80px;
}
.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: 44px;
	font-weight: 900;
	line-height: 50px;
	margin-bottom: 30px;
}
.tit_large{
	color: #000;
	font-family: Arial, Helvetica, 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 40px;
	font-weight: 900;
	line-height: 46px;
	margin-bottom: 20px;
	text-align: center;
}
.tit_medium{
	color: #000;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 10px;
}
.tit_small{
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 10px;
	text-align: center;
}



/* secondColumn */
#secondColumn{ background-color:#fffef0; padding:125px 0}
#secondColumn #secondColumn_list{ width:977px; margin:72px auto 0; }
#secondColumn #secondColumn_list li{ width:275px; float:left; margin-right:76px; text-align:center;}
#secondColumn #secondColumn_list img{ margin-bottom: 10px; }
#secondColumn #secondColumn_list li:last-child{ margin-right:0;}




/* thirdColumn */
#thirdColumn{ background-color: #f6f4d7; padding-bottom:75px;}
#thirdColumn #schedule_img{ margin-top:20px; float:left; width: 325px;}
#thirdColumn #schedule_img img{ width: 100%; height: auto;}
#thirdColumn #schedule_text{ width:624px; float:right; margin-top:128px;}
#thirdColumn #schedule_textInner { background-color:#FFF; border-radius:10px; box-shadow:3px 2px 3px #ddd; padding:45px 30px;}


/* fourthColumn */
#fourthColumn{ background-color:#fbe9e7; padding:100px 0;}
#fourthColumn h3{ margin-bottom: 40px;}
#fourthColumn ul:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

#fourthColumn ul li{ width:300px; float:left; margin-right:50px; position:relative;  }
#fourthColumn ul li:last-child{ margin-right:0;}
#fourthColumn ul li img.benri{ width:86px; height:86px; position:absolute; top:-10px; left:-10px;}
#fourthColumn ul li h4{ margin-bottom:20px;}




/* fifthColumn */
#fifthColumn { background-color:#FFF; padding:100px 0;}
#fifthColumn .btn_text{ text-align:center; margin-top:30px;}



/* sixthColumn */
#sixthColumn{ padding:100px 0;}
#sixthColumn .contents{ position:relative;}
#sixthColumn .ftrTitleSet{ width:557px; float:right;}
#sixthColumn .ftrTitleSet:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

#sixthColumn .ftrKids{ align-items: center; color: #000; display: flex; font-size: 24px; font-weight: bold;}
#sixthColumn .ftrText{ position:absolute; left:443px; top:150px;}
#sixthColumn .ftrText img{ width:449px; height:auto; }
#sixthColumn h2{ position:absolute; left:443px; top:196px;}
#sixthColumn h2 img{ width:449px; height:auto; }

#sixthColumn .ftrAppLink{ width:370px; position:absolute; left:443px; top:467px;}
#sixthColumn .ftrAppLink  ul:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
#sixthColumn .ftrAppLink ul li{ float:left; margin-right:10px;}
#sixthColumn .ftrAppLink ul li:last-child{ margin-right:0;}
#sixthColumn .ftrAppLink ul li img{ width:180px; height:62px;}


#sixthColumn #ftrPhone{ width: 266px; margin-left:115px; float:left;}
#sixthColumn #ftrPhone img{
 width: 100%;
 height: auto;
}
.ftr_babytech{
	margin-right: 10px;
	width: 67px;
	height: auto;
}

/* mediaColumn */
#mediaColumn{ background-color:#FFF; padding:80px 0}
#mediaColumn h2{
	background-color: #f3f3f3;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	color: #4ab62e;
	margin-bottom: 20px;
	padding: 10px;
}
#mediaColumn ul{
	width: 1014px;
	margin-right: -14px;
	overflow: hidden;
	margin-bottom: -14px;
}
#mediaColumn li{
	width: 155px;
	margin-right: 14px;
	margin-bottom: 14px;
	float: left;
}
#mediaColumn li img{
	width: 155px;
	height: auto;
}
.btn_download{
	width: 300px;
	margin: 20px auto 0;
}
.btn_download a:hover{
	opacity: 0.8;
}
.ftr_twitter{
	margin-top: -5px;
}

/* seventhColumn */
#seventhColumn{ background-color:#fefad5; padding:25px 0}


/* cry_analyzer */
#cry_analyzer{
  background-color: #FFF;
  padding: 100px 0 60px;
}
.cry_analyzer_text{
  width: 590px;
  float: left;
}
.cry_analyzer_text p{
  margin-bottom: 1em;
}
.bg_yellow{
  background: linear-gradient(transparent 0%, #ffff66 0%);
  font-weight: bold;
}
.cry_analyzer_tit{
  width: 547px;
  height: 90px;
  margin-bottom: 60px;
}
.cry_analyzer_ph{
  width: 100%;
  height: auto;
  margin-top: 3em;
}
.cry_analyzer_img{
  width: 350px;
  height: 796px;
  float: right;
  position: relative;
}
.cry_analyzer_img .cry_analyzer_img_img{
  width: 100%;
  height: auto;
}
.cry_analyzer_label{
  width:153px;
  height: 157px;
  position: absolute;
  right: -40px;
  top: -40px;
}
.cry_analyzer_label img{
  width: 100%;
  height: auto;
}


/* -------------------------------
footer
------------------------------- */


footer{ background-color:#e0efdb; padding:30px 0;}
footer .fb-like iframe{ margin-top:-5px;}
.list {
    overflow: hidden;
    position: relative;
	margin-top:30px;
}
.list ul {
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
.list ul li {
    float: left;
    margin:0 10px;
    position: relative;
    left: -50%;
	font-size:12px;
}
.copyrights{ text-align:center; font-size:12px;}
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; margin-bottom:40px;}
.contents2 h1{ font-size:30px; font-weight:bold; margin-bottom:20px; color:#69C452}
.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:30px;}
#business #business_hdr .contents{ padding:70px 0; background:url(../images/business_hdr_bg.jpg) no-repeat ; background-position: left 103px bottom 0; }
#business #business_hdr h1{ background:url(../images/business_hdr_title.png) center no-repeat; height:50px; text-indent:-9999px; margin-bottom:20px;}
#business #business_hdr h2{ background:url(../images/business_hdr_text.png) center no-repeat; height:30px; text-indent:-9999px; margin-bottom:30px;}
#business #business_hdr .business_hdr_p{ width:523px; margin-left:377px; margin-bottom:25px;}

#business #business_hdr .business_hdr_voice{ width:544px; margin-left:358px;}
#business #business_hdr .business_hdr_voice dl dt{ height:70px; background-image:url(../images/business_hdr_voice.png) ,url(../images/business_hdr_voice_bg01.png) ;
background-repeat: no-repeat, no-repeat;
background-position:41px 22px ,0 top;
text-indent:-9999px;
}
#business #business_hdr .business_hdr_voice dl dd{ margin-left:19px;  background:url(../images/business_hdr_voice_bg03.png) bottom no-repeat; padding-bottom:30px;}
#business #business_hdr .business_hdr_voice dl dd ul{}
#business #business_hdr .business_hdr_voice dl dd ul li{ background:url(../images/business_hdr_voice_bg02.png) repeat-y; padding-left:20px;}


#business #howto{ width:912px; margin:0 auto; background-color:#FFF; border:2px solid #e0efdb; border-radius:10px; -webkit-border-radius:10px;-moz-border-radius:10px; padding:38px;}
#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-bottom:40px;}
#business #howto ul#howto_step:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
#business #howto ul#howto_step li{ float:left;}
#business #howto ul#howto_step li p{ width:160px;}
#business #howto ul#howto_step li{ width:188px; background:url(../images/business_yajirushi.png) right 128px no-repeat; background-size:28px 28px;}
#business #howto ul#howto_step li:last-child{ width:160px; background:none;}
#business #howto ul#howto_step li img{ width:160px; margin-bottom:10px;}



#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;}
#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:224px;}
#business #howto ul#kanri_step li{ width:254px; background:url(../images/business_yajirushi.png) right 185px no-repeat; background-size:28px 28px;}
#business #howto ul#kanri_step li:last-child{ width:224px; background:none;}
#business #howto ul#kanri_step li img{ width:224px; }


#business  #sixthColumn{ padding:100px 0 50px;}







