@charset "UTF-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td {
  margin: 0;
  padding: 0; }

body {
  font-size: 14px;
  line-height: 1.7;
  font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  display: none;
  min-width: 880px; }

h1, h2, h3, h4, h5, h6, p, pre, a, td, li, dt, dd {
  font-size: 100%;
  color: #000;
  text-align: left; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

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

figure {
  margin: 0;
  padding: 0; }

img, a {
  vertical-align: top;
  border: none;
  outline: none;
  height: auto; }

ul, li {
  list-style-type: none; }

p {
  text-align: justify;
  text-justify: inter-ideograph; }

::selection {
  background: #0ba29a;
  color: #fff; }

::-moz-selection {
  background: #0ba29a;
  color: #fff; }

nav ul {
  display: flex;
  justify-content: center; }
  nav ul li {
    width: 210px;
    box-sizing: border-box;
    border-left: 1px solid #e2e2e2; }
    nav ul li:last-child {
      border-right: 1px solid #e2e2e2; }
    nav ul li.active a {
      text-decoration: underline; }
    nav ul li a {
      display: block;
      font-size: 100%;
      font-weight: bold;
      color: #585858;
      text-align: center;
      padding: 25px 0;
      line-height: 1;
      text-decoration: none; }
      nav ul li a:hover {
        text-decoration: underline; }

header {
  border-top: 3px solid #0ba29a;
  padding: 25px 0; }
  header h1 {
    width: 150px;
    margin: 0 auto; }
    header h1 img {
      width: 100%; }
  header nav {
    padding: 40px 0; }
    header nav ul li a {
      padding: 10px 0; }

.top {
  margin-top: 60px;
  background: url(../img/bg_pattern.png) 0 0 repeat-x;
  text-align: center; }
  .top .top__content {
    padding: 60px 0 80px;
    background: url(../img/stripe_index.png) 0 0 repeat-x; }
    .top .top__content p {
      text-align: center;
      font-size: 130%;
      line-height: 1.7; }
      .top .top__content p.catch {
        padding-bottom: 2em; }

.content {
  padding: 0 0 80px; }
  .content h2 {
    font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 34px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 1em; }
  .content figure.history {
    text-align: center; }
  .content .content__business {
    background-color: #e6f6f5;
    padding: 65px 0; }
    .content .content__business table {
      width: 780px;
      margin: 0 auto; }
      .content .content__business table th, .content .content__business table td {
        padding: 15px; }
      .content .content__business table th {
        font-size: 22px;
        white-space: nowrap;
        padding-right: 3em;
        text-align: left;
        vertical-align: top;
        line-height: 1.1; }
      .content .content__business table td {
        text-align: justify;
        text-justify: inter-ideograph; }
  .content .content__company table {
    width: 780px;
    margin: 0 auto 80px; }
    .content .content__company table th, .content .content__company table td {
      padding: .8em;
      border-top: 1px solid #e2e2e2; }
    .content .content__company table th {
      white-space: nowrap;
      padding-right: 3em;
      text-align: left;
      vertical-align: top;
      line-height: 1.1; }
    .content .content__company table td {
      text-align: justify;
      text-justify: inter-ideograph; }

iframe {
  width: 100%;
  pointer-events: none; }

footer .company {
  padding: 60px 0; }
  footer .company a.logo {
    display: block;
    margin: 0 auto 20px;
    width: 238px; }
    footer .company a.logo img {
      width: 100%; }
  footer .company p {
    text-align: center; }
    footer .company p.name {
      font-size: 110%;
      font-weight: bold; }

footer p.copyright {
  text-align: center;
  padding: 1em 0; }