@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');

/*「Thin 100」、「Light 300」、「DemiLight 350」、「Regular 400」、「Medium 500」、「Bold 700」、「Black 900」*/

body {
font-family: 'Noto Sans Japanese', sans-serif;
color: #595757;
}

a:link {
text-decoration: none;
}

a:hover img {
opacity: 0.8;
}

a img {
transition: opacity 0.3s ease-out;
}

div#main-container a:hover img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7
}

#nav li {
list-style: none;
float: left
}

h6 {
clear: both;
font-size: 32px;
font-weight: normal;
text-align: center;
letter-spacing: 0.25em;
font-weight: 100
}

h6 span {
display: block;
font-family: 'Roboto', sans-serif;
font-size: 15px;
letter-spacing: 0.01em;
}

.section {
clear: both;
overflow: hidden
}

.section h2 {
margin-bottom: 45px;
}


#content ul li,
#content ol li {
list-style: none;
}



@media only screen and (max-width:768px) {

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


h6 {
font-size: 20px;
letter-spacing: 0.25em;
font-weight: 100
}

h6 span {
font-family: inherit;
font-size: 15px;
letter-spacing: 0.01em;
}

.section h6 {
margin-bottom: 20px;
}