@charset 'UTF-8';



/* mainvisual */

#mainvisual {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
	max-height: 540px;
	background-color: #f4f3e9;
}

.mainvisual-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 1200px;
	height: auto;
	max-height: 540px;
	background-color: #fff;
	overflow: hidden;
}




.img_on01 img {
	width: 480px;
	height: 84px;
}

.img_on02 img {
	width: 528px;
	height: 78px;
}

.img_on03 img {
	width: 480px;
	height: 30px;
}



@media only screen and (max-width: 1199px){
	
	.img_on01 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 480px;
		height: 84px;
	}
	
	.img_on02 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 528px;
		height: 78px;
	}
	
	.img_on03 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 480px;
		height: 30px;
	}	
	
}
	
	
@media only screen and (max-width: 778px){
	
	.img_on01 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 480px;
		height: 84px;
	}
	
	.img_on02 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 528px;
		height: 78px;
	}
	
	.img_on03 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 310px;
		height: 54px;
	}	
	
}


@media only screen and (max-width: 540px){
	
	.img_on01 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 480px;
		height: 84px;
	}
	
	.img_on02 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 310px;
		height: 46px;
	}
	
	.img_on03 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 310px;
		height: 19px;
	}	
	
}



















/* content */

#content {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}




/* news */

#news {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	min-height: 300px;
}

.news-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 100%;
	max-width: 1060px;
}



















/* mid-content01 */

#mid-content01 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 560px;
}

.mid-content01-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 560px;
	/*background-image: url('../images/mid_bg.jpg');*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.mid-content01-ti01 {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 122px;
	left: 16%;
}

.mid-content01-ti02 {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 300px;
	left: 16%;
	font-size: 3.2em;
	line-height: 1.1em;
	font-weight: 700;
	font-family: 'Noto Serif JP', serif;
	color: #043070;
}

.mid-content01-ti02 span {
	font-size: 0.8em;
}
	
	
	
	
	

.mid-content01-read {
	display: block;
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top: 420px;
	left: 16%;
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: 700;
	font-family: 'Noto Sans Japanese', sans-serif;
	color: #043070;
}


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

	.mid-content01-ti01 {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: 122px;
		left: 6%;
	}
	
	.mid-content01-ti02 {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: 230px;
		left: 8%;
	}

	.mid-content01-read {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 9% 0 9%;
		top: 358px;
		left: auto;
		width: 82%;
		font-size: 1.3em;
		line-height: 1.9em;
		z-index: 100;
	}
	
}


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

	.mid-content01-ti01 {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		top: 160px;
		left: 6%;
		width: 80%;
	}
	
	.mid-content01-ti02 {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: 340px;
		left: 6%;
		font-size: 2.2em;
		line-height: 1.1em;
		font-weight: 700;
		font-family: 'Noto Serif JP', serif;
		color: #043070;
	}

	.mid-content01-read {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 6% 0 6%;
		top: 440px;
		left: auto;
		width: 82%;
		font-size: 1.2em;
		line-height: 1.6em;
		z-index: 100;
	}
	
	.mid-content01-read br {
		display: none;
	}
	
}


@media only screen and (max-width: 420px){
	
	
	#mid-content01 {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
		height: 460px;
	}
	
	.mid-content01-inner {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
		height: 460px;
		background-image: url('../images/mid_bg.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.mid-content01-ti01 {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		top: 140px;
		left: 6%;
		width: 80%;
	}
	
	.mid-content01-ti02 {
		display: block;
		position: absolute;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		top: 200px;
		left: 6%;
		font-size: 1.8em;
		line-height: 1.1em;
		font-weight: 700;
		font-family: 'Noto Serif JP', serif;
		color: #043070;
	}

	.mid-content01-read {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 6% 0 6%;
		top: 300px;
		left: auto;
		width: 82%;
		font-size: 1.2em;
		line-height: 1.6em;
		z-index: 100;
	}
	
	
}


































.index-quality-ti01 {
	display: block;
	position: relative;
	padding: 80px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 2.2em;
	line-height: 1.1em;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}

.index-quality-ti02 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #1fbaed;
	font-weight: 700;
	font-family: 'Noto Sans Japanese', sans-serif;
}



















/* mid-lookfor 製品を探す */

#mid-lookfor {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
}

.mid-lookfor-inner {
	display: block;
	position: relative;
	padding: 0 30px 0 30px;
	margin: 85px auto 60px auto;
	width: 100%;
	height: auto;
	max-width: 1200px;
	min-height: 300px;
}

.lookfor-product {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	max-width: 1200px;
	height: 78px;
	line-height: 78px;
	color: #fff;
	background: #1fbaed;
	font-size: 2.2em;
	text-align: center;
	font-weight: 700;
	font-family: 'Noto Sans Japanese', sans-serif;
}


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

	.mid-lookfor-inner {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 85px auto 60px auto;
		width: 95%;
		height: auto;
		max-width: 1200px;
		min-height: 300px;
	}
	
	.lookfor-product {
		display: block;
		position: relative;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		max-width: 1200px;
		height: 78px;
		line-height: 78px;
		color: #fff;
		background: #1fbaed;
		font-size: 1.6em;
		text-align: center;
		font-weight: 700;
		font-family: 'Noto Sans Japanese', sans-serif;
	}

}



































/* form-bt01 お問い合わせボタン */

#form-bt01 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 120px;
}

.form-bt01-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: auto;
	max-width: 1200px;
	height: 120px;
}

.form-bt01-bt {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 86px auto 0 auto;
	width: 72%;
	max-width: 768px;
	height: 80px;
	line-height: 80px;
	font-size: 1.8em;
	text-align: center;
	color: #0e347e;
	background-color: #fff;
	font-weight: 400;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing: -0.5px;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
}

.form-bt01-bt a {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #082978;
	background-color: #fff;
	text-decoration: none;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
  border: 2px solid #082978;
}


.form-bt01-bt a:hover {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	/*background-color: #6264a7;*/
	background-color: #082978;
	text-decoration: none;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
  border: 2px solid #082978;
}











/* form-bt02 お問い合わせボタン */

#form-bt02 {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 40px 0;
	width: 100%;
	height: 80px;
}

.form-bt02-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: auto;
	max-width: 1200px;
	height: 80px;
}

.form-bt02-bt {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 72%;
	max-width: 768px;
	height: 80px;
	line-height: 80px;
	font-size: 1.8em;
	text-align: center;
	color: #1fbaed;
	background-color: #fff;
	font-weight: 400;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing: -0.5px;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
}

.form-bt02-bt a {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	background-color: #1fbaed;
	text-decoration: none;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
  border: 2px solid #1fbaed;
}


.form-bt02-bt a:hover {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	height: 80px;
	line-height: 80px;
	text-align: center;
	
	color: #1fbaed;
	background-color: #fff;
	text-decoration: none;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
  border: 2px solid #1fbaed;
}













/* form-bt03 お問い合わせボタン */

#form-bt03 {
	display: block;
	position: relative;
	padding: 48px 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 313px;
}

.form-bt03-inner {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: auto;
	max-width: 1200px;
	height: 185px;
}

.form-bt03-bt {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	width: 72%;
	max-width: 768px;
	height: 80px;
	line-height: 80px;
	font-size: 1.8em;
	text-align: center;
	color: #0e347e;
	background-color: #fff;
	font-weight: 400;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing: -0.5px;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
}

.form-bt03-bt a {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #082978;
	background-color: #fff;
	text-decoration: none;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
  border: 2px solid #082978;
}


.form-bt03-bt a:hover {
	display: block;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	/*background-color: #6264a7;*/
	background-color: #082978;
	text-decoration: none;
	border-radius: 12px;
    -webkit-border-radius: 12px;  
    -moz-border-radius: 12px;
  border: 2px solid #082978;
}









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

	.form-bt01-bt,
	.form-bt02-bt,
	.form-bt03-bt {
		font-size: 1.4em;
	}
	
}

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

	.form-bt01-bt,
	.form-bt02-bt,
	.form-bt03-bt {
		font-size: 1.2em;
	}
	
}