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


/*ウィンドウ幅が0~479pxの場合に適用*/
@media screen and (max-width:480px){
	
p{font-size: 16px;
	color: #333333;
	line-height: 2em;
	}
	
h1 {font-size: 18px;
	color: #333333;
	line-height: 1.2em;
	}
	
	
h2{font-size: 22px;
font-weight: bold;
line-height: 1.2em;
	color: #333333;
}

h3{font-size: 20px;
font-weight: bold;
line-height: 1.2em;
	color: #333333;
padding-bottom: 5px;}

h4{font-size: 18px;;
		color: #333333;
font-weight: 500;
padding-bottom: 5px;}

li{color: #262626;}

a {text-decoration: none;
	color: #333333;
	font-size: 15px;}

a:hover {text-decoration: none;
		color: #2862ad;}

.clear {clear: both;}
	
	img {max-width: 300px;}

#font_b {font-weight: 600;
		margin-bottom: 5px;}

#sl-nav {
		padding: 0px;
	border-bottom: solid 2px #2862ad;
			}

#sl-nav ul {
	margin-left: auto;
	margin-right: auto;
		display: flex;
	flex-direction: row;
	}

#sl-nav li {margin-right: 5px;
			padding-top: 7px;
			height: 35px;
			text-align: center;
			font-weight: 600;
			font-size: 12px;
			color: #666666;}

#sl-nav a {
			text-align: center;
			font-weight: 600;
			font-size: 12px;
			color: #333333;}
#sl-nav a:hover {
			text-align: center;
			font-weight: 600;
			font-size: 12px;
			color: #2862ad;}

#menu-bg {background-color: aliceblue;
			background-size: 110%;}


#top_bg {background-color:gainsboro;}
	
#massage_top {text-align: center;}

#massage_top1 p{font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1em;
			font-weight: 600;}
#massage_top2 p{font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 0.9em;}

#top {margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	font-size: 12px;
	padding-left: 10px;}

	#top p{font-size: 11px;}


#top_under {max-width: 500px;
			margin-left: auto;
	margin-right: auto;
	overflow: hidden;
			}

.title {margin-left: 0;
		padding: 15px 0 0px 5px;
	float: left;
		}
	
.title img{width: 90%}

	.inq {}
	
.mail-s {display:block;
	padding-top: 15px;
		padding-right: 20px;
	
		height: 50px;
	float: right;
	width: 50px;
		}	
	
	.mail-s  {opacity: 1;
 		-moz-opacity:1;
    filter:alpha(opacity = 100);}

.mail-s:hover {opacity: 0.6;
 		-moz-opacity:0.6;
    filter:alpha(opacity = 60);}
	
.mail-b {display: none;}


	
	
	#main-menu1 {}
	
	.menu-li a {font-size: 12px;}


#contact {padding-top: 50px;
			padding-bottom: 30px;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;}

#contact h2 {text-align: center;
			padding-bottom: 25px;
			font-size: 90%;}

#contact p {text-align: center;}


#cont_b {background-color: #2862ad;
		max-width: 200px;
		padding: 10px;
		margin: 10px auto;
		
		font-weight: 600;
		font-size: 85%;
	}

#cont_b a {color: #FFFFFF;}

#cont_b a:hover {color: #0d3161;}





#nav-sub
	{background-color:#7E7576;
		display: block;
		
	}

.u_nav{
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0;
	max-width: 500px;
	display: block;
}

#nav-sub ul{
	text-align: center;
	display: block;
	}

#nav-sub li{color: #FFFFFF;}

#nav-sub li a{color: #FFFFFF;}

#nav-sub li a:hover{color: #2862AD;}

#u_nav {padding-top: 0px}
	
	#title1 h2 {text-align: left;
				padding-left: 20px;
				font-size: 115%;}


	
	footer
	{background-color: #322A2A;
	padding-top: 5px;
	padding-bottom: 5px;
	}

footer p {max-width: 500px;
			color: #F3F3F3;
			text-align: center;
			margin-left: auto;
			margin-right: auto;}




/*その他共通*/
#color1 { color: #2862ad;}

#bar {border-bottom: solid 1px #AFAFAF;}

#bar_all {border-bottom: solid 1px #333333;
		 max-width: 500px;}

#font80{font-size: 80%;}

#font90{font-size: 90%;}

#font95{font-size: 95%;}

#outline{outline: solid 1px #666666;
		padding: 10px;}

#v-center img{vertical-align:middle;}	
	
	
	
	
	
	
	
}