@media only screen and (min-width: 800px) {
.article-area {
margin-top: 80px;
margin-bottom: 80px;
}
.content-section {
margin-top: 78px;
}
.parts-section {
margin: 50px 0px 70px;
}
.parts-section .parts-section__inner--column {
margin-top: 60px;
}
.parts-section .parts-section__inner--quote {
margin-top: 40px;
}
.parts-section .parts-section__inner--table01,
.parts-section .parts-section__inner--table02{
margin-top: 30px;
}
.parts-section h3 + .parts-section__inner--table01,
.parts-section h3 + .parts-section__inner--table02{
margin-top: 15px;
}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
.article-area {
margin-top: 47px;
margin-bottom: 47px;
}
.content-section {
margin-top: 39px;
}
.parts-section {
margin: 40px 0px 60px;
}
.parts-section .parts-section__inner--column {
margin-top: 30px;
}
.parts-section .parts-section__inner--quote {
margin-top: 40px;
}
.parts-section .parts-section__inner--table01,
.parts-section .parts-section__inner--table02{
margin-top: 40px;
}
}
@media only screen and (max-width: 479px) {
.article-area {
margin-top: 47px;
margin-bottom: 47px;
}
.content-section {
margin-top: 39px;
}
.parts-section {
margin: 40px 0px 60px;
}
.parts-section .parts-section__inner--column {
margin-top: 30px;
}
.parts-section .parts-section__inner--quote {
margin-top: 25px;
}
.parts-section .parts-section__inner--table01,
.parts-section .parts-section__inner--table02{
margin-top: 25px;
}
}