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

* html { padding:0; margin:0; }

body {
	margin:0;
	padding:0;
	margin:0;
	background:url(../images/bg.gif) left top repeat;
	color:#333333;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; font-size:80%; line-height:140%; volume:medium; }
@media screen and (max-width:767px) {
	h1,h2,h3,h4,h5,h6 { font-size:1.0em; }
}

img { border:0 }

p { margin:0; padding:0; font-size:80%; line-height:160%; volume:medium; }
ul { margin:0; padding:0; font-size:80%; line-height:150%; volume:medium; }
ol { margin:0; padding:0; font-size:80%; line-height:150%; volume:medium; }
dl { margin:0; padding:0; font-size:80%; line-height:150%; volume:medium; }
li { margin:0; padding:0; line-height:150%; volume:medium; }
sup { line-height: 1; }
strong { color: #000; }
@media screen and (max-width:767px) {
	p { font-size:1.0em;  }
	ul { font-size:1.0em; }
	ol { font-size:1.0em; }
	dl { font-size:0.9em; }
}

a:link { text-decoration:underline !important; color:#561A8C !important; }
a:visited { text-decoration:underline !important; color:#745430 !important; }
a:hover { text-decoration:underline !important; color:#B64352!important; }
a:active { text-decoration:underline !important; color:#E76D82 !important; }

.clearing {	clear: both; margin:0; padding:0; height:0px; width:0px; border:none; }

#Wrapper {
	width:1024px;
	margin:0 auto;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#FFFFFF;
}

#Logo { margin-top:20px; padding:0; text-align:left; }
#Logo a { margin:0; padding:0; border:0; }

#Header { margin:0; padding:0; background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 40%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
}
#Header::after { display: block; clear: both; content: ""; }

.head_area { height: 70px; margin: 0; padding: 0; }
.head_area::after { display: block; clear: both; content: ""; }

#HeadLeft { float:left; width:300px; padding-left:29px; }
#HeadRight { float:right; width:370px; text-align:right; padding-top:9px; padding-right:10px; }

ul#HeaderNavi { text-align:right; margin-top:0; }
ul#HeaderNavi li { text-align:right; margin:0 0 0 10px; padding:0 0 0 1.5em; list-style:none; display:inline; }

@media screen and (max-width:767px) {
	#Wrapper { width:100%; border: none; }
	#Header { width: 100%; background: #fff; background: linear-gradient(none); border-bottom: 1px #a1d163 solid; position: fixed; z-index: 1000; }
	#HeadLeft { width:250px; padding-left:5%; }
	#HeadLeft img { width: 100%; max-width: 250px; }
	#HeadRight { display: none; }
}


/* ============================================
Footer
============================================ */
#Footer { width:1024px; text-align:left; }
.foot_area {}
	.foot_area::after { display: block; clear: both; content: ""; }
#FootLeft { float:left; width:600px; }
.FootLeft_top { position: relative; top:120px;}
#FootRight { float:right; width:275px; padding-top:5px; }
#FootRight img { margin: 0 0 5px 0; padding: 0; }
#Location { line-height:150%; padding:1em 0 0 1.2em; color:#333333; }
#FootLink { background-color:#dedede; text-align:left; padding:14px 0 14px 26px; }
address { text-align:right; font-size:0.6em; font-style:normal; margin-right:12px; padding-bottom:14px; }
@media only screen and (max-width:767px) {
	#Footer { width:100%; }
	#FootLeft { float:none; width:100%; margin: 0 0 10px 0; text-align: center; }
	#FootRight { float:none; width:100%; text-align: center; padding: 10px 0; }
	#Location { font-size: 0.9em; padding: 1em 5%; display: inline-block; margin: 0 auto; text-align: left; }
	address { text-align:center; font-size:0.6em; font-style:normal; margin:0; padding:0 0 15px 0; }
}
@media only screen and (max-width:413px) {
	#Location { font-size: 0.85em; }
}

/* #linkPagetop */
#linkPagetop { transition:bottom .4s ease-in-out; z-index:500; position:fixed; right:15px; bottom:-70px; width:auto; height:58px; }
body.nottop #linkPagetop { bottom:10px; }
#linkPagetop a { display:inline-block; padding:6px 10px; color:#79ad35 !important; font-size:2.0rem; font-weight: bold; border-radius: 25px; font-family:'Font Awesome 5 Free'; line-height: 1; z-index: 99; text-decoration:none;  background-color:rgba(255,255,255,0.7);  }
#linkPagetop a:hover { color:#333 !important; text-decoration:none; }
@media only screen and (max-width:767px) {
    body.nottop #linkPagetop { bottom:10px; }
}