@charset "utf-8";


/*************
デフォルト設定
*************/
 
/*
  ここにデフォルトの記述をして下さい。
*/
 
/************************
メディアクエリ設定 0〜380
*************************/
@media screen and (min-width: 0px) and (max-width: 380px) {
	nav {
		display:none;
	}
	.container-sp {
		display:none;
	}
	.company-info {
		display:none;
	}
	footer#default {
		display:none;
	}

	
	.flexslider .slides {
	  width:100%;
	  height:auto;
	  overflow:hidden;
	  zoom: 1;
	}

	.picture-txt1 {
		position: absolute;
		top: 5%;
		left: 10%;
		width: 75%;
		padding:10px 10px;
		font-size:50%;
		font-weight:bold;
		color:#191970;
		background: #fff;
		opacity: 0.65;
		box-shadow: 0 0 20px rgba(0, 0, 0, 1);
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt2 {
		position: absolute;
		top: 60%;
		left: 25%;
		width: 65%;
		padding:10px 10px;
		font-size:50%;
		font-weight:bold;
		color:#2E8B57;
		background: #fff;
		opacity: 0.8;
		box-shadow: 0 0 20px rgba(0, 0, 0, 1);
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt3 {
		position: absolute;
		top: 20%;
		left: 5%;
		width: 50%;
		padding:10px 15px;
		font-size:50%;
		font-weight:bold;
		color:#fff;
		background: #228B22;
		opacity: 0.8;
		box-shadow: 0 0 20px #1d5102;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt4 {
		position: absolute;
		top: 10%;
		left: 55%;
		width: 35%;
		padding:10px 10px;
		font-size:50%;
		font-weight:bold;
		color:#fff;
		background: #111;
		opacity: 0.5;
		box-shadow: 0 0 20px #fff;
		border:2px solid #333;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}
	
	.headding img {
		width:100%;
	}
  .service-pic {
		display:none;
	}
   .service-pic img {
		display:none;
	}
    .service-cont {
		width:100%;
	}
	.service-cont h3 {
		color:#228B22;
	}
	.about-table {
		display:none;
}

}


/**************************
メディアクエリ設定 381〜420
**************************/
@media screen and (min-width: 381px) and (max-width: 420px) {
	nav {
		display:none;
	}
	.service-container {
		display:none;
	}
	footer#default {
		display:none;
	}

	
	.flexslider .slides {
	  width:100%;
	  height:auto;
	  overflow:hidden;
	  zoom: 1;
	}

	.picture-txt1 {
		position: absolute;
		top: 5%;
		left: 10%;
		width: 75%;
		padding:10px 15px;
		font-size:80%;
		font-weight:bold;
		color:#191970;
		background: #fff;
		opacity: 0.65;
		box-shadow: 0 0 20px rgba(0, 0, 0, 1);
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt2 {
		position: absolute;
		top: 60%;
		left: 25%;
		width: 65%;
		padding:10px 15px;
		font-size:90%;
		font-weight:bold;
		color:#2E8B57;
		background: #fff;
		opacity: 0.8;
		box-shadow: 0 0 20px rgba(0, 0, 0, 1);
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt3 {
		position: absolute;
		top: 20%;
		left: 5%;
		width: 50%;
		padding:10px 15px;
		font-size:90%;
		font-weight:bold;
		color:#fff;
		background: #228B22;
		opacity: 0.8;
		box-shadow: 0 0 20px #1d5102;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt4 {
		position: absolute;
		top: 10%;
		left: 55%;
		width: 35%;
		padding:10px 15px;
		font-size:90%;
		font-weight:bold;
		color:#fff;
		background: #111;
		opacity: 0.5;
		box-shadow: 0 0 20px #fff;
		border:2px solid #333;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}
	
	
	.headding img {
		width:100%;
	}
	.container-sp {
		width:100%;
	}
	.container-sp .service-pic {
		float:left;
		width:15%;
	}
	.service-pic img {
		width:170%;
		margin:12px 0 0 0;
	}
	.container-sp .title-txt {
		width:70%;
		height:60px;
		margin:10px 0 0 0;
		float:right;
		color:#228B22;
		font-size:170%;
	}
	.container-sp .service-txt {
		clear:both;
		display: block;
		width:95%;
		margin:0 auto;
		padding:15px 0 0 0;
	}
}


/**************************
メディアクエリ設定 421〜740
**************************/
@media screen and (min-width: 421px) and (max-width: 740px) {
	nav {
		display:none;
	}
	.service-container {
		display:none;
	}
	footer#default {
		display:none;
	}

	

	.headding img {
		width:100%;
	}
	.flexslider .slides {
	  width:100%;
	  height:auto;
	  overflow:hidden;
	  zoom: 1;
	}

	.picture-txt1 {
		position: absolute;
		top: 5%;
		left: 10%;
		width: 75%;
		padding:10px 15px;
		font-size:80%;
		font-weight:bold;
		color:#191970;
		background: #fff;
		opacity: 0.65;
		box-shadow: 0 0 20px rgba(0, 0, 0, 1);
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt2 {
		position: absolute;
		top: 60%;
		left: 25%;
		width: 65%;
		padding:10px 15px;
		font-size:90%;
		font-weight:bold;
		color:#2E8B57;
		background: #fff;
		opacity: 0.8;
		box-shadow: 0 0 20px rgba(0, 0, 0, 1);
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt3 {
		position: absolute;
		top: 20%;
		left: 5%;
		width: 50%;
		padding:10px 15px;
		font-size:90%;
		font-weight:bold;
		color:#fff;
		background: #228B22;
		opacity: 0.8;
		box-shadow: 0 0 20px #1d5102;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}

	.picture-txt4 {
		position: absolute;
		top: 10%;
		left: 55%;
		width: 35%;
		padding:10px 15px;
		font-size:90%;
		font-weight:bold;
		color:#fff;
		background: #111;
		opacity: 0.5;
		box-shadow: 0 0 20px #fff;
		border:2px solid #333;
		border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */ 
	}
	
	
	.container-sp {
		width:100%;
	}
	.container-sp .service-pic {
		float:left;
		width:15%;
	}
	.service-pic img {
		width:100%;
	}
	.container-sp .title-txt {
		width:80%;
		height:auto;
		margin:10px 2% 0 0;
		float:right;
		color:#228B22;
		font-size:170%;
	}
	.container-sp .service-txt {
		clear:both;
		display: block;
		width:95%;
		margin:0 auto;
		padding:15px 0 0 0;
	}
	.bg-cont {
		height: 300px;
	}
}
/***************************
メディアクエリ設定 741〜980
***************************/
@media screen and (min-width: 741px) and (max-width: 980px) {
	#right-menu {
		display:none;
	}
	.container-sp {
		display:none;
	}
	footer#footer-sp {
		display:none;
	}
	
	.service-pic {
		float:right;
		width:40%;
	}
	.service-pic img {
		width:80%;
	}
	.service-cont {
		width:50%;
	}
.picture-txt1 {
	position: absolute;
	top: 5%;
	left: 10%;
	width: 75%;
	padding:25px 50px;
	font-size:30px;
	font-weight:bold;
	color:#191970;
	background: #fff;
	opacity: 0.65;
	box-shadow: 0 0 20px rgba(0, 0, 0, 1);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	}

.picture-txt2 {
	position: absolute;
	top: 55%;
	left: 25%;
	width: 65%;
	padding:25px 30px;
	font-size:25px;
	font-weight:bold;
	color:#2E8B57;
	background: #fff;
	opacity: 0.8;
	box-shadow: 0 0 20px rgba(0, 0, 0, 1);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	}

.picture-txt3 {
	position: absolute;
	top: 20%;
	left: 5%;
	width: 50%;
	padding:25px 30px;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	background: #228B22;
	opacity: 0.8;
	box-shadow: 0 0 20px #1d5102;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	}

.picture-txt4 {
	position: absolute;
	top: 10%;
	left: 55%;
	width: 35%;
	padding:25px 30px;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	background: #111;
	opacity: 0.5;
	box-shadow: 0 0 20px #fff;
	border:2px solid #333;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	}
	.service-cont {
		width:65%;
	}

	.bg-cont {
	  height: 300px;
	}
.flex-control-nav {
  width: 100%;
  position: absolute;
/*  bottom: 230px; */
  text-align: center;
}

	}
/************************
メディアクエリ設定 981〜
************************/
@media screen and (min-width: 981px) {
	#right-menu {
		display:none;
	}
	.right-sidr {
		display:none;
	}
	.container-sp {
		display:none;
	}
	footer#footer-sp {
		display:none;
	}

.picture-txt1 {
	position: absolute;
	top: 5%;
	left: 10%;
	width: 75%;
	padding:25px 50px;
	font-size:45px;
	font-weight:bold;
	color:#191970;
	background: #fff;
	opacity: 0.65;
	box-shadow: 0 0 20px rgba(0, 0, 0, 1);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.picture-txt2 {
	position: absolute;
	top: 55%;
	left: 25%;
	width: 65%;
	padding:25px 30px;
	font-size:35px;
	font-weight:bold;
	color:#2E8B57;
	background: #fff;
	opacity: 0.8;
	box-shadow: 0 0 20px rgba(0, 0, 0, 1);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.picture-txt3 {
	position: absolute;
	top: 20%;
	left: 5%;
	width: 50%;
	padding:25px 30px;
	font-size:50px;
	font-weight:bold;
	color:#fff;
	background: #228B22;
	opacity: 0.8;
	box-shadow: 0 0 20px #1d5102;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.picture-txt4 {
	position: absolute;
	top: 10%;
	left: 60%;
	width: 30%;
	padding:25px 30px;
	font-size:33px;
	font-weight:bold;
	color:#fff;
	background: #111;
	opacity: 0.5;
	box-shadow: 0 0 20px #fff;
	border:2px solid #333;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
	.service-cont {
		width:65%;
	}
	.bg-cont {
	  height: 300px;
	}
}