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

body{
	background: #191918;
}
main.cam200620_smartlife{
	margin: 0;
	padding: 0;
}
.inner{
	max-width: 1299px;
	margin: 0 auto;
	text-align: center;
}

section.mv{
	padding: 0em 0 0em 0;
	margin-top: 74px;
	background: url(/img/tcmaxfl_camp/mv_bg.png) ;
	background-size:auto 132%;
	background-position: center 0;
	background-repeat:no-repeat;
}
section.mv h1{
	width: 100%;
	text-align: center;	
	padding-bottom: 0em;
}

section.big_title{
	padding: 0em;
	background: #6eb200;
}
section.sale{
	padding: 8em 0 2em;
}
section.sale article{
	border: 3px solid #ff0000;
	margin-bottom: 5em;
	padding: 0 0em;
}

section.cam_contents h2{
	text-align: center;
	font-size: 300%;
	font-weight: 600;
	color: #333;
	padding:0em 0;
	border-bottom: 0px solid #199ba7;
	margin-bottom: 0em;
}

section.sale article h3{
	padding: 0.5em 1em;
	background: #ffeced;
	border: 3px solid #ff0000;
	display: table;
	margin: 0 auto;
	margin-top: -32px;
}
section.sale article div{
	padding-bottom: 3em;
}
section.sale article div img{
	padding-top:2em;
}

section.option figure{
	padding: 3em 0;
}
section.option div div{
	padding: 1em 0 7em;
}

section.uqi h3 img{
	width: 100%;
	height: auto;
	padding-bottom: 3em;
}
section.uqi h3 img.sp{
	display: none;
}
section.uqi div img{
	padding-bottom: 2em;
}

section.uqi .op_img{
	padding: 3em 0;
}
section.uqi .op_img p{
	padding-bottom: 2em;
	font-size: 1.5em;
	color: #232125;
}
section.uqi .img_cut img{
	width: 100%;
	height: auto;
}
.btn{
	padding: 2.5em 0;
}
section.kikan{
	padding: 2em 0;
}
section.kikan .btn h3{
	padding: 3em 0;
}
section.kikan .btn a:hover{
	opacity: 0.5;
}
section.kikan .attention{
	max-width: 800px;
	padding: 2.5em 1em;
	text-align: center;
	border: 1px solid #88888a;
	color: #88888a;
	margin: 3em auto 0;
	background:#fff;
}
section.kikan .attention h4{
	padding-bottom: 0.8em;
	font-size: 1.5em;
}

.cam_contents{
	padding: 1.5em 0;
	text-align: center;
}
ul.servicedetails{
width: 100%;
padding-left: 3em;
}
ul.servicedetails li{
	float: left;
	width: 30%;
	margin-right: 1em;
	margin-bottom: 1em;
}
ul.servicedetails li:nth-of-type(3n){
	margin-right: 0em;
}
.youtube_outline img:hover{
	opacity: 0.7;
}
.cam_contents h2{
	margin-bottom: 0em;
	text-align: center;
}

.bgc_pink{
	background: #e9d6d2;
}
.bgc_yellow{
	background: #f1ffa6;	
}
.bgc_blue{
	background: #b7d9d8;	
}
.bgc_gray{
	background: #a6a6a6;	
}

.youtube_outline{ padding: 2em 0;}

.mt2em{
	margin-top: 2em;
}
img.pc{
	display: block;
}
img.sp{
	display: none;
}
.con_t{width: 900px; margin: 0 auto; padding: 1em; font-size: 140%; color: #fff;}
.con_t strong{ background: #f8e36e;}
.con_t strong span{ font-size: 150%; color:#199ba7;}


.cam_contents ul.flowlist {
	margin:2em 0;
	padding:0em 0;
	list-style:none;
}
.flowlist li{
	margin:0px;
	padding:0px;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:auto 35px;
	padding-left:45px;
	line-height:1.6;
	margin-left:2px;
	list-style:none;
	text-align: left;
	font-size: 150%;
}
.flowlist li:first-child {
background-image:url(/img/o45u25_camp/1.png);
}
.flowlist li:nth-child(2) {
background-image:url(/img/o45u25_camp/2.png);
}
.flowlist li:nth-child(3) {
background-image:url(/img/o45u25_camp/3.png);
}
.flowlist li:nth-child(4) {
background-image:url(/img/o45u25_camp/4.png);
}

@media only screen and (max-width: 1500px){

}

@media only screen and (max-width: 959px){
.con_t{width: 95%;}
main.cam200620_smartlife{
	margin: -2em 0 0 0;
}	
}

@media screen and (max-width: 600px){
	section.uqi h3 img.pc{
		display: none;
	}
	section.uqi h3 img.sp{
	display: block;
}
	section.sale article h3{
	margin-top: -23px;
}
section.mv{
	border: 0px pink solid;
}
ul.servicedetails{
padding-left: 0em;
}	
ul.servicedetails li{
	width: 48%;
}
ul.servicedetails li:nth-of-type(3n){
	margin-right: 1em;
}
ul.servicedetails li:nth-of-type(2n){
	margin-right: 0em;
}
img.pc{
	display: none;
}
img.sp{
	display: block;
}
.jaf_contents{
	padding-top: 1em;
}
}

img{
	margin: 0 auto;
}


.cf:before,
.cf:after{
    content: "";
    display: table;
}
.cf:after{ clear: both; }
.cf{ zoom: 1; } /* For IE 6/7 */