@charset "UTF-8";

* 01: setup
--------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 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; color: #3c3c37; font-family: sans-serif; text-align: center; }
body { _font-size: 75%; _letter-spacing: 1px; } /*for IE6*/
*+html body{ font-size: 75%; letter-spacing: 0; } /*for IE7*/

ul, ol, dl, li, dt, dd { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
s
ins { text-decoration: none; }

del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

strong { font-size: 17px; color: #000; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline : 0 ; }
a { color: #bbb; text-decoration: underline; }
a:link { color: #bbb; }
a:visited { color: #bbb; }
a:hover, a:active { filter: alpha(opacity=60); opacity:.60; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

body { font-size: 14px; }

h1 { margin:3% auto 3%; text-align: center;}
h1 img { max-width: 177px; }
h2 { margin: 0; font-size: 16px; line-height: 1.7;}
h3 { margin: 3em auto 0em; font-size: 14px; }
p { text-align: center; margin: 2em; line-height: 1.8; font-size: 1em;}
p.lead { font-size: 16px; margin-bottom: 3em; line-height: 2; letter-spacing: 1px;  }
p.lead.s { font-size: 16px; margin: 1em auto 2em;}
p.lead.s span { font-size: 12px; }
.s { font-size: 0.75em; line-height: 1.7;}
.l { font-size: 1.1em; line-height: 1.3;}
.l.txt { line-height: 2em;}

dl { font-size: 1em; }
dt { line-height: 1.7;  clear:both;  margin-bottom: 0.25em; font-size: 0.9em; color: #52C06B;}
dd { line-height: 2;  margin-bottom: 1.75em;  margin-left: 0;}
dd.menu { line-height: 2.4; }
dd span.s { line-height: 1.8; display:block;}
.information { margin: 0 auto; width: 500px; font-size: 1em;}

.gmap {
margin: 8px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sp { display: none; }

/*sp*/
@media screen and (max-width: 414px) {
h1 img { width: 150px;}
body {  padding: 0px;}
p.lead { font-size: 16px; margin: 2em 0; text-align: left;}
p.lead br { display: none; }

p.txt br { display: none; }
h2 { font-size: 15px; } 
.information { margin: 0 auto; width:auto; font-size: 1em;}
dl { margin: 0 auto; width:100%; text-align: center;}
dt { line-height: 1.8; float: none; width:auto; clear:both; text-align: center; padding-right: 0;}
dd { line-height: 1.8; width:auto; margin-left: 0; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #efefef;}
span.tel-link { font-size: 18px; }
.sp { display: block; }
img { width: 100%; margin-bottom: 24px; }
}