jscss
pg_company.css
/* line 7, ../company.scss */
.company__ttl {
margin-bottom: 30px;
}
@media (min-width: 769px) {
/* line 7, ../company.scss */
.company__ttl {
margin-bottom: 70px;
}
}
/* line 13, ../company.scss */
.company__h3 {
font-size: 1.9rem;
font-weight: 700;
line-height: 1.58;
}
@media (min-width: 769px) {
/* line 13, ../company.scss */
.company__h3 {
font-size: 2.4rem;
}
}
/* line 21, ../company.scss */
.company__btn {
text-align: right;
}
/* line 23, ../company.scss */
.company__btn .ghost-btn__wrap--reverse {
width: 100%;
display: inline-block;
margin-right: -7.47vw;
}
@media (min-width: 769px) {
/* line 23, ../company.scss */
.company__btn .ghost-btn__wrap--reverse {
width: 480px;
}
}
@media (min-width: 1025px) {
/* line 23, ../company.scss */
.company__btn .ghost-btn__wrap--reverse {
margin-right: -100px;
}
}
/* line 34, ../company.scss */
.company__btn .ghost-btn__link {
max-width: 100%;
}
/* line 40, ../company.scss */
.company-greeting {
max-width: 800px;
margin: 0 auto 80px;
}
@media (min-width: 769px) {
/* line 40, ../company.scss */
.company-greeting {
margin: 0 auto 120px;
}
}
/* line 47, ../company.scss */
.company-greeting__layout {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
/* line 55, ../company.scss */
.company-greeting__layout-left {
order: 1;
}
@media (min-width: 769px) {
/* line 55, ../company.scss */
.company-greeting__layout-left {
order: 2;
width: calc(100% - 360px);
}
}
/* line 62, ../company.scss */
.company-greeting__layout-right {
order: 2;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
@media (min-width: 769px) {
/* line 62, ../company.scss */
.company-greeting__layout-right {
order: 1;
width: 320px;
margin-right: 40px;
}
}
/* line 73, ../company.scss */
.company-greeting__layout-bottom {
order: 3;
width: 100%;
text-align: center;
}
@media (min-width: 769px) {
/* line 73, ../company.scss */
.company-greeting__layout-bottom {
width: calc(100% - 360px);
}
}
/* line 81, ../company.scss */
.company-greeting__desc {
margin-bottom: 30px;
font-size: 1.6rem;
line-height: 2;
}
/* line 86, ../company.scss */
.company-greeting__logo {
display: inline-block;
width: 100%;
}
@media (min-width: 769px) {
/* line 86, ../company.scss */
.company-greeting__logo {
width: 100%;
}
}
/* line 92, ../company.scss */
.company-greeting__logo .company-greeting__img {
padding: 50px 80px;
border: 1px solid #4d4d4d;
}
/* line 97, ../company.scss */
.company-greeting__figure {
display: inline-block;
}
/* line 100, ../company.scss */
.company-greeting__img {
max-width: 100%;
}
/* line 103, ../company.scss */
.company-greeting__figcaption {
font-size: 1.2rem;
text-align: right;
margin-top: 10px;
}
/* line 110, ../company.scss */
.company-staff {
max-width: 800px;
margin: 0 auto 80px;
}
@media (min-width: 769px) {
/* line 110, ../company.scss */
.company-staff {
margin: 0 auto 120px;
}
}
/* line 125, ../company.scss */
.company-staff__desc {
margin-bottom: 30px;
font-size: 1.6rem;
line-height: 2;
}
/* line 130, ../company.scss */
.company-staff__figure {
margin-bottom: 30px;
}
/* line 133, ../company.scss */
.company-staff__img {
max-width: 100%;
}
/* line 141, ../company.scss */
.company-modelroom {
max-width: 800px;
margin: 0 auto 80px;
}
@media (min-width: 769px) {
/* line 141, ../company.scss */
.company-modelroom {
margin: 0 auto 120px;
}
}
/* line 156, ../company.scss */
.company-modelroom__desc {
margin-bottom: 30px;
font-size: 1.6rem;
line-height: 2;
}
/* line 161, ../company.scss */
.company-modelroom__figure {
margin-bottom: 30px;
}
/* line 164, ../company.scss */
.company-modelroom__img {
max-width: 100%;
}
/* line 173, ../company.scss */
.company-overview {
max-width: 800px;
margin: 0 auto 80px;
}
@media (min-width: 769px) {
/* line 173, ../company.scss */
.company-overview {
margin: 0 auto 120px;
}
}
/* line 179, ../company.scss */
.company-overview__layout {
margin-top: 30px;
}
/* line 182, ../company.scss */
.company-overview .company__ttl {
padding-top: 80px;
margin-bottom: 80px;
border-top: 1px solid #000;
}
@media (min-width: 769px) {
/* line 182, ../company.scss */
.company-overview .company__ttl {
padding-top: 90px;
margin-bottom: 90px;
}
}
#kuchikomi_wrap.kuchikomi_wrap{margin:90px auto 0;}
#kuchikomi_wrap .head, #kuchikomi_wrap .result_txt_box label::after{background-color:#d3dfe9;}
@media screen and (max-width: 640px){
#kuchikomi_wrap .g_logo {border: solid 2px #d3dfe9;}
#kuchikomi_wrap.kuchikomi_wrap{margin:80px auto 0;}
}
#kuchikomi_wrap.kuchikomi_wrap h2, #kuchikomi_wrap .result_info .star-num, #kuchikomi_wrap .result_info .result_review{
color:#000;
font-weight:700;
font-size:1.6rem;
}
#kuchikomi_wrap .result_txt_box label::after{
color:#000;
}