@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP&display=swap');

/*-----------------------------------
  MAIN
-----------------------------------*/
#babybreath_r{
	width:100%;
	margin:0;
	padding:0;
	
	font-size:16px;
	line-height:36px;
	color:#555555;
	font-weight:300;
}
#babybreath_r .pc{
	display:block;
}
#babybreath_r .sp{
	display:none!important;
}
#babybreath_r img{
	width:100%;
}
#babybreath_r .title{
	width:100%;
	text-align:center;
	
	background: url(../image/img_title_base_01.png) center 11px no-repeat;
	background-size:154px;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	line-height:36px;
	letter-spacing:0.2em;
	color:#7c7c7c;
}

#babybreath_r .title h3{
	width:100%;
	text-align:center;
	display:block;
	padding-bottom:30px;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:38px;
	line-height:36px;
	letter-spacing:0.3em;
}

#babybreath_r #title_area{
	width: 100%;
  	background: url(../image/main_image.jpg) left bottom no-repeat #FFF;
	background-size:70vw;
	margin:0;
	min-height:532px;
	padding-bottom:150px;
}
#babybreath_r #title_area .contents{
	width: 100%;
  	background: url(../image/header_base.png) center top no-repeat;
	background-size:100%;
	margin:0;
	padding:25px 25px 0 25px;
}

#babybreath_r #title_area .contents h2{
	width: 190px;
	height:0;
	padding-bottom:60px;
  	background: url(../image/logo.png) left top no-repeat;
	background-size:100%;
	text-indent:-9999px;
	display:block;
}
#babybreath_r #title_area .contents .block{
	width:90%;
	margin:70px 0 70px auto;
}
#babybreath_r #title_area .contents .block h1{
	display:block;
	width:527px;
	height:120px;
	margin:0 120px 20px auto;
	background: url(../image/main_baby_logo.png) no-repeat;
	background-size:100%;
	text-indent:-9999px;
}
#babybreath_r #title_area .contents .block .copyBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	
	width:645px;
	margin:0 50px 0 auto;
}
#babybreath_r #title_area .contents .block .copyBox .copy{
	font-family: 'Noto Serif JP', serif;
	font-size:22px;
	line-height:44px;
	letter-spacing:0.2em;
	color:#000;
	display:block;
	width:400px;
	margin:0;
}
#babybreath_r #title_area .contents .block .copyBox .photo{
	width:242px;
}
#babybreath_r #title_area .contents .block span{
	display:block;
	width:527px;
	height:120px;
	margin:0 120px 0 auto;
	text-align:center;
}

/*-----------------------------------
  2WAY
-----------------------------------*/
#babybreath_r #sensor{
	width:1100px;
	margin:75px auto;
	padding:0;
}
#babybreath_r #sensor .sensor_block{
	width:1100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin-top:50px;
}
#babybreath_r #sensor .sensor_block .box{
	width:528px;
	border-radius:6px;
	border:solid 1px #fac419;
	display:inline-block;
	padding:27px;
	text-align:center;
}
#babybreath_r #sensor .sensor_block .box h2{
	font-size:24px;
	letter-spacing:0.2em;
	font-weight:300;
	margin-bottom:40px;
}
#babybreath_r #sensor .sensor_block .box img{
	width:70%!important;
	
	margin: 20px 0;
}
#babybreath_r #sensor .sensor_block .box p{
	display:block;
	border-radius:4px;
	background:#fff3ad;
	padding:10px;
	text-align:center;
	font-size:16px;
	color:#4c4c4c;
	letter-spacing:0.15em;
	margin:0 0 7px 0;
}

/*-----------------------------------
  SOUND&MONITOR
-----------------------------------*/
#babybreath_r #sound_monitor{
	width:100%;
	margin:0 auto;
	padding:50px 0;
	background:#fee484;
}
#babybreath_r #sound_monitor .sound_block{
	width:1100px;
	margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#babybreath_r #sound_monitor .sound_block .box{
	width:480px;
}

#babybreath_r #sound_monitor .sound_block .box h2{
	width:100%;
	text-align:center;
	
	background: url(../image/img_title_base_02.png) center top no-repeat;
	background-size:70px;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:34px;
	letter-spacing:0.2em;
	color:#7c7c7c;
	border-bottom:solid 2px #f18c00;
	padding:10px 0 20px 0;
}

#babybreath_r #sound_monitor .sound_block dl{
	width:100%;
	
	margin-top:20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#babybreath_r #sound_monitor .sound_block dt{
	width:160px;
}

#babybreath_r #sound_monitor .sound_block dd{
	width:280px;
	font-size:16px!important;
	line-height:36px;
}


/*-----------------------------------
  PC
-----------------------------------*/
#babybreath_r #pc{
	width:1100px;
	margin:75px auto;
	padding:0;
}
#babybreath_r #pc .pc_block{
	width:1100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin-top:10px;
}
#babybreath_r #pc .pc_block .photo{
	width:482px;
}
#babybreath_r #pc .pc_block span{
	width:550px;
}
#babybreath_r #pc .pc_block .btn_block{
	width:482px;
	font-size:70%;
	line-height:1.6;
	margin-top:15px;
}
#babybreath_r #pc .pc_block .btn_block a{
	width:100%;
	font-size:140%;
	text-align:center;
	color:#FFF;
	
	display:block;
	padding:10px 0;
	margin-bottom:10px;
	
	background:#F7AF0E;
	border-radius:5px;
}
#babybreath_r #pc .pc_block .btn_block a:hover{
	opacity:0.5
}

#babybreath_r #pc .pc_block .spec_block{
	width:550px;
	font-size:84%;
	padding:0;
	margin:0;
}
#babybreath_r #pc .pc_block .spec_block table{
	width:100%;
	border-collapse: collapse;
}
#babybreath_r #pc .pc_block .spec_block td{
	border:solid 1px #CCC;
	padding:3px 10px;
	text-align:left;
}

/*-----------------------------------
  system
-----------------------------------*/
#babybreath_r #callsystem{
	width:100%;
	margin:0 auto;
	padding:50px 0;
	background:#fee484;
	text-align:center;
}
#babybreath_r #callsystem .system_block h2{
	width:720px;
	text-align:center;
	
	background: url(../image/img_title_base_02.png) center top no-repeat;
	background-size:70px;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:34px;
	letter-spacing:0.2em;
	color:#7c7c7c;
	border-bottom:solid 2px #f18c00;
	padding:10px 0 20px 0;
	margin:0 auto;
}

#babybreath_r #callsystem .system_block{
	width:1100px;
	margin:0 auto;
}

#babybreath_r #callsystem .system_block .chart{
	width:695px;
	padding:40px;
	background: #FFF;
	margin:30px auto;
}
#babybreath_r #callsystem .system_block .chart span{
	display:block;
	text-align:left;
	font-size:85%;
	}
/*-----------------------------------
  spec
-----------------------------------*/
#babybreath_r #spec{
	width:1100px;
	margin:75px auto;
	padding:0;
}
#babybreath_r #spec h3.spec_title{
	width:100%;
	text-align:center;
	
	font-size:38px;
	line-height:36px;
	letter-spacing:0.2em;
	color:#7c7c7c;
}

#babybreath_r #spec .spec_box{
	width:1100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin-top:30px;
	border-top:1px solid #CCC;
	font-size:14px;
	font-weight:200;
	line-height:32px;
	letter-spacing:0.15em;
}
#babybreath_r #spec .spec_box .box1{
	width:20%;
	text-align:left;
	padding:5px 0;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#babybreath_r #spec .spec_box .box2{
	width:40%;
	text-align:center;
	padding:5px 15px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#babybreath_r #spec .spec_box .box3{
	width:40%;
	text-align:center;
	padding:5px 0 5px 15px;
	border-bottom:1px solid #CCC;
}
#babybreath_r #spec .spec_box .box4{
	width:80%;
	text-align:center;
	padding:5px 0 5px 15px;
	border-bottom:1px solid #CCC;
}
#babybreath_r #spec .spec_box .left{
	text-align:left!important;
}
#babybreath_r #spec .spec_box .spleft{
	text-align:center!important;
}
#babybreath_r #spec .caution{
	margin-top:30px;
	margin-bottom:80px;
	font-size:14px;
	line-height:30px;
	font-weight:200;
	letter-spacing:0.1em;
	text-align:left;
}

/*-----------------------------------
  contact
-----------------------------------*/
#babybreath_r #contact{
	width:1100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin:0 auto 100px auto;
}
#babybreath_r #contact p a{
	width:510px;
	display:block;
	font-size:18px;
	color:#FFF;
	font-weight:400;
	line-height:32px;
	letter-spacing:0.3em;
	text-align:center;
	padding:10px 20px;
}
#babybreath_r #contact .catalog{
	background:#ffc91e;
}
#babybreath_r #contact .form{
	background:#aaaaaa;
}
#babybreath_r #contact a{
	color:#fff;
}
#babybreath_r #contact p a:hover{
	opacity:0.5;
}



/*   footer   */
#babybreath_r .back{
	width:1100px;
	margin:0 auto;
	text-align:left;
}
#babybreath_r .back a{
	display:block;
	background:url(../image/btn_back_arrow.png) left top no-repeat;
	background-size:41px;
	
	padding:0 55px 10px 55px;
	color:#7c7c7c;
}
#babybreath_r .back a:hover{
	opacity:0.5;
}

#babybreath_r footer {
		width:100%;
		padding:15px 0;
		background-color:#b9b9b9;
		margin:15px 0 0 0;
}

#babybreath_r footer address{
	color:#fff;
	font-size:12px;
	font-weight:200;
	font-variant: normal;
	text-decoration: none;
	font-style: normal;
	display:block;
	text-align:center;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px){

/*-----------------------------------
  MAIN
-----------------------------------*/
/*   main   */
main {
		-webkit-flex: 1;
		flex: 1;
		border-left:none 1px #e5e5e5;
		margin:0;
}
#babybreath_r .pc{
	display:none;
}
#babybreath_r .sp{
	display:block;
}
#babybreath_r{
	width:100%;
	margin:0;
	padding:0;
	
	font-size:16px;
	line-height:36px;
	color:#555555;
	font-weight:300;
}

#babybreath_r img{
	width:100%;
}
#babybreath_r .title{
	width:100%;
	text-align:left;
	
	background: url(../image/img_title_base_01.png) center 11px no-repeat;
	background-size:154px;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	line-height:36px;
	letter-spacing:0.1em;
	color:#7c7c7c;
}

#babybreath_r .title h3{
	width:100%;
	text-align:center;
	display:block;
	padding-bottom:30px;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:30px;
	line-height:42px;
	letter-spacing:0.15em;
}

#babybreath_r #title_area{
	width: 100%;
  	background: url(../image/main_image.jpg) left bottom no-repeat #FFF;
	background-size:90vw;
	margin:0;
	min-height:532px;
	padding-bottom:150px;
}
#babybreath_r #title_area .contents{
	width: 100%;
  	background: url(../image/header_base.png) center top no-repeat;
	background-size:150%;
	margin:0;
	padding:20px 20px 0 20px;
}

#babybreath_r #title_area .contents h2{
	width: 30vw;
	height:0;
	padding-bottom:80px;
  	background: url(../image/logo.png) left top no-repeat;
	background-size:100%;
	text-indent:-9999px;
	display:block;
}
#babybreath_r #title_area .contents .block{
	width:95%;
	margin:10px 0 20px 0;
}
#babybreath_r #title_area .contents .block h1{
	display:block;
	width:100%;
	height:0;
	padding-bottom:calc( 142 / 687 * 100%);
	margin:0 auto 30px auto;
	background: url(../image/main_baby_logo.png) no-repeat center;
	background-size:100%;
	text-indent:-9999px;
}
#babybreath_r #title_area .contents .block .copyBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-align-items: start;
	-webkit-align-items: start;
	align-items: start;
	
	width:100%;
	margin:0 auto 40px auto;
}
#babybreath_r #title_area .contents .block .copyBox .copy{
	font-family: 'Noto Serif JP', serif;
	font-size:20px;
	line-height:34px;
	letter-spacing:0.15em;
	color:#000;
	display:block;
	width:65%;
	margin:0 auto;
}
#babybreath_r #title_area .contents .block .copyBox .photo{
	width:35%;
}
#babybreath_r #title_area .contents .block span{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto 50px auto;
	text-align:center;
}

/*-----------------------------------
  2WAY
-----------------------------------*/
#babybreath_r #sensor{
	width:95%;
	margin:75px auto;
	padding:0;
}
#babybreath_r #sensor .sensor_block{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin-top:50px;
}
#babybreath_r #sensor .sensor_block .box{
	width:100%;
	border-radius:6px;
	border:solid 1px #fac419;
	display:inline-block;
	padding:27px;
	text-align:center;
	margin-bottom:10px;
}
#babybreath_r #sensor .sensor_block .box h2{
	font-size:24px;
	letter-spacing:0.2em;
	font-weight:300;
	margin-bottom:40px;
}
#babybreath_r #sensor .sensor_block .box img{
	width:70%!important;
	
	margin: 20px 0;
}
#babybreath_r #sensor .sensor_block .box p{
	display:block;
	border-radius:4px;
	background:#fff3ad;
	padding:10px;
	text-align:center;
	font-size:16px;
	color:#4c4c4c;
	letter-spacing:0.15em;
	margin:0 0 7px 0;
}

/*-----------------------------------
  SOUND&MONITOR
-----------------------------------*/
#babybreath_r #sound_monitor{
	width:100%;
	margin:0 auto;
	padding:50px 0;
	background:#fee484;
}
#babybreath_r #sound_monitor .sound_block{
	width:95%;
	margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#babybreath_r #sound_monitor .sound_block .box{
	width:100%;
	margin-bottom:20px;
}

#babybreath_r #sound_monitor .sound_block .box h2{
	width:100%;
	text-align:center;
	
	background: url(../image/img_title_base_02.png) center top no-repeat;
	background-size:70px;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:30px;
	letter-spacing:0.15em;
	color:#7c7c7c;
	border-bottom:solid 2px #f18c00;
	padding:10px 0 20px 0;
}

#babybreath_r #sound_monitor .sound_block dl{
	width:100%;
	
	margin-top:20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#babybreath_r #sound_monitor .sound_block dt{
	width:20vw;
}

#babybreath_r #sound_monitor .sound_block dd{
	width:70vw;
	font-size:16px!important;
	line-height:36px;
}


/*-----------------------------------
  PC
-----------------------------------*/
#babybreath_r #pc{
	width:95%;
	margin:75px auto;
	padding:0;
}
#babybreath_r #pc .pc_block{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin-top:0;
}
#babybreath_r #pc .pc_block .photo{
	width:80%;
	margin:0 auto 10px auto;
}
#babybreath_r #pc .pc_block span{
	width:100%;
}
#babybreath_r #pc .pc_block .btn_block{
	width:100%;
	font-size:70%;
	line-height:1.6;
	margin-top:15px;
}
#babybreath_r #pc .pc_block .btn_block a{
	width:100%;
	font-size:140%;
	text-align:center;
	color:#FFF;
	
	display:block;
	padding:10px 0;
	margin-bottom:10px;
	
	background:#F7AF0E;
	border-radius:5px;
}
#babybreath_r #pc .pc_block .btn_block a:hover{
	opacity:0.5
}

#babybreath_r #pc .pc_block .spec_block{
	width:100%;
	font-size:84%;
	padding:0;
	margin:0;
}
#babybreath_r #pc .pc_block .spec_block table{
	width:100%;
	border-collapse: collapse;
}
#babybreath_r #pc .pc_block .spec_block td{
	border:solid 1px #CCC;
	padding:3px 10px;
	text-align:left;
}

/*-----------------------------------
  system
-----------------------------------*/
#babybreath_r #callsystem{
	width:100%;
	margin:0 auto;
	padding:50px 0;
	background:#fee484;
	text-align:center;
}
#babybreath_r #callsystem .system_block h2{
	width:100%;
	text-align:center;
	
	background: url(../image/img_title_base_02.png) center top no-repeat;
	background-size:70px;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:30px;
	letter-spacing:0.15em;
	color:#7c7c7c;
	border-bottom:solid 2px #f18c00;
	padding:10px 0 20px 0;
	margin:0 auto;
}

#babybreath_r #callsystem .system_block{
	width:95%;
	margin:0 auto;
}

#babybreath_r #callsystem .system_block .chart{
	width:100%;
	padding:40px;
	background: #FFF;
	margin:30px auto;
}
#babybreath_r #callsystem .system_block .chart span{
	display:block;
	text-align:left;
	font-size:73%;
	}
/*-----------------------------------
  spec
-----------------------------------*/
#babybreath_r #spec{
	width:95%;
	margin:75px auto;
	padding:0;
}
#babybreath_r #spec h3.spec_title{
	width:100%;
	text-align:center;
	
	font-size:30px;
	line-height:36px;
	letter-spacing:0.2em;
	color:#7c7c7c;
}

#babybreath_r #spec .spec_box{
	width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin-top:30px;
	border-top:1px solid #CCC;
	font-size:14px;
	font-weight:200;
	line-height:32px;
	letter-spacing:0.15em;
}
#babybreath_r #spec .spec_box .box1{
	width:100%;
	text-align:left;
	padding:5px 0 5px 5px;
	border-right:none;
	border-bottom:1px solid #CCC;
	background:#EFEEEE;
}
#babybreath_r #spec .spec_box .box2{
	width:50%;
	text-align:center;
	padding:5px 15px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#babybreath_r #spec .spec_box .box3{
	width:50%;
	text-align:center;
	padding:5px 0 5px 15px;
	border-bottom:1px solid #CCC;
}
#babybreath_r #spec .spec_box .box4{
	width:100%;
	text-align:center;
	padding:5px 0 5px 15px;
	border-bottom:1px solid #CCC;
}
#babybreath_r #spec .spec_box .left{
	text-align:left!important;
}
#babybreath_r #spec .spec_box .spleft{
	text-align:left!important;
}
#babybreath_r #spec .caution{
	margin-top:30px;
	margin-bottom:80px;
	font-size:14px;
	line-height:30px;
	font-weight:200;
	letter-spacing:0.1em;
	text-align:left;
}

/*-----------------------------------
  contact
-----------------------------------*/
#babybreath_r #contact{
	width:95%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	
	margin:0 auto 100px auto;
}
#babybreath_r #contact p a{
	width:95vw;
	margin:0 auto;
	display:block;
	font-size:18px;
	color:#FFF;
	font-weight:400;
	line-height:32px;
	letter-spacing:0.3em;
	text-align:center;
	padding:10px 20px;
	border-top:solid 5px #FFF;
}
#babybreath_r #contact .catalog{
	background:#ffc91e;
}
#babybreath_r #contact .form{
	background:#aaaaaa;
}
#babybreath_r #contact a{
	color:#fff;
}
#babybreath_r #contact p a:hover{
	opacity:0.5;
}



/*   footer   */
#babybreath_r .back{
	width:100%;
	margin:0 auto;
	text-align:left;
}
#babybreath_r .back a{
	display:block;
	background:url(../image/btn_back_arrow.png) left top no-repeat;
	background-size:41px;
	
	padding:0 55px 10px 55px;
	color:#7c7c7c;
}
#babybreath_r .back a:hover{
	opacity:0.5;
}

#babybreath_r footer {
		width:100%;
		padding:15px 0;
		background-color:#b9b9b9;
		margin:15px 0 0 0;
}

#babybreath_r footer address{
	color:#fff;
	font-size:12px;
	font-weight:200;
	font-variant: normal;
	text-decoration: none;
	font-style: normal;
	display:block;
	text-align:center;
	letter-spacing: 0.05em;
}
	
}