main .site_hako {
margin-bottom: 90px;
}
main .site_hako p {
margin-bottom: 5px;
margin-top: 10px;
}
main .site_hako .s_title {
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
word-break: break-all;
color: darkslategrey;
}
main .content_b .site_hako .s_title {
color: ivory;
}
main .site_hako .about02 { width: 500px;
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media only screen and (max-width: 768px) {
main .site_hako {
margin-bottom: 55px;
}
main .site_hako .s_title {
font-size: 18px;
} main .a-title {
text-align: center;
}
main .content_a .a-title {
display: flex;
justify-content: center;
align-items: center;
color: darkslategrey;
}
main .content_a .a-title::before,
main .content_a .a-title::after {
content: '';
width: 30px;
height: 2px;
background-color: powderblue;
}
main .content_a .a-title::before {
margin-right: 15px;
}
main .content_a .a-title::after {
margin-left: 15px;
}
main .content_b .a-title {
display: flex;
justify-content: center;
align-items: center;
color: ivory;
}
main .content_b .a-title::before,
main .content_b .a-title::after {
content: '';
width: 30px;
height: 2px;
background-color: orangered;
}
main .content_b .a-title::before {
margin-right: 15px;
}
main .content_b .a-title::after {
margin-left: 15px;
}
}