@charset "UTF-8";
html, body { width:100%; height:100%; }
body { margin:0; padding:0; background-color:#fff; color:#666; font-size:16px; line-height:1.6; font-family:'Noto Sans JP', sans-serif; }
*, *: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; }
ul, ol, li, dl, dd { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6 { margin-top:0; }
p,figure { margin:0; }
ul { list-style:none; }
img, iframe { vertical-align:bottom; }
a img { border:none; }
hr { height:0; margin:0; border:0; border-top:1px solid #d8d6d6; border-bottom:1px solid #fff; }
select { font-size:100%; }
input, textarea { padding:5px; border:1px solid #ddd; }
table { border-collapse:collapse; border-spacing:0; }
td    { padding:0; }
a:link    { color:#666; text-decoration:none; }
a:visited { color:#666; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }

header { display:flex; justify-content:space-between; align-items:center; padding:20px 40px 25px; }
header figure { margin-bottom:-42px; z-index:99999; }
header ul { display:flex; }
header ul li { margin-left:2em; line-height:1; }

footer { padding:50px 0; color:#6F7477; font-size:12px; text-align:center; }

.subCnt h1 { margin-bottom:80px; font-size:30px; text-align:center; }
.subCnt h1 span { padding:0 5px 5px; border-bottom:1px solid #666; }

.company section { width:580px; margin:0 auto 80px; padding-left:30px; border-left:1px solid #666; }
.company h2 { margin-bottom:30px; text-align:center; }
.company h2.justify { width:5em; display:flex; justify-content:space-between; margin-right:auto; margin-left:auto; }
.company dl { display:flex; flex-wrap:wrap; }
.company dl dt, .company dl dd { margin-bottom:10px; }
.company dl dt { width:6em; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; font-size:14px; }
.company dl dd { width:calc(100% - 7em); padding-left:2em; font-size:14px; }
.company dl dd a { text-decoration:underline; }
.company dl dd.justify div { width:260px; display:flex; justify-content:space-between; }
.company dl dd.justify div .sp { width:5px; }
.company .bnr { padding:10px 0; }

.awards section { width:630px; margin:0 auto 80px; padding-left:30px; border-left:1px solid #666; }
.awards dl { display:flex; flex-wrap:wrap; padding-top:10px; }
.awards dl dt, .awards dl dd { margin-bottom:20px; }
.awards dl dt:last-of-type, .awards dl dd:last-of-type { margin-bottom:10px; }
.awards dl dt { width:16em; }
.awards dl dd { width:calc(100% - 16em); }
.awards dl a { text-decoration:underline; }

.works ul { display:flex; justify-content:center; margin-bottom:80px; }
.works ul li { margin:0 1em; }
.works section { width:720px; display:flex; margin:0 auto 40px; }
.works section.w { width:800px; margin:0 auto 40px; }
.works section ol { width:50% }
.works section ol li { margin:0 0 10px 1.5em; list-style:disc; }
.works section.col3 ol { width:33.3% }
.works section ol li a { text-decoration:underline; }
.works section ol li span { margin-left:10px; font-size:13px; }
.works .orderTypeTab li.active a { text-decoration:underline; font-weight:bold; }