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

/*スマホサイズ*/
@media only screen and (max-width: 767px){
	.home .clearfix{
		width: 240px;
		margin: auto;
		overflow: hidden;
		
	}
	.contants_5{
		display: block;
	}
	.contants_5 li p{
		font-size: 20px;
	}
.clearfix .contants{
		width: 100%;
	}
	.clearfix .contants li{
		width: 100%;
		padding: 10%;
	}

	.clearfix .contants img{
		width: 100%;
	}
	footer{
		height:10%; 
	}
	footer .clearfix{
		display: none;
	}
	.menu{
		display: none;
	}

	.company_img {
		display: none;
	}
	.company{
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.conpany_containts{
		width: 100%;
		margin:0 auto;
	}
	.conpany_containts p{
		width: 100%;
		padding: 0 10%;
	}
	.conpany_containts ul{
		padding-left: 10%;
		font-size: 82%;
	}
	h2{
		font-size: 20px;
		padding-bottom: 0;
		padding: 0 10%;
		text-align: center;
		margin: 10%;
	}
	.main_containts{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.main_containts .contants_top p{
		padding: 10%;
	}
	.main_containts .photo img{
		width: 100%;
		padding: 10%;
	}
	.main_containts .photo{
		width: 100%;
	}
	.main_containts .gizoubousi li{
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.main_containts .gizoubousi li img{
		width: 100%;
		position: static;
	}
	.contants_a{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.contants_a img{
		width: 100%;
		padding: 10%;
	}
	.contants_a li{
		padding: 0;
	}
	.sakuseitejun{
		padding: 10%;
	}
	.siryousitsu{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.siryousitu_containts{
		margin: 10%;
		clear: both;
	}
	.siryousitu_containts p{
		width: 100%;
		padding: 0;
	}
	.siryousitu_img img{
		width: 100%;
		padding-top: 10%;
	}
	.siryousitu_p{
		padding: 10%;
	}
	.shosekiitiran{
		width: 100%;
	}

	.shosekiitiran p{
		width: 100%;
		position:relative;
	}

.shosekiitiran li{
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 36px;
	background-color: #0793b0;
	color: aliceblue;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
}
.shosekiitiran ul{
	margin-top: 50px;
	
}
.shosekiitiran .page{
	background-color: #015799;
}
.mokuroku{
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 0;
	margin-bottom: 0;
}
	.shosekiitiran .mokuroku p{
		font-size: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.kurosawa{
		margin: 10%;
	}
	.haikuzasshi{
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.haikuzasshi .photo{
	text-align: center;
}
	.haikuzasshi img{
		width: 100%;
		padding: 10%;
	}
	.kannkyou{
		padding: 10%;
	}
	.contact_page{
		padding: 10%;
	}
	.contact_page .contants_in{
	font-size: 27px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	.seisakubutuitiran{
		padding: 10%;
	}
	.warp{
		overflow: hidden;
	}
	.contants_in li{
		width: 100%;
	}
	
	.contact_page iframe{
		width: 100%;
	}
	.contants_in{
		padding: 0 10%;
	}
	.contants_in p{
		text-align: left;
	}
	.contants_in h3{
		text-align: left;
	}
	.main_containts .gizoubousi li video{
		position: static;
	}
	.contants_top h2{
		padding: 0 10%;
	}
	.conpany_containts h2{
		padding-left: 10%;
	}
	.contants_2 li{
		width: 220px;
	}
	.contants_2 p{
		font-size: 14px;
	}
	.contants_2 ul{
		width: 240px;
		margin: auto;
		overflow: hidden;
	}
	.banner{
		width: 100%;
	}
	.contants_r4 li{
		padding: 3%;
	}
	.contants_r4 li p{
		display: none;
	}
	.contants_r4 img{
		width: 100%;
	}
	.link li{
		width: 100%;
	}
	.link ul{
	flex-wrap: wrap;
}
	.text{
		width: 100%;
	}
	.banner img{
		width: 100%;
	}
}
/*PCサイズ*/
@media only screen and (min-width: 768px){
	.clearfix .contants{
		width: 768px;
		margin-left: auto;
		margin-right: auto;
	}
	.contants li{
		padding: 35px;
	}
	.responsbotton{
		display: none;
	}
	.seisaku_bt img{
		width: 698px;
	}
	.company{
		width: 768px;
		margin-left: auto;
		margin-right: auto;
	}
	.company_img img{
		width: 230px;
	}
	.main_containts{
	}
	.main_containts .contants_top p{
		padding: 20px;
	}
	.main_containts .gizoubousi li{
		width: 350px;
		height: 370px
	}
	.main_containts .gizoubousi li img{
		width: 100%;
	}
	.siryousitsu{
		margin-left: auto;
		margin-right: auto;
	}
	.siryousitu_containts{
		margin: 10px;
	}
	.siryousitu_containts p{
		padding: 10px;
	}
	.siryousitu_img img{
		width: 280px;
		padding-top: 20px;
	}
	.siryousitu_p{
		padding: 10px;
	}
		.warp{
		overflow: hidden;
	}
	header{
	padding-bottom: 0;
	}
	contants_5 li{
		flex: 0 0 25%;
    max-width: 25%;
	}
}