jscss

pg_inquiry.css

/* line 12, ../inquiry.scss */ .inquiry .container { max-width: 800px; margin: 0 auto 20px; } /* line 18, ../inquiry.scss */ .inquiry-intro { margin-bottom: 80px; } /* line 20, ../inquiry.scss */ .inquiry-intro__desc { font-size: 1.6rem; line-height: 2; } /* line 23, ../inquiry.scss */ .inquiry-intro__desc small { font-size: 1.4rem; } /* line 30, ../inquiry.scss */ .inquiry-notice__ttl { margin-bottom: 15px; padding-top: 50px; border-top: 2px solid #000; } /* line 35, ../inquiry.scss */ .inquiry-notice__h3 { font-size: 1.8rem; font-weight: bold; line-height: 2; color: #6aaad0; } .inquiry-natice__h3 { font-size: 1.8rem; font-weight: bold; line-height: 2; color: black; } /* line 44, ../inquiry.scss */ .inquiry-notice__item { font-size: 1.4rem; line-height: 1.71; list-style: none; } .container_request{ padding: 2% 0; width:100%; } .request_ttl{ width: 60%; float: left; } .request_ttl h3{ color: #6aaad0; line-height: 2; font-weight: bold; font-size: 1.8rem; } .request_img{ width: 40%; float: left; } .inquiry-intro__desc h3{ font-size: 25px; font-weight: 600; margin: 30px 0; line-height: 1.7; color: black; } #whatstoivo section{ padding:40px 0 40px 0; width:100%; max-width:1100px; margin:0 auto; } #whatstoivo section img{ width:100%; height:auto; } #whatstoivo section p{ padding:10px 0; } #whatstoivo section h3{ font-size:25px; font-weight:600; margin:0 0 30px 0; line-height:1.7; color: #6aaad0; } .kakomi{ padding:3%; border:1px solid #79a9cc; margin:20px 0; } .bk10{ padding-top:10px; } .bk20{ padding-top:20px; } .flex { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; -moz-flex-direction: row; -o-flex-direction: row; -webkit-flex-direction: row; -ms-flex-direction: row; align-content: space-between; align-items: stretch; } .fl_between { -webkit-justify-content: space-between !important; justify-content: space-between !important; } .fl_leftlarge_l{ width:60%; } .fl_leftlarge_r{ width:35%; } .fl_right { flex-direction: row-reverse!important; } .page-kugiri{ width:10%; border: none; background-color: #fff; border-width: 1px 0 0 0; border-top: double; border-color: black; } .bt-block{ display:inline-block; background:url("https://www.toivo.co.jp/wp-content/uploads/2021/02/yajirushi.png"); padding:25px 20px; width:100%; height:70px; max-width:400px; border:1px solid #fff; position:relative; } .bt-block span{ color:#fff; font-size:15px; } @media screen and (max-width: 765px) { #method section{ padding-top:40px; } .fl_leftlarge_l{ width:100%; margin-bottom:30px; box-sizing:border-box; } .fl_leftlarge_r{ width:100%; box-sizing:border-box; } .fl_leftlarge_r img{ width:100%; } .page-kugiri{ width:20%; } .fl_right { flex-direction:row!important; } } #whatstoivo .ghost-btn__wrap--reverse{ max-width: 400px; width: 100%; } #whatstoivo .ghost-btn a{ max-width:400px; } #whatstoivo .fl_right .ghost-btn__wrap--reverse{ float:right; } @media screen and (max-width: 768px) { .page-ttl__h2 br{ display: none; } #whatstoivo h3 br{ display:none; } }