jscss
pg_modelroom.css
/* line 7, ../modelroom.scss */
.modelroom__ttl {
margin-bottom: 20px;
}
/* line 10, ../modelroom.scss */
.modelroom__h3 {
font-size: 1.8rem;
font-weight: 700;
line-height: 2;
color: #6aaad0;
}
/* line 20, ../modelroom.scss */
.modelroom-intro__layout-left {
max-width: 700px;
margin-bottom: 40px;
}
@media (min-width: 769px) {
/* line 20, ../modelroom.scss */
.modelroom-intro__layout-left {
padding: 0 70px;
margin-bottom: 90px;
}
}
/* line 28, ../modelroom.scss */
.modelroom-intro__layout-right {
margin-bottom: 20px;
}
/* line 32, ../modelroom.scss */
.modelroom-intro__desc {
font-size: 1.6rem;
line-height: 2;
}
/* line 36, ../modelroom.scss */
.modelroom-intro__figure {
text-align: center;
}
/* line 39, ../modelroom.scss */
.modelroom-intro__img {
max-width: 100%;
width: auto;
}
/* line 45, ../modelroom.scss */
.modelroom-highlight {
margin-bottom: 30px;
}
@media (min-width: 769px) {
/* line 45, ../modelroom.scss */
.modelroom-highlight {
margin-bottom: 160px;
}
}
/* line 50, ../modelroom.scss */
.modelroom-highlight .modelroom__ttl {
text-align: center;
}
/* line 53, ../modelroom.scss */
.modelroom-highlight__list {
display: flex;
flex-wrap: wrap;
margin: 0 -2px;
counter-reset: highlightnum;
}
/* line 59, ../modelroom.scss */
.modelroom-highlight__item {
width: 100%;
margin-top: 15px;
counter-increment: highlightnum 1;
}
@media (min-width: 769px) {
/* line 59, ../modelroom.scss */
.modelroom-highlight__item {
width: calc(25% - 8px);
margin: 30px 2px 0;
}
/* line 66, ../modelroom.scss */
.modelroom-highlight__item:nth-of-type(-n+2) {
width: calc(50% - 4px);
margin-top: 0;
}
}
@media (min-width: 1025px) {
/* line 59, ../modelroom.scss */
.modelroom-highlight__item {
width: calc(1012px / 4);
margin: 30px 2px 0;
}
/* line 74, ../modelroom.scss */
.modelroom-highlight__item:nth-of-type(-n+2) {
width: calc(1020px / 2);
margin-top: 0;
}
}
/* line 80, ../modelroom.scss */
.modelroom-highlight__figure {
margin-bottom: 15px;
}
/* line 83, ../modelroom.scss */
.modelroom-highlight__img {
max-width: 100%;
width: auto;
}
/* line 87, ../modelroom.scss */
.modelroom-highlight__desc {
font-size: 1.2rem;
line-height: 1.75;
position: relative;
padding-left: 60px;
}
/* line 92, ../modelroom.scss */
.modelroom-highlight__desc::before {
content: counter(highlightnum);
font-size: 2.8rem;
line-height: 1.14;
color: #6aaad0;
margin: 0 20px;
position: absolute;
top: 0;
left: 0;
}
/* line 105, ../modelroom.scss */
.modelroom-designer {
padding-top: 150px;
margin-bottom: 90px;
}
@media (min-width: 769px) {
/* line 105, ../modelroom.scss */
.modelroom-designer {
padding-top: 0;
margin-bottom: 250px;
}
}
/* line 112, ../modelroom.scss */
.modelroom-designer .modelroom__ttl {
margin-top: 30px;
}
@media (min-width: 769px) {
/* line 112, ../modelroom.scss */
.modelroom-designer .modelroom__ttl {
position: absolute;
top: 30px;
margin-top: 0;
}
}
/* line 120, ../modelroom.scss */
.modelroom-designer__wrap {
position: relative;
}
@media (min-width: 769px) {
/* line 120, ../modelroom.scss */
.modelroom-designer__wrap {
padding-top: 75px;
padding-left: 235px;
}
}
/* line 128, ../modelroom.scss */
.modelroom-designer__profile {
max-width: 640px;
padding: 40px 3%;
background: #f1f1f1;
}
@media (min-width: 769px) {
/* line 128, ../modelroom.scss */
.modelroom-designer__profile {
padding: 40px 80px;
}
}
/* line 136, ../modelroom.scss */
.modelroom-designer__figure {
width: 100%;
text-align: center;
position: absolute;
top: -150px;
}
@media (min-width: 769px) {
/* line 136, ../modelroom.scss */
.modelroom-designer__figure {
width: auto;
top: 0;
left: 70px;
}
}
/* line 150, ../modelroom.scss */
.modelroom-designer__name {
font-size: 2.4rem;
font-weight: 700;
line-height: 1.58;
}
/* line 154, ../modelroom.scss */
.modelroom-designer__name small {
font-size: 1.8rem;
line-height: 2.11;
}
/* line 159, ../modelroom.scss */
.modelroom-designer__belong {
font-size: 1.8rem;
line-height: 2.11;
}
/* line 163, ../modelroom.scss */
.modelroom-designer__desc {
font-size: 1.4rem;
line-height: 1.86;
}
/* line 169, ../modelroom.scss */
.modelroom-tour {
margin-bottom: 60px;
}
/* line 174, ../modelroom.scss */
.modelroom-tour .modelroom__h3 {
font-size: 4.6rem;
line-height: 1.17;
color: #FFF;
text-align: center;
}
@media (min-width: 769px) {
/* line 174, ../modelroom.scss */
.modelroom-tour .modelroom__h3 {
font-size: 6.3rem;
}
}
/* line 182, ../modelroom.scss */
.modelroom-tour .modelroom__h3:not(small) {
font-family: 'Noto Serif JP', serif;
}
/* line 185, ../modelroom.scss */
.modelroom-tour .modelroom__h3 small {
font-size: 3rem;
line-height: 1.85;
display: block;
}
@media (min-width: 769px) {
/* line 185, ../modelroom.scss */
.modelroom-tour .modelroom__h3 small {
font-size: 4rem;
line-height: 1.85;
}
}
/* line 195, ../modelroom.scss */
.modelroom-tour__wrap {
padding: 130px 0 65px;
background: url("https://www.toivo.co.jp/images/modelroom/tour_bg_sp.jpg") 50% 50% no-repeat;
}
@media (min-width: 769px) {
.modelroom-tour__wrap {
background: url("https://www.toivo.co.jp/images/modelroom/tour_bg.jpg") 50% 50% no-repeat;
}
}
/* line 199, ../modelroom.scss */
.modelroom-tour__desc {
font-size: 1.8rem;
line-height: 1.67;
color: #FFF;
text-align: center;
}
/* line 205, ../modelroom.scss */
.modelroom-tour__address {
font-size: 1.4rem;
line-height: 1.64;
color: #FFF;
text-align: center;
}
/* line 211, ../modelroom.scss */
.modelroom-tour__btn {
color: #FFF;
text-align: center;
}
/* line 214, ../modelroom.scss */
.modelroom-tour__btn .page__layout-contact--link {
margin-top: 30px;
}
/* line 223, ../modelroom.scss */
.modelroom-notice {
margin-bottom: 90px;
}
/* line 225, ../modelroom.scss */
.modelroom-notice .modelroom__h3 {
font-size: 1.4rem;
line-height: 2.29;
color: #4d4d4d;
}
/* line 233, ../modelroom.scss */
.modelroom-notice__item {
font-size: 1.4rem;
line-height: 2;
color: #4d4d4d;
}