<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* カラー指定　*/
body {
  font-size: 1.125rem;
  animation: fadeIn 1s ease 0s 1 normal;
}

p {
  margin-bottom: 2rem;
}

a {
  transition: all 0.3s;
}
a:hover {
  color: #333333;
}

main {
  padding-bottom: 5rem;
}

.nav_open #nav_bg {
  opacity: 0;
  visibility: hidden;
}

/* =====================
  よく使うスタイル付与用
===================== */
/* PC改行解除用*/
.u-sp {
  display: none;
}

/* ボタン系 */
.btn-nomal {
  transition: all 0.8s;
}
.btn-nomal:hover {
  outline: 1px solid #333333;
  color: #333333;
  background: none;
}

/* =====================
  ヘッダー
===================== */
.header {
  height: 110px;
  padding: 1.5rem;
  overflow: hidden;
  /* メールアイコン */
}
.header-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
}
.header h1 {
  width: min(27.7777777778%, 400px);
}
.header h1 a {
  width: min(100%, 400px);
  height: 57px;
  margin: 0;
  background: url(../images/common/logo.png) left center no-repeat;
  background-size: contain, cover;
}
.header h1 a:hover {
  opacity: 0.8;
}
.header .mail {
  width: 45px;
  height: 45px;
  background: url("../images/common/icon-mail.png") no-repeat center center;
  background-size: auto;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 110px;
  margin: auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: none;
}

/* =====================
  ハンバーガーメニュー
===================== */
/* グローバルナビメニュー */
.header #navi {
  position: relative;
  padding: 1rem 0 1rem 1rem;
  width: calc(100% - min(27.7777777778%, 400px));
  height: auto;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px 0;
}
.header #navi nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 2rem;
  flex-shrink: 0;
}
.header #navi a {
  font-size: 1.125rem;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.header #navi .btn-nomal {
  font-size: 1.125rem;
  padding: 0;
  background: transparent;
  color: #048ec3;
}
.header #navi .btn-nomal:hover {
  color: #333333;
  outline: none;
}
.header #navi .btn-nomal.btn-entry {
  display: none;
}
.header #navi .bnr-wrap {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-left: 2rem;
}
.header #navi .btn-bnr {
  margin-right: 5px;
  margin-bottom: 0;
  border: 1px solid #ccc;
}
.header #navi .btn-bnr img {
  width: 172px;
  vertical-align: middle;
}
.header #navi .btn-bnr:hover {
  border: 1px solid #333;
}

/* ボタン */
.header #nav_btn {
  display: none;
  width: 110px;
  height: 110px;
}

.hamburger_line {
  transition: all 0.3s;
  right: 42px;
}
.hamburger_line:nth-child(1) {
  top: 40px;
}
.hamburger_line:nth-child(2) {
  top: 55px;
}
.hamburger_line:nth-child(3) {
  top: 70px;
}

/* 表示された時用のCSS */
.nav_open .hamburger_line:nth-child(1) {
  top: 50px;
}

.nav_open .hamburger_line:nth-child(3) {
  top: 50px;
}

/* =====================
  ページの先頭へ戻るボタン
===================== */
#page-top {
  width: 60px;
  height: 60px;
  transition: inherit;
}
#page-top:after {
  width: 24px;
  height: 24px;
}
#page-top:hover {
  background: rgba(4, 142, 192, 0.7);
}

/* =====================
  フッター
===================== */
.footer {
  padding: 4rem 3rem 2rem;
}
.footer-inner {
  display: flex;
  justify-content: space-between;
}
.footer-company {
  min-width: 472px;
  margin-bottom: 0;
}
.footer-logo {
  width: 472px;
  height: 57px;
  margin-bottom: 2rem;
}
.footer-logo:hover {
  opacity: 0.7;
}
.footer-cr {
  text-align: right;
}
.footer-cr a {
  font-size: 1rem;
  display: inline-block;
}
.footer-cr small {
  margin-left: 2rem;
}
.footer small {
  font-size: 0.875rem;
  text-align: right;
  display: inline;
}

.footer-navi {
  display: flex;
  justify-content: flex-end;
}
.footer-navi-content {
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
.footer-navi-content nav {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.footer-navi-content a {
  width: inherit;
  font-size: 1.25rem;
  display: inline-block;
  margin-right: 3rem;
  transition: all 0.8s;
}
.footer-navi-content a:hover {
  color: #333333;
}
.footer-navi-form a {
  display: block;
  width: inherit;
  font-size: 1.25rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
}
.footer-navi .btn-nomal {
  min-width: 7em;
  font-size: 1.125rem;
}

/* グロナビタブレット調整*/
@media screen and (min-width: 1350px) {
  .footer-company {
    width: 30%;
    flex-shrink: 0;
    margin-bottom: 0;
  }
  .footer-navi {
    width: 70%;
  }
}/*# sourceMappingURL=common-wide.css.map */</pre></body></html>