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

/* 共通設定 スマホ向けのスタイル */

.cf{
	zoom: 1;
}

.cf:before, .cf:after{
	content:""; display:table;	
}

.cf:after{
	clear:both;
}

body{
	width:100%;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1.3em;
	background-color:#FFF;
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

#contents{
	clear:both;
	width:95%;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.5em;
	line-height:1.5em;
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*topに戻るボタン*/
#page-top{
	position: fixed;
	bottom:1%;
	right:1%;
}

#page-top a{
	border-radius:30%;
	background-color:#FFF;
	opacity:0.5;
	text-decoration: none;
	font-size:0.7em;
	font-weight:bold;
	color:#20B2AA;
	padding:0.5em;
	text-align: center;
	padding-right:1em;
	display: block;
}

#page-top a:hover{
	text-decoration: none;
	opacity:0.8;
}

#over_color{
	background-color:#20B2AA;
}

#header_title{
	width:96%;
	padding-left:2%;
	padding-right:2%;
	padding-top:0.5em;
	color:#FFF;
	text-align:center;
	
}

#wapper{
	background-image:url(../images/common/sky.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
}


#header_title h1{
	font-size:0.8em;
	line-height:1.2em;
	text-align:left;
}

.tel{
	padding-top:0.7em;
	font-weight:bold;
	font-size:1.3em;
}

a[href^="tel:"] {
	pointer-events: none;
}

.tel a{
	color:#FFF;
	text-decoration:none;
}

.tel a:hover{
	text-decoration:none;
}

.small{
	font-size:0.7em;
	padding-bottom:0.7em;
}

.link_qa{
	background-color:#20B2AA;
	padding-top:0.4em;
	padding-bottom:1em;
}

.link_qa a{
	font-weight:bold;
	border:solid 0.2em #20B2AA;
	color:#20B2AA;
	border-radius:0.5em;
	display:block;
	background-color:#FFF;
	text-decoration:none;
	padding:0.4em;
}

.link_qa a:hover{
	border:solid 0.2em #FFFFFF;
	border-radius:1em;
	color:#FFF;
	display:block;
	background-color:#20B2AA;
	text-decoration:none;
}

#header_group{
	clear:both;
}

#header_sanken{
	color:#FFF;
	text-align:center;
}

#header_sanken h2{
	padding-top:1em;
	padding-bottom:0.5em;
}

#header_sanken h2 img{
	height:5em;
}

#header_sanken h3 a{
	font-weight:bold;
	font-size:1.2em;
	text-shadow:0 0 25px #003300,0 0 20px #003300,0 0 0.40px #003300;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#header_sanken h3 a:hover{
	font-weight:bold;
	font-size:1.2em;
	text-shadow:0 0 25px #FF9900,0 0 20px #FF9900,0 0 0.40px #FF9900;
	transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

#header_sanken p{
	font-size:1.1em;
	font-family: 'HG行書体','HG正楷書体-PRO','HGP行書体',“游明朝”,“Times New Roman”,YuMincho, “ヒラギノ明朝 ProN W3″, “Hiragino Mincho ProN”, serif;
	color:#000;
	font-weight:bold;
}

#header_sanken h4{
	padding-top:0.7em;
	padding-bottom:0.3em;
	font-weight:bold;
	color:#000;
}

#header_sanken h2 img{
	transition: all 7s ease;
	-webkit-transition: all 7s ease;
}

#header_sanken h2 img:hover{
	transform: rotateY(720deg);
	-webkit-transform: rotateY(720deg);
}

.header_nav{
	margin-top:2em;
	font-weight:bold;
	width:100%;
	margin-left:0;
	display:block;
	clear:both;
}

.header_nav ul li a{
	display:block;
	text-align:center;
	margin-bottom:0.2em;
	background-color:#20B2AA;
	text-decoration:none;
	color:#FFF;
	padding-top:0.4em;
	padding-bottom:0.6em;
	margin-right:0;
}

.header_nav ul li a:hover{
	color:#20B2AA;
	background:none;
}

#footer{
	background-color:#20B2AA;
	color:#FFF;
	padding-top:1em;
	padding-bottom:1em;
}

#footer h2{
	font-size:1.2em;
	text-align:center;
	font-weight:bold;
	text-shadow: 0px 2px 3px #666;
}

#footer h2 a{

	color:#FFF;
	text-decoration:none;
}

.color_o{
	color:#000;
}

#footer h2 a:hover{
	text-shadow:0px 1px 0px #999,0px 2px 0px #888,0px 3px 0px #777,0px 4px 0px #666,0px 5px 0px #555,0px 6px 0px #444,0px 7px 0px #333,0px 8px 7px #111;
	transition: all 2s ease;
	-webkit-transition: all 2s ease;
}

#footer h3{
	text-align:center;
}

#footer p{
	margin-top:1em;
	text-align:center;
}

#footer p a{
	padding:0.2em;
	color:#000;
	text-shadow: 0px 2px 3px #666;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/common/sky.jpg);
	background-repeat:repeat;
	background-position:top;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: cover;
	display:block;
	
}

#footer p a:hover{
	color:#FFF;
	text-decoration:none;
	background-image:none;

}

#footer ul{
	padding-top:1em;
}

#footer ul li{
	text-align:center;
}

#footer ul li a{
	margin-top:0.2em;
	font-size:0.8em;
	color:#FFF;
	text-decoration:none;
}

#footer ul li a:hover{
	color:#000;
	text-decoration:none;
}

#sk img{
	max-width:100%;
}

#sk img:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	ms-filter: "alpha(opacity=70)";
}



/* タブレット向けのスタイル */

@media only screen and (min-width:481px){

#header_title h1{
	font-size:0.9em;
	padding-bottom:0.5em;
}

.header_table{
	display:table;
	width:100%;
}

.header_table ul li,.header_table p{
	display:table-cell;
}


#contents{
	padding-top:2em;
	clear:both;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}


#page-top a{
	border:none;
	font-size:1em;
}

#logo_box{
	padding:0;
	float:left;
	display:table-cell;
}

#header_table2{
	width:100%;
}

#header_table2 h2{
	width:20%;
	padding-right:2%;
	text-align:right;
	float:left;
}

#header_table2 h3{
	float:left;
	font-size:2em;
	padding-top:1.5em;
}

#header_sanken h4{
	clear:both;
	padding-top:0;
	padding-bottom:1em;
	font-size:1.3em;
}

#header_sanken p{
	font-size:1.5em;
}

.header_nav ul li a{
	margin-right:0.1%;
	margin-left:0.1%;
	margin-bottom:0.1em;
	width:49.8%;
	float:left;
	padding-top:0.6em;
	padding-bottom:0.8em;
}

.header_sanken{
	padding-top:2em;
	padding-bottom:1em;
}

}
/* PC向けのスタイル */

@media only screen and (min-width:769px){
#contents{
	width:90%;
	margin-top:3em;
	margin-bottom:5em;
	font-size:1.1em;
	padding-top:0;
}

#page-top a{
	font-size:1.5em;
}

#header_title{
	display:table;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#header_title h1{
	font-size:0.9em;
	display:table-cell;
	text-align:left;
}

#header_title ul{
	text-align:right;
	padding-right:2em;
}

.header_table ul li{
	display:block;
}

.header_table p{
	margin-left:0em;
}

.small{
	font-size:0.9em;
}

	
	
#header_table3{
	padding-left:1em;
	padding-top:3em;
	display:table;
}

#header_table2 h2{
	padding-right:1%;
	width:10%;
	
}

#header_table2 h3{
	font-size:2.1em;
	padding-top:1.4em;
}

#header_table3 h4{
	display:table-cell;
	font-size:1.1em;
	padding-left:0.5em;
}

#header_table3 p{
	padding-left:0.8em;
	display:table-cell;
	font-size:1.3em;

}

.header_nav{
	clear:both;
	padding-bottom:4em;
}

.header_nav ul{
	width:96%;
	padding-left:3.5%;
}

.header_nav ul li a{
	background:none;
	width:16%;
	border-right:2px #FFFFFF solid;
	box-shadow:1px 0 rgba(0,0,0,0.1);
	text-shadow:0 0 10px #003300,0 0 10px #003300,0 0 0.30px #003300;
}

.header_nav ul li a:hover{
	background:none;
	text-shadow:0 0 10px #FFFFFF,0 0 10px #FFFFFF,0 0 0.30px #FFFFFF;
}

#nav_left a{
	border-left:2px #FFFFFF solid;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

}

@media only screen and (min-width:1000px){

#header_table2 h3{
	font-size:2.5em;
	padding-top:1.2em;
}

#header_table3 h4{
	font-size:1.5em;
	padding-left:2em;
}

#header_table3 p{
	padding-left:0.8em;
	font-size:1.7em;
}



}

/*@media only screen and (min-width:1500px){
#header_in,#width_over,#header_title,#contents{
	width:1500px;
	margin-left:auto;
	margin-right:auto;
}*/
	
}