@charset "UTF-8";


/* sass */
/* l-head リセット */
.l-head { display: block; }

.l-head nav { display: block; }

.l-head div, .l-head p, .l-head h1, .l-head h2, .l-head h3, .l-head h4, .l-head h5, .l-head h6, .l-head dl, .l-head dt, .l-head dd, .l-head ul, .l-head ol, .l-head li, .l-head table, .l-head caption, .l-head th, .l-head td, .l-head form, .l-head fieldset, .l-head input, .l-head textarea, .l-head select, .l-head pre, .l-head address, .l-head blockquote, .l-head embed, .l-head object, .l-head address, .l-head dfn, .l-head article, .l-head aside, .l-head canvas, .l-head figure, .l-head figcaption, .l-head footer, .l-head header, .l-head menu, .l-head nav, .l-head section, .l-head main, .l-head audio, .l-head video { margin: 0px; padding: 0px; }

.header{
}

.l-head * { box-sizing: border-box; }

.l-head em { font-style: normal; font-weight: bold; }

.l-head strong { font-style: normal; font-weight: bold; }

.l-head ul, .l-head ol { list-style: none; }

.l-head img { border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; -webkit-backface-visibility: hidden; backface-visibility: hidden; max-width: 100%; height: auto; }

.l-head a { color: #0000ff; cursor: pointer; text-decoration: underline; transition: color 0.2s; }

.l-head form { font-weight: normal; }

.l-head button, .l-head input, .l-head select, .l-head textarea { font-family: "UD新ゴ L", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-size: 100%; }

.l-head input:not([type="radio"]):not([type="checkbox"]), .l-head button, .l-head textarea, .l-head select { line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; background: transparent; border: none; border-radius: 0; outline: none; text-transform: none; }

.l-head select::-ms-expand { display: none; }

.l-head input[type="submit"], .l-head input[type="button"], .l-head button { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; cursor: pointer; }

.l-head input[type="submit"]::-webkit-search-decoration, .l-head input[type="button"]::-webkit-search-decoration { display: none; }

/* l-head */
.l-head { background-color: #fff; }

.l-head .link-blank .icn { display: inline-block; font-size: 0; }

.l-head .l-inner { position: relative; padding: 12px 0 0; }

.l-head .logo-head { text-align: center; }

.l-head .logo-head > a { display: inline-block; }

.l-head .logo-head > a img { max-width: 95px; }

.l-head .nav-hdg { margin-top: 10px; text-align: center; }

.l-head .nav-hdg > a { font-size: 18px; display: inline-block; line-height: 1.2; color: #000; font-weight: bold; font-family: "UD新ゴ M", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700; text-decoration: none; padding: 10px 10px 18px; -webkit-transform: rotate(0.001deg); transform: rotate(0.001deg); }

.chrome .l-head .nav-hdg > a { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; }

.l-head .wrap-nav-head { transition: left .3s; position: fixed; overflow: auto; top: 0; left: -83%; width: 83%; height: 100%; }

.l-head .wrap-contact-head { padding: 12px; display: none; }

.l-head .contact-head-btn { background-color: #eeeff3; }

.l-head .contact-head-btn > a { text-decoration: none; color: #fff; background-color: #e13000; line-height: 1.2; font-family: "UD新ゴ R", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; display: block; font-size: 16px; padding: 14px 42px 14px 20px; position: relative; -webkit-transform: rotate(0.001deg); transform: rotate(0.001deg); }

.chrome .l-head .contact-head-btn > a { font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.l-head .contact-head-btn > a > .icn { right: 25px; }

.l-head .contact-head-btn > a:before { bottom: 0; right: 12px; content: ''; display: inline-block; position: absolute; width: 5px; height: 5px; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(134.999deg); transform: rotate(134.999deg); }

.l-head .contact-head-btn > a > .icn { position: absolute; top: 50%; margin-top: -6px; }

.l-head .contact-head-btn > a > .icn:before { width: 16px; height: 12px; content: ''; display: inline-block; background: transparent url(../image/link_icon_blank_w.svg) no-repeat left top / 16px auto; transition: opacity .2s; font-size: 0; }

.l-head .contact-head-btn > a:before { position: absolute; margin: auto; top: 0; }

@media print, all and (min-width: 768px) { /* l-head配下 リセット */
  .l-head a:hover { color: #0000ff; text-decoration: none; }
  .l-head a:visited:hover:before, .l-head a:visited:hover:after { opacity: .5; }
  /* l-head */
  .l-head { min-width: 1280px; height: 73px; z-index: 1; }
  .l-head .l-inner { padding: 13px 20px 0 20px; }
  .l-head .wrap-head-hdg { position: absolute; display: flex; align-items: center; margin-top: 7px; }
  .l-head .logo-head { text-align: left; }
  .l-head .logo-head > a { transition: opacity .2s; }
  .l-head .logo-head > a:hover { opacity: .5; }
  .l-head .logo-head > a img { max-width: 110px; }
  .l-head .nav-hdg { margin-top: 0; text-align: left; margin-left: 50px; }
  .l-head .nav-hdg > a { font-size: 22px; padding: 0; transition: color .2s; }
  .l-head .nav-hdg > a:hover { text-decoration: underline; }
  .l-head .wrap-nav-head { position: static; display: -ms-grid; display: grid; -ms-grid-rows: 40px; grid-template-rows: 40px; -ms-grid-columns: 1fr 300px 156px; grid-template-columns: 1fr 300px 156px; overflow: visible; left: auto; width: auto; height: auto; }
  .l-head .wrap-contact-head { -ms-grid-row-span: 1; -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 2; -ms-grid-column-span: 1; -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 4; display: flex; justify-content: flex-end; padding: 0; }
  .l-head .contact-head-btn { margin-left: 20px; }
  .l-head .contact-head-btn > a { display: inline-block; font-size: 14px; padding: 12px 40px 12px 14px; z-index: 1; }
  .l-head .contact-head-btn > a:hover { color: #fff; }
  .l-head .contact-head-btn > a > .icn { right: 20px; }
  .l-head .contact-head-btn > a:before { bottom: 0; right: 10px; content: ''; display: inline-block; position: absolute; width: 4px; height: 4px; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(134.999deg); transform: rotate(134.999deg); }
  .l-head .contact-head-btn > a:hover { transition: box-shadow .2s; }
  .l-head .contact-head-btn > a:hover:hover { box-shadow: 0 0 0 4px #0033af inset; }
  .l-head .contact-head-btn > a:hover img { transition: opacity .2s; }
  .l-head .contact-head-btn > a:hover:hover > * { position: relative; z-index: -1; }
  .l-head .contact-head-btn > a:hover:hover img { opacity: .5; }
  .l-head .contact-head-btn > a:hover > .icn { position: absolute; } }