jscss
pg_flow.css
/* line 6, ../flow.scss */
.flow {
margin-bottom: 80px;
}
@media (min-width: 769px) {
/* line 6, ../flow.scss */
.flow {
margin-bottom: 160px;
}
}
/* line 14, ../flow.scss */
.flow .tab-wrap {
margin: 0 -4.67vw;
}
@media (min-width: 769px) {
/* line 14, ../flow.scss */
.flow .tab-wrap {
margin: 0;
}
}
/* line 22, ../flow.scss */
.flow-intro {
margin-bottom: 50px;
}
@media (min-width: 769px) {
/* line 22, ../flow.scss */
.flow-intro {
margin-bottom: 80px;
}
}
@media (min-width: 1025px) {
/* line 22, ../flow.scss */
.flow-intro {
max-width: 800px;
margin: 0 auto 80px;
}
}
/* line 34, ../flow.scss */
.flow-intro__desc {
font-size: 1.6rem;
line-height: 2;
}
@media (min-width: 1025px) {
/* line 40, ../flow.scss */
.flow-tab {
max-width: 800px;
margin: 0 auto;
}
}
/* line 47, ../flow.scss */
.flow-list {
counter-reset: number 0;
}
/* line 49, ../flow.scss */
.flow-list__item {
display: flex;
margin-bottom: 50px;
}
@media (min-width: 769px) {
/* line 49, ../flow.scss */
.flow-list__item {
margin-bottom: 80px;
}
}
/* line 55, ../flow.scss */
.flow-list__item:last-of-type {
margin-bottom: 0;
}
/* line 58, ../flow.scss */
.flow-list__item::before {
counter-increment: number 1;
content: counter(number);
font-family: 'Noto Serif JP', serif;
font-size: 5rem;
font-weight: 700;
line-height: 1;
text-align: center;
color: #6aaad0;
}
@media (min-width: 769px) {
/* line 58, ../flow.scss */
.flow-list__item::before {
width: 160px;
font-size: 6rem;
border-right: 2px solid #000;
}
}
/* line 74, ../flow.scss */
.flow-list__wrap {
padding-left: 4%;
}
@media (min-width: 769px) {
/* line 74, ../flow.scss */
.flow-list__wrap {
width: calc(100% - 160px);
padding-left: 40px;
}
}
/* line 87, ../flow.scss */
.flow-list__h3 {
font-size: 2.4rem;
font-weight: 700;
line-height: 1.5;
margin-top: -0.25em;
margin-bottom: 20px;
}
/* line 97, ../flow.scss */
.flow-list__desc {
font-size: 1.4rem;
line-height: 2.29;
}