body {
    width: 100%;
    margin: 0 auto;
}

/* ヘッダー */
header {
    display: block;
    
}

header .hero {
    width: 80%;
    margin: 0 auto;
}

header h1 {
    padding-top: 5em;
    padding-bottom: 2rem;
    font-size: 2rem;
}

header p {
    margin-top:0px;
    margin-left:0px;
    font-size: 1.5rem;
}

nav .logo {
    margin-left: 0px;
}

.nav-container {
    width: 90%;
    display: block;
}

.nav-container .logo {
    width: 200px;
}

.nav-container ul {
    display: none;
}



/* 会社概要 */
#about { 
    /* width: 98%; */
    margin: 0 auto;
    padding: 60px 0px 40px;
}

.about-container {
    width: 98%;
    margin: 0 auto;
    display: block;
}

.container-space {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.container-text,
.container-image {
    width: 100%;
    padding: 0px;
}

#about .button {
    width: 80%;
    padding: 6% 3%;
    font-size: 0.9rem;
}

/* 事業案内全体を画面いっぱいに */
#services {
    /* width: 98%; */
    margin: 0 auto;
    padding: 10px 0px 0px;
}

.service {
    display: block;
}

.service-container {
    /* width: 98%; */
    margin: 0 auto;
    display: block;
}

.service-text,
.service-image {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.service.blue-bg .service-text,
.service .service-text {
    padding: 20px 0px;
}

.service.blue-bg {
    padding: 50px 0px 40px;
} 

.service {
    padding: 40px 0px 80px;
}

.service-text a, .service.blue-bg .service-text a {
    text-align: right;
}

/* ニュース */
#news {
    background: #eee;
}

.news-inner {
    width:100%;
}

#news h2 {
    margin-bottom:0px;
    background: #fff;
    padding: 20px 10px 0px;
}

#news h3 {
    background: #fff;
    position: relative;
    display: inline-block;
    padding: 0 55px;
}

#news ul {
    padding: 10px 10px 60px;
    background: #fff;
    margin:0px;

}

#news ul li {
    /* background: #fff; */
    margin:0px;
    text-align: left;
    border-bottom: 1px dotted;
}

/* フッター */
/* フッター全体のスタイル */
/* フッター全体 */
.footer-social {
    display: inline-block;
    padding: 60px 0;
    background:none;
}

.footer-social a {
    display: inline-block;
    padding: 4%;
}

.footer-container {
    width: 100%;
    max-width: 100%;
    background: #eee;
}

.footer-container .logo {
    text-align: center;
    padding-left: 0px;
    display: block;
}

.footer-row {
    width: 80%;
    max-width: 80%;
    padding-left: 0px;
}

.footer-button {
    display: none;
}

.fc1, .fc2, .fc3, .fc4 {
    padding: 1%;
    width: 46%;
    min-width: 46%;
    display: inline-block;
}

.footer-bottom {
    height: 20px;
    background: #47c9e9;
    margin-top:0px;

}

.line-block {
    display: inline-block;
}

.v-pc {
    display: none !important;
}

.v-sp {
    display: block !important;
}