@media screen {
    
}

body {
    background-color: #FCECEA;
    margin: auto;
    font-family: 'American Typewriter','Hannotate SC','HanziPen SC',sans-serif;
}

.navber {
    background-color: #F6AFAA;
}

.top {
    background-image: url(../IMG/portofolio_top2.png);
    background-size: cover;
    opacity: 0.8;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.top h1 {
    font-size: 48px;
}

.about-title {
    margin: auto;
    font-size: 36px;
    padding: 0.5em 0;/*上下の余白*/
    border-top: solid 1px #EE817B;/*上線*/
    border-bottom: solid 1px #EE817B;/*下線*/
    margin-bottom: 16px;
}

.intro h3 {
    font-size: 32px;
    color: #EE817B;
}

.intro h4 {
    font-size: 18px;
    color: #EE817B;
}

p {
    line-height: normal;
}

.service {
    background-color: #E9E9E9;
}

.service-title {
margin: auto;
font-size: 36px;
padding: 0.5em 0;/*上下の余白*/
border-top: solid 1px #EE817B;/*上線*/
border-bottom: solid 1px #EE817B;/*下線*/
}    
.works-title {
    margin: auto;
    font-size: 36px;
    padding: 0.5em 0;/*上下の余白*/
    border-top: solid 1px #EE817B;/*上線*/
    border-bottom: solid 1px #EE817B;/*下線*/
}

.card-title {
    font-size: 18px;
    color: #EE817B;
}

.contact {
    background-color: #E9E9E9;
}

.contact-title {
    margin: auto;
    font-size: 36px;
    border-top: solid 1px #EE817B;/*上線*/
    padding: 0.5em 0;/*上下の余白*/
    border-bottom: solid 1px #EE817B;/*下線*/
}

.footer {
    background-color: #F6AFAA;
}