/* ----------------------------------------------------*/
@media only screen and (max-width: 1000px) {

}

@media only screen and (min-width: 861px) {
.drawer-hamburger {
		display: none !important;
		width: 0;
		height: 0;
	}
	
.drawer-hamburger-icon {
		display: none !important;
		width: 0;
		height: 0;
	}

.spimage {
	display: none !important;
	width: 0;
	height: 0;
	}
	
ul.tab-c li a {
	text-decoration:none;
	color:#fff;
	opacity: 1.0;
	font-size:15px!!important;
	font-weight: 700;
	line-height:1.6;
	}
	
}

/* ----------------------------------------------------*/
/* for phone content */
@media only screen and (min-width: 861px) {
.footlist {
	display: block;
}
.footlist-sp {
	display: none;
}
	
	.section-recruit{
	display: flex;
    align-items: stretch;
	}
	.text-right{
		padding-left:10px;
		margin-left:-10px;
		display:block;
	}
	
}

@media only screen and (max-width: 860px) {
	.sp-br{
		display:block;
	}

.scroll-infinity__item {
	  width: 180px;
	}
.footlist {
	display: none;
}
.footlist-sp {
	display: block;
}

	ul.tab li a {
		font-size:14px!important;
		line-height:1.2;
		vertical-align:middle;
		padding-top:30px;
		}

	ul.tab li.kasyoko a {
		font-size:14px!important;
		line-height:1.2;
		vertical-align:middle;
		padding-top:20px;
		}
	
	ul.panel-gallery{
		margin-top:-15px!important;
	}
.section-recruit {
	padding: 30px 0;
	width:100%;
	margin-left:0;
}

.image-left{
		width:100%!important;
		float:none!important;
		clear:both!important;
	height:200px;
	padding:0;
	margin:0 auto;
	}
	
.text-right{
		width:100%!important;
		float:none!important;
		clear:both!important;
	margin-top:-15px;
	}

div.blue-text-sp{
	display:block;
	width:100%!important;
	max-width:95%!important;
	margin:10px 0 20px!important;
	padding:0;
	}
	
div.blue-text-sp img{
	width:100%!important;
	padding:0;
	}
	

	div.blue-text{
		display:none;
	}
.text-left{
	width:100%!important;
		float:none!important;
		clear:both!important;
}

.image-right{
	width:100%!important;
		float:none!important;
		clear:both!important;
}

	.daihyouimage{
		width:100%!important;
		float:none!important;
		clear:both!important;
		margin-bottom:15px;
	}
	
	.daihyoutext{
		width:100%!important;
		float:none!important;
		clear:both!important;
		margin-bottom:15px;
	}
	.text-right img{
		padding: 5px 0!important;
		width:60%!important;
	}
	
	.text-left img{
		padding: 5px 0!important;
		width:90%!important;
	}
	
	.text-right p img,.text-left p img{
		padding: 0!important;
		width:auto!important;
	}

.linkbtn,.linkbtn-b{
	max-width: 80%!important;
	margin-bottom:15px;
}

#pageimage {
	width: 100%;
	height: auto;
	margin: 0!important;
	padding: 55px 0 0;
	overflow: hidden;
}

.inner{
		width:90%!important;
	margin:10px auto!important;
	padding:0;
}

.inner-product{
	margin:30px auto;
	width:80%;
	border-radius: 20px;
	padding:20px;
}
	
.back-blue .inner,.back-green .inner,.back-gray .inner,.back-orange .inner{
	padding:15px;
}

table.data{
float: none;
width: 100%;
}
	
.linkbtn01-left a{
	float:none;
	display:block;
	width:97%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color: #29a6bd;
	margin-bottom: 20px;
	font-size: 1em;
	padding-left:5px;
}


.linkbtn01-right a{
	float:none;
	display:block;
	width:97%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color: #29a6bd;
	margin-bottom: 20px;
	font-size: 1em;
	padding-left:5px;
}

.linkbtn02 a{
	display:block;
	width:97%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color: #39b04a;
	margin-bottom: 20px;
	font-size: 1em;
	padding-left:5px;
}

.linkbtn03 a{
	display:block;
	width:97%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color: #949494;
	margin-bottom: 20px;
	font-size: 1em;
	padding-left:5px;
}

.linkbtn04 a{
	display:block;
	width:97%;
	height: 60px;
	color:#fff;
	text-indent: 15px;
	line-height: 60px;
	background-color:#f28e1e;
	margin-bottom: 20px;
	font-size: 1em;
	padding-left:5px;
}

.formlink2 {
	width: 300px;
	height: 50px;
	margin: 20px auto 60px;
	}
		
.formlink2 a {
	display: block;
	color: #fff;
	font-size: 140%;
	line-height: 50px;
	letter-spacing: 0.5px;
	width: 300px;
	height: 50x;
	margin: 0;
	padding: 0;
	background-color:red;
	border-radius: 25px;
	text-align: center;
	}
	
#scroll {
	display:none!important;
	}
	
.sp_br {
	display: none;
}

	foot-logo{
	width:50%!important;
	display: block;
	padding-right:5%;
	padding-left:5%;
	margin:10px auto;
	}
#navi,.icon-space {
	display: none !important;
	width: 0;
	height: 0;
	}

header {
	top: 0;
	height: 55px;
	}

.navi-logo {
	position: absolute;
	bottom: 10px;
	left: 5%;
	width: 200px;
	}

.sp_br {
	display: none;
}
p.center {
		text-align: left!important;
	}
	
}

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

.inner0 {
	padding: 0;
	}

.inner-concept,.inner-works,.inner-news {
	padding: 30px 0 10px;
	}

p.title {
	margin: 0 auto 30px;
	}
	
.inner {
	overflow:hidden;
	padding-top:5px;
	padding-bottom:10px;
	}

.foot-logo,.footlink {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
	overflow: hidden;
	}

.footlist{
	width:100%!important;
	padding-right:5%;
	float:left!important;
	clear: none!important;
}
	
.news {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
	overflow: hidden;
	}

#back-top {
	position: fixed;
	right: 50%;
	bottom: 0px;
	padding-bottom: 10px;
	margin-left:-20px;
	width: 40px;
	height: 50px;
	}

#back-top a {
	width: 40px;
	height: 50px;
	}
	
.topmess{
	position: absolute;
	top:18%;
	left: 0%;
	margin-top:0px!important;
	margin-left:0px!important;
	width:100%!important;
	max-width:100%;
}
.topmess img{
	width:100%;
	height:auto;
}
	
#section-green {
	width: 100%;
	max-width: 100%!important;
	background-color: #90d690;
	background-repeat: repeat;
	margin: 0 0 0;
	padding: 0;
	}
	
}

@media only screen and (max-width: 420px) {
body {
	font-size: 13px;
	} 
}