/* ベーススタイル */
body, h1, h2, h3, p {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Arial', sans-serif;
    color: #333;
    line-height: 1.6;
}

.container, .header-container, .services, .works-container {
    width: 950px;
    margin: 0 auto;
}

/* ヘッダー */
header {
    background: #fff;
    padding: 20px 0;
    text-align: center;
}

.header-container h1 {
    font-size: 2em;
}

nav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

footer p {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    text-decoration: none;
    color: #333;
}

/* サービスセクション */
.globalnavi {
    text-align: center;
    margin-top: 20px;
}

.services {
    display: flex;
    justify-content: space-between;
}

.service-item {
    width: 30%; /* 3分の1の幅 */
    box-sizing: border-box; /* paddingを含めた幅にする */
    padding: 0 15px; /* サービス間のスペースを調整 */
}

.service-item h3 {
    margin-bottom: 10px;
    text-align: center;
}

.service-item p {
    font-size: 0.9em;
    text-align: left;
}

/* 実績セクション */
#works {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.works {
    display: block;
    justify-content: space-between; /* 均等にスペースを配分 */
    flex-wrap: wrap;
}



/* Custom modifications for works section as requested */
.works {
    text-align: center; /* Centers the text within the container */
}

.works ul {
    list-style-type: none; /* Removes default list styling */
    padding: 0; /* Removes default padding */
    margin: 0 auto; /* Centers the list with automatic horizontal margins */
    display: inline-block; /* Allows the list to be centered as a single block */
    width: auto; /* Adjust width as necessary */
}

.works ul li {
    display: block; /* Displays list items inline */
    margin: 0 10px; /* Adds horizontal spacing between list items */
}

.works ul li a {
    text-decoration: none; /* Removes underline from links */
    color: inherit; /* Optional: Ensures links use the text color of parent elements */
}