@charset "UTF-8";
.clr-dashphalt { color: #E75E05; }

.clr-asrefre { color: #009898; }

@media (min-width: 768px) { html { font-size: 62.5%; } }
@media (max-width: 767px) { html { font-size: 45%; } }

body { font-family: -apple-system, BlinkMacSystemFont, arial, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  '游ゴシック Medium', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; margin: 0; padding: 0; line-height: 1.8; color: #000; font-size: 1.8rem; }

* { box-sizing: border-box; }

h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol { margin: 0; padding: 0; }

img { max-width: 100%; height: auto; border: none; font-size: 0; line-height: 0; vertical-align: top; }

a { color: #1CA7A7; }

a:hover { color: #F46700; }

strong { background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #FFFF9F 0%) repeat scroll 0 0; }

em { font-style: normal; font-weight: bold; }

.clear { clear: both; }

.cf:after, .kv-dashphalt:after, .kv-asrefre:after, .container:after { content: ""; display: block; clear: both; }

.btn-contact, .header-btn, #footer-btn button { display: block; border: none; font-feature-settings: 'palt'; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4); border-radius: 4px; background: #E75E05; background: -webkit-linear-gradient(top, #F6C54D, #E75E05); background: linear-gradient(to bottom, #F6C54D, #E75E05); color: #fff; }
.btn-contact:hover, .header-btn:hover, #footer-btn button:hover { cursor: pointer; background: -webkit-linear-gradient(top, #FFE424, #F6C54D); background: linear-gradient(to bottom, #FFE424, #F6C54D); }
@media (max-width: 768px) { .btn-contact .fa, .header-btn .fa, #footer-btn button .fa { padding-right: 10px; font-size: 125%; } }
@media (min-width: 767px) { .btn-contact .fa, .header-btn .fa, #footer-btn button .fa { padding-right: 15px; font-size: 110%; } }

.btn-contact { height: 82px; font-size: 2.4rem; font-weight: bold; }
@media (min-width: 768px) { .btn-contact { border: 3px solid #fff; position: relative; width: 90%; max-width: 900px; font-size: 2.6rem; height: 100px; margin: 45px auto; padding-left: 5%; } }
@media (max-width: 767px) { .btn-contact { width: 100%; border: 2px solid #fff; font-size: 2rem; height: 70px; margin: 15px auto; } }
@media (min-width: 768px) { .btn-contact { text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } }
@media (max-width: 767px) { .btn-contact { text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); } }

.center { text-align: center; }

.text-left { text-align: left; }

.text-bigger { font-size: 120%; }

.u-mgb0 { margin-bottom: 0 !important; }

.u-mgb15 { margin-bottom: 15px !important; }

.u-mgb30 { margin-bottom: 30px !important; }

.u-mgb60 { margin-bottom: 60px !important; }

.u-mgb90 { margin-bottom: 90px !important; }

.u-mgt0 { margin-top: 0 !important; }

.u-mgt30 { margin-top: 30px !important; }

.u-pdt60 { padding-top: 60px !important; }

.rightimg img, .leftimg img { border: 5px solid #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); margin-bottom: 15px; }

@media (min-width: 768px) { .u-mgt60-pc { margin-top: 60px !important; }
  .content { width: 65%; float: left; }
  .rightimg { max-width: 35%; float: right; padding-left: 45px; }
  .leftimg { max-width: 35%; float: left; padding-right: 45px; }
  .flex { display: flex; }
  .visible-sp { display: none; }
  .font-bigger { font-size: 2.0rem; } }
@media (max-width: 999px) { .visible-lg { display: none; } }
@media (max-width: 767px) { .rightimg { margin: 15px auto; text-align: center; }
  .visible-pc { display: none !important; } }
@media (min-width: 1150px) { .container { max-width: 1110px; margin-left: auto; margin-right: auto; } }
@media (min-width: 768px) { .container { padding-left: 30px; padding-right: 30px; } }
@media (max-width: 767px) { .container { padding-left: 5%; padding-right: 5%; } }

.bg2 { background: url("../images/bg2.jpg") repeat 0 0 #666; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) { .bg2 { background: url("../images/bg2@2x.jpg") repeat 0 0 #666; background-size: 500px 500px; -webkit-background-size: 500px 500px; } }
@media (max-width: 767px) { .bg2 { padding: 15px 0; } }

header { background: url("../images/bg_header.jpg") repeat-x 50% bottom #fff; padding: 10px 0 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) { header { background: url("../images/bg_header@2x.jpg") repeat-x 50% bottom #fff; background-size: 500px 150px; -webkit-background-size: 500px 150px; } }
@media (max-width: 767px) { header { text-align: center; padding-bottom: 10px; } }

h1 { font-size: 1.6rem; line-height: 1.6; font-weight: normal; font-weight: bold; color: #333; }
@media (min-width: 768px) { h1 { float: left; } }

.header-btn { padding: 5px 15px; float: right; }
@media (min-width: 768px) { .header-btn { font-size: 1.6rem; height: 45px; line-height: 35px; } }
@media (max-width: 767px) { .header-btn { margin-top: 8px; } }

.header-tel { font-size: 2.4rem; font-weight: bold; line-height: 45px; }
.header-tel .fa { padding-right: 5px; color: #E75E05; }
@media (min-width: 768px) { .header-tel { float: right; padding: 0 30px; } }
@media (max-width: 767px) { .header-tel { float: left; } }

.bg { background: url("../images/bg.jpg") repeat 0 0 #333; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) { .bg { background: url("../images/bg@2x.jpg") repeat 0 0 #333; background-size: 500px 500px; -webkit-background-size: 500px 500px; } }

.kv .flex { justify-content: center; padding-right: 0; padding-left: 0; }
@media (max-width: 767px) { .kv { padding-bottom: 15px; } }
.kv h2 { color: #fff; text-align: center; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9); padding: 30px 0; }
@media (min-width: 768px) { .kv h2 { line-height: 1.9; } }
@media (min-width: 1000px) { .kv h2 { font-size: 3.6rem; } }
.kv h2 em { color: #FFE424; }

.kv-dashphalt, .kv-asrefre { position: relative; background: #fff; border-radius: 6px; text-align: center; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.6); margin-bottom: 15px; }
@media (min-width: 768px) { .kv-dashphalt, .kv-asrefre { width: 50%; margin: 15px 0 45px; } }
.kv-dashphalt a, .kv-asrefre a { text-decoration: none; color: #000; }
.kv-dashphalt:hover, .kv-asrefre:hover { background: #FFFF9F; }
.kv-dashphalt h3, .kv-dashphalt h5, .kv-asrefre h3, .kv-asrefre h5 { color: #fff; margin-bottom: 20px; }
.kv-dashphalt h5, .kv-asrefre h5 { padding: 5px; font-size: 1.6rem; }
@media (max-width: 767px) { .kv-dashphalt h5, .kv-asrefre h5 { margin-bottom: 8px; } }
.kv-dashphalt img, .kv-asrefre img { padding: 0 15px; }

.kv-item { max-width: 30%; float: right; }

.kv-text { float: left; width: 70%; line-height: 1.5; font-size: 1.8rem; padding: 0 0 20px 15px; }
@media (min-width: 768px) { .kv-text { padding-top: 15px; }
  .kv-text p { margin-bottom: 15px; } }
@media (max-width: 767px) { .kv-text p { margin-bottom: 10px; } }

.kv-link { font-weight: bold; font-size: 2.1rem; }

.kv-dashphalt { border: 2px solid #F4843D; }
.kv-dashphalt h3, .kv-dashphalt h5 { background: #F4843D; }
.kv-dashphalt .kv-link, .kv-dashphalt .kv-down { color: #E75E05; }
.kv-dashphalt .kv-item img { max-width: 90%; padding: 15px; }
@media (min-width: 768px) { .kv-dashphalt { margin-right: 30px; } }

.kv-asrefre { border: 2px solid #1CA7A7; }
.kv-asrefre h3, .kv-asrefre h5 { background: #1CA7A7; }
.kv-asrefre .kv-link, .kv-asrefre .kv-down { color: #009898; }

.kv-down { position: absolute; bottom: 0; width: 100%; }

.kv-heading { background: url("../images/bg_ylwline.jpg") repeat-x 0 top #FFE424; padding: 15px 15px 10px; margin-bottom: 30px; font-size: 2.4rem; text-align: center; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) { .kv-heading { background: url("../images/bg_ylwline@2x.jpg") repeat-x 0 top #FFE424; background-size: 500px 300px; -webkit-background-size: 500px 300px; } }
@media (max-width: 767px) { .kv-heading { font-size: 2.4rem; margin-bottom: 15px; } }

@media (min-width: 768px) { main .container { padding-top: 30px; padding-bottom: 30px; }
  main p { margin-bottom: 30px; } }
@media (max-width: 767px) { main p { margin-bottom: 15px; } }

.dashphalt, .asrefre { background: #fff; border-radius: 6px; box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.2); padding: 0; }
.dashphalt h2, .asrefre h2 { position: relative; font-size: 2.2rem; color: #fff; padding: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; text-align: center; }
.dashphalt h3, .asrefre h3 { font-size: 1.8rem; margin-bottom: 15px; overflow: hidden; }

.card { position: absolute; top: -20px; left: 15px; transform: rotate(-7deg); -webkit-transform: rotate(-7deg); }
@media (max-width: 767px) { .card { display: none; } }

.useage { background: #eee; padding: 15px; }
.useage h4 { font-size: 1.8rem; border-bottom: 1px dotted #444; margin-bottom: 15px; }

.sample-catch { text-align: center; font-weight: bold; }

@media (min-width: 768px) { .dashphalt, .asrefre { margin: 45px 0 60px; }
  .item { padding: 30px; }
  .item ul, .item ol { padding-left: 30px; }
  .item-img { text-align: center; margin: 15px 0 60px; }
  .sample-catch { margin: 45px 0; } }
@media (max-width: 767px) { .dashphalt, .asrefre { margin: 15px 0 30px; }
  .item { padding: 15px; }
  .item ul, .item ol { padding-left: 15px; }
  .sample-catch { margin: 15px 0; } }
.dashphalt { border: 2px solid #F4843D; }
.dashphalt h2 { background: #F4843D; }
.dashphalt h3 { color: #F4843D; border-bottom: 1px dotted #F4843D; }
.dashphalt strong { background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #FFF3C3 0%) repeat scroll 0 0; }

.notice { background: #F2F2F2; padding: 15px; font-size: 1.3rem; overflow: hidden; margin-bottom: 30px; }
.notice h4 { color: #F4843D; }

.asrefre { border: 2px solid #1CA7A7; }
.asrefre h2 { background: #1CA7A7; }
.asrefre h3 { color: #009898; border-bottom: 1px dotted #1CA7A7; }
.asrefre strong { background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #DDFFEB 0%) repeat scroll 0 0; }

.asrefre-h4 { font-size: 1.6rem; line-height: 1.2; color: #009898; border-left: 7px solid #009898; padding-left: 8px; margin: 20px 0 15px; }

.asrefre-small { font-size: 1.5rem; }

.item-text { color: #fff; text-align: center; font-weight: bold; }
.item-text em { color: #FFE424; }
.item-text a { color: #fff; }
.item-text a:hover { color: #FFFF9F; }

.p-heading { clear: both; color: #333; text-align: center; }
@media (min-width: 768px) { .p-heading { padding: 30px 0 15px; font-size: 2.8rem; } }
@media (max-width: 767px) { .p-heading { margin: 30px 0 15px; font-size: 120%; } }

.footer-contact { font-size: 2.8rem; font-weight: bold; text-align: center; }
.footer-contact .fa { color: #F46700; padding-right: 15px; }
.footer-contact em { color: #F46700; }

.footer-contact-note { text-align: center; margin-bottom: 90px; }

footer { background: #FFE424; color: #fff; font-size: 1.4rem; padding: 15px 0; text-align: center; }
footer a { color: #fff; }

#footer-btn { width: 100%; padding: 15px; display: none; position: fixed; bottom: 0; right: 0; z-index: 1000; background: rgba(0, 0, 0, 0.7); text-align: center; }
#footer-btn button { display: inline-block; padding: 8px 15px; margin: 0 10px; font-size: 1.8rem; }
@media (max-width: 767px) { #footer-btn { padding: 10px; }
  #footer-btn button { width: 45%; margin: 0 2%; } }

.footer-tel { display: inline-block; color: #fff; font-size: 160%; font-weight: bold; margin-right: 30px; line-height: 1; }
.footer-tel .fa { padding-right: 5px; }

/*# sourceMappingURL=style.css.map */