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

@media screen and (min-width: 1200px) {
#mainvisual .inner,
#center-banner .inner{
	width:1280px;
	margin:0 auto;
}

html #main{
	float:left;
	width:880px;
}

html #side{
	float:right;
	width:300px;
}

img.sp{	display:none!important;}
.slider{
	height:340px;
	overflow:hidden;
}
#center-banner{
	background:url(../-images/index-banner-pc-bg.gif) repeat-x 0 0;
	-moz-box-shadow:0px 4px 2px #d8dceb;
	-webkit-box-shadow:0px 4px 2px #d8dceb;
	box-shadow:0px 4px 2px #d8dceb;
}

#center-banner .inner{	position:relative;}

#center-banner .action{
	position:absolute;
	top:75px;
	left:865px;
}

#mainvisula .inner{
	height:335px;
	overflow:hidden;
}
}

@media screen and (min-width: 769px) and (max-width: 1199px) {

img.pctab{	display:none!important;}
img.sp{	display:inline-block;	}

#mainvisual .inner,
#center-banner .inner{
	width:768px;
	margin:0 auto;
}
#center-banner img,
#center-banner .action img{
	width:100%;
}

#center-banner .inner{	position:relative;}
#center-banner .action{
	width:230px;
	position:absolute;
	top:45px;
	left:520px;
}

#center-banner img.sp{	display:none;}
#center-banner img.pctab{
	display:inline-block!important;
}

.flexslider{
	margin:0!important;
	padding:0!important;
}

}

@media screen and  (min-width: 20px) and (max-width: 768px) {
	
img.pctab{	display:none!important;}
img.sp{	display:inline-block;
		width:100%;	}
#center-banner .action img{	width:100%;}
.flexslider{
	margin:0!important;
	padding:0!important;
}
}

/* point list  */

#points .point-list{
	margin:0 auto;
	padding:0;
	display: grid;
}

@media screen and (min-width: 1200px) {

	.easy {
		grid-column: 1/3;
		grid-row: 1/2;
	}
	
	.fast {
		grid-column: 3/5;
		grid-row: 1/2;
	} 
	
	.nice {
		grid-column: 5/7;
		grid-row: 1/2;
	}
	
	.safe {
		grid-column: 2/4;
		/* grid-row: 2/3; */
	}
	
	.cost {
		grid-column: 4/6;
		grid-row: 2/3;
	}

}


#points .point-list li{
	width:290px;
	height:15px;
	/* float:left; */
	background:url(../-images/-common/globalnav-bg.gif) no-repeat right bottom;
}

#points .point-list .nice,
#points .point-list .cost{
	background:none;
}

#points .point-list li.easy{	background:url(../-images/index-points-easy-icon.gif) no-repeat 20px 40px;	}
#points .point-list li.fast{	background:url(../-images/index-points-fast-icon.gif) no-repeat 24px 36px;	}
#points .point-list li.nice{	background:url(../-images/index-points-nice-icon.gif) no-repeat 20px 40px;	}
#points .point-list li.patent{	background:url(../-images/index-points-patent-icon.gif) no-repeat 20px 40px;	}
#points .point-list li.safe{	background:url(../-images/index-points-safe-icon.gif) no-repeat 40px 36px;	}
#points .point-list li.cost{	background:url(../-images/index-points-cost-icon.gif) no-repeat 20px 40px;	}

#points .point-list li{
	display:block;
	color:#595757;
	text-decoration:none;
	font-size:90%;
	padding:15px 10px 5px 100px;
	border-bottom:5px solid #122a88;
	height:110px;
	-moz-box-shadow:0px 4px 2px #d8dceb;
	-webkit-box-shadow:0px 4px 2px #d8dceb;
	box-shadow:0px 4px 2px #d8dceb;
}

#points .point-list li h2{	margin:0 0 7px 0;}

#points .point-list li a:hover{	border-bottom:5px solid #8dc21f;}

#points .point-list li a:hover img{	opacity:0.6;}

@media screen and (min-width: 769px) and (max-width: 1199px) {

#points .point-list {
	grid-template-columns: 1fr 1fr;
	width: 700px;
}

#points .point-list li{
	width: 350px;
	padding:15px 10px 5px 0;
	height:125px;
	/* float:left; */
	background:url(../-images/-common/globalnav-bg.gif) no-repeat right bottom;
}

#points .point-list li img,
#points .point-list li p {
	margin-left: 100px;
}

#points .point-list .nice,
#points .point-list .cost{
	background:inherit;
}

}

@media screen and  (min-width: 320px) and (max-width: 768px) {

#points .point-list {
	display: block;
}


#index #points .point-list li{
	width:90%;
	height:115px;
	/* float:none; */
	padding:15px;
	background:url(../-images/-common/globalnav-bg.gif) no-repeat right bottom;
	margin: 0 auto;
}

#points .point-list li img,
#points .point-list li p {
	margin: 0;
}

}

/*  news */

#main .news-list{
	margin-top:20px;
	margin-bottom:60px;
	height:407px;
	overflow-y:scroll;
	padding-top:8px;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}

#main .news-list li{
	list-style-type:none;
	clear:both;
	border-bottom:1px solid #e8eaf2;
	padding-top:10px;
	padding-bottom:6px;
}

#main .news-list li:last-child{
	border-bottom:none;
}

.news-list li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.news-list li{	display:inline-block;	}
/* Hides from IE-mac \*/
* html .news-list li{	height:1%;	}
.news-list li{	display: block;	}

.news-list .date,
.news-list .type{
	display:block;
	float:left;
}

.news-list .date{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:11%;
	font-size:112%;
}

.news-list .type{
	text-align:center;
	width:11%;
	padding:2px 0;
	font-size:86%;
	color:#FFF;
	background:#8dc21f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.news-list .news{
	float:right;
	width:76%;
}

#main  .news p{
	margin:0 0 .3em 0;
}

@media screen and  (min-width: 320px) and (max-width: 768px) {
#index .news-list{
	margin:1em;
	padding:0;
}
.news-list .news{	
	float:none;
	clear:both;
	width:inherit;
	padding:3px 0;
}
.news-list .date,
.news-list .type{
	width:inherit;
}

.news-list .type{
	float:right;
	display:inline;
	padding:3px 20px;

}
}

/*  side banner */
#banners li{
	margin:0 0 1.5em 0;
}
#banners li a{
	display:block;
	text-align:center;
	width:300px;
	height:80px;
	border:1px solid #e8eaf2;
}

#banners li a:hover{
	border:1px solid #122a88;
}

#banners li a:hover img{
	opacity:.6;
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
#banners{
	width:640px;
	margin:0 auto 30px;
	
}
#banners li{
	float:left;
	width:300px;
	height:auto;
	margin:0 10px 10px 10px;
}

#banners li a{
	widh:100%;
	height:10%;
}

#banners li a:hover img{
	opacity:.6;
}
}

@media screen and  (min-width: 320px) and (max-width: 768px) {

aside#side{
	display:none;
}
	
}

#main .ouen{
	line-height:1.8em;
}

#main .ouen img{
	display:block;
	padding:0 10px 3px 0;
}

/*index.php プランナーとビーモスのバナー*/

.service_menu{
	overflow:hidden;
	text-align:center;
	background-color:#9FEDF7;
}

/*@media screen and (max-width: 768px) and (min-width: 20px){
	.menu_1{
	float:left;
	margin-right:1.63934%;
	}
}*/
/*.menu_1{
	float:left;
	margin-right:1.63934%;
}

.menu_1:last-child{
	margin-right:0;
}
*/
.service_menu .menu_1 img{
	border:0;
	max-width:100%;
	height:auto;
}

.special_menu{
	width:100%;
}

.special_menu_inner{
	max-width:1200px;
	margin:0 auto;
}

.service_menu .bnr_1{
	margin-bottom:20px;
}

/*@media screen and  (min-width:640px){
	.service_menu .menu_1{
		float:left;
}
}*/

@media screen and (max-width: 768px) and (min-width: 20px){
}