@charset"utf-8";

 /* header*/
 header .logo a{
 	width: 200px;
 }
 .nav a, .nav span {
	padding: 8px 10px;
	font-size: 13px;
}
.contact a {
	margin: 0;
	font-size: 14px;
	width: 85px;
	padding: 15px 13px;
}
li.nav_pd.lan {
	margin: 0 0 0 10px;
}
 /* layout */
 .inside {
	width: 100%;
	padding: 0 15px;
}
.ins_banner {
	height: 250px;
	background-size: contain;
	background-attachment: inherit;
	background: url(../images/about_banner.jpg) no-repeat center bottom;
}
.ins_banner.product, .ins_banner.quality, .ins_banner.production, .ins_banner.installation, .ins_banner.faq, .ins_banner.contact_banner{
	background-size: 135%;
	background-attachment:inherit;
}
/*-----index-----*/
.slider_txt{
	width: 100%;
}
.work ul li a .text p{
	font-size: 21px;
}
/*-----about-----*/
.content {
	padding: 40px 0;
}
.content .inside {
	padding: 0 30px;
}
.content.about p {
	float: none;
	width: 100%;
	margin: 0px 0 30px 0;
}
.about_text img {
	margin: 0 auto;
	display: block;
}
.advantage ul {
	display: block;
}
.advantage li {
	margin: 0 0 20px 0;
}
/*-----product-----*/
/*catagory*/
.cell {
	padding: 15px 5px;
	font-size: 15px;
}
.width15{
	width: 15%;
}
/*pd_range*/
.pd_range {
	padding: 40px 0;
}
.pd_range ul li p{
	font-size: 21px;
	padding: 175px 0 0 70px;
}
.pd_range ul li:nth-child(1) {
	background: url(../images/pd_range_line_01.png) no-repeat top center;
}
.pd_range ul li:nth-child(3) {
	background: url(../images/pd_range_line_03.png) no-repeat top left;
}
.pd_range ul li:nth-child(3) p {
	padding: 220px 0 0 30px;
}
.pd_range ul li:nth-child(4) {
	margin: 45px 0 0 0;
	background: url(../images/pd_range_line_04.png) no-repeat top right;
}
.pd_range ul li:nth-child(4) p {
	padding: 195px 0 0 0;
	text-align: right;
}
.exper ul li .e_text h2{
	font-size: 18px;
}
/* pd_save*/
.ins_banner.save{
	background: url(../images/banner_save.jpg) no-repeat left center;
	background-size: cover;
}
.pd_save .inside{
	width: 100%;
	padding: 0 15px;
}
/*-----work-----*/
.pd_work_list {
	padding: 20px 0;
}
.work_text div ul li,.work_text div ul li:nth-child(3n) {
	width: 49%;
	margin: 0 2% 2% 0;
}
.work_text div ul li:nth-child(2n){
	margin: 0 0 2% 0;
}
/*-----fuji-----*/
.pd_size ul.size li {
	width: 19%;
	margin: 0 1.25% 1.25% 0;
	text-align: center;
}
.pd_size ul.size li:nth-child(5n){
	margin: 0 0 1.25% 0;
}

@media screen and (max-width:768px) {
	.tb{
		display: block;
	}
	/* header*/
	.logo {
		padding: 0 5px;
	}
	header{
		height: 50px;
	}
	header .logo a {
		width: 140px;
		height: 50px;
	}
	.contact a {
		height: 50px;
		font-size: 12px;
		padding: 10px;
	}
	.nav {
		margin: 0;
	}
	.nav_list li{
		padding: 0;
	}
	.nav a, .nav span {
		font-size: 12px;
		padding: 15px 4px;
	}
	.nav_child{
		padding-top: 75px;
	}
	.nav_child::before{
		top: 50px;
	}
	.nav_child a{
		font-size: 12px;
		padding: 5px 2px;
	}
	.contact a{
		width: 70px;
	}
	/*-----index-----*/
	#slider img{
		max-width: 100%;
	}
	.slider_txt h2 {
		font-size: 25px;
		letter-spacing: .2em;
	}
	.slider_txt span {
		margin-bottom: 15px;
		font-size: 1rem;
	}
	.scroll{
		bottom: 50px;
	}
	.index_pd {
		padding: 15px;
	}
	.quality ul li {
		width: 30%;
		margin: 0 5% 5% 0;
	}
	.quality ul li:nth-child(3n){
		margin: 0 0 5% 0;
	}
	.work ul li {
		width: 50%;
	}
	.service .flex{
		flex-wrap: wrap;
	}
	/*-----about-----*/
	.ins_banner{
		height: 150px;
		background-size: 100%;
	}
	.ins_banner h1{
		font-size: 25px;
	}
	.content {
		padding: 30px 0;
	}
	/*-----product-----*/
	.sub_menu {
		margin: 30px 0;
	}
	.sub_menu a {
		font-size: 17px;
		margin: 0 8px;
		padding: 10px 20px;
	}
	.menu_child a{
		width: 100%;
		margin: 0 0 15px 0;
	}
	.pd .flex{
		flex-wrap: wrap;
	}
	.pd_text div {
		max-width: 100%;
		width: 100%;
		padding: 30px;
	}
	.pd_text div h1 {
		font-size: 31px;
	}
	.pd_text , .pd_img{
		width: 100%;
	}
	.pd_range {
		padding: 30px 0;
	}
	.pd_range ul{
		padding: 0;
	}
	.pd_range ul::before {
		display: none;
	}
	.pd_range ul li {
		display: block;
		align-items: center;
		width: 49%;
		padding: 0;
		margin: 0 2% 0 0;
		background: none !important;
		text-align: center;
	}
	.pd_range li:nth-child(even), .pd_range ul li:nth-child(3) ,.pd_range ul li:nth-child(4){
		margin: 0 0 0 0;
	}
	.pd_range ul li p, .pd_range ul li:nth-child(2) p, .pd_range ul li:nth-child(3) p, .pd_range ul li:nth-child(4) p{
		padding: 0;
		text-align: center;
		margin: 10px 0;
	}
	.pd_range ul li img{
		width: 100%;
	}
	.pd_property ul li, .pd_property ul li:nth-child(4n){
		width: 49%;
		margin: 0 2% 2% 0;
		padding: 15px;
	}
	.pd_property ul li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	/*-----quality-----*/
	.exper ul li, .exper ul li:nth-child(4n) {
		width: 32%;
		margin: 0 2% 2% 0;
	}
	.exper ul li:nth-child(3n) {
		margin: 0 0 2% 0;
	}
	/*-----instal-----*/
	.instal_img {
		width: 41%;
	}
	.instal_list li .instal_text{
		padding: 15px;
	}
	.instal_text .tit span {
		font-size: 19px;
	}
	.instal_text .tit {
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-size: 25px;
	}
	.instal_text p {
		margin: 8px 0;
		font-size: 15px;
	}
	.pd_notice .notice div img {
		width: 220px;
	}
	/*-----work-----*/
	.work_text div {
		width: 100%;
		margin: 0 0 4% 0;
	}
	/*-----contact-----*/
	.contact_info .flex div{
		width: 100%;
	}
	.contact_info .flex div:first-child {
		margin: 0 0 2% 0;
	}
	.form li:nth-child(4){
		align-items: flex-start;
	}
	.form li .md-radio.md-radio-inline ,.form li .md-checkbox.md-checkbox-inline{
		margin: 5px 0;
	}
	.form li .input{
		width: 180px;
	}
}