@charset "utf-8";
* {
margin: 0;
padding: 0;
}

body {
font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
letter-spacing: 1px;
font-size: 16px;
font-weight:500;
line-height: 32px;
color:#323236;
letter-spacing: 0.07em;
-webkit-text-size-adjust: none;
position: relative;
left: 0;
overflow-x: hidden; 
background: #fafaf6;
}

a {
color:#323236;
text-decoration: underline;
}
a:hover {
color: #3d3f95;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption {
display: block;
margin: 0;
padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
object, embed {
vertical-align: top;
}
hr, legend {
display: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
img, abbr, acronym, fieldset {
border: 0;
vertical-align: bottom;
}
li {
list-style-type: none;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
img {
box-shadow: #000 0 0 0;
}
img, x:-moz-any-link, x:default {
box-shadow: #000 0 0 0;
}
.clearfix {
overflow: hidden;
/zoom:1;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;/* 隙間対応 */
font-size: 0.1em;/* 隙間対応 */
line-height: 0;/* 隙間対応 */
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


@media screen and (max-width:740px) {
body {
letter-spacing: 0.02em;
line-height: 28px;
}


.floatleft, .floatright{
float:none;}

}