// フリーダイアルバナー(大) .freedial_banner_large { position: relative; padding: 1rem 0; img { max-width: 100%; width: 100%; } .tell { position: absolute; left: 200px; top: 140px; span, a { text-decoration: none; font-size: 80px; line-height: 80px; font-family: Roboto, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #FF9800; } } .contactform { position: absolute; left: 450px; top: 227px; } } // フリーダイアルバナー(小) .freedial_banner_small { position: relative; padding: 1rem 0; width: 100%; img { max-width: 100%; width: 100%; } .tell { position: absolute; bottom: 25%; width: 92.5%; left: 50%; transform: translateX(-50%); span, a { text-decoration: none; font-size: 35px; line-height: 1; font-family: Roboto, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #FFF; .tel_no { position: absolute; top: 50%; left: 20%; } } } .contactform { position: absolute; right: 5%; bottom: 7%; width: 50%; } } .freedial_banner_small { position: relative; padding: 1rem 0; width: 100%; img { max-width: 100%; width: 100%; } .tell { position: absolute; bottom: 25%; width: 92.5%; left: 50%; transform: translateX(-50%); span, a { text-decoration: none; font-size: 35px; line-height: 1; font-family: Roboto, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #FFF; .tel_no { position: absolute; top: 50%; left: 20%; } } } .contactform { position: absolute; right: 5%; bottom: 7%; width: 50%; } } .freedial_banner_S_large { position: relative; padding: 1rem 0; img { max-width: 100%; width: 100%; } .tell { position: absolute; left: 100px; top: 161px; span, a { text-decoration: none; font-size: 58px; line-height: 1; font-family: Roboto, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #FF9800; } } .contactform { position: absolute; right: 14px; bottom: 30px; width: 245px; } } @media (min-width:560px) { .freedial_banner_small { .tell { span, a { font-size: 80px !important; } } } } @media (max-width:959px) { .freedial_banner_small { .tell { span, a { font-size: 80px !important; } } } } @media (max-width:820px) { .freedial_banner_small { .tell { span, a { font-size: 70px !important; } } } } @media (max-width:820px) { .freedial_banner_small { .tell { span, a { font-size: 60px !important; } } } } @media (max-width:599px) { .freedial_banner_small { .tell { span, a { font-size: 50px !important; } } } } @media (max-width:529px) { .freedial_banner_small { .tell { span, a { font-size: 40px !important; } } } } @media (max-width:419px) { .freedial_banner_small { .tell { span, a { font-size: 35px !important; } } } } .bg_square { background-color: transparent; background-image: linear-gradient(var(--color_border) 2px, transparent 2px), linear-gradient(to right, var(--color_border) 1px, transparent 1px); background-size: 16px 16px; } .id_299 { .widget_swell_new_posts { display: none; } } /* swellの目次 olデザイン */ ol.is-style-index { >li { &:before { border-right-color: transparent !important; } } ol>li { &:before { border-right-color: transparent !important; } } } .single { .p-breadcrumb__item:last-child{ > span{ &.p-breadcrumb__text { display: block !important; }}} }