@charset "UTF-8";
/*====================================================================

Reset

====================================================================*/
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, menu, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none; }

body {
  line-height: 1; }

menu, ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*====================================================================

Base

====================================================================*/
html, body {
  width: 100%;
  word-wrap: break-word;
  overflow-x: hidden; }

body {
  color: #222;
  font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック体", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.8;
  padding: 65px 0 20px;
  position: relative;
  background-color: #fefdf3; }
  body::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 355px;
    background: no-repeat url("/lot_trace/img/bg_title.png") bottom center/cover; }
  @media screen and (max-width: 768px) {
    body {
      padding: 50px 0 20px; } }

img {
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast; }

_::-webkit-full-page-media, _:future, :root img {
  image-rendering: auto; }

p {
  margin: 15px 0; }

b, strong, em {
  font-weight: bold; }

input,
button,
select,
textarea {
  font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック体", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  box-sizing: border-box;
  outline: none;
  font-size: 16px; }

main {
  position: relative;
  z-index: 1; }

sup {
  position: relative;
  font-size: 70%;
  vertical-align: top; }

sub {
  position: relative;
  font-size: 70%;
  vertical-align: bottom; }

h1, h2, h3, h4, h5 {
  line-height: 1.5;
  font-weight: bold; }

/*
link
---------------------------------------------------------*/
a {
  transition: color .3s, background .3s, opacity .3s;
  color: #4386e0;
  text-decoration: underline; }
  a:link {
    color: #4386e0; }
  a:visited {
    color: #4386e0; }
  a:hover {
    opacity: .7;
    text-decoration: none; }

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none; }
  @media screen and (max-width: 768px) {
    a[href*="tel:"] {
      pointer-events: auto;
      cursor: pointer; } }

/*
icon
---------------------------------------------------------*/
/* http */
a[href^="http"]:not([class*="ico_none"]):not([href*="www.uoroku.co.jp"]):after,
.blank:after {
  content: "\f35d";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 1;
  margin: 0 0.25em;
  text-indent: 0;
  color: #929292;
  font-size: 1rem; }