pg_syokunin.scss
.pg_syokunin {
section {
max-width: 750px;
margin: 0 auto 8%;
}
div {
margin-bottom: 4%;
}
h3 {
margin-bottom: 10px;
padding: 0 10px;
font-size: 1.8rem;
line-height: 2.2rem;
font-weight: bold;
border-left: 5px solid #0084e6;
box-sizing: border-box;
}
h4 {
margin-bottom: 10px;
padding: 0 10px;
font-size: 1.6rem;
line-height: 2.2rem;
font-weight: bold;
border-bottom: 2px solid #0084e6;
padding-bottom: 1%;
}
p {
line-height: 2.2rem;
}
.prof_box {
background: #ecf7ff;
padding: 3% 3% 2% 3%;
}
.box_inner {
display: flex;
margin-bottom: 1% !important;
}
.box_inner div {
width: 100%;
margin-bottom: 1% !important;
padding: 0 2%;
}
.box_inner span {
font-weight: bold;
font-size: 1.1em;
color: #0084e6;
}
@media screen and (max-width: 1024px) {
padding: 0 3%;
box-sizing: border-box;
.box_inner {
display: block;
margin-bottom: auto;
}
.box_inner div {
margin-bottom: 2% !important;
}
}
}