@charset "utf-8";

body{
overflow-x: hidden;
color:#2a2a2a;
width:100%;
text-align:center;
margin:0px;
padding:0px;
font-weight:normal;
font-family:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-size:16px;
font-style: normal;
line-height:1.8;
letter-spacing:0.1em;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
img{
max-width: 100%;
}
.sp-on{
display:none;
}
.sp-off{
display:block;
}

.layout{
width:1080px !important;
margin:0 auto;
}
h1{
text-align:center;
color:#000000;
font-size:16px;
display:inline-block;
}

h2{
text-align:center;
font-family:Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color:#000000;
font-size:70px;
display:inline-block;
font-weight:bolder;
margin:100px;
line-height:0.8
}
h2 span{
font-size:22px;
font-weight:normal;
font-family:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
h3{
font-size:24px;
margin:50px;
padding:10px 50px;
text-align:center;
display:inline-block;
}
h4{
margin:20px 0px 10px 0px;
font-size:18px;
border-bottom:solid 1px #2a2a2a;
text-align:center;
}
h5{
font-size:18px;
color:#583030;
display:block;
}
a.btm{
display:inline-block;
text-align:center;
background:rgba(0,0,0,0.5);
padding:10px;
color:#ffffff;
border:solid 1px #ffffff;
font-size:18px;
}
header{
padding:20px;
background:#80a9b7;
}
#index{
background:#df5e27;
padding:300px 0px;
}
.works,.contact{
text-align:left;
}
.works ul li,.company ul li{
border-bottom:solid 1px #f7f7f7;
margin-bottom:10px;
}

.works ul li span{
width:250px;
display:inline-block;
font-weight:bolder;
}
.thumb{
margin:40px 0px;
}
.thumb ul li{
width:calc(100%/4);
float:left;
}
.thumb ul li span{
padding:10px;
display:block;
}
.company{
text-align:right;
}
.company ul li .wrap{
position:relative;
left:600px;
text-align:left;
}
.company ul li .wrap span{
width:150px;
display:inline-block;
font-weight:bolder;
}
table.form{
margin:0 auto;
font-family:Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
table.form span{
color:#ff0000;
}
table.form tr th{
text-align:left;
font-weight:bolder;
}
table.form tr td{
padding:5px;
text-align:left;
}
table.form input,table.form textarea{
padding:5px;
}
footer{
padding:100px 0px;
border-bottom:solid 10px #df5e27;
}