/*-------------------- トップイメージ --------------------*/
/* 枠 */
#topimage {
	width: 100vw;
    height: 898px;
	background-position:center center;
	background-size: cover;
	display: flex;
    text-align: center;
    position: relative;
}


/*-------------------- ヘッダー --------------------*/
/* 枠 */
#header {
    width: 1240px;
    height: 100px;
    margin: 0 auto;
}

/* ロゴ */
#header h1 {
    float: left;
    margin-top: 45px;
}

/* メニュー */
#header ul {
    display: flex;
    float: right;
    margin-top: 65px;
    list-style: none;
}

#header ul li {
    display: inline-block;
    padding-left: 2em;
    font-size: 18px;
    font-family: Futura, 'Century Gothic';
    font-weight: 900;
}

#header ul li a {
    color: #000;
    text-shadow: 0 0 5px #fff;
    text-decoration: none;
}

#header ul li a:hover {
    color: #444;
    text-decoration: none;
}

/* キャッチコピー */
#lead {
    clear: both;
    width: 1000px;
    margin: 0 auto;
    padding-top: 300px;
    font-size: 22px;
    font-family: 'Kosugi', sans-serif;
    font-weight: 900;
    text-shadow: 0 0 15px #fff;
    text-align: left;
}

#lead span {
    font-size: 90px;
    font-family: Futura, 'Century Gothic';
}


/*-------------------- 京阪グリーンの強み --------------------*/
#strength ul {
    display: flex;
    list-style: none;
}

#strength ul li {
    display: inline-block;
    width: 250px;
}

#strength ul li p {
    padding-top: 2em;
}


/*-------------------- 業務内容 --------------------*/
#service ul {
    list-style: none;
}

#service ul li {
    float: left;
    width: 320px;
    margin-right: 20px;
    padding-top: 3em;
    text-align: left;
}

#service ul li:nth-child(3n) {
    margin: 0;
}

#service ul li a {
    color: #000;
    text-decoration: none;
}

#service ul li a:hover {
    color: #444;
}

#service ul li a:hover img {
    opacity: 0.75;
}

#service ul li h3 {
    margin: 0.5em 0;
    padding: 0 15px;
    font-size: 18px;
    font-family: 'Kosugi', sans-serif;
    font-weight: 900;
}

#service ul li p {
    padding: 0 15px;
}


/*-------------------- 施工実績 --------------------*/
#works ul {
    list-style: none;
}

#works ul li {
    float: left;
    width: 235px;
    margin-right: 20px;
    padding-top: 3em;
    text-align: left;
}

#works ul li:nth-child(4n) {
    margin: 0;
}

#works ul li a {
    color: #000;
    text-decoration: none;
}

#works ul li a:hover {
    color: #444;
}

#works ul li a:hover img {
    opacity: 0.75;
}

#works ul li h3 {
    margin: 0.5em 0;
    padding: 0 15px;
    font-size: 18px;
    font-family: 'Kosugi', sans-serif;
    font-weight: 900;
}

#works ul li p {
    padding: 0 15px;
}


/*-------------------- ブログ --------------------*/
#blog ul {
    list-style: none;
}

#blog ul li {
    float: left;
    width: 235px;
    margin-right: 20px;
    padding-top: 3em;
    text-align: left;
}

#blog ul li:nth-child(4n) {
    margin: 0;
}

#blog ul li a {
    color: #000;
    text-decoration: none;
}

#blog ul li a:hover {
    color: #444;
}

#blog ul li a:hover img {
    opacity: 0.75;
}

#blog ul li h3 {
    margin: 0.5em 0;
    padding: 0 15px;
    font-size: 18px;
    font-family: 'Kosugi', sans-serif;
    font-weight: 900;
}

#blog ul li p {
    padding: 0 15px;
}