@charset "UTF-8";
.clearfix:after {
content: " ";
display: block;
clear: both;
}

/* ================================================================= */
/* ======================== 0 〜 824px以上 =========================== */
/* ============================================================== */

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

body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
background-color: #fff;
color: #000;
font-size: 10px;
line-height: 2.5;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}

#wrapper {
position: relative;
}

/* ==========
header
========== */
header {
width: 100%;
position: fixed;
top: 0;
z-index: 10;
}
header h1 {
width: 44%;
margin: 0 auto;
padding-top: 6%;
padding-bottom: 9.3%;
line-height: 1;
}
header h1 img {
width: 100%;
height: auto;
}

.contents {
position: relative;
padding-top: 29.6%;
}

/* ==========
nav
========== */

nav {
position: fixed;
left: 6.5%;
}
nav ul li {
font-size: 14px;
line-height: 2.571;
list-style-type: none;
}
nav ul li a {
text-decoration: none;
color: #000;
}
nav ul li a:hover {
text-decoration: underline;
color: #00FF00;
}
nav ul .active {
text-decoration: underline;
color: #00FF00;
}

/* ==========
カテゴリエリア 共通
========== */
#top,
#works,
#test {
width: 66.7%;
padding-top: 3px;
padding-left: 27.3%;
padding-right: 6%;
padding-bottom: 18.8%;
}
#about {
width: 66.7%;
padding-top: 3px;
padding-left: 27.3%;
padding-right: 6%;
}
#top ul li,
#about ul li,
#works ul li,
#top dl dt,
#top dl dd,
#works dl dt,
#works dl dd {
list-style-type: none;
font-size: 10px;
}
#top ul li a,
#about ul li a,
#works ul li a,
#top dl dt a,
#top dl dd a,
#works dl dt a,
#works dl dd a {
text-decoration: none;
color: #000;
}
#top ul li a:hover,
#about ul li a:hover,
#works ul li a:hover,
#top dl dt a:hover,
#top dl dd a:hover,
#works dl dt a:hover,
#works dl dd a:hover {
text-decoration: underline;
color: #00FF00;
}

/* ==========
カテゴリエリア 共通
========== */

#about .company li {
margin-bottom: 12px;
font-size: 10px;
}
#about .company li.place {
line-height: 1.8;
}
#about .company li.place span {
padding-left: 36px;
}
#about .partners {
padding-bottom: 29.8%;
}
#about .partners {
line-height: 1.8;
}

/* ==========
footer
========== */
footer {
font-size: 10px;
padding-left: 6.5%;
padding-bottom: 10px;
letter-spacing: 3px;
}

}




/* ================================================================= */
/* ========================= 825px以上 ============================ */
/* ============================================================== */

@media screen and (min-width:825px) {

body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
background-color: #fff;
color: #000;
font-size: 14px;
line-height: 2.5;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}

#wrapper {
position: relative;
}

/* ==========
header
========== */
header {
width: 100%;
position: fixed;
top: 0;
z-index: 10;
}
header h1 {
padding-top: 52px;
padding-left: 52px;
line-height: 1;
}
header h1 img {
width: 340px;
height: 111px;
}

.contents {
position: relative;
padding-top: 196px;
}

/* ==========
nav
========== */

nav {
position: fixed;
left: 52px;
}
nav ul li {
font-size: 28px;
line-height: 2.571;
list-style-type: none;
}
nav ul li a {
text-decoration: none;
color: #000;
}
nav ul li a:hover {
text-decoration: underline;
color: #00FF00;
}
nav ul .active {
text-decoration: underline;
color: #00FF00;
}

/* ==========
カテゴリエリア 共通
========== */
#top,
#works,
#test {
padding-top: 12px;
padding-left: 210px;
padding-bottom: 117px;
}
#about {
padding-top: 19px;
padding-left: 210px;

}
#top ul li,
#about ul li,
#works ul li,
#top dl dt,
#top dl dd,
#works dl dt,
#works dl dd {
list-style-type: none;
font-size: 14px;
}
#top ul li a,
#about ul li a,
#works ul li a,
#top dl dt a,
#top dl dd a,
#works dl dt a,
#works dl dd a {
text-decoration: none;
color: #000;
}
#top ul li a:hover,
#about ul li a:hover,
#works ul li a:hover,
#top dl dt a:hover,
#top dl dd a:hover,
#works dl dt a:hover,
#works dl dd a:hover {
text-decoration: underline;
color: #00FF00;
}

/* ==========
カテゴリエリア 共通
========== */

#about .company li {
line-height: 1.8;
margin-bottom: 39px;
font-size: 14px;
}
#about .company li.place span {
padding-left: 50px;
}
#about .partners {
padding-bottom: 217px;
}
#about .partners {
line-height: 1.8;
}

/* ==========
footer
========== */
footer {
font-size: 14px;
padding-left: 40px;
padding-bottom: 35px;
letter-spacing: 3px;
}

/* ================================================= */
/* ===================== SP END. ===================== */
/* =============================================== */

}