@charset "UTF-8";

/*--------------------------------------*/
/*# common layout  #                    */
/*--------------------------------------*/

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium"),local(Yu Gothic);
  font-weight: 500;
}

*{box-sizing:border-box;}

html,
body{
	padding:0px;
	margin:0px;
}
html{font-size:62.5%;}
body{
	padding:0px;
	margin:0px;
	font-size:1.0rem;
	font-weight:200;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "メイリオ", "Meiryo", "sans-serif";
	color:#000;
	line-height:1.6;
	background-color:#FFF;
}

.smt-select,
.smt-select2{
	display:none;
}

.smtmenu{
	display:none;
}

#wrapper{
	width:100%;
}

header{
	font-size:1.6rem;
	padding:0;
}
/*- sec -*/
header.sec{
	position:relative;
	width:100%;
	height:150px;
	background:url("../img/mainimg.jpg") left center / cover;
}
	header.sec:before{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		content:' ';
		background:rgba(0,0,0,0.35);
	}
		header.sec .header_r{
			top:40px;
		}
		.menufix header.sec .header_r{
			top:0;
		}
/*- sec end -*/
	header a{
		color:#FFF;
		text-decoration:none;
	}
	header a:visited{color:#FFF;}
	header h1{
		font-weight:bold;
		font-size:3.6rem;
		position:absolute;
		left:50px;
		top:30px;
		line-height:1.0;
		z-index:9999;
	}
		header h1 img{
			padding-right:10px;
		}
		header h1 a,header h1 a:hover{
			color:#FFF;
			text-decoration:none;
		}
	header .smtlogo{display:none;}
	header .header_r{
		position:absolute;
		right:50px;
		top:50px;
		width:610px;
		text-align:right;
		z-index:9999;
	}
		header .header_r ul{
			overflow:hidden;
		}
			header .header_r ul li{
				float:left;
			}
				header .header_r ul li a{
					color:#FFF;
					display:block;
					text-decoration:none;
					padding:2px 0 2px;
					transition:all 0.5s ease;
				}
		header .header_r ul.nav1{
			font-weight:bold;
		}
			header .header_r ul.nav1 li.tel{
				font-size:2.4rem;
				line-height:1.0;
				letter-spacing:1px;
				width:210px;
				margin:2px 10px 0 0;
				padding:0 0 0 35px;
				text-align:left;
				color:#FFF;
			}
				header .header_r ul.nav1 li.tel:before{
					color:#FFF;
					content:"\f098";
					font-family:"FontAwesome";
					font-weight:normal;
					margin-left:0;
					margin-right:0;
					position:absolute;
					left:0;
					top:1px;
				}
			header .header_r ul.nav1 li.contact{
				width:185px;
				margin:0 20px 0 0;
				text-align:center;
				background-color:#1567A5;
				border:1px solid #1567A5;
				transition:all 0.5s ease;
			}
			header .header_r ul.nav1 li.order{
				width:185px;
				text-align:center;
				background-color:#FA8112;
				border:1px solid #FA8112;
				transition:all 0.5s ease;
			}
			header .header_r ul.nav1 li.contact:hover,
			header .header_r ul.nav1 li.order:hover{
				background-color:transparent;
				border:1px solid #FFF;
				transition:all 0.5s ease;
			}
			header .header_r ul.gnav{
				overflow:hidden;
				margin:15px 0 0 0;
			}
				header .header_r ul.gnav li{
					font-size:1.8rem;
					line-height:1.0;
					float:left;
					text-align:center;
					width:25%;
					border-right:1px solid #FFF;
				}
				header .header_r ul.gnav li:first-child{
					border-left:1px solid #FFF;
				}
				header .header_r ul.gnav li:hover{
					background-color:#FFF;
					transition:all 0.5s ease;
				}
					header .header_r ul.gnav li a{
						padding:3px 0 3px;
					}
					header .header_r ul.gnav li:hover a{
						color:#1567A5;
						transition:all 0.5s ease;
					}
		header .header_r .smtnavbox{
			display:none;
		}
	header p{
		color:#FFF;
		font-size:4.0rem;
		font-weight:bold;
	}

/***--- footer ---***/
footer{
	background:url("../img/ftr.jpg") center center no-repeat;
}
	footer nav{
		font-size:1.6rem;
		padding:50px 0 50px 0;
	}
		footer nav ul{
			text-align:center;
		}
			footer nav ul li{
				display:inline-block;
				position:relative;
			}
			footer nav ul li:before{
				color:#1466A5;
				content:"\f105";
				font-family:"FontAwesome";
				font-weight:normal;
				margin-left:0;
				margin-right:0;
				position:absolute;
				left:0;
				top:0;
			}
			footer nav ul li:first-child:before{
				color:#1466A5;
				content:"\f015";
				font-family:"FontAwesome";
				font-weight:normal;
				margin-left:0;
				margin-right:0;
				position:absolute;
				left:-3px;
				top:0;
			}
				footer nav ul li a{
					padding:0 35px 0 15px;
				}
				
	footer .ftr_contact{
		margin:0 0 50px 0;
		text-align:center;
	}
		footer .ftr_contact ul{
			font-weight:bold;
		}
			footer .ftr_contact ul li{
				display:inline-block;
				vertical-align:bottom;
			}
			footer .ftr_contact ul li.tel{
				color:#1567A5;
				font-size:3.2rem;
				font-weight:bold;
				line-height:1.0;
				letter-spacing:1px;
				margin:0 10px 0 0;
				padding:0 0 0 35px;
				text-align:left;
				position:relative;
			}
				footer .ftr_contact ul li.tel:before{
					color:#1567A5;
					content:"\f098";
					font-family:"FontAwesome";
					font-weight:normal;
					margin-left:0;
					margin-right:0;
					position:absolute;
					left:0;
					top:0;
				}
					footer .ftr_contact ul li.tel a{
						text-decoration:none;
					}
			footer .ftr_contact ul li.contact{
				margin:0 20px 0 0;
				text-align:center;
				background-color:#1567A5;
				border:1px solid #1567A5;
				transition:all 0.5s ease;
			}
			footer .ftr_contact ul li.order{
				text-align:center;
				background-color:#FA8112;
				border:1px solid #FA8112;
				transition:all 0.5s ease;
			}
			footer .ftr_contact ul li.contact:hover,
			footer .ftr_contact ul li.order:hover{
				background-color:#FFF;
				transition:all 0.5s ease;
			}
				footer .ftr_contact ul li.contact a,
				footer .ftr_contact ul li.order a{
					color:#FFF;
					font-size:1.6rem;
					font-weight:normal;
					width:185px;
					padding:7px 0 5px 0;
					line-height:1.0;
					display:block;
				}
				footer .ftr_contact ul li.contact a:hover,
				footer .ftr_contact ul li.order a:hover{
					text-decoration:none;
				}
				footer .ftr_contact ul li.contact a:hover{
					color:#1567A5;
				}
				footer .ftr_contact ul li.order a:hover{
					color:#FA8112;
				}
	footer small{
		display:block;
		color:#FFF;
		font-size:1.6rem;
		line-height:1.0;
		text-align:center;
		width:100%;
		padding:30px 0 25px 0;
		background-color:#1567A5;
	}
	
.pagepath{
	font-size:1.6rem;
	padding:20px 0 20px 40px;
	position:relative;
}
	.pagepath:before{
		color:#1567A5;
		content:"\f015";
		font-family:"FontAwesome";
		font-weight:normal;
		margin-left:0;
		margin-right:0;
		position:absolute;
		left:20px;
		top:20px;
	}

/***--- container ---***/
#container{
	width:100%;
	font-size:1.6rem;
	z-index:1;
	margin:0 0 0 0;
}
	#container article{
		width:100%;
	}
	#container section{
		width:1200px;
		margin:30px auto 0;
		padding:0 0 0 0;
	}
		#container section .contents{
			margin:0 0 70px 0;
		}
		#container section p{
			margin:0 0 20px 0;
		}
		#container section p:last-child{
			margin:0 0 0 0;
		}

/***--- h style ---***/
#container h1{
	font-size:2.2rem;
	font-style:normal;
	text-align:center;
	line-height:1.0;
	margin:0 0 70px 0;
}
.page h1{
	padding:60px 0 60px 0;
	background:url("../img/bg1.jpg") left top repeat;
}
	#container h1 span:first-letter{
		color:#1567A5;
	}
		#container h1 span{
			display:inline-block;
			font-size:4.6rem;
			font-family:"arial";
			font-style:italic;
			margin:0 0 10px 0;
			padding:0 0 5px 0;
			border-bottom:3px solid #1668A5;
		}
.page h2{
	color:#FFF;
	font-size:2.0rem;
	margin:0 0 30px 0;
	padding:10px 15px;
	background-color:#1668A5;
}
.page h3{
	font-size:2.0rem;
	font-weight:bold;
	margin:0 0 30px 0;
	border-bottom:3px solid #1668A5;
}
.page h4{
	font-size:1.8rem;
	margin:0 0 15px 0;
	padding:0 0 0 25px;
	position:relative;
}
	.page h4:after{
		color:#1668A5;
		content:"\f018";
		font-family:"FontAwesome";
		font-weight:normal;
		margin-left:0;
		margin-right:0;
		position:absolute;
		left:0;
		top:0;
	}
.page h5{
	font-weight:bold;
	margin:0 0 10px 0;
}

/***--- btn style ---***/
.linkbtn{
	margin:30px 0 30px 0;
	text-align:center;
}
	.linkbtn a{
		overflow:hidden;
		color:#000;
		display:inline-block;
		font-size:2.0rem;
		text-align:center;
		text-decoration:none;
		line-height:1.0;
		width:500px;
		padding:20px 0 20px 0;
		background-color:transparent;
		border:1px solid #595959;
		transition:all 0.5s ease;
		position:relative;
	}
		.linkbtn a:after{
			color:#000;
			content:"\f105";
			font-family:"FontAwesome";
			font-weight:normal;
			font-size:2.8rem;
			margin-left:0;
			margin-right:0;
			position:absolute;
			right:15px;
			top:15px;
			transition:all 0.5s ease;
		}
	.linkbtn a:hover{
		color:#FFF;
		background-color:#1567A5;
		border:1px solid #1567A5;
		transition:all 0.5s ease;
	}
		.linkbtn a:hover:after{
			color:#FFF;
			transition:all 0.5s ease;
		}
		
.linkbtn2{
	margin:30px 0 30px 0;
	text-align:center;
}
	.linkbtn2 a{
		overflow:hidden;
		color:#FFF;
		display:inline-block;
		font-size:2.0rem;
		text-align:center;
		text-decoration:none;
		line-height:1.0;
		width:500px;
		padding:20px 0 20px 0;
		background-color:transparent;
		border:1px solid #FFF;
		transition:all 0.5s ease;
		position:relative;
	}
		.linkbtn2 a:after{
			color:#FFF;
			content:"\f105";
			font-family:"FontAwesome";
			font-weight:normal;
			font-size:2.8rem;
			margin-left:0;
			margin-right:0;
			position:absolute;
			right:15px;
			top:15px;
			transition:all 0.5s ease;
		}
	.linkbtn2 a:hover{
		color:#FFF;
		background-color:#1567A5;
		border:1px solid #1567A5;
		transition:all 0.5s ease;
	}
		.linkbtn2 a:hover:after{
			color:#FFF;
			transition:all 0.5s ease;
		}
		
.nolinkbtn{
	margin:30px 0 30px 0;
	text-align:center;
}
	.nolinkbtn span{
		overflow:hidden;
		color:#FFF;
		display:inline-block;
		font-size:2.0rem;
		text-align:center;
		text-decoration:none;
		line-height:1.0;
		width:500px;
		padding:20px 0 20px 0;
		background-color:transparent;
		border:1px solid #FFF;
		transition:all 0.5s ease;
		position:relative;
	}
		.nolinkbtn span:after{
			color:#FFF;
			content:"\f105";
			font-family:"FontAwesome";
			font-weight:normal;
			font-size:2.8rem;
			margin-left:0;
			margin-right:0;
			position:absolute;
			right:15px;
			top:15px;
			transition:all 0.5s ease;
		}
	.nolinkbtn span:hover{
		color:#1567A5;
		background-color:#FFF;
		border:1px solid #FFF;
		transition:all 0.5s ease;
	}
		.nolinkbtn span:hover:after{
			color:#FFF;
			transition:all 0.5s ease;
		}
	
.formbtn{
	width:100%;
	margin:0 10px 30px 10px;
	text-align:center;
	display:inline-block;
}
	.formbtn input,
	.formbtn button{
		overflow:hidden;
		color:#000;
		display:inline-block;
		font-size:2.0rem;
		text-align:center;
		text-decoration:none;
		line-height:1.0;
		width:500px;
		padding:20px 0 20px 0;
		background-color:transparent;
		border:1px solid #595959;
		transition:all 0.5s ease;
		position:relative;
	}

	.formbtn input:hover,
	.formbtn button:hover{
		color:#FFF;
		background-color:#1567A5;
		border:1px solid #1567A5;
		transition:all 0.5s ease;
	}
	
/***--- table ---***/
#container .contents table tr td p:last-child{margin-bottom:0;}

/***--- table layout ---***/
/*- normal table -*/
table{
	width:100%;
}
	table tr th{
		font-weight:bold;
		text-align:left;
		padding:10px 10px 10px 10px;
	}
	table tr td{
		padding:10px 10px 10px 10px;
	}
/*- table1 -*/
table.table1{
	width:100%;
	border:1px solid #999999;
}
	table.table1 tr th{
		font-weight:bold;
		text-align:left;
		width:20%;
		padding:10px 10px 10px 20px;
		border:1px solid #999;
		background-color:#F8F8F8;
	}
	table.table1 tr td{
		width:80%;
		padding:10px 10px 10px 20px;
		border:1px solid #999;
	}
	
/*- table2 -*/
table.table2{
	table-layout:auto;
}
	table.table2 tr th{
		width:130px;
		padding:7px 0 7px 0;
		border-bottom:1px dotted #999;
	}
	table.table2 tr td{
		padding:7px 0 7px 0;
		border-bottom:1px dotted #999;
	}

table.nb{
	width:auto;
	table-layout:auto;
	border:none;
}
	table.nb tr th{
		width:auto;
		border:none;
	}
	table.nb tr td{
		width:auto;
		border:none;
	}

/***--- list ---***/
section ul{
	margin:0 0 20px 20px;
}

section ul.inline_list{
	margin:0;
}
	section ul.inline_list li{
		padding:0 0 0 10px;
		width:180px;
		display:inline-block;
		position:relative;
	}
		section ul.inline_list li:before{
			content:"\f0da";
			font-family:"FontAwesome";
			font-weight:normal;
			font-size:1.6rem;
			margin-left:0;
			margin-right:0;
			position:absolute;
			left:0px;
			top:0px;
		}
		
section ol{
	margin:0 0 0 20px;
}
	section ol li{
		list-style:decimal;
		padding:0 0 5px 10px;
	}

.relative{
	position:relative;
}

/***--- backbtn ---***/
.backbtn{
	font-size:1.4rem;
	font-weight:bold;
	color:#0C6193;
	margin:0 0 20px 0;
}
	.backbtn i{
		margin:0 10px 0 0;
	}

/***--- span confirm ---***/
span.confirm{
	color:#FFF;
	padding:3px 6px 3px 6px;
	background-color:#0B5E8E;
}

/***--- p align ---***/
p.left{
	text-align:left !important;
}
p.right{
	text-align:right !important;
}
p.center{
	text-align:center !important;
}
span.min{
	padding-left:5px;
	font-size:1.2rem;
}

/***--- pagetop ---***/
#pagetop {
	font-size:1.4rem;
	width:945px;
	margin:0 auto 0;
	text-align:right;
}
#pagetop a {
	padding:5px 10px 5px 10px;
	color:#FFF;
	background-color:#0C6193;
}
#pagetop a:hover {
	text-decoration:none;
}
#pagetop i {
	margin:0 10px 0 0;
}

/*--- paging ---***/
.paging{
	margin:30px 0 0 0;
	padding:20px 0 0 0;
	text-align:center;
}
	.paging ul{}
		.paging ul li{
			padding:0 5px 0 5px;
			display:inline;
		}
			.paging ul li span.current{
				display:inline-block;
				text-align:center;
				width:2em;
				color:#FFF;
				text-decoration:none;
				background-color:#1567A5;
				border:1px solid #1567A5;
			}
			.paging ul li a{
				display:inline-block;
				color:#1567A5;
				text-align:center;
				width:2em;
				text-decoration:none;
				background-color:#FFF;
				border:1px solid #1567A5;
			}
				.paging ul li a.prev,
				.paging ul li a.next{
					display:inline;
					background-color:transparent;
					border:none;
					color:#1567A5;
				}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 1400px					*/
/*-----------------------------------------------------	*/

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

/*--- w1400menu start ---*/
.smtmenu{
	text-align:center;
	font-size:1.0rem;
	position:absolute;
	right:40px;
	top:45px;
	display:block;
	background-color:#FFF;
	width:50px;
	height:50px;
	z-index:9999;
	cursor:pointer;
}
	.smtmenu span{
		display:block;
		width:50px;
		height:50px;
		padding-top:32px;
		position:relative;
	}
		.smtmenu span:before{
			font-size:2.4rem;
			color:#000;
			content:"\f0c9";
			font-family:"FontAwesome";
			font-weight:normal;
			position:absolute;
			left:0;
			right:0;
			top:0;
			margin:auto;
			z-index:999999;
		}
		.menufix .smtmenu span:before{
			font-size:2.4rem;
			color:#000;
			content:"\f00d";
			font-family:"FontAwesome";
			font-weight:normal;
			position:absolute;
			left:0;
			right:0;
			top:0;
			margin:auto;
		}
		
.fixed .smtmenu,
.menufix .smtmenu{
	position:fixed;
	top:18px;
	z-index:99999;
}

.menufix header{
	
}
.menufix header.sec{
	height:100vh;
}
	.menufix header.sec:before{
		
	}
	header h1{
		left:25px;
	}
	.fixed h1{
		width:100%;
		padding:25px 0 25px 25px;
		background:rgba(0,0,0,0.8);
		position:fixed;
		top:0;
		left:0;
		margin:0;
		z-index:100;
	}
	.smt_act_menu h1{display:none;}
	header .smtlogo{
		padding:20px 0 20px;
		text-align:center;
		display:block;
	}
	header .header_r{
		display:none;
	}
	.smt_act_menu .header_r{
		display:block;
		overflow:auto;
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		background-color:#000;
	}
		header .header_r ul.nav1{
			display:none;
		}
		header .header_r ul.gnav{
			overflow:hidden;
			margin:15px 0 0 0;
			background-color:#000;
		}
			header .header_r ul.gnav li{
				font-size:1.8rem;
				line-height:1.0;
				float:none;
				width:100%;
				padding:0 0 0 0;
				border-bottom:1px solid #FFF;
				border-right:none;
			}
			header .header_r ul.gnav li:first-child{
				border-top:1px solid #FFF;
				border-left:none;
			}
			header .header_r ul.gnav li:hover{
				background-color:#FFF;
				transition:all 0.5s ease;
			}
				header .header_r ul.gnav li a{
					padding:20px 0 20px 0;
				}
				header .header_r ul.gnav li:hover a{
					color:#1567A5;
					transition:all 0.5s ease;
				}
.smt_act_menu .header_r{
	text-align:center;
}
	.smt_act_menu .header_r .smtnavbox{
		display:block;
		padding-bottom:30px;
		background-color:#000;
	}
		.smt_act_menu .header_r ul.smtnav{
			font-weight:bold;
			text-align:center;
			margin:40px 0 0 0;
		}
			.smt_act_menu .header_r ul.smtnav{
				display:inline-block;
			}
			.smt_act_menu .header_r ul.smtnav li.contact{
				font-size:1.8rem;
				width:300px;
				float:none;
				margin:0 0 20px 0;
				text-align:center;
				background-color:#1567A5;
				border:1px solid #1567A5;
			}
			.smt_act_menu .header_r ul.smtnav li.order{
				font-size:1.8rem;
				width:300px;
				float:none;
				text-align:center;
				background-color:#FA8112;
				border:1px solid #FA8112;
			}
			.smt_act_menu .header_r ul.smtnav li.contact:hover,
			.smt_act_menu .header_r ul.smtnav li.order:hover{
				background-color:transparent;
				border:1px solid #FFF;
			}
				.smt_act_menu .header_r ul.smtnav li a,
				.smt_act_menu .header_r ul.smtnav li a{
					padding:10px 0 10px 0;
				}

.smt_act_menu .header_r .text{
	color:#FFF;
	font-size:2.2rem;
	margin:30px 0 0 0;
}
	.smt_act_menu .header_r .text{
		text-align:center;
		padding:0 20px;
	}
		.smt_act_menu .header_r .text span{
			font-size:3.0rem;
			line-height:1.0;
			letter-spacing:1px;
			margin:20px 0 0 0;
			padding:0 0 0 0;
			display:block;
		}
		.smt_act_menu .header_r .text span:before{
			color:#FFF;
			content:"\f098";
			font-family:"FontAwesome";
			font-weight:normal;
			margin-left:0;
			margin-right:0;
			position:relative;
			left:-10px;
			top:1px;
		}
			.smt_act_menu .header_r .text span a:hover{
				color:#FFF;
				text-decoration:none;
			}
/*--- w1400menu  end  ---*/

header p{
	padding:0 20px 0;
}

.smt_act_menu .scroll,
.smt_act_menu p{
	display:none !important;
}
	
.menufix #container,
.menufix footer{
	display:none;
}

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 1250px					*/
/*-----------------------------------------------------	*/

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


/***--- container ---***/
#container{
}
	#container article{
	}
	#container section{
		width:100%;
	}
	#wrapper .page section{
		padding:0 20px 0 20px;
	}
	
/***--- table ---***/
#container .contents table tr td p:last-child{margin-bottom:0;}

/***--- table layout ---***/
/*- table2 -*/
table.table2{
	table-layout:auto;
}
	table.table2 tr th{
		width:130px;
		padding:7px 0 7px 0;
		border-bottom:1px dotted #999;
	}
	table.table2 tr td{
		padding:7px 0 7px 0;
		border-bottom:1px dotted #999;
	}

table.nb{
	width:auto;
	table-layout:auto;
	border:none;
}
	table.nb tr th{
		width:auto;
		border:none;
	}
	table.nb tr td{
		width:auto;
		border:none;
	}

/***--- list ---***/
section ul{
	margin:0 0 20px 20px;
}

/***--- span confirm ---***/
span.confirm{
	color:#FFF;
	padding:3px 6px 3px 6px;
	background-color:#0B5E8E;
}

/***--- p align ---***/
p.left{
	text-align:left !important;
}
p.right{
	text-align:right !important;
}
p.center{
	text-align:center !important;
}
span.min{
	padding-left:5px;
	font-size:1.2rem;
}

/***--- pagetop ---***/
#pagetop {
	font-size:1.4rem;
	width:945px;
	margin:0 auto 0;
	text-align:right;
}
#pagetop a {
	padding:5px 10px 5px 10px;
	color:#FFF;
	background-color:#0C6193;
}
#pagetop a:hover {
	text-decoration:none;
}
#pagetop i {
	margin:0 10px 0 0;
}

.nolinkbtn span{
	width:100%;
}

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 950px					*/
/*-----------------------------------------------------	*/

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

header p{
	font-size:3.4rem;
}

/***--- footer ---***/
footer nav{
	padding:50px 20px 50px 20px;
}
	footer nav ul{
		text-align:left;
	}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 768px					*/
/*-----------------------------------------------------	*/

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

/*- sec -*/
header.sec{
	height:85px;
}

.smtmenu{
	right:20px;
	top:18px;
}
.smt_act_menu header{
}
.fixed .smtmenu,
.menufix .smtmenu{
	top:12px;
}

header h1{
	font-size:2.4rem;
	/*position:relative;*/
	text-align:left;
	margin:0;
	top:30px;
	left:25px;
	padding:0;
}
	header h1 img{
		width:90px;
	}
.smt_act_menu .header_r .text{
	font-size:1.8rem;
}
	.smt_act_menu .header_r .text span{
		font-size:2.4rem;
	}
	
footer nav{
	padding:30px 20px 30px 20px;
}
		footer .ftr_contact ul li.tel{
			display:block;
			width:260px;
			margin:0 auto 30px;
		}

/***--- table layout ---***/
/*- normal table -*/
table{
	width:100%;
}
	table tr th{
		display:block;
		width:100%;
		font-weight:bold;
		text-align:left;
		padding:10px 10px 10px 10px;
	}
	table tr td{
		display:block;
		width:100%;
		padding:10px 10px 10px 10px;
	}
	
/*- table1 -*/
table.table1{
	width:100%;
	border-bottom:none;
}
	table.table1 tr th{
		width:100%;
		padding:10px 10px 10px 20px;
		border:none;
		border-bottom:1px solid #999;
		display:block;
	}
	table.table1 tr td{
		width:100%;
		display:block;
		border:none;
		border-bottom:1px solid #999;
	}
	
.nolinkbtn span{
	width:100%;
}
	
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 650					*/
/*-----------------------------------------------------	*/

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

header h1{
	font-size:2.2rem;
}
	header h1 img{
		width:80px;
	}

header p{
	font-size:3.0rem;
	line-height:1.2;
}

/***--- btn style ---***/
.linkbtn a{
	width:350px;
}
	
.linkbtn2 a{
	width:350px;
}

.formbtn{
	width:100%;
	margin:0 0 30px 0;
	text-align:center;
	display:inline-block;
}
	.formbtn input,
	.formbtn button{
		overflow:hidden;
		color:#000;
		display:inline-block;
		font-size:2.0rem;
		text-align:center;
		text-decoration:none;
		line-height:1.0;
		width:100%;
		padding:20px 0 20px 0;
		background-color:transparent;
		border:1px solid #595959;
		transition:all 0.5s ease;
		position:relative;
	}

	.formbtn input:hover,
	.formbtn button:hover{
		color:#FFF;
		background-color:#1567A5;
		border:1px solid #1567A5;
		transition:all 0.5s ease;
	}

/***--- pagetop ---***/
#pagetop {
	width:100%;
	padding-right:15px;
}
#pagetop a {
	padding:5px 10px 5px 10px;
	color:#FFF;
	background-color:#0C6193;
}
#pagetop a:hover {
	text-decoration:none;
}
#pagetop i {
	margin:0 10px 0 0;
}

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 500					*/
/*-----------------------------------------------------	*/

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

.smtmenu{
	right:10px;
	top:18px;
}

.smt_act_menu header{
}
.fixed .smtmenu,
.menufix .smtmenu{
	top:12px;
}

header h1{
	font-size:1.6rem;
	text-align:left;
	margin:0;
	top:30px;
	left:10px;
	padding:0;
}
	header h1 img{
		width:60px;
	}
.fixed h1{
	padding:30px 0 30px 10px;
}

/***--- footer ---***/
footer nav ul li:first-child{
	display:inline-block;
	width:100%;
}
footer .ftr_contact ul li.contact{
	margin:0 0 15px 0;
	display:inline-block;
}
footer .ftr_contact ul li.order{
	display:inline-block;
	margin:0 0 15px 0;
}

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 450px					*/
/*-----------------------------------------------------	*/

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



}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 360px					*/
/*-----------------------------------------------------	*/

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



}