@charset "UTF-8";
.original-contact, .layout-grid {
  *zoom: 1; }
  .original-contact:before, .layout-grid:before, .original-contact:after, .layout-grid:after {
    content: "";
    display: table; }
  .original-contact:after, .layout-grid:after {
    clear: both; }

/* ===============================================
   Reset
=============================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, b, cite, code, del, dfn,
em, img, ins, kbd, q, samp, strong, sub, sup, tt, var,
ul, ol, li, dl, dt, dd, form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
header, footer, nav, small, section,
*:after, *:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

header, footer, nav, small, section {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

ul {
  list-style: none; }

ol {
  list-style-type: decimal; }

img {
  border: 0;
  vertical-align: bottom; }

sup {
  vertical-align: top; }

sub {
  vertical-align: bottom; }

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

strong {
  font-weight: bold; }

small {
  font-size: 100%; }

/* ===============================================
   Foundation
=============================================== */
html {
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  font-size: 6.25%; }

body {
  color: #111;
  background: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 16em; }

img {
  height: auto;
  max-width: 100%;
  width: auto;
  vertical-align: bottom; }

a {
  color: #2277b8; }
  a:hover {
    text-decoration: none; }
    a:hover img {
      opacity: 0.6; }
  a:visited {
    color: #61385e; }

strong {
  color: red; }

sup {
  font-size: 12rem; }

sub {
  font-size: 12rem; }

input,
textarea,
button,
select {
  border: 1px solid #ddd;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  padding: 5px; }

pre {
  font-family: Verdana, Consolas, 'Andale Mono', Monaco, monospace; }

button {
  margin: 0;
  cursor: pointer; }

table {
  width: 100%;
  border-collapse: collapse; }
  table th,
  table td {
    vertical-align: top;
    text-align: left;
    font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2; }

dt {
  font-weight: bold; }

/* ===============================================
   UEDA SHIKI
=============================================== */
body {
  background: #fff;
  min-width: 990px; }

.str-header {
  height: 400px;
  position: relative;
  overflow: hidden; }
  .str-header .bg {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
    .str-header .bg img {
      width: 100%; }
  .str-header h1 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.str-footer {
  background: #fff;
  border-top: 4px solid #ccc; }
  .str-footer .pagetop {
    display: inline-block;
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 100; }
    .str-footer .pagetop a {
      display: inline-block; }
  .str-footer .section-inner {
    width: 990px;
    padding: 20px 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    .str-footer .section-inner:before {
      content: "";
      display: inline-block;
      width: 226px;
      height: 4px;
      background: #88c959;
      position: absolute;
      top: -4px;
      left: 0; }
  .str-footer .footer-copy {
    font-size: 12px;
    margin-top: 0;
    color: #666; }

[class^="section-"] {
  line-height: 1.8;
  background: #fff; }
  [class^="section-"] > .section-inner {
    width: 990px;
    padding: 40px 40px 60px;
    margin: 0 auto; }
    [class^="section-"] > .section-inner > *:first-child {
      margin-top: 0; }
  [class^="section-"] p {
    margin-top: 15px; }
  [class^="section-"] ul, [class^="section-"] ol, [class^="section-"] table, [class^="section-"] dl,
  [class^="section-"] .layout-grid {
    margin-top: 35px; }

.section-1 {
  border-top: 4px solid #ccc; }
  .section-1 > .section-inner {
    margin-top: -4px;
    border-top: 4px solid #88c959; }

.section-3 {
  background: url(/common/img/bg-2.jpg) no-repeat top center;
  background-size: cover;
  position: relative; }
  .section-3:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/common/img/dot-1.png) repeat left top; }
  .section-3 > .section-inner {
    background: transparent;
    padding: 100px 40px;
    position: relative;
    width: 580px;
    margin: 0 auto; }

.section-4 > .section-inner {
  padding-top: 60px; }

.section-5 > .section-inner {
  padding-top: 0;
  padding-bottom: 30px; }

.link-original {
  text-align: center; }
  .link-original > a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 30rem;
    min-width: 500px;
    padding: 10px; }
    .link-original > a:hover {
      background: rgba(255, 255, 255, 0.1); }

.link-contact {
  text-align: center;
  background: #f9f4b9;
  padding: 30px 0;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.1); }

.text-tel {
  text-align: center;
  font-size: 20rem;
  margin: 20px 0 0;
  font-weight: bold;
  font-weight: normal; }

.button-contact > a,
.button-company > a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  border-radius: 8px;
  border-bottom: 4px solid #c28212;
  font-size: 24rem;
  min-width: 500px;
  padding: 18px 10px;
  background: #f2a217;
  position: relative; }
  .button-contact > a:before,
  .button-company > a:before {
    content: url(/common/img/arrow-1.png);
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -16px; }
  .button-contact > a:hover,
  .button-company > a:hover {
    opacity: 0.8; }

.button-company {
  margin-top: 30px; }
  .button-company > a {
    border-bottom-color: #6da147;
    background: #88c959; }
    .button-company > a:before {
      content: url(/common/img/arrow-2.png); }

.form-contact {
  margin-top: 30px; }

.original-contact {
  display: none;
  color: #fff;
  margin-top: 40px;
  margin-bottom: -60px; }
  .original-contact .image {
    float: left;
    margin-right: 20px; }
  .original-contact .text {
    margin-top: 0; }

.list-news {
  border-top: 1px dotted #ccc; }
  .list-news > li {
    border-bottom: 1px dotted #ccc;
    display: table;
    width: 100%; }
    .list-news > li .date {
      display: inline-block;
      padding: 12px 0 12px 40px;
      width: 186px;
      color: #4d4d4d; }

.tetx-lead {
  margin-top: 20px !important;
  text-align: center;
  font-weight: bold;
  font-size: 18rem; }

.head-2 {
  margin-top: 60px; }
  .head-2 > span {
    display: inline-block;
    font-size: 24rem;
    font-weight: normal;
    background: url(/common/img/head-2.png) no-repeat left center;
    min-height: 34px;
    padding-left: 40px;
    padding-top: 3px; }
  .head-2 + * {
    margin-top: 20px !important; }

.table-1 tr:nth-child(2n-1) {
  background: #f2f9ed; }
.table-1 th,
.table-1 td {
  padding: 15px; }
.table-1 th {
  font-weight: bold; }

.list-item {
  font-size: 12rem;
  margin-top: 12px !important; }
  .list-item > dt {
    background: #aba68e;
    color: #fff;
    width: 60px;
    text-align: center;
    border-radius: 2px; }
  .list-item > dd {
    padding-left: 70px;
    margin-top: -1.8em;
    margin-bottom: 7px;
    position: relative;
    word-wrap: break-word; }

.head-item {
  background: #a9d457; }
  .head-item > a {
    display: block;
    width: 990px;
    margin: 0 auto;
    padding: 0 90px 0 40px;
    text-decoration: none;
    background: url(/common/img/icon-1.png) no-repeat 40px center;
    position: relative; }
    .head-item > a:before {
      content: url(/common/img/toggle-2.png);
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 40px;
      margin-top: -20px; }
    .head-item > a:hover {
      opacity: 0.6; }
    .head-item > a > span {
      display: block;
      padding-left: 72px;
      font-size: 30rem;
      font-weight: normal;
      line-height: 80px;
      color: #fff;
      background: url(/common/img/head-item-1.png) no-repeat right center; }
  .head-item.item-2 {
    background: #88c959; }
    .head-item.item-2 > a > span {
      background-image: url(/common/img/head-item-2.png); }
  .head-item.item-3 {
    background: #de3737; }
    .head-item.item-3 > a > span {
      background-image: url(/common/img/head-item-3.png); }
  .head-item.item-4 {
    background: #e6677c; }
    .head-item.item-4 > a > span {
      background-image: url(/common/img/head-item-4.png); }
  .head-item.item-5 {
    background: #ca2132; }
    .head-item.item-5 > a > span {
      background-image: url(/common/img/head-item-5.png); }
  .head-item.item-6 {
    background: #e08f27; }
    .head-item.item-6 > a > span {
      background-image: url(/common/img/head-item-6.png); }
  .head-item.item-7 {
    background: #7635c8; }
    .head-item.item-7 > a > span {
      background-image: url(/common/img/head-item-7.png); }
  .head-item.item-8 {
    background: #505d3d; }
    .head-item.item-8 > a > span {
      background-image: url(/common/img/head-item-8.png); }
  .head-item.item-9 {
    background: #5993c9; }
    .head-item.item-9 > a > span {
      background-image: url(/common/img/head-item-9.png); }
  .head-item.is-close > a:before {
    content: url(/common/img/toggle-1.png); }

.group-item-1 .image {
  text-align: center; }
  .group-item-1 .image a {
    display: inline-block; }
  .group-item-1 .image img {
    width: 214px; }
.group-item-1 > *:first-child {
  margin-top: 0 !important; }

.group-map {
  height: 450px; }
  .group-map iframe {
    width: 100%;
    height: 100%; }

.layout-grid {
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px; }
  .layout-grid-item {
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
  .layout-grid.col-2 > .layout-grid-item {
    width: 50%; }
  .layout-grid.col-3 > .layout-grid-item {
    width: 33.33333%; }
  .layout-grid.col-4 {
    width: calc(100% + 18px);
    margin-left: -9px;
    margin-right: -9px; }
    .layout-grid.col-4 > .layout-grid-item {
      width: 25%;
      padding-left: 9px;
      padding-right: 9px; }
  .layout-grid.col-5 > .layout-grid-item {
    width: 20%; }
  .layout-grid.col-2 > .layout-grid-item:nth-child(n+3), .layout-grid.col-3 > .layout-grid-item:nth-child(n+4), .layout-grid.col-4 > .layout-grid-item:nth-child(n+5), .layout-grid.col-5 > .layout-grid-item:nth-child(n+6) {
    margin-top: 40px; }
  .layout-grid .head-2 {
    margin-top: 25px; }

.align-c {
  text-align: center !important; }

.lb-number {
  display: none !important; }
