@charset "UTF-8";
/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,em {
font-style: normal;
}
strong,th {
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

img,fieldset {border: 0;}
li {list-style-type: none; margin:0; padding:0;}



/* レイアウト
------------------------------------------------------------*/

html,body {
  -webkit-text-size-adjust: none;
}


html{ background-color:#fff;}
body {
	text-align:center;
	height:auto;
	font-size: 20px; /* IE */
}


/* Fonts
------------------------------------------------------------*/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}


body{
	font-size:20px;
font-weight:normal;
color:#000;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
letter-spacing:0.01em;
line-height:1.5;
}


br{letter-spacing:0;}

.txt{
    display: inline-block;
    text-align: left;}


h1,h2,h3,h4,h5,h6 {
font-size:20px;
font-weight:normal;
color:#000;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
letter-spacing:0.05em;
}

h2{
	font-size:45px;
	padding-top:40px;
	padding-bottom:15px;
	font-weight:bold;
}

h3{ font-size:25px;
font-weight:bold;


}

a:link { color: #000; border-bottom: 0px solid;}
a:visited { color: #000; border-bottom: 0px solid;}
a:hover { color: #555; border-bottom: 0px solid;}
a:active { color: #000; border-bottom: 0px solid;}


html>/**/body {
font-size: 20px; /* Except IE */
}


ul{ display: inline-block;
    text-align: left;}


/* フロート解除
------------------------------------------------------------*/
.clearfix {
    overflow:hidden;
    height:100%;}



/* Header
------------------------------------------------------------*/

header{
	width:100%;
	height:auto;
	text-align:center;
	background-image:url(../images/head_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

/*----------------- LOGO------------------------*/

.logo{
	width:940px;
	height:248px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-left:40px;
	padding-top:32px;
}


/*----------------- MENU------------------------*/

nav{
	width:100%;
	height:auto;
	text-align:center;
	background-image:url(../images/nav_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}

.menu{
	width:940px;
	height:auto;
	padding-top:10px;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
	


/*--------メニューリストボタン--------*/
.button {
	display: inline-block;
	width: 940px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin-bottom:10px;
	border-radius: 10px;        /* CSS3 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: #000;
	color: #fff;
	font-size:32px;
}
.button a{
	color: #fff;
	font-size:32px;
	text-decoration:none;
}
.button:hover {background-color: #555; }





/* PAGE TOPボタン
------------------------------------------------------------*/

.pagetop{
	width:940px;
	height:62px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	text-align:right;
}


.pagetop img.btn{
	top:23px;
	right:0px;
	position:absolute;
}

.pagetop a:hover img.btn{
	top:20px;
	right:0px;
	position:absolute;}

	

/* Footer
------------------------------------------------------------*/

#foot{
	width:100%;
	height:auto;
	background-color:#fdd000;
	text-align:center;
	padding-bottom:50px;
}



.contact{
	width:940px;
	height:178px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	text-align:left;
}


.contact img.mail{
	top:40px;
	left:0px;
	position:absolute;}

.contact a:hover img.mail{
	top:37px;
	left:0px;
	position:absolute;}


.contact img.tel{
	top:40px;
	left:478px;
	position:absolute;}

.contact a:hover img.tel{
	top:37px;
	left:478px;
	position:absolute;}






/*--------ページリスト--------*/

#foot ul {
	list-style-image:none;
	padding-left:0;
	font-size:16px;
	padding-top:20px;}
	
#foot ul a{color:#000;}
#foot ul a:hover{color:#555;}	
	
#foot li {
	padding-left: 25px;
	margin: 0px;}
	
.inline {
	text-align: center;
}
.inline li {
	display: inline;
	background-image:url(../images/foot_list.jpg);
	background-repeat:no-repeat;
	background-position:left;	
}

/*--------ロゴ住所--------*/
address{
	width:940px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-top:4px;
	font-size:16px;
	line-height:1.5;
}