@charset "UTF-8";

/* --------------------------------------------------------------------- */
/* Reset & Include */
/* --------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,dialog,figure,footer,header,hgroup,nav,section { display:block; }
nav ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title],dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; margin:0; padding:0; }
input,select { vertical-align:middle; }

/* --------------------------------------------------------------------- */
/* clearfix
/* --------------------------------------------------------------------- */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { min-height:1px; }
* html .clearfix { height:1px; /*¥*//*/ height:auto; overflow:hidden; /**/ }
.both{ clear:both; }
.inline_block { display:inline-block; *display:inline; *zoom:1; }

/* --------------------------------------------------------------------- */
/*  Font
/* --------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* --------------------------------------------------------------------- */
/* Layout : Base */
/* --------------------------------------------------------------------- */
html{ font-size:62.5%; /* fontsize:10px */ color:rgba(51,51,51,1); font-family:Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","Meiryo",sans-serif; width:100%; }
body{ background:rgb(247,244,227); padding:160px 0 0 0; line-height:1.6; font-size:1.4rem; position:relative; width:100%; }

header{ position:fixed; top:0; left:0; display:block; width:100%; z-index:2; }
#headerNav{ background:rgb(76,58,59); }
#headerNav ul{ width:300px; height:100px; margin:0 auto; overflow:hidden; }
#headerNav ul li{ width:100px; height:100px; list-style:none; float:left; }
#headerNav ul li a:hover{ opacity:0.7; }
#headerSns{ background:rgb(255,255,255); padding:10px 0; }
#headerSns ul{ width:90px; height:40px; margin:0 auto; overflow:hidden; }
#headerSns ul li{ width:40px; height:40px; margin:0 10px 0 0; list-style:none; float:left; }
#headerSns ul li:last-child{ margin:0; }
#headerSns ul li a:hover{ opacity:0.7; }

#main{ text-align:center; padding:100px 0 0 0; }
#main img{ display:block; clear:both; margin:0 auto; }
#main #text{ margin:50px auto 0; }

#about{ text-align:center; padding:50px 0 0; font-family:'Montserrat', sans-serif; margin:50px 0 0 0; display:none; z-index:1; }
#about #mapArea{ position:relative; display:inline-block; }
#about #mapArea a{ position:absolute; right:-20px; bottom:0px; background:#FFF; border-radius:50%; text-align:center; text-decoration:none; font-weight:bold; line-height:1; padding:20px 15px; color:#000; }
#about p{ margin:20px 0 0 0; }
#about p strong{ font-weight:bold; }

#copyrights{ text-align:center; font-family:'Montserrat', sans-serif; margin:50px 0; }