/* CSS Document */

/*-----------------------------------------------------
Reset
----------------------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

* { margin: 0; padding: 0; }
img { max-width: 100%; width: auto; height: auto; vertical-align: bottom; }

body { color: #333; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-align: justify; text-justify: inter-ideograph; font-family: 'Noto Sans SC', sans-serif;font-weight: 400; }
a { color: #333; text-decoration: none; transition: .3s; }
a:hover {  }

#Container { position: relative; overflow: hidden; }
#Contents { position: relative; }

img.sp,.sp { display: none; }


/*-----------------------------------------------------
Header
----------------------------------------------------- */
header { border-bottom: 1px solid #cdcdcd; }
header .inner { max-width: 990px; width: 95%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 100px; }
header .logo { width: 191px; }
header #Menu { display: none; }

header nav { max-width: 725px; width: 75%; font-size: 0.875em; font-weight: 500; }
header nav ul { display: flex; justify-content: space-between; width: 100%; }
header nav ul li a { display: block; position: relative; }
header nav ul li a::after { content: ""; width: 0; height: 4px; background: #000; position: absolute; left: 0; bottom: -21px; transition: .2s; }
header nav ul li a:hover::after { width: 100%; transition: .2s; }
header nav ul li.fb { display: none; }

header .search { width: 200px; margin-left: auto; margin-bottom: 15px; display: flex; }
header .search input[type="text"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 160px; border: 1px solid #cdcdcd; border-right: none; height: 30px; box-sizing: border-box; border-radius: 3px 0 0 3px; padding: 0 5px; box-sizing: border-box; outline: none; }
header .search input[type="submit"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 40px; height: 30px; box-sizing: border-box; background: #808080; border: none; color: #FFF; border-radius: 0 3px 3px 0; font-size: 0.875rem; border: none; outline: none; }

.is-fixed { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; background: #FFF; border-bottom: 1px solid #cdcdcd; }
 
/*-----------------------------------------------------
Footer
----------------------------------------------------- */
#Pagetop { max-width: 1005px; width: 95%; margin: 100px auto 0 auto; }
#Pagetop a { display: flex; justify-content: center; align-items: center; margin-left: auto; background: #80b401; width: 170px; height: 36px; border-radius: 3px 3px 0 0; color: #FFF; font-size: 0.875rem; }

footer { background: #f0f0f0; border-top: 3px solid #80b401; }
footer .inner { max-width: 990px; width: 95%; margin: 0 auto; display: flex; justify-content: space-between; padding: 40px 0; }
footer .logo { width: 197px; }
footer address { font-size: 0.875em; line-height: 1.5em; margin-top: 15px; }
footer .inner p { color: #80b401; font-size: 1.688em; margin-top: 15px; display: flex; align-items: center; }
footer .inner p span { background: #80b401; border-radius: 3px; width: 53px; text-align: center; color: #FFF; font-size: 0.875rem; padding: 5px 0; line-height: 1.2em; margin-right: 10px; }
footer .inner > ul { font-size: 0.875em; line-height: 2em; }
footer .inner > ul > li > ul { font-size: 0.750rem; }
footer .inner > ul > li.fb { margin-top: 10px; }
footer .inner > ul > li.fb img { width: 24px; height: auto; }
footer ul.children { display: none; }

a[href*="tel:"] { color: #80b401; }

footer .copy { background: #808080; color: #FFF; text-align: center; font-size: 0.750rem; padding: 10px 0; }


@media screen and (max-width:960px) {
/*-----------------------------------------------------
header
-----------------------------------------------------*/
	header nav { background: #f4f4f4; max-width: 100%; width: 100%; height: auto; position: absolute; top: 100px; left: 0; transform: translateX(100%); transition: 0.5s; align-items: center; text-align: left; z-index: -2; height: calc(100vh - 100px); z-index: 10; box-sizing: border-box; font-size: 0.938rem;  display: flex; flex-direction: column; }
	header nav ul { display: block; box-sizing: border-box; }
	header nav ul li { border-bottom: 1px solid #cdcdcd; padding: 0 30px; }
	header nav ul a { display: flex; justify-content: space-between; color: #000; padding: 15px 0; position: relative; box-sizing: border-box; width: 100%; }
	header nav ul li a::after { content: "▶︎"; width: auto; height: auto; background: none; position: absolute; transition: none; left: auto; height: 1em; right: 0; bottom: 0; top: 0; margin: auto; font-size: 0.759rem; }
	header nav ul li a:hover::after { width: auto; transition: none; }
	header nav ul li.fb { display: block; }
	header nav ul li.fb a::before { content: ""; display: inline-block; background: url(../image/ic_fb.svg) no-repeat; width: 22px; height: 22px; background-size: 100% auto; vertical-align: -0.3em; margin-right: 5px; }
	header #Menu { display: block; position: relative; width: 50px; height: 50px; background: #000; }
	header #Menu::before { content: "MENU"; color: #FFF; display: block; text-align: center; font-size: 0.625em; margin-top: 8px; }
	header #Menu span { display: inline-block; transition: all .4s; box-sizing: border-box; width: 25px; }
	header #Menu span { position: absolute; left: 0; right: 0; margin: auto; height: 2px; background-color: #FFF; border-radius: 2px; }
	header #Menu span:nth-of-type(1) { top: 25px; }
	header #Menu span:nth-of-type(2) { top: 15px; bottom: 0; margin: auto; }
	header #Menu span:nth-of-type(3) { bottom: 9px; }
	
	header.active nav { transform: translateY(0); transition: 0.5s; }
	header.active span:nth-of-type(1) { transform: translateY(7px) rotate(-315deg); }
	header.active span:nth-of-type(2) { opacity: 0; }
	header.active span:nth-of-type(3) { transform: translateY(-7px) rotate(315deg); }
	
	header .search { order: 2; margin-top: 30px; margin-right: auto; width: 300px; }
	header .search input[type="text"] { width: 260px; }
	
	
/*-----------------------------------------------------
Footer
----------------------------------------------------- */
	footer .inner > ul { display: none; }
	footer #FootLeft { width: 100%; text-align: center; }
	footer .logo { margin: 0 auto; }
	footer .inner p { justify-content: center; }
}

@media (min-width: 751px) {
	a[href*="tel:"] { pointer-events: ; cursor: default; text-decoration: none; }
}

@media screen and (max-width:600px) {
	img.sp,.sp { display: block; }
	img.pc,.pc { display: none; }
}

#LiT1{
	text-decoration:
}

.smfont{
	font-size: 14px;
}