@charset "UTF-8";
/*************************************
	環境変数（px不要）
*************************************/
/*************************************
	ブレークポイント
*************************************/
/*************************************
	ブレイクポイント毎の表示切り替え
*************************************/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .sp {
    display: none !important; } }

/*************************************
	基本マージン
*************************************/
/*************************************
	フォントサイズ（sp時に縮小表示）
*************************************/
/*************************************
	フォントサイズ（ウインドウサイズに対応し可変）
*************************************/
/*************************************
	文字省略
*************************************/
/*************************************
	文字隠し
*************************************/
/*************************************
	ベンダープレフィックス
*************************************/
/*************************************
	フォントファミリー
*************************************/
/*************************************
	hover アニメーション
*************************************/
/*************************************
	text shadow
*************************************/
/*************************************
	点線
*************************************/
/*************************************
	フォームリセット
*************************************/
/*************************************
  wordpress 投稿文リセット
*************************************/
/*************************************
	each のサンプル
*************************************/
.test1 {
  width: 10000; }

.test2 {
  width: 20000; }

.test3 {
  width: 30000; }

/*************************************
  ダミー（本番不要）
*************************************/
div.DUMMY_social_fb {
  background-color: #f00;
  height: 372px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    div.DUMMY_social_fb {
      min-width: 500px; } }
  div.DUMMY_social_fb > div {
    margin: 0 auto;
    background-color: #b3b2da;
    max-width: 500px;
    height: 100%; }

div.DUMMY_social_in ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  div.DUMMY_social_in ul li a {
    padding-top: 100%;
    display: block;
    background-color: #b3b2da; }

@media screen and (min-width: 768px) {
  div.DUMMY_social_in ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-bottom: -10px; }
    div.DUMMY_social_in ul li {
      padding-right: 10px;
      padding-bottom: 10px;
      width: calc( 100% / 3); }
  div.DUMMY_social_in[data-pc-wrap="false"] ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    div.DUMMY_social_in[data-pc-wrap="false"] ul li {
      width: calc( 100% / 6); } }

@media screen and (max-width: 767px) {
  div.DUMMY_social_in ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-bottom: -10px; }
    div.DUMMY_social_in ul li {
      padding-right: 10px;
      padding-bottom: 10px;
      width: calc( 100% / 3); } }

/*************************************
	ローカル変数
*************************************/
/*************************************
	mixin
*************************************/
/*************************************
	ナビ展開時のマスク設定
*************************************/
body::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms 0s ease;
  -o-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease;
  content: ""; }

body.menu-open {
  position: relative; }
  body.menu-open::after {
    visibility: visible;
    opacity: 0.4; }

@media screen and (min-width: 768px) {
  body[data-pc-accordion-nav="false"]::after {
    display: none; } }

/*************************************
	header
*************************************/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 10001; }
  header > div.header-upper {
    border-bottom: solid 1px #313994;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    background: #ffffff; }
  @media screen and (min-width: 768px) {
    header > div.header-lower {
      border-bottom: solid 1px #313994;
      background-color: #ffffff; } }
  header > div > div.header-wrap {
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1280px; }
    @media screen and (min-width: 768px) and (min-width: 1200px) {
      header > div > div.header-wrap {
        padding-left: 40px;
        padding-right: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      header > div > div.header-wrap {
        padding-left: 3.33333%;
        padding-right: 3.33333%; } }
    @media screen and (max-width: 767px) {
      header > div > div.header-wrap {
        padding-left: 20px;
        padding-right: 20px; } }
  header .siteinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    header .siteinfo div.siteinfo-inline {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      @media screen and (min-width: 768px) {
        header .siteinfo div.siteinfo-inline {
          padding-top: 10px;
          padding-bottom: 10px; } }
      @media screen and (max-width: 767px) {
        header .siteinfo div.siteinfo-inline {
          padding-top: 10px;
          padding-bottom: 10px; } }
      header .siteinfo div.siteinfo-inline h1 {
        width: 100%;
        margin-right: 10px; }
        header .siteinfo div.siteinfo-inline h1 > a {
          display: inline-block; }
          header .siteinfo div.siteinfo-inline h1 > a img {
            width: 100%; }
  header nav {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    over-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
    header nav.visi-off {
      visibility: hidden; }
    header nav ul.glonavi-parent,
    header nav ul.glonavi-child {
      width: 100%;
      height: 100%;
      padding-left: 0; }
      header nav ul.glonavi-parent > li,
      header nav ul.glonavi-child > li {
        overflow: hidden;
        border-bottom: solid 1px #313994; }
        header nav ul.glonavi-parent > li > a,
        header nav ul.glonavi-parent > li.glonavi-child-trigger > div,
        header nav ul.glonavi-child > li > a,
        header nav ul.glonavi-child > li.glonavi-child-trigger > div {
          margin: 0;
          padding: 1.25em 30px;
          position: relative;
          text-align: center;
          display: block;
          color: #555555; }
          header nav ul.glonavi-parent > li > a::before,
          header nav ul.glonavi-parent > li.glonavi-child-trigger > div::before,
          header nav ul.glonavi-child > li > a::before,
          header nav ul.glonavi-child > li.glonavi-child-trigger > div::before {
            position: absolute;
            right: 5px;
            top: 50%;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            display: block;
            content: "";
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    header nav ul.glonavi-parent > li {
      background: #ffffff; }
      header nav ul.glonavi-parent > li.glonavi-child-trigger > div {
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }
        header nav ul.glonavi-parent > li.glonavi-child-trigger > div::before {
          color: #ffffff;
          background-color: #0000ff; }
        header nav ul.glonavi-parent > li.glonavi-child-trigger > div.glonavi-child-open::before {
          content: '\002212'; }
        header nav ul.glonavi-parent > li.glonavi-child-trigger > div.glonavi-child-close::before {
          content: '\002b'; }
      header nav ul.glonavi-parent > li ul.glonavi-child {
        border-top: solid 1px #313994;
        border-left: 10px solid #0000ff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #eeeeff; }
        header nav ul.glonavi-parent > li ul.glonavi-child > li:last-child {
          border-bottom: none; }
    @media screen and (min-width: 768px) {
      header nav {
        width: 50vw;
        background: #ffffff; } }
    @media screen and (max-width: 767px) {
      header nav ul.glonavi-parent > li > a::before,
      header nav ul.glonavi-child > li > a::before {
        content: '\00ff1e'; }
      header nav ul.glonavi-parent > li:last-child {
        margin-bottom: 80px; } }

/*************************************
	#js-glonavi-btn
*************************************/
#js-glonavi-btn {
  padding-bottom: 10px;
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  #js-glonavi-btn::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 1.4;
    color: #ffffff;
    content: "MENU"; }
  #js-glonavi-btn div {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 70%;
    height: 2px;
    border-radius: 3px;
    position: relative;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: background 500ms 0s ease;
    -o-transition: background 500ms 0s ease;
    transition: background 500ms 0s ease; }
    #js-glonavi-btn div:before, #js-glonavi-btn div:after {
      content: "";
      display: block;
      width: 100%;
      height: inherit;
      border-radius: 3px;
      background: #ffffff;
      position: absolute;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 300ms 0s ease !important;
      -o-transition: all 300ms 0s ease !important;
      transition: all 300ms 0s ease !important; }

/*************************************
	header 展開前/後の設定
*************************************/
header nav {
  right: -100%;
  height: 100vh; }
  @media screen and (min-width: 768px) {
    header nav {
      -webkit-transition: right 500ms 0ms ease;
      -o-transition: right 500ms 0ms ease;
      transition: right 500ms 0ms ease; } }
  @media screen and (max-width: 767px) {
    header nav ul.glonavi-parent {
      margin-top: -20px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 300ms 0s ease;
      -o-transition: all 300ms 0s ease;
      transition: all 300ms 0s ease; } }

header #js-glonavi-btn div {
  background: #ffffff; }
  header #js-glonavi-btn div:before {
    -webkit-transform: rotate(0deg) translateY(8px);
    -ms-transform: rotate(0deg) translateY(8px);
    transform: rotate(0deg) translateY(8px); }
  header #js-glonavi-btn div:after {
    -webkit-transform: rotate(0deg) translateY(-8px);
    -ms-transform: rotate(0deg) translateY(-8px);
    transform: rotate(0deg) translateY(-8px); }

header.is-open nav {
  right: 0; }
  @media screen and (max-width: 767px) {
    header.is-open nav ul.glonavi-parent {
      margin-top: 0;
      opacity: 1;
      visibility: visible;
      height: auto;
      background: #ffffff; } }

header.is-open #js-glonavi-btn div {
  background: none; }
  header.is-open #js-glonavi-btn div:before {
    -webkit-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px); }
  header.is-open #js-glonavi-btn div:after {
    -webkit-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px); }

/*************************************
	pc時のグロナビを
	アコーディオン化する設定
*************************************/
body[data-pc-accordion-nav="true"] nav {
  position: absolute;
  top: 0;
  z-index: -1; }

@media screen and (min-width: 768px) {
  body[data-pc-accordion-nav="true"] header div.header-lower {
    border-bottom: none; }
  body[data-pc-accordion-nav="true"] header.is-open nav ul.glonavi-parent > li:last-child {
    margin-bottom: 100px; } }

/*************************************
	pc時のグロナビを
	アコーディオン化させない設定
*************************************/
@media screen and (min-width: 768px) {
  body[data-pc-accordion-nav="false"] header {
    height: auto;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }
    body[data-pc-accordion-nav="false"] header div.header-upper h1 a {
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    body[data-pc-accordion-nav="false"] header nav {
      position: static;
      visibility: visible;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      width: 100%;
      height: auto;
      overflow: visible;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; }
      body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li,
      body[data-pc-accordion-nav="false"] header nav ul.glonavi-child > li {
        overflow: visible; }
        body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li > a,
        body[data-pc-accordion-nav="false"] header nav ul.glonavi-child > li > a {
          padding: 1em 0.5em; }
        body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li.glonavi-child-trigger > div,
        body[data-pc-accordion-nav="false"] header nav ul.glonavi-child > li.glonavi-child-trigger > div {
          padding: 1em 30px 1em 0.5em; }
      body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent {
        padding-top: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around; }
        body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li {
          border-bottom: none;
          position: relative;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; }
          body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li::before {
            position: absolute;
            top: 50%;
            right: 0;
            display: block;
            width: 1px;
            height: 75%;
            background-color: #313994;
            content: "";
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
          body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li:last-child::before {
            display: none; }
          body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li.glonavi-child-trigger > div {
            -webkit-box-shadow: none;
            box-shadow: none; }
            body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li.glonavi-child-trigger > div::before {
              content: '\002b'; }
          body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li.glonavi-child-trigger ul.glonavi-child {
            border: solid 1px #313994;
            -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2) inset;
            display: block !important;
            visibility: hidden;
            height: 0;
            opacity: 0;
            position: absolute;
            -webkit-transition: opacity 200ms 0s ease;
            -o-transition: opacity 200ms 0s ease;
            transition: opacity 200ms 0s ease; }
          body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li.glonavi-child-trigger:hover > div::before {
            content: '\002212'; }
          body[data-pc-accordion-nav="false"] header nav ul.glonavi-parent > li.glonavi-child-trigger:hover ul.glonavi-child {
            visibility: visible;
            height: auto;
            opacity: 1; }
    body[data-pc-accordion-nav="false"] header #js-glonavi-btn {
      position: static;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      display: none; } }

@media screen and (max-width: 767px) {
  body[data-pc-accordion-nav="false"] header nav {
    position: absolute;
    top: 0;
    z-index: -1; } }

/*************************************
	カスタムスタイル
*************************************/
#wrapper {
  position: relative;
  overflow: hidden; }

.menu-open #wrapper {
  overflow: visible; }

header {
  position: absolute; }
  header #js-glonavi-btn {
    padding-bottom: 0;
    height: 100%;
    background-color: #304298; }
    header #js-glonavi-btn::before {
      display: none; }
    header #js-glonavi-btn div {
      height: 3px;
      -webkit-transition: transform 200ms 0s ease;
      -webkit-transition: -webkit-transform 200ms 0s ease;
      transition: -webkit-transform 200ms 0s ease;
      -o-transition: transform 200ms 0s ease;
      transition: transform 200ms 0s ease;
      transition: transform 200ms 0s ease, -webkit-transform 200ms 0s ease; }
    header #js-glonavi-btn:hover div {
      -webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
      -ms-transform: translate(-50%, -50%) scale(1.2, 1.2);
      transform: translate(-50%, -50%) scale(1.2, 1.2); }
  @media screen and (min-width: 768px) {
    header nav {
      width: 500px; } }
  header nav ul.glonavi-parent > li,
  header nav ul.glonavi-child > li {
    border-color: rgba(49, 57, 148, 0.2); }
    header nav ul.glonavi-parent > li > a,
    header nav ul.glonavi-parent > li .glonavi-child-trigger > div,
    header nav ul.glonavi-parent > li > a,
    header nav ul.glonavi-parent > li .glonavi-child-trigger > div,
    header nav ul.glonavi-child > li > a,
    header nav ul.glonavi-child > li .glonavi-child-trigger > div,
    header nav ul.glonavi-child > li > a,
    header nav ul.glonavi-child > li .glonavi-child-trigger > div {
      -webkit-transition: color 100ms 0s ease, background 100ms 0s ease;
      -o-transition: color 100ms 0s ease, background 100ms 0s ease;
      transition: color 100ms 0s ease, background 100ms 0s ease; }
      header nav ul.glonavi-parent > li > a:hover,
      header nav ul.glonavi-parent > li > a:hover *,
      header nav ul.glonavi-parent > li .glonavi-child-trigger > div:hover,
      header nav ul.glonavi-parent > li .glonavi-child-trigger > div:hover *,
      header nav ul.glonavi-parent > li > a:hover,
      header nav ul.glonavi-parent > li > a:hover *,
      header nav ul.glonavi-parent > li .glonavi-child-trigger > div:hover,
      header nav ul.glonavi-parent > li .glonavi-child-trigger > div:hover *,
      header nav ul.glonavi-child > li > a:hover,
      header nav ul.glonavi-child > li > a:hover *,
      header nav ul.glonavi-child > li .glonavi-child-trigger > div:hover,
      header nav ul.glonavi-child > li .glonavi-child-trigger > div:hover *,
      header nav ul.glonavi-child > li > a:hover,
      header nav ul.glonavi-child > li > a:hover *,
      header nav ul.glonavi-child > li .glonavi-child-trigger > div:hover,
      header nav ul.glonavi-child > li .glonavi-child-trigger > div:hover * {
        opacity: 1;
        -webkit-transition: none;
        -o-transition: none;
        transition: none; }
      header nav ul.glonavi-parent > li > a:hover,
      header nav ul.glonavi-parent > li .glonavi-child-trigger > div:hover,
      header nav ul.glonavi-parent > li > a:hover,
      header nav ul.glonavi-parent > li .glonavi-child-trigger > div:hover,
      header nav ul.glonavi-child > li > a:hover,
      header nav ul.glonavi-child > li .glonavi-child-trigger > div:hover,
      header nav ul.glonavi-child > li > a:hover,
      header nav ul.glonavi-child > li .glonavi-child-trigger > div:hover {
        color: #fff;
        background-color: #313994; }
  header > div.header-upper {
    border-bottom: none; }
  header > div > div.header-wrap {
    padding-right: 0;
    padding-left: 0;
    max-width: none; }
  header .siteinfo div.siteinfo-inline h1 > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

@media screen and (min-width: 768px) and (min-height: 900px) {
  header #js-glonavi-btn {
    min-width: 110px; }
    header #js-glonavi-btn div {
      width: 24%; }
  header .siteinfo {
    min-height: 110px; }
    header .siteinfo div.siteinfo-inline h1 > a {
      margin-left: 15px;
      padding-left: 15px; }
      header .siteinfo div.siteinfo-inline h1 > a > img {
        max-width: 620.89px; } }

@media screen and (min-width: 768px) and (max-height: 899px), screen and (min-width: 768px) and (max-width: 1599px) {
  header #js-glonavi-btn {
    min-width: 70px; }
    header #js-glonavi-btn div {
      width: 26%; }
      header #js-glonavi-btn div:before {
        -webkit-transform: rotate(0deg) translateY(7px);
        -ms-transform: rotate(0deg) translateY(7px);
        transform: rotate(0deg) translateY(7px); }
      header #js-glonavi-btn div:after {
        -webkit-transform: rotate(0deg) translateY(-7px);
        -ms-transform: rotate(0deg) translateY(-7px);
        transform: rotate(0deg) translateY(-7px); }
  header .siteinfo {
    min-height: 70px; }
    header .siteinfo div.siteinfo-inline h1 > a {
      margin-left: 7.5px;
      padding-left: 15px; }
      header .siteinfo div.siteinfo-inline h1 > a > img {
        max-width: 620.89px; } }
  @media screen and (max-width: 767px) {
    header #js-glonavi-btn {
      min-width: 50px;
      width: 14.5vw; }
      header #js-glonavi-btn div {
        width: 36%; }
        header #js-glonavi-btn div:before {
          -webkit-transform: rotate(0deg) translateY(7px);
          -ms-transform: rotate(0deg) translateY(7px);
          transform: rotate(0deg) translateY(7px); }
        header #js-glonavi-btn div:after {
          -webkit-transform: rotate(0deg) translateY(-7px);
          -ms-transform: rotate(0deg) translateY(-7px);
          transform: rotate(0deg) translateY(-7px); }
    header .siteinfo {
      min-height: 50px; }
      header .siteinfo div.siteinfo-inline h1 > a {
        margin-left: 10px; }
        header .siteinfo div.siteinfo-inline h1 > a > img {
          max-width: 505.14px; }
    header nav ul.glonavi-parent > li:last-child {
      border-bottom: none; } }

footer {
	color: #fff;
  /*border-top: 1px solid #000000;*/
  padding: 0 1em;
  background-color: #007DC6;
  text-align: center; }
  @media screen and (min-width: 768px) {
    footer {
      padding-top: 1.25em;
      padding-bottom: 1.25em; } }
  @media screen and (max-width: 767px) {
    footer {
      padding-top: 2.5em;
      padding-bottom: 2.5em; } }

body {
  line-height: 1.9; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 1.6rem; } }
  @media screen and (max-width: 767px) {
    body {
      font-size: 1.28rem; } }

body, input, button, textarea, select {
  font-family: 'Noto Sans JP', sans-serif;
  /*font-weight: 400; */}

/*************************************
	common.scss
*************************************/
main h2 > div.title {
  line-height: 1; }
  main h2 > div.title .en {
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      main h2 > div.title .en {
        font-size: 4rem; } }
    @media screen and (max-width: 767px) {
      main h2 > div.title .en {
        font-size: 2.5rem; } }
  main h2 > div.title .ja {
    font-weight: 400; }
    @media screen and (min-width: 768px) {
      main h2 > div.title .ja {
        font-size: 2rem; } }
    @media screen and (max-width: 767px) {
      main h2 > div.title .ja {
        font-size: 1.2rem; } }

main h3 {
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    main h3 {
      font-size: 2.5rem; } }
  @media screen and (max-width: 767px) {
    main h3 {
      font-size: 2rem; } }

a#btnPagetop {
  line-height: 1.4;
  font-size: 1.2rem; }

a.cssBtn1 {
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    a.cssBtn1 {
      font-size: 2.2rem; } }
  @media screen and (max-width: 767px) {
    a.cssBtn1 {
      font-size: 1.76rem; } }
  a.cssBtn1 > div {
    line-height: 1.4; }

  a.cssBtn1 > div > p.txts {
	  padding: 0.5em 0;}
  @media screen and (min-width: 768px) {
    a.cssBtn1 > div > p.txts {
      font-size: 1.52rem;}
	a.cssBtn1 > div > p.txts span{
      font-size: 1.28rem;
	  font-weight: normal;}}
  @media screen and (max-width: 767px) {
    a.cssBtn1 > div > p.txts {
      font-size: 1.31rem;}
	a.cssBtn1 > div > p.txts span{
      font-size: 1.25rem;
	  font-weight: normal;}}

a.cssBtn2 {
  font-weight: 350; }

.txtTtl {
  font-weight: bold; }

@media screen and (min-width: 768px) {
  .linkList ul li {
    font-size: 2.4rem; } }

@media screen and (max-width: 767px) {
  .linkList ul li {
    font-size: 1.44rem; } }

/*************************************
	_parts_header.scss
*************************************/
header #js-glonavi-btn::before {
  font-size: 80%; }

header .siteinfo div.siteinfo-inline h1 > a > div.name > div.ja {
  font-weight: normal;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif; }
  @media screen and (min-width: 768px) {
    header .siteinfo div.siteinfo-inline h1 > a > div.name > div.ja {
      font-size: 2.4rem; } }
  @media screen and (max-width: 767px) {
    header .siteinfo div.siteinfo-inline h1 > a > div.name > div.ja {
      font-size: 1.44rem; } }

header .siteinfo div.siteinfo-inline h1 > a > div.name > div.en {
  font-weight: 400; }
  @media screen and (min-width: 768px) {
    header .siteinfo div.siteinfo-inline h1 > a > div.name > div.en {
      font-size: 1rem; } }
  @media screen and (max-width: 767px) {
    header .siteinfo div.siteinfo-inline h1 > a > div.name > div.en {
      font-size: 0.8rem; } }

@media screen and (min-width: 768px) {
  header .siteinfo div.siteinfo-inline h1 > a > div.name > div.ja {
    line-height: 1; } }

@media screen and (max-width: 767px) {
  header .siteinfo div.siteinfo-inline h1 > a > div.name > div {
    line-height: 1.2; } }

/*************************************
	_parts_footer.scss
*************************************/
@media screen and (min-width: 768px) {
  footer {
    font-size: 1.5rem; } }

@media screen and (max-width: 767px) {
  footer {
    font-size: 1.2rem; } }

/*************************************
	_page_top.scss
*************************************/
main.top .contents .concept > div.ja {
  font-weight: 400;
  letter-spacing: 0.2em;
  font-size: 3.7rem;
  line-height: 1.4; }
  @media screen and (min-width: 768px) {
    main.top .contents .concept > div.ja {
      font-size: 3.7rem; } }
  @media screen and (max-width: 767px) {
    main.top .contents .concept > div.ja {
      font-size: 3.7rem;
      font-size: 6.75359vw; } }

main.top .contents .concept > div.en {
  font-weight: 400; }
  @media screen and (min-width: 768px) {
    main.top .contents .concept > div.en {
      font-size: 2.8rem;
      line-height: 1.8; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    main.top .contents .concept > div.en {
      font-size: 2.8rem; } }
  @media screen and (min-width: 768px) and (max-width: 767px) {
    main.top .contents .concept > div.en {
      font-size: 2.8rem;
      font-size: 5.11082vw; } }
  @media screen and (max-width: 767px) {
    main.top .contents .concept > div.en {
      font-size: 2.2rem;
      line-height: 1.8; } }
  @media screen and (max-width: 767px) and (min-width: 768px) {
    main.top .contents .concept > div.en {
      font-size: 2.2rem; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    main.top .contents .concept > div.en {
      font-size: 2.2rem;
      font-size: 4.01565vw; } }

main.top .contents .console ul li a > div.ja {
  font-weight: 500; }
  @media screen and (min-width: 768px) {
    main.top .contents .console ul li a > div.ja {
      font-size: 1.8rem;
	  line-height: 1.5;}
	main.top .contents .console ul li a > div.ja span.rehabili{
      font-size: 1.45rem;;} }
  @media screen and (max-width: 767px) {
    main.top .contents .console ul li a > div.ja {
      font-size: 1.76rem; } }

main.top .contents .console ul li a > div.en {
  line-height: 1.6;
  font-weight: 400;
	color:#FFD610;}
  @media screen and (min-width: 768px) {
    main.top .contents .console ul li a > div.en {
      font-size: 1.1rem; } }
  @media screen and (max-width: 767px) {
    main.top .contents .console ul li a > div.en {
      font-size: 0.88rem; } }

@media screen and (min-width: 768px) {
  main.top .contents .linkList ul li {
    font-size: 1.5rem; } }

@media screen and (max-width: 767px) {
  main.top .contents .linkList ul li {
    font-size: 1.2rem; } }

/*************************************
	_page_about.scss
*************************************/
main.about .greeting {
  /*font-weight: 400;*/ }
  main.about .greeting .greetingBox > div.info > div.intro {
    line-height: 1.8125; }
  @media screen and (min-width: 768px) {
    main.about .greeting .greetingBox > div.info > div.name {
      font-size: 2.4rem;} }
  @media screen and (max-width: 767px) {
    main.about .greeting .greetingBox > div.info > div.name {
      font-size: 2.22rem; } }
  main.about .greeting .greetingBox > div.info > div.name span.pos {
    font-size: 70%;
	padding-top: 5px;
	display: block;
	line-height: 1;}
  main.about .greeting .greetingBox > div.info > div.name p.vitae,
  main.about .greeting .greetingBox > div.info > div.name.en p.vitae{
    font-size: 55%;
	padding-top: 5px;
	line-height: 0.8;}
  main.about .greeting .greetingBox > div.messeage {
    line-height: 2; }
    @media screen and (min-width: 768px) {
      main.about .greeting .greetingBox > div.messeage {
        font-size: 1.7rem; } }
    @media screen and (max-width: 767px) {
      main.about .greeting .greetingBox > div.messeage {
        font-size: 1.36rem; } }

main.about .introduction table.basis tbody tr th {
  font-weight: 600; 
	text-align: center;
	line-height: 1.5;
}

/*************************************
	_page_contact.scss
*************************************/
main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div > dl dt,
main.staff .hgr-grid .hgr-grid-block:nth-child(even) > div.adress dl dt,
main.rehabilitation .hgr-grid .hgr-grid-block > div.adress dl dt{
  font-weight: bold; }

/*************************************
	環境変数（px不要）
*************************************/
/*************************************
	ブレークポイント
*************************************/
/*************************************
	ブレイクポイント毎の表示切り替え
*************************************/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .sp {
    display: none !important; } }

/*************************************
	基本マージン
*************************************/
/*************************************
	フォントサイズ（sp時に縮小表示）
*************************************/
/*************************************
	フォントサイズ（ウインドウサイズに対応し可変）
*************************************/
/*************************************
	文字省略
*************************************/
/*************************************
	文字隠し
*************************************/
/*************************************
	ベンダープレフィックス
*************************************/
/*************************************
	フォントファミリー
*************************************/
/*************************************
	hover アニメーション
*************************************/
/*************************************
	text shadow
*************************************/
/*************************************
	点線
*************************************/
/*************************************
	フォームリセット
*************************************/
/*************************************
  wordpress 投稿文リセット
*************************************/
/*************************************
	each のサンプル
*************************************/
.test1 {
  width: 10000; }

.test2 {
  width: 20000; }

.test3 {
  width: 30000; }

/*************************************
  .hgr-grid
*************************************/
.hgr-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: auto; }
  .hgr-grid .hgr-grid-block {
    width: 100%; }
  .hgr-grid[data-column="1"] .hgr-grid-block {
    width: 100%; }
  .hgr-grid[data-column="2"] .hgr-grid-block {
    width: 50%; }
  .hgr-grid[data-column="3"] .hgr-grid-block {
    width: 33.33333%; }
  .hgr-grid[data-column="4"] .hgr-grid-block {
    width: 25%; }
  .hgr-grid[data-column="5"] .hgr-grid-block {
    width: 20%; }
  .hgr-grid[data-column="6"] .hgr-grid-block {
    width: 16.66667%; }
  .hgr-grid[data-column="7"] .hgr-grid-block {
    width: 14.28571%; }
  .hgr-grid[data-column="8"] .hgr-grid-block {
    width: 12.5%; }
  .hgr-grid[data-column="9"] .hgr-grid-block {
    width: 11.11111%; }
  .hgr-grid[data-column="10"] .hgr-grid-block {
    width: 10%; }
  .hgr-grid[data-space="0"] {
    margin-left: -0px;
    margin-right: -0px;
    margin-bottom: -0px; }
    .hgr-grid[data-space="0"] .hgr-grid-block {
      padding-right: 0px;
      padding-left: 0px;
      padding-bottom: 0px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="0"] {
        margin-left: -0%;
        margin-right: -0%; }
        .hgr-grid[data-space="0"] .hgr-grid-block {
          padding-right: 0%;
          padding-left: 0%; } }
  .hgr-grid[data-space="1"] {
    margin-left: -0.5px;
    margin-right: -0.5px;
    margin-bottom: -1px; }
    .hgr-grid[data-space="1"] .hgr-grid-block {
      padding-right: 0.5px;
      padding-left: 0.5px;
      padding-bottom: 1px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="1"] {
        margin-left: -0.04167%;
        margin-right: -0.04167%; }
        .hgr-grid[data-space="1"] .hgr-grid-block {
          padding-right: 0.04167%;
          padding-left: 0.04167%; } }
  .hgr-grid[data-space="2"] {
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -2px; }
    .hgr-grid[data-space="2"] .hgr-grid-block {
      padding-right: 1px;
      padding-left: 1px;
      padding-bottom: 2px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="2"] {
        margin-left: -0.08333%;
        margin-right: -0.08333%; }
        .hgr-grid[data-space="2"] .hgr-grid-block {
          padding-right: 0.08333%;
          padding-left: 0.08333%; } }
  .hgr-grid[data-space="3"] {
    margin-left: -1.5px;
    margin-right: -1.5px;
    margin-bottom: -3px; }
    .hgr-grid[data-space="3"] .hgr-grid-block {
      padding-right: 1.5px;
      padding-left: 1.5px;
      padding-bottom: 3px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="3"] {
        margin-left: -0.125%;
        margin-right: -0.125%; }
        .hgr-grid[data-space="3"] .hgr-grid-block {
          padding-right: 0.125%;
          padding-left: 0.125%; } }
  .hgr-grid[data-space="4"] {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: -4px; }
    .hgr-grid[data-space="4"] .hgr-grid-block {
      padding-right: 2px;
      padding-left: 2px;
      padding-bottom: 4px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="4"] {
        margin-left: -0.16667%;
        margin-right: -0.16667%; }
        .hgr-grid[data-space="4"] .hgr-grid-block {
          padding-right: 0.16667%;
          padding-left: 0.16667%; } }
  .hgr-grid[data-space="5"] {
    margin-left: -2.5px;
    margin-right: -2.5px;
    margin-bottom: -5px; }
    .hgr-grid[data-space="5"] .hgr-grid-block {
      padding-right: 2.5px;
      padding-left: 2.5px;
      padding-bottom: 5px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="5"] {
        margin-left: -0.20833%;
        margin-right: -0.20833%; }
        .hgr-grid[data-space="5"] .hgr-grid-block {
          padding-right: 0.20833%;
          padding-left: 0.20833%; } }
  .hgr-grid[data-space="6"] {
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom: -6px; }
    .hgr-grid[data-space="6"] .hgr-grid-block {
      padding-right: 3px;
      padding-left: 3px;
      padding-bottom: 6px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="6"] {
        margin-left: -0.25%;
        margin-right: -0.25%; }
        .hgr-grid[data-space="6"] .hgr-grid-block {
          padding-right: 0.25%;
          padding-left: 0.25%; } }
  .hgr-grid[data-space="7"] {
    margin-left: -3.5px;
    margin-right: -3.5px;
    margin-bottom: -7px; }
    .hgr-grid[data-space="7"] .hgr-grid-block {
      padding-right: 3.5px;
      padding-left: 3.5px;
      padding-bottom: 7px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="7"] {
        margin-left: -0.29167%;
        margin-right: -0.29167%; }
        .hgr-grid[data-space="7"] .hgr-grid-block {
          padding-right: 0.29167%;
          padding-left: 0.29167%; } }
  .hgr-grid[data-space="8"] {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px; }
    .hgr-grid[data-space="8"] .hgr-grid-block {
      padding-right: 4px;
      padding-left: 4px;
      padding-bottom: 8px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="8"] {
        margin-left: -0.33333%;
        margin-right: -0.33333%; }
        .hgr-grid[data-space="8"] .hgr-grid-block {
          padding-right: 0.33333%;
          padding-left: 0.33333%; } }
  .hgr-grid[data-space="9"] {
    margin-left: -4.5px;
    margin-right: -4.5px;
    margin-bottom: -9px; }
    .hgr-grid[data-space="9"] .hgr-grid-block {
      padding-right: 4.5px;
      padding-left: 4.5px;
      padding-bottom: 9px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="9"] {
        margin-left: -0.375%;
        margin-right: -0.375%; }
        .hgr-grid[data-space="9"] .hgr-grid-block {
          padding-right: 0.375%;
          padding-left: 0.375%; } }
  .hgr-grid[data-space="10"] {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px; }
    .hgr-grid[data-space="10"] .hgr-grid-block {
      padding-right: 5px;
      padding-left: 5px;
      padding-bottom: 10px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="10"] {
        margin-left: -0.41667%;
        margin-right: -0.41667%; }
        .hgr-grid[data-space="10"] .hgr-grid-block {
          padding-right: 0.41667%;
          padding-left: 0.41667%; } }
  .hgr-grid[data-space="11"] {
    margin-left: -5.5px;
    margin-right: -5.5px;
    margin-bottom: -11px; }
    .hgr-grid[data-space="11"] .hgr-grid-block {
      padding-right: 5.5px;
      padding-left: 5.5px;
      padding-bottom: 11px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="11"] {
        margin-left: -0.45833%;
        margin-right: -0.45833%; }
        .hgr-grid[data-space="11"] .hgr-grid-block {
          padding-right: 0.45833%;
          padding-left: 0.45833%; } }
  .hgr-grid[data-space="12"] {
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -12px; }
    .hgr-grid[data-space="12"] .hgr-grid-block {
      padding-right: 6px;
      padding-left: 6px;
      padding-bottom: 12px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="12"] {
        margin-left: -0.5%;
        margin-right: -0.5%; }
        .hgr-grid[data-space="12"] .hgr-grid-block {
          padding-right: 0.5%;
          padding-left: 0.5%; } }
  .hgr-grid[data-space="13"] {
    margin-left: -6.5px;
    margin-right: -6.5px;
    margin-bottom: -13px; }
    .hgr-grid[data-space="13"] .hgr-grid-block {
      padding-right: 6.5px;
      padding-left: 6.5px;
      padding-bottom: 13px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="13"] {
        margin-left: -0.54167%;
        margin-right: -0.54167%; }
        .hgr-grid[data-space="13"] .hgr-grid-block {
          padding-right: 0.54167%;
          padding-left: 0.54167%; } }
  .hgr-grid[data-space="14"] {
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: -14px; }
    .hgr-grid[data-space="14"] .hgr-grid-block {
      padding-right: 7px;
      padding-left: 7px;
      padding-bottom: 14px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="14"] {
        margin-left: -0.58333%;
        margin-right: -0.58333%; }
        .hgr-grid[data-space="14"] .hgr-grid-block {
          padding-right: 0.58333%;
          padding-left: 0.58333%; } }
  .hgr-grid[data-space="15"] {
    margin-left: -7.5px;
    margin-right: -7.5px;
    margin-bottom: -15px; }
    .hgr-grid[data-space="15"] .hgr-grid-block {
      padding-right: 7.5px;
      padding-left: 7.5px;
      padding-bottom: 15px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="15"] {
        margin-left: -0.625%;
        margin-right: -0.625%; }
        .hgr-grid[data-space="15"] .hgr-grid-block {
          padding-right: 0.625%;
          padding-left: 0.625%; } }
  .hgr-grid[data-space="16"] {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: -16px; }
    .hgr-grid[data-space="16"] .hgr-grid-block {
      padding-right: 8px;
      padding-left: 8px;
      padding-bottom: 16px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="16"] {
        margin-left: -0.66667%;
        margin-right: -0.66667%; }
        .hgr-grid[data-space="16"] .hgr-grid-block {
          padding-right: 0.66667%;
          padding-left: 0.66667%; } }
  .hgr-grid[data-space="17"] {
    margin-left: -8.5px;
    margin-right: -8.5px;
    margin-bottom: -17px; }
    .hgr-grid[data-space="17"] .hgr-grid-block {
      padding-right: 8.5px;
      padding-left: 8.5px;
      padding-bottom: 17px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="17"] {
        margin-left: -0.70833%;
        margin-right: -0.70833%; }
        .hgr-grid[data-space="17"] .hgr-grid-block {
          padding-right: 0.70833%;
          padding-left: 0.70833%; } }
  .hgr-grid[data-space="18"] {
    margin-left: -9px;
    margin-right: -9px;
    margin-bottom: -18px; }
    .hgr-grid[data-space="18"] .hgr-grid-block {
      padding-right: 9px;
      padding-left: 9px;
      padding-bottom: 18px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="18"] {
        margin-left: -0.75%;
        margin-right: -0.75%; }
        .hgr-grid[data-space="18"] .hgr-grid-block {
          padding-right: 0.75%;
          padding-left: 0.75%; } }
  .hgr-grid[data-space="19"] {
    margin-left: -9.5px;
    margin-right: -9.5px;
    margin-bottom: -19px; }
    .hgr-grid[data-space="19"] .hgr-grid-block {
      padding-right: 9.5px;
      padding-left: 9.5px;
      padding-bottom: 19px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="19"] {
        margin-left: -0.79167%;
        margin-right: -0.79167%; }
        .hgr-grid[data-space="19"] .hgr-grid-block {
          padding-right: 0.79167%;
          padding-left: 0.79167%; } }
  .hgr-grid[data-space="20"] {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px; }
    .hgr-grid[data-space="20"] .hgr-grid-block {
      padding-right: 10px;
      padding-left: 10px;
      padding-bottom: 20px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="20"] {
        margin-left: -0.83333%;
        margin-right: -0.83333%; }
        .hgr-grid[data-space="20"] .hgr-grid-block {
          padding-right: 0.83333%;
          padding-left: 0.83333%; } }
  .hgr-grid[data-space="21"] {
    margin-left: -10.5px;
    margin-right: -10.5px;
    margin-bottom: -21px; }
    .hgr-grid[data-space="21"] .hgr-grid-block {
      padding-right: 10.5px;
      padding-left: 10.5px;
      padding-bottom: 21px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="21"] {
        margin-left: -0.875%;
        margin-right: -0.875%; }
        .hgr-grid[data-space="21"] .hgr-grid-block {
          padding-right: 0.875%;
          padding-left: 0.875%; } }
  .hgr-grid[data-space="22"] {
    margin-left: -11px;
    margin-right: -11px;
    margin-bottom: -22px; }
    .hgr-grid[data-space="22"] .hgr-grid-block {
      padding-right: 11px;
      padding-left: 11px;
      padding-bottom: 22px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="22"] {
        margin-left: -0.91667%;
        margin-right: -0.91667%; }
        .hgr-grid[data-space="22"] .hgr-grid-block {
          padding-right: 0.91667%;
          padding-left: 0.91667%; } }
  .hgr-grid[data-space="23"] {
    margin-left: -11.5px;
    margin-right: -11.5px;
    margin-bottom: -23px; }
    .hgr-grid[data-space="23"] .hgr-grid-block {
      padding-right: 11.5px;
      padding-left: 11.5px;
      padding-bottom: 23px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="23"] {
        margin-left: -0.95833%;
        margin-right: -0.95833%; }
        .hgr-grid[data-space="23"] .hgr-grid-block {
          padding-right: 0.95833%;
          padding-left: 0.95833%; } }
  .hgr-grid[data-space="24"] {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -24px; }
    .hgr-grid[data-space="24"] .hgr-grid-block {
      padding-right: 12px;
      padding-left: 12px;
      padding-bottom: 24px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="24"] {
        margin-left: -1%;
        margin-right: -1%; }
        .hgr-grid[data-space="24"] .hgr-grid-block {
          padding-right: 1%;
          padding-left: 1%; } }
  .hgr-grid[data-space="25"] {
    margin-left: -12.5px;
    margin-right: -12.5px;
    margin-bottom: -25px; }
    .hgr-grid[data-space="25"] .hgr-grid-block {
      padding-right: 12.5px;
      padding-left: 12.5px;
      padding-bottom: 25px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="25"] {
        margin-left: -1.04167%;
        margin-right: -1.04167%; }
        .hgr-grid[data-space="25"] .hgr-grid-block {
          padding-right: 1.04167%;
          padding-left: 1.04167%; } }
  .hgr-grid[data-space="26"] {
    margin-left: -13px;
    margin-right: -13px;
    margin-bottom: -26px; }
    .hgr-grid[data-space="26"] .hgr-grid-block {
      padding-right: 13px;
      padding-left: 13px;
      padding-bottom: 26px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="26"] {
        margin-left: -1.08333%;
        margin-right: -1.08333%; }
        .hgr-grid[data-space="26"] .hgr-grid-block {
          padding-right: 1.08333%;
          padding-left: 1.08333%; } }
  .hgr-grid[data-space="27"] {
    margin-left: -13.5px;
    margin-right: -13.5px;
    margin-bottom: -27px; }
    .hgr-grid[data-space="27"] .hgr-grid-block {
      padding-right: 13.5px;
      padding-left: 13.5px;
      padding-bottom: 27px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="27"] {
        margin-left: -1.125%;
        margin-right: -1.125%; }
        .hgr-grid[data-space="27"] .hgr-grid-block {
          padding-right: 1.125%;
          padding-left: 1.125%; } }
  .hgr-grid[data-space="28"] {
    margin-left: -14px;
    margin-right: -14px;
    margin-bottom: -28px; }
    .hgr-grid[data-space="28"] .hgr-grid-block {
      padding-right: 14px;
      padding-left: 14px;
      padding-bottom: 28px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="28"] {
        margin-left: -1.16667%;
        margin-right: -1.16667%; }
        .hgr-grid[data-space="28"] .hgr-grid-block {
          padding-right: 1.16667%;
          padding-left: 1.16667%; } }
  .hgr-grid[data-space="29"] {
    margin-left: -14.5px;
    margin-right: -14.5px;
    margin-bottom: -29px; }
    .hgr-grid[data-space="29"] .hgr-grid-block {
      padding-right: 14.5px;
      padding-left: 14.5px;
      padding-bottom: 29px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="29"] {
        margin-left: -1.20833%;
        margin-right: -1.20833%; }
        .hgr-grid[data-space="29"] .hgr-grid-block {
          padding-right: 1.20833%;
          padding-left: 1.20833%; } }
  .hgr-grid[data-space="30"] {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -30px; }
    .hgr-grid[data-space="30"] .hgr-grid-block {
      padding-right: 15px;
      padding-left: 15px;
      padding-bottom: 30px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="30"] {
        margin-left: -1.25%;
        margin-right: -1.25%; }
        .hgr-grid[data-space="30"] .hgr-grid-block {
          padding-right: 1.25%;
          padding-left: 1.25%; } }
  .hgr-grid[data-space="31"] {
    margin-left: -15.5px;
    margin-right: -15.5px;
    margin-bottom: -31px; }
    .hgr-grid[data-space="31"] .hgr-grid-block {
      padding-right: 15.5px;
      padding-left: 15.5px;
      padding-bottom: 31px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="31"] {
        margin-left: -1.29167%;
        margin-right: -1.29167%; }
        .hgr-grid[data-space="31"] .hgr-grid-block {
          padding-right: 1.29167%;
          padding-left: 1.29167%; } }
  .hgr-grid[data-space="32"] {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -32px; }
    .hgr-grid[data-space="32"] .hgr-grid-block {
      padding-right: 16px;
      padding-left: 16px;
      padding-bottom: 32px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="32"] {
        margin-left: -1.33333%;
        margin-right: -1.33333%; }
        .hgr-grid[data-space="32"] .hgr-grid-block {
          padding-right: 1.33333%;
          padding-left: 1.33333%; } }
  .hgr-grid[data-space="33"] {
    margin-left: -16.5px;
    margin-right: -16.5px;
    margin-bottom: -33px; }
    .hgr-grid[data-space="33"] .hgr-grid-block {
      padding-right: 16.5px;
      padding-left: 16.5px;
      padding-bottom: 33px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="33"] {
        margin-left: -1.375%;
        margin-right: -1.375%; }
        .hgr-grid[data-space="33"] .hgr-grid-block {
          padding-right: 1.375%;
          padding-left: 1.375%; } }
  .hgr-grid[data-space="34"] {
    margin-left: -17px;
    margin-right: -17px;
    margin-bottom: -34px; }
    .hgr-grid[data-space="34"] .hgr-grid-block {
      padding-right: 17px;
      padding-left: 17px;
      padding-bottom: 34px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="34"] {
        margin-left: -1.41667%;
        margin-right: -1.41667%; }
        .hgr-grid[data-space="34"] .hgr-grid-block {
          padding-right: 1.41667%;
          padding-left: 1.41667%; } }
  .hgr-grid[data-space="35"] {
    margin-left: -17.5px;
    margin-right: -17.5px;
    margin-bottom: -35px; }
    .hgr-grid[data-space="35"] .hgr-grid-block {
      padding-right: 17.5px;
      padding-left: 17.5px;
      padding-bottom: 35px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="35"] {
        margin-left: -1.45833%;
        margin-right: -1.45833%; }
        .hgr-grid[data-space="35"] .hgr-grid-block {
          padding-right: 1.45833%;
          padding-left: 1.45833%; } }
  .hgr-grid[data-space="36"] {
    margin-left: -18px;
    margin-right: -18px;
    margin-bottom: -36px; }
    .hgr-grid[data-space="36"] .hgr-grid-block {
      padding-right: 18px;
      padding-left: 18px;
      padding-bottom: 36px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="36"] {
        margin-left: -1.5%;
        margin-right: -1.5%; }
        .hgr-grid[data-space="36"] .hgr-grid-block {
          padding-right: 1.5%;
          padding-left: 1.5%; } }
  .hgr-grid[data-space="37"] {
    margin-left: -18.5px;
    margin-right: -18.5px;
    margin-bottom: -37px; }
    .hgr-grid[data-space="37"] .hgr-grid-block {
      padding-right: 18.5px;
      padding-left: 18.5px;
      padding-bottom: 37px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="37"] {
        margin-left: -1.54167%;
        margin-right: -1.54167%; }
        .hgr-grid[data-space="37"] .hgr-grid-block {
          padding-right: 1.54167%;
          padding-left: 1.54167%; } }
  .hgr-grid[data-space="38"] {
    margin-left: -19px;
    margin-right: -19px;
    margin-bottom: -38px; }
    .hgr-grid[data-space="38"] .hgr-grid-block {
      padding-right: 19px;
      padding-left: 19px;
      padding-bottom: 38px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="38"] {
        margin-left: -1.58333%;
        margin-right: -1.58333%; }
        .hgr-grid[data-space="38"] .hgr-grid-block {
          padding-right: 1.58333%;
          padding-left: 1.58333%; } }
  .hgr-grid[data-space="39"] {
    margin-left: -19.5px;
    margin-right: -19.5px;
    margin-bottom: -39px; }
    .hgr-grid[data-space="39"] .hgr-grid-block {
      padding-right: 19.5px;
      padding-left: 19.5px;
      padding-bottom: 39px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="39"] {
        margin-left: -1.625%;
        margin-right: -1.625%; }
        .hgr-grid[data-space="39"] .hgr-grid-block {
          padding-right: 1.625%;
          padding-left: 1.625%; } }
  .hgr-grid[data-space="40"] {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -40px; }
    .hgr-grid[data-space="40"] .hgr-grid-block {
      padding-right: 20px;
      padding-left: 20px;
      padding-bottom: 40px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="40"] {
        margin-left: -1.66667%;
        margin-right: -1.66667%; }
        .hgr-grid[data-space="40"] .hgr-grid-block {
          padding-right: 1.66667%;
          padding-left: 1.66667%; } }
  .hgr-grid[data-space="41"] {
    margin-left: -20.5px;
    margin-right: -20.5px;
    margin-bottom: -41px; }
    .hgr-grid[data-space="41"] .hgr-grid-block {
      padding-right: 20.5px;
      padding-left: 20.5px;
      padding-bottom: 41px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="41"] {
        margin-left: -1.70833%;
        margin-right: -1.70833%; }
        .hgr-grid[data-space="41"] .hgr-grid-block {
          padding-right: 1.70833%;
          padding-left: 1.70833%; } }
  .hgr-grid[data-space="42"] {
    margin-left: -21px;
    margin-right: -21px;
    margin-bottom: -42px; }
    .hgr-grid[data-space="42"] .hgr-grid-block {
      padding-right: 21px;
      padding-left: 21px;
      padding-bottom: 42px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="42"] {
        margin-left: -1.75%;
        margin-right: -1.75%; }
        .hgr-grid[data-space="42"] .hgr-grid-block {
          padding-right: 1.75%;
          padding-left: 1.75%; } }
  .hgr-grid[data-space="43"] {
    margin-left: -21.5px;
    margin-right: -21.5px;
    margin-bottom: -43px; }
    .hgr-grid[data-space="43"] .hgr-grid-block {
      padding-right: 21.5px;
      padding-left: 21.5px;
      padding-bottom: 43px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="43"] {
        margin-left: -1.79167%;
        margin-right: -1.79167%; }
        .hgr-grid[data-space="43"] .hgr-grid-block {
          padding-right: 1.79167%;
          padding-left: 1.79167%; } }
  .hgr-grid[data-space="44"] {
    margin-left: -22px;
    margin-right: -22px;
    margin-bottom: -44px; }
    .hgr-grid[data-space="44"] .hgr-grid-block {
      padding-right: 22px;
      padding-left: 22px;
      padding-bottom: 44px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="44"] {
        margin-left: -1.83333%;
        margin-right: -1.83333%; }
        .hgr-grid[data-space="44"] .hgr-grid-block {
          padding-right: 1.83333%;
          padding-left: 1.83333%; } }
  .hgr-grid[data-space="45"] {
    margin-left: -22.5px;
    margin-right: -22.5px;
    margin-bottom: -45px; }
    .hgr-grid[data-space="45"] .hgr-grid-block {
      padding-right: 22.5px;
      padding-left: 22.5px;
      padding-bottom: 45px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="45"] {
        margin-left: -1.875%;
        margin-right: -1.875%; }
        .hgr-grid[data-space="45"] .hgr-grid-block {
          padding-right: 1.875%;
          padding-left: 1.875%; } }
  .hgr-grid[data-space="46"] {
    margin-left: -23px;
    margin-right: -23px;
    margin-bottom: -46px; }
    .hgr-grid[data-space="46"] .hgr-grid-block {
      padding-right: 23px;
      padding-left: 23px;
      padding-bottom: 46px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="46"] {
        margin-left: -1.91667%;
        margin-right: -1.91667%; }
        .hgr-grid[data-space="46"] .hgr-grid-block {
          padding-right: 1.91667%;
          padding-left: 1.91667%; } }
  .hgr-grid[data-space="47"] {
    margin-left: -23.5px;
    margin-right: -23.5px;
    margin-bottom: -47px; }
    .hgr-grid[data-space="47"] .hgr-grid-block {
      padding-right: 23.5px;
      padding-left: 23.5px;
      padding-bottom: 47px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="47"] {
        margin-left: -1.95833%;
        margin-right: -1.95833%; }
        .hgr-grid[data-space="47"] .hgr-grid-block {
          padding-right: 1.95833%;
          padding-left: 1.95833%; } }
  .hgr-grid[data-space="48"] {
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -48px; }
    .hgr-grid[data-space="48"] .hgr-grid-block {
      padding-right: 24px;
      padding-left: 24px;
      padding-bottom: 48px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="48"] {
        margin-left: -2%;
        margin-right: -2%; }
        .hgr-grid[data-space="48"] .hgr-grid-block {
          padding-right: 2%;
          padding-left: 2%; } }
  .hgr-grid[data-space="49"] {
    margin-left: -24.5px;
    margin-right: -24.5px;
    margin-bottom: -49px; }
    .hgr-grid[data-space="49"] .hgr-grid-block {
      padding-right: 24.5px;
      padding-left: 24.5px;
      padding-bottom: 49px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="49"] {
        margin-left: -2.04167%;
        margin-right: -2.04167%; }
        .hgr-grid[data-space="49"] .hgr-grid-block {
          padding-right: 2.04167%;
          padding-left: 2.04167%; } }
  .hgr-grid[data-space="50"] {
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: -50px; }
    .hgr-grid[data-space="50"] .hgr-grid-block {
      padding-right: 25px;
      padding-left: 25px;
      padding-bottom: 50px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="50"] {
        margin-left: -2.08333%;
        margin-right: -2.08333%; }
        .hgr-grid[data-space="50"] .hgr-grid-block {
          padding-right: 2.08333%;
          padding-left: 2.08333%; } }
  .hgr-grid[data-space="51"] {
    margin-left: -25.5px;
    margin-right: -25.5px;
    margin-bottom: -51px; }
    .hgr-grid[data-space="51"] .hgr-grid-block {
      padding-right: 25.5px;
      padding-left: 25.5px;
      padding-bottom: 51px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="51"] {
        margin-left: -2.125%;
        margin-right: -2.125%; }
        .hgr-grid[data-space="51"] .hgr-grid-block {
          padding-right: 2.125%;
          padding-left: 2.125%; } }
  .hgr-grid[data-space="52"] {
    margin-left: -26px;
    margin-right: -26px;
    margin-bottom: -52px; }
    .hgr-grid[data-space="52"] .hgr-grid-block {
      padding-right: 26px;
      padding-left: 26px;
      padding-bottom: 52px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="52"] {
        margin-left: -2.16667%;
        margin-right: -2.16667%; }
        .hgr-grid[data-space="52"] .hgr-grid-block {
          padding-right: 2.16667%;
          padding-left: 2.16667%; } }
  .hgr-grid[data-space="53"] {
    margin-left: -26.5px;
    margin-right: -26.5px;
    margin-bottom: -53px; }
    .hgr-grid[data-space="53"] .hgr-grid-block {
      padding-right: 26.5px;
      padding-left: 26.5px;
      padding-bottom: 53px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="53"] {
        margin-left: -2.20833%;
        margin-right: -2.20833%; }
        .hgr-grid[data-space="53"] .hgr-grid-block {
          padding-right: 2.20833%;
          padding-left: 2.20833%; } }
  .hgr-grid[data-space="54"] {
    margin-left: -27px;
    margin-right: -27px;
    margin-bottom: -54px; }
    .hgr-grid[data-space="54"] .hgr-grid-block {
      padding-right: 27px;
      padding-left: 27px;
      padding-bottom: 54px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="54"] {
        margin-left: -2.25%;
        margin-right: -2.25%; }
        .hgr-grid[data-space="54"] .hgr-grid-block {
          padding-right: 2.25%;
          padding-left: 2.25%; } }
  .hgr-grid[data-space="55"] {
    margin-left: -27.5px;
    margin-right: -27.5px;
    margin-bottom: -55px; }
    .hgr-grid[data-space="55"] .hgr-grid-block {
      padding-right: 27.5px;
      padding-left: 27.5px;
      padding-bottom: 55px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="55"] {
        margin-left: -2.29167%;
        margin-right: -2.29167%; }
        .hgr-grid[data-space="55"] .hgr-grid-block {
          padding-right: 2.29167%;
          padding-left: 2.29167%; } }
  .hgr-grid[data-space="56"] {
    margin-left: -28px;
    margin-right: -28px;
    margin-bottom: -56px; }
    .hgr-grid[data-space="56"] .hgr-grid-block {
      padding-right: 28px;
      padding-left: 28px;
      padding-bottom: 56px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="56"] {
        margin-left: -2.33333%;
        margin-right: -2.33333%; }
        .hgr-grid[data-space="56"] .hgr-grid-block {
          padding-right: 2.33333%;
          padding-left: 2.33333%; } }
  .hgr-grid[data-space="57"] {
    margin-left: -28.5px;
    margin-right: -28.5px;
    margin-bottom: -57px; }
    .hgr-grid[data-space="57"] .hgr-grid-block {
      padding-right: 28.5px;
      padding-left: 28.5px;
      padding-bottom: 57px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="57"] {
        margin-left: -2.375%;
        margin-right: -2.375%; }
        .hgr-grid[data-space="57"] .hgr-grid-block {
          padding-right: 2.375%;
          padding-left: 2.375%; } }
  .hgr-grid[data-space="58"] {
    margin-left: -29px;
    margin-right: -29px;
    margin-bottom: -58px; }
    .hgr-grid[data-space="58"] .hgr-grid-block {
      padding-right: 29px;
      padding-left: 29px;
      padding-bottom: 58px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="58"] {
        margin-left: -2.41667%;
        margin-right: -2.41667%; }
        .hgr-grid[data-space="58"] .hgr-grid-block {
          padding-right: 2.41667%;
          padding-left: 2.41667%; } }
  .hgr-grid[data-space="59"] {
    margin-left: -29.5px;
    margin-right: -29.5px;
    margin-bottom: -59px; }
    .hgr-grid[data-space="59"] .hgr-grid-block {
      padding-right: 29.5px;
      padding-left: 29.5px;
      padding-bottom: 59px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="59"] {
        margin-left: -2.45833%;
        margin-right: -2.45833%; }
        .hgr-grid[data-space="59"] .hgr-grid-block {
          padding-right: 2.45833%;
          padding-left: 2.45833%; } }
  .hgr-grid[data-space="60"] {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -60px; }
    .hgr-grid[data-space="60"] .hgr-grid-block {
      padding-right: 30px;
      padding-left: 30px;
      padding-bottom: 60px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="60"] {
        margin-left: -2.5%;
        margin-right: -2.5%; }
        .hgr-grid[data-space="60"] .hgr-grid-block {
          padding-right: 2.5%;
          padding-left: 2.5%; } }
  .hgr-grid[data-space="61"] {
    margin-left: -30.5px;
    margin-right: -30.5px;
    margin-bottom: -61px; }
    .hgr-grid[data-space="61"] .hgr-grid-block {
      padding-right: 30.5px;
      padding-left: 30.5px;
      padding-bottom: 61px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="61"] {
        margin-left: -2.54167%;
        margin-right: -2.54167%; }
        .hgr-grid[data-space="61"] .hgr-grid-block {
          padding-right: 2.54167%;
          padding-left: 2.54167%; } }
  .hgr-grid[data-space="62"] {
    margin-left: -31px;
    margin-right: -31px;
    margin-bottom: -62px; }
    .hgr-grid[data-space="62"] .hgr-grid-block {
      padding-right: 31px;
      padding-left: 31px;
      padding-bottom: 62px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="62"] {
        margin-left: -2.58333%;
        margin-right: -2.58333%; }
        .hgr-grid[data-space="62"] .hgr-grid-block {
          padding-right: 2.58333%;
          padding-left: 2.58333%; } }
  .hgr-grid[data-space="63"] {
    margin-left: -31.5px;
    margin-right: -31.5px;
    margin-bottom: -63px; }
    .hgr-grid[data-space="63"] .hgr-grid-block {
      padding-right: 31.5px;
      padding-left: 31.5px;
      padding-bottom: 63px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="63"] {
        margin-left: -2.625%;
        margin-right: -2.625%; }
        .hgr-grid[data-space="63"] .hgr-grid-block {
          padding-right: 2.625%;
          padding-left: 2.625%; } }
  .hgr-grid[data-space="64"] {
    margin-left: -32px;
    margin-right: -32px;
    margin-bottom: -64px; }
    .hgr-grid[data-space="64"] .hgr-grid-block {
      padding-right: 32px;
      padding-left: 32px;
      padding-bottom: 64px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="64"] {
        margin-left: -2.66667%;
        margin-right: -2.66667%; }
        .hgr-grid[data-space="64"] .hgr-grid-block {
          padding-right: 2.66667%;
          padding-left: 2.66667%; } }
  .hgr-grid[data-space="65"] {
    margin-left: -32.5px;
    margin-right: -32.5px;
    margin-bottom: -65px; }
    .hgr-grid[data-space="65"] .hgr-grid-block {
      padding-right: 32.5px;
      padding-left: 32.5px;
      padding-bottom: 65px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="65"] {
        margin-left: -2.70833%;
        margin-right: -2.70833%; }
        .hgr-grid[data-space="65"] .hgr-grid-block {
          padding-right: 2.70833%;
          padding-left: 2.70833%; } }
  .hgr-grid[data-space="66"] {
    margin-left: -33px;
    margin-right: -33px;
    margin-bottom: -66px; }
    .hgr-grid[data-space="66"] .hgr-grid-block {
      padding-right: 33px;
      padding-left: 33px;
      padding-bottom: 66px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="66"] {
        margin-left: -2.75%;
        margin-right: -2.75%; }
        .hgr-grid[data-space="66"] .hgr-grid-block {
          padding-right: 2.75%;
          padding-left: 2.75%; } }
  .hgr-grid[data-space="67"] {
    margin-left: -33.5px;
    margin-right: -33.5px;
    margin-bottom: -67px; }
    .hgr-grid[data-space="67"] .hgr-grid-block {
      padding-right: 33.5px;
      padding-left: 33.5px;
      padding-bottom: 67px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="67"] {
        margin-left: -2.79167%;
        margin-right: -2.79167%; }
        .hgr-grid[data-space="67"] .hgr-grid-block {
          padding-right: 2.79167%;
          padding-left: 2.79167%; } }
  .hgr-grid[data-space="68"] {
    margin-left: -34px;
    margin-right: -34px;
    margin-bottom: -68px; }
    .hgr-grid[data-space="68"] .hgr-grid-block {
      padding-right: 34px;
      padding-left: 34px;
      padding-bottom: 68px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="68"] {
        margin-left: -2.83333%;
        margin-right: -2.83333%; }
        .hgr-grid[data-space="68"] .hgr-grid-block {
          padding-right: 2.83333%;
          padding-left: 2.83333%; } }
  .hgr-grid[data-space="69"] {
    margin-left: -34.5px;
    margin-right: -34.5px;
    margin-bottom: -69px; }
    .hgr-grid[data-space="69"] .hgr-grid-block {
      padding-right: 34.5px;
      padding-left: 34.5px;
      padding-bottom: 69px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="69"] {
        margin-left: -2.875%;
        margin-right: -2.875%; }
        .hgr-grid[data-space="69"] .hgr-grid-block {
          padding-right: 2.875%;
          padding-left: 2.875%; } }
  .hgr-grid[data-space="70"] {
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: -70px; }
    .hgr-grid[data-space="70"] .hgr-grid-block {
      padding-right: 35px;
      padding-left: 35px;
      padding-bottom: 70px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="70"] {
        margin-left: -2.91667%;
        margin-right: -2.91667%; }
        .hgr-grid[data-space="70"] .hgr-grid-block {
          padding-right: 2.91667%;
          padding-left: 2.91667%; } }
  .hgr-grid[data-space="71"] {
    margin-left: -35.5px;
    margin-right: -35.5px;
    margin-bottom: -71px; }
    .hgr-grid[data-space="71"] .hgr-grid-block {
      padding-right: 35.5px;
      padding-left: 35.5px;
      padding-bottom: 71px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="71"] {
        margin-left: -2.95833%;
        margin-right: -2.95833%; }
        .hgr-grid[data-space="71"] .hgr-grid-block {
          padding-right: 2.95833%;
          padding-left: 2.95833%; } }
  .hgr-grid[data-space="72"] {
    margin-left: -36px;
    margin-right: -36px;
    margin-bottom: -72px; }
    .hgr-grid[data-space="72"] .hgr-grid-block {
      padding-right: 36px;
      padding-left: 36px;
      padding-bottom: 72px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="72"] {
        margin-left: -3%;
        margin-right: -3%; }
        .hgr-grid[data-space="72"] .hgr-grid-block {
          padding-right: 3%;
          padding-left: 3%; } }
  .hgr-grid[data-space="73"] {
    margin-left: -36.5px;
    margin-right: -36.5px;
    margin-bottom: -73px; }
    .hgr-grid[data-space="73"] .hgr-grid-block {
      padding-right: 36.5px;
      padding-left: 36.5px;
      padding-bottom: 73px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="73"] {
        margin-left: -3.04167%;
        margin-right: -3.04167%; }
        .hgr-grid[data-space="73"] .hgr-grid-block {
          padding-right: 3.04167%;
          padding-left: 3.04167%; } }
  .hgr-grid[data-space="74"] {
    margin-left: -37px;
    margin-right: -37px;
    margin-bottom: -74px; }
    .hgr-grid[data-space="74"] .hgr-grid-block {
      padding-right: 37px;
      padding-left: 37px;
      padding-bottom: 74px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="74"] {
        margin-left: -3.08333%;
        margin-right: -3.08333%; }
        .hgr-grid[data-space="74"] .hgr-grid-block {
          padding-right: 3.08333%;
          padding-left: 3.08333%; } }
  .hgr-grid[data-space="75"] {
    margin-left: -37.5px;
    margin-right: -37.5px;
    margin-bottom: -75px; }
    .hgr-grid[data-space="75"] .hgr-grid-block {
      padding-right: 37.5px;
      padding-left: 37.5px;
      padding-bottom: 75px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="75"] {
        margin-left: -3.125%;
        margin-right: -3.125%; }
        .hgr-grid[data-space="75"] .hgr-grid-block {
          padding-right: 3.125%;
          padding-left: 3.125%; } }
  .hgr-grid[data-space="76"] {
    margin-left: -38px;
    margin-right: -38px;
    margin-bottom: -76px; }
    .hgr-grid[data-space="76"] .hgr-grid-block {
      padding-right: 38px;
      padding-left: 38px;
      padding-bottom: 76px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="76"] {
        margin-left: -3.16667%;
        margin-right: -3.16667%; }
        .hgr-grid[data-space="76"] .hgr-grid-block {
          padding-right: 3.16667%;
          padding-left: 3.16667%; } }
  .hgr-grid[data-space="77"] {
    margin-left: -38.5px;
    margin-right: -38.5px;
    margin-bottom: -77px; }
    .hgr-grid[data-space="77"] .hgr-grid-block {
      padding-right: 38.5px;
      padding-left: 38.5px;
      padding-bottom: 77px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="77"] {
        margin-left: -3.20833%;
        margin-right: -3.20833%; }
        .hgr-grid[data-space="77"] .hgr-grid-block {
          padding-right: 3.20833%;
          padding-left: 3.20833%; } }
  .hgr-grid[data-space="78"] {
    margin-left: -39px;
    margin-right: -39px;
    margin-bottom: -78px; }
    .hgr-grid[data-space="78"] .hgr-grid-block {
      padding-right: 39px;
      padding-left: 39px;
      padding-bottom: 78px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="78"] {
        margin-left: -3.25%;
        margin-right: -3.25%; }
        .hgr-grid[data-space="78"] .hgr-grid-block {
          padding-right: 3.25%;
          padding-left: 3.25%; } }
  .hgr-grid[data-space="79"] {
    margin-left: -39.5px;
    margin-right: -39.5px;
    margin-bottom: -79px; }
    .hgr-grid[data-space="79"] .hgr-grid-block {
      padding-right: 39.5px;
      padding-left: 39.5px;
      padding-bottom: 79px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="79"] {
        margin-left: -3.29167%;
        margin-right: -3.29167%; }
        .hgr-grid[data-space="79"] .hgr-grid-block {
          padding-right: 3.29167%;
          padding-left: 3.29167%; } }
  .hgr-grid[data-space="80"] {
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: -80px; }
    .hgr-grid[data-space="80"] .hgr-grid-block {
      padding-right: 40px;
      padding-left: 40px;
      padding-bottom: 80px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="80"] {
        margin-left: -3.33333%;
        margin-right: -3.33333%; }
        .hgr-grid[data-space="80"] .hgr-grid-block {
          padding-right: 3.33333%;
          padding-left: 3.33333%; } }
  .hgr-grid[data-space="81"] {
    margin-left: -40.5px;
    margin-right: -40.5px;
    margin-bottom: -81px; }
    .hgr-grid[data-space="81"] .hgr-grid-block {
      padding-right: 40.5px;
      padding-left: 40.5px;
      padding-bottom: 81px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="81"] {
        margin-left: -3.375%;
        margin-right: -3.375%; }
        .hgr-grid[data-space="81"] .hgr-grid-block {
          padding-right: 3.375%;
          padding-left: 3.375%; } }
  .hgr-grid[data-space="82"] {
    margin-left: -41px;
    margin-right: -41px;
    margin-bottom: -82px; }
    .hgr-grid[data-space="82"] .hgr-grid-block {
      padding-right: 41px;
      padding-left: 41px;
      padding-bottom: 82px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="82"] {
        margin-left: -3.41667%;
        margin-right: -3.41667%; }
        .hgr-grid[data-space="82"] .hgr-grid-block {
          padding-right: 3.41667%;
          padding-left: 3.41667%; } }
  .hgr-grid[data-space="83"] {
    margin-left: -41.5px;
    margin-right: -41.5px;
    margin-bottom: -83px; }
    .hgr-grid[data-space="83"] .hgr-grid-block {
      padding-right: 41.5px;
      padding-left: 41.5px;
      padding-bottom: 83px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="83"] {
        margin-left: -3.45833%;
        margin-right: -3.45833%; }
        .hgr-grid[data-space="83"] .hgr-grid-block {
          padding-right: 3.45833%;
          padding-left: 3.45833%; } }
  .hgr-grid[data-space="84"] {
    margin-left: -42px;
    margin-right: -42px;
    margin-bottom: -84px; }
    .hgr-grid[data-space="84"] .hgr-grid-block {
      padding-right: 42px;
      padding-left: 42px;
      padding-bottom: 84px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="84"] {
        margin-left: -3.5%;
        margin-right: -3.5%; }
        .hgr-grid[data-space="84"] .hgr-grid-block {
          padding-right: 3.5%;
          padding-left: 3.5%; } }
  .hgr-grid[data-space="85"] {
    margin-left: -42.5px;
    margin-right: -42.5px;
    margin-bottom: -85px; }
    .hgr-grid[data-space="85"] .hgr-grid-block {
      padding-right: 42.5px;
      padding-left: 42.5px;
      padding-bottom: 85px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="85"] {
        margin-left: -3.54167%;
        margin-right: -3.54167%; }
        .hgr-grid[data-space="85"] .hgr-grid-block {
          padding-right: 3.54167%;
          padding-left: 3.54167%; } }
  .hgr-grid[data-space="86"] {
    margin-left: -43px;
    margin-right: -43px;
    margin-bottom: -86px; }
    .hgr-grid[data-space="86"] .hgr-grid-block {
      padding-right: 43px;
      padding-left: 43px;
      padding-bottom: 86px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="86"] {
        margin-left: -3.58333%;
        margin-right: -3.58333%; }
        .hgr-grid[data-space="86"] .hgr-grid-block {
          padding-right: 3.58333%;
          padding-left: 3.58333%; } }
  .hgr-grid[data-space="87"] {
    margin-left: -43.5px;
    margin-right: -43.5px;
    margin-bottom: -87px; }
    .hgr-grid[data-space="87"] .hgr-grid-block {
      padding-right: 43.5px;
      padding-left: 43.5px;
      padding-bottom: 87px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="87"] {
        margin-left: -3.625%;
        margin-right: -3.625%; }
        .hgr-grid[data-space="87"] .hgr-grid-block {
          padding-right: 3.625%;
          padding-left: 3.625%; } }
  .hgr-grid[data-space="88"] {
    margin-left: -44px;
    margin-right: -44px;
    margin-bottom: -88px; }
    .hgr-grid[data-space="88"] .hgr-grid-block {
      padding-right: 44px;
      padding-left: 44px;
      padding-bottom: 88px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="88"] {
        margin-left: -3.66667%;
        margin-right: -3.66667%; }
        .hgr-grid[data-space="88"] .hgr-grid-block {
          padding-right: 3.66667%;
          padding-left: 3.66667%; } }
  .hgr-grid[data-space="89"] {
    margin-left: -44.5px;
    margin-right: -44.5px;
    margin-bottom: -89px; }
    .hgr-grid[data-space="89"] .hgr-grid-block {
      padding-right: 44.5px;
      padding-left: 44.5px;
      padding-bottom: 89px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="89"] {
        margin-left: -3.70833%;
        margin-right: -3.70833%; }
        .hgr-grid[data-space="89"] .hgr-grid-block {
          padding-right: 3.70833%;
          padding-left: 3.70833%; } }
  .hgr-grid[data-space="90"] {
    margin-left: -45px;
    margin-right: -45px;
    margin-bottom: -90px; }
    .hgr-grid[data-space="90"] .hgr-grid-block {
      padding-right: 45px;
      padding-left: 45px;
      padding-bottom: 90px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="90"] {
        margin-left: -3.75%;
        margin-right: -3.75%; }
        .hgr-grid[data-space="90"] .hgr-grid-block {
          padding-right: 3.75%;
          padding-left: 3.75%; } }
  .hgr-grid[data-space="91"] {
    margin-left: -45.5px;
    margin-right: -45.5px;
    margin-bottom: -91px; }
    .hgr-grid[data-space="91"] .hgr-grid-block {
      padding-right: 45.5px;
      padding-left: 45.5px;
      padding-bottom: 91px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="91"] {
        margin-left: -3.79167%;
        margin-right: -3.79167%; }
        .hgr-grid[data-space="91"] .hgr-grid-block {
          padding-right: 3.79167%;
          padding-left: 3.79167%; } }
  .hgr-grid[data-space="92"] {
    margin-left: -46px;
    margin-right: -46px;
    margin-bottom: -92px; }
    .hgr-grid[data-space="92"] .hgr-grid-block {
      padding-right: 46px;
      padding-left: 46px;
      padding-bottom: 92px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="92"] {
        margin-left: -3.83333%;
        margin-right: -3.83333%; }
        .hgr-grid[data-space="92"] .hgr-grid-block {
          padding-right: 3.83333%;
          padding-left: 3.83333%; } }
  .hgr-grid[data-space="93"] {
    margin-left: -46.5px;
    margin-right: -46.5px;
    margin-bottom: -93px; }
    .hgr-grid[data-space="93"] .hgr-grid-block {
      padding-right: 46.5px;
      padding-left: 46.5px;
      padding-bottom: 93px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="93"] {
        margin-left: -3.875%;
        margin-right: -3.875%; }
        .hgr-grid[data-space="93"] .hgr-grid-block {
          padding-right: 3.875%;
          padding-left: 3.875%; } }
  .hgr-grid[data-space="94"] {
    margin-left: -47px;
    margin-right: -47px;
    margin-bottom: -94px; }
    .hgr-grid[data-space="94"] .hgr-grid-block {
      padding-right: 47px;
      padding-left: 47px;
      padding-bottom: 94px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="94"] {
        margin-left: -3.91667%;
        margin-right: -3.91667%; }
        .hgr-grid[data-space="94"] .hgr-grid-block {
          padding-right: 3.91667%;
          padding-left: 3.91667%; } }
  .hgr-grid[data-space="95"] {
    margin-left: -47.5px;
    margin-right: -47.5px;
    margin-bottom: -95px; }
    .hgr-grid[data-space="95"] .hgr-grid-block {
      padding-right: 47.5px;
      padding-left: 47.5px;
      padding-bottom: 95px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="95"] {
        margin-left: -3.95833%;
        margin-right: -3.95833%; }
        .hgr-grid[data-space="95"] .hgr-grid-block {
          padding-right: 3.95833%;
          padding-left: 3.95833%; } }
  .hgr-grid[data-space="96"] {
    margin-left: -48px;
    margin-right: -48px;
    margin-bottom: -96px; }
    .hgr-grid[data-space="96"] .hgr-grid-block {
      padding-right: 48px;
      padding-left: 48px;
      padding-bottom: 96px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="96"] {
        margin-left: -4%;
        margin-right: -4%; }
        .hgr-grid[data-space="96"] .hgr-grid-block {
          padding-right: 4%;
          padding-left: 4%; } }
  .hgr-grid[data-space="97"] {
    margin-left: -48.5px;
    margin-right: -48.5px;
    margin-bottom: -97px; }
    .hgr-grid[data-space="97"] .hgr-grid-block {
      padding-right: 48.5px;
      padding-left: 48.5px;
      padding-bottom: 97px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="97"] {
        margin-left: -4.04167%;
        margin-right: -4.04167%; }
        .hgr-grid[data-space="97"] .hgr-grid-block {
          padding-right: 4.04167%;
          padding-left: 4.04167%; } }
  .hgr-grid[data-space="98"] {
    margin-left: -49px;
    margin-right: -49px;
    margin-bottom: -98px; }
    .hgr-grid[data-space="98"] .hgr-grid-block {
      padding-right: 49px;
      padding-left: 49px;
      padding-bottom: 98px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="98"] {
        margin-left: -4.08333%;
        margin-right: -4.08333%; }
        .hgr-grid[data-space="98"] .hgr-grid-block {
          padding-right: 4.08333%;
          padding-left: 4.08333%; } }
  .hgr-grid[data-space="99"] {
    margin-left: -49.5px;
    margin-right: -49.5px;
    margin-bottom: -99px; }
    .hgr-grid[data-space="99"] .hgr-grid-block {
      padding-right: 49.5px;
      padding-left: 49.5px;
      padding-bottom: 99px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="99"] {
        margin-left: -4.125%;
        margin-right: -4.125%; }
        .hgr-grid[data-space="99"] .hgr-grid-block {
          padding-right: 4.125%;
          padding-left: 4.125%; } }
  .hgr-grid[data-space="100"] {
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: -100px; }
    .hgr-grid[data-space="100"] .hgr-grid-block {
      padding-right: 50px;
      padding-left: 50px;
      padding-bottom: 100px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hgr-grid[data-space="100"] {
        margin-left: -4.16667%;
        margin-right: -4.16667%; }
        .hgr-grid[data-space="100"] .hgr-grid-block {
          padding-right: 4.16667%;
          padding-left: 4.16667%; } }
  @media screen and (max-width: 767px) {
    .hgr-grid[data-spwrap="true"] {
      margin-left: auto;
      margin-right: auto;
      display: block; }
      .hgr-grid[data-spwrap="true"] .hgr-grid-block {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
        width: 100%; } }

.hgr-grid-block img{
	width: 100%;
}

main.top {
  background-color: #FFF; }
  main.top + footer {
    position: relative;
    z-index: 2; }
  main.top * {
    color: #ffffff; }
  main.top .mainBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    position: relative; }

@media screen and (min-width: 768px) and (min-width: 1600px) {
  main.top .mainBox {
    height: 850px; } }

@media screen and (min-width: 768px) and (max-width: 1599px) {
  main.top .mainBox {
    height: 90vh; } }
    @media screen and (max-width: 767px) {
      main.top .mainBox {
        padding-top: 60vw; } }
    main.top .mainBox .contents {
      position: relative;
      z-index: 1; }
    main.top .mainBox .keyImg {
      display: block;
      width: 100%;
      height: 100%;
      position: fixed;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      top: 0;
      left: 0;
      z-index: 0;
      content: "";
      overflow: hidden; }
      @media screen and (min-width: 768px) {
        main.top .mainBox .keyImg {
          max-height: 100vh; } }
      main.top .mainBox .keyImg::before {
        display: block;
        position: absolute;
        top: 0%;
        left: 50%;
        z-index: 0;
        background: url(../../img/top/bg_pc_over.jpg) 50% 0%/contain no-repeat;
        content: "";
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media screen and (min-width: 768px) {
          main.top .mainBox .keyImg::before {
            width: 118.75%;
            height: 117.84512%;
            max-width: 1900px;
            min-height: 76.54412vw;
            background-position-x: 25%; } }
        @media screen and (max-width: 767px) {
          main.top .mainBox .keyImg::before {
            height: 100%;
            background-image: url(../../img/top/bg_sp.jpg);
            background-size: 100% auto; } }

@media screen and (min-width: 768px) and (min-width: 1600px) {
  main.top .mainBox .keyImg {
    height: 1188px; } }

@media screen and (min-width: 768px) and (max-width: 1599px) {
  main.top .mainBox .keyImg {
    height: 74.25vw; } }
    @media screen and (max-width: 767px) {
      main.top .mainBox {
        background: url(../../img/top/bg_sp.jpg) 50% 0%/100% auto no-repeat; }
        main.top .mainBox .keyImg {
          display: none; } }
  main.top .contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 1600px) {
  main.top .contents .concept {
    margin-bottom: 100px; } }

@media screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1599px) {
  main.top .contents .concept {
    margin-bottom: 3.51042vw; } }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  main.top .contents .concept {
    margin-bottom: 6.51042vw; } }
    @media screen and (max-width: 767px) {
      main.top .contents .concept {
        margin-bottom: 7.8125vw; } }

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 1600px) {
  main.top .contents .console {
    margin-bottom: 100px; } }

@media screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1599px) {
  main.top .contents .console {
    margin-bottom: 5.26316vw; } }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  main.top .contents .console {
    margin-bottom: 2.60417vw; } }
    @media screen and (max-width: 767px) {
      main.top .contents .console {
        margin-bottom: 15.625vw; } }

@media screen and (min-width: 768px) and (min-width: 1200px) and (min-width: 1600px) {
  main.top .contents .linkList {
    margin-bottom: 50px; } }

@media screen and (min-width: 768px) and (min-width: 1200px) and (max-width: 1599px) {
  main.top .contents .linkList {
    margin-bottom: 2.63158vw; } }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  main.top .contents .linkList {
    margin-bottom: 1.30208vw; } }
    @media screen and (max-width: 767px) {
      main.top .contents .linkList {
        margin-bottom: 3.90625vw; } }
    main.top .contents .concept {
      width: 100%;
	  background-color: rgb(255, 214, 16, 0.75);
	  padding: 0.5em;
	  box-sizing: border-box;
      -webkit-animation: view 3s ease 0s 1;
      animation: view 3s ease 0s 1; }
      main.top .contents .concept > div {
        text-align: left;
        /*text-shadow: 0 0 5px #442a02;*/
        -webkit-font-smoothing: antialiased; }
        main.top .contents .concept > div > p {
          margin-left: 0.5em;
          display: inline-block;
			color: #000;}

@-webkit-keyframes view {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes view {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      @media screen and (min-width: 768px) {
        main.top .contents .concept {
		  width: 60%;
          margin-left: 40%; }
    	main.top .contents .console {
      	  /*padding-left: 20%;*/}
}
      @media screen and (max-width: 767px) {
        main.top .contents .concept > div.en {
          margin-top: 0.25em; } }
    	main.top .contents .console {
      	  width: 100%;
}
      main.top .contents .console ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
		justify-content: space-between;}
        main.top .contents .console ul li a {
          border: 5px solid rgba(255, 255, 255, 1);
          /*border-radius: 10px;*/
          height: 100%;
		  position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          background: rgba(0, 23, 100, 0.85);
		  box-shadow: 1px 1px 20px #B1B1B1;
          -webkit-transition: padding 200ms 0s ease, background 400ms 0s ease, box-shadow 400ms 0s ease;
          -webkit-transition: padding 200ms 0s ease, background 400ms 0s ease, -webkit-box-shadow 400ms 0s ease;
          transition: padding 200ms 0s ease, background 400ms 0s ease, -webkit-box-shadow 400ms 0s ease;
          -o-transition: padding 200ms 0s ease, background 400ms 0s ease, box-shadow 400ms 0s ease;
          transition: padding 200ms 0s ease, background 400ms 0s ease, box-shadow 400ms 0s ease;
          transition: padding 200ms 0s ease, background 400ms 0s ease, box-shadow 400ms 0s ease, -webkit-box-shadow 400ms 0s ease;}
		main.top .contents .console ul li a:after{
		  content: "";
		  position: absolute;
		  bottom: 0;
		  right: 0;
		  height: 0;
		  width: 0px;
		  margin: auto;
		  border: 15px solid transparent;
		  border-right: 15px solid #fff;
		  border-bottom: 15px solid #fff;
          }
          main.top .contents .console ul li a:hover,
          main.top .contents .console ul li a:hover * {
            opacity: 1;
            -webkit-transition: none;
            -o-transition: none;
            transition: none; }
          main.top .contents .console ul li a > div {
            text-align: center;
            text-shadow: 0 0 0 transparent;
            -webkit-transition: text-shadow 400ms 0s ease;
            -o-transition: text-shadow 400ms 0s ease;
            transition: text-shadow 400ms 0s ease; }
            main.top .contents .console ul li a > div > p {
              margin-right: 0.2em;
              display: inline-block; }
          main.top .contents .console ul li a:hover {
            -webkit-box-shadow: 0px 0px 2px 1px #fff inset;
            box-shadow: 0px 0px 2px 1px #fff inset;
            background: rgba(0, 23, 100, 0.5);
            -webkit-transition: padding 200ms 0s ease, background 400ms 0s ease, box-shadow 400ms 0s ease;
            -webkit-transition: padding 200ms 0s ease, background 400ms 0s ease, -webkit-box-shadow 400ms 0s ease;
            transition: padding 200ms 0s ease, background 400ms 0s ease, -webkit-box-shadow 400ms 0s ease;
            -o-transition: padding 200ms 0s ease, background 400ms 0s ease, box-shadow 400ms 0s ease;
            transition: padding 200ms 0s ease, background 400ms 0s ease, box-shadow 400ms 0s ease;
            transition: padding 200ms 0s ease, background 400ms 0s ease, box-shadow 400ms 0s ease, -webkit-box-shadow 400ms 0s ease; }
            main.top .contents .console ul li a:hover > div {
              text-shadow: 0px 2px 4px #442a02;
              -webkit-transition: text-shadow 600ms 0s ease;
              -o-transition: text-shadow 600ms 0s ease;
              transition: text-shadow 600ms 0s ease; }
      @media screen and (min-width: 768px) {
        main.top .contents .console ul li {
          padding-right: 0.5%;
          padding-left: 0.5%;
/*          width: 33.3%;*/
			/*width: 40%;*/
			width: 19%;
		  } }

@media screen and (min-width: 768px) and (min-width: 1200px) {
  main.top .contents .console ul li a {
    padding: 3em 1em; } }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  main.top .contents .console ul li a {
    padding: 2.08333vw 16px; } }
      @media screen and (max-width: 767px) {
        main.top .contents .console ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          main.top .contents .console ul li:nth-child(n+2) {
            margin-top: 20px; }
          main.top .contents .console ul li a {
            padding: 1.5em 1em; } }
    main.top .contents .linkList {
      -webkit-transition: margin 200ms 0s ease;
      -o-transition: margin 200ms 0s ease;
      transition: margin 200ms 0s ease;
	  background: rgba(0, 23, 100, 0.85);
	padding: 5px 10px}
      @media screen and (min-width: 768px) {
        main.top .contents .linkList ul li::before {
          margin-right: 0.5em;
          width: 1.2em;
          min-width: 1.2em;
          height: 1.2em; } }
      @media screen and (max-width: 767px) {
        main.top .contents .linkList ul li {
          padding-left: 2em;
          padding-right: 2em; } }

@media screen and (min-width: 768px) {
  main.about > *:last-child {
    /*margin-bottom: 50px;*/ } }

@media screen and (max-width: 767px) {
  main.about > *:last-child {
    /*margin-bottom: 37.5px;*/ } }

main.about .greeting .greetingBox > div.thumb {
    margin: 10px auto 0; 
	width: 70%;}

main.about .greeting .greetingBox > div.thumb img {
  max-width: 100%; }

/*@media screen and (max-width: 767px) {
  main.about .greeting .greetingBox > div.thumb {
    margin: 10px auto 0; 
	width: 50%;} }*/

@media screen and (min-width: 768px) {
  main.about .greeting .greetingBox > div.info {
    margin: 10px auto 0; 
	width: 80%;
	text-align: center;} }

@media screen and (max-width: 767px) {
  main.about .greeting .greetingBox > div.info {
    margin: 7.5px auto 0; 
	width: 80%;
	text-align: center;
	margin-bottom: 4em;} }

@media screen and (min-width: 768px) {
  main.about .greeting .greetingBox > div.info.residents {
    margin: 10px auto 0; 
	width: 55%;} }

@media screen and (max-width: 767px) {
  main.about .greeting .greetingBox > div.info.residents {
    margin: 7.5px auto 0; 
	width: 60%;} }

main.about .greeting .greetingBox > div.info > div.intro {
  color: #313994; 
  /*text-align: left;*/
	font-size: 0.8em;}
  main.about .greeting .greetingBox > div.info > div.intro p {
    display: inline-block; }

main.about .greeting .greetingBox > div.info > div.name {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-flow: column;
	margin-top: 10px;
	margin-bottom: 1em;
}
  /*main.about .greeting .greetingBox > div.info > div.name p {
    display: inline-block; }*/
    /*main.about .greeting .greetingBox > div.info > div.name p.pos {
      margin-right: 1em; }*/
main.about .greeting .greetingBox > div.info > div.name.en p {
   font-size: 80%;}

main.about .greeting .greetingBox > div.sign {
  margin-top: 1em;
  text-align: right; }
  main.about .greeting .greetingBox > div.sign img {
    width: 313px;
    max-width: 50vw; }

@media screen and (min-width: 768px) {
  main.about .greeting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    main.about .greeting .greetingBox:nth-child(odd) {
      width: 265px; }
    main.about .greeting .greetingBox:nth-child(even) {
      width: 860px; } }
    @media screen and (min-width: 768px) and (min-width: 1200px) {
      main.about .greeting .greetingBox:nth-child(even) {
        padding-left: 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      main.about .greeting .greetingBox:nth-child(even) {
        padding-left: 3.33333%; } }

@media screen and (max-width: 767px) {
  main.about .greeting .greetingBox:nth-child(odd) {
    margin-right: auto;
    margin-left: auto;
    width: 420px;
    max-width: 65vw; }
  main.about .greeting .greetingBox:nth-child(even) {
    margin-top: 1em; } }


/*main.about .greeting .biography{
    margin: 20px 0 40px;
	width: 60.5%;}*/

/*main.about .greeting .biographyEn{
	width: 80%;
}*/

main.about .greeting .biographyEn td{
	text-align: justify;
}

/*main.staff .detail {
	margin-top: 20px;
}
*/
main.about .greeting .biography table.basis,
main.staff .detail table.basis{
	font-size: 0.8em;
    }

main.about .greeting .biography table.basis tbody tr th{
	text-align: center;
	width: 20%;
	
}

main.about .greeting .biography table.basis tbody tr th,
main.about .greeting .biography table.basis tbody tr td,
main.staff .detail table.basis tbody tr th,
main.staff .detail table.basis tbody tr td{
	padding: 0.5em;
	font-weight: normal;
}

@media screen and (max-width: 767px) {
  main.about .greeting .biography,
  main.staff table.basis{
	width: 100%;} 
	main.about .greeting .biography table.basis tbody tr th,
	main.staff .detail table.basis tbody tr th{
	width: 30%;
	} 
}

main.about .greeting p.en{
	font-size: 0.9em;
	text-align:justify;
}

main.about .introduction .rightBox {
  margin-top: 0.25em; }

main.about .introduction table.basis tbody tr th, main.about .introduction table.basis tbody tr td {
  -webkit-transition: all 200ms 0s ease;
  -o-transition: all 200ms 0s ease;
  transition: all 200ms 0s ease; }

@media screen and (max-width : 364px ){
  main.about .introduction table.basis tbody tr th p {
    display: inline; }
  main.about .introduction table.basis tbody tr th br {
    display: none; } }

main.about .introduction p.note {
  margin-left: 0.5em;
  display: inline-block;
  color: #007dc6; }

@media screen and (min-width: 768px) {
  main.about .introduction .introductionWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
  @media screen and (min-width: 768px) and (min-width: 1200px) {
    main.about .introduction .introductionWrap .introductionBox {
      width: 33.333%; }
      main.about .introduction .introductionWrap .introductionBox:nth-child(1) {
        padding-right: 20px; }
      main.about .introduction .introductionWrap .introductionBox:nth-child(2) {
        padding-left: 20px;
	    padding-right: 20px;}
	  main.about .introduction .introductionWrap .introductionBox:nth-child(3) {
        padding-left: 20px; }
      main.about .introduction .introductionWrap .introductionBox table.basis tbody tr th {
        width: 42%; }
      main.about .introduction .introductionWrap .introductionBox table.basis tbody tr td {
        width: 58%; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    main.about .introduction .introductionWrap .introductionBox:nth-child(odd) {
      padding-right: 1.66667%; }
    main.about .introduction .introductionWrap .introductionBox:nth-child(even) {
      padding-left: 1.66667%;
	  padding-right: 1.66667%;}
    main.about .introduction .introductionWrap .introductionBox:nth-child(odd) {
      width: 33%; }
      main.about .introduction .introductionWrap .introductionBox:nth-child(odd) table.basis tbody tr th {
        width: 32.5%; }
      main.about .introduction .introductionWrap .introductionBox:nth-child(odd) table.basis tbody tr td {
        width: 67.5%; }
    main.about .introduction .introductionWrap .introductionBox:nth-child(even) {
      width: 33%; }
      main.about .introduction .introductionWrap .introductionBox:nth-child(even) table.basis tbody tr th {
        width: 47.5%; }
      main.about .introduction .introductionWrap .introductionBox:nth-child(even) table.basis tbody tr td {
        width: 52.5%; } }

@media screen and (max-width: 767px) {
  main.about .introduction .introductionWrap .introductionBox:nth-child(1) table.basis {
    border-bottom: none; }
  main.about .introduction .introductionWrap .introductionBox:nth-child(2) table.basis {
    border-bottom: none; }
  main.about .introduction .introductionWrap .introductionBox:nth-child(n+2) table.basis {
    border-top-width: 1px;
    border-color: #999999; }
  main.about .introduction .introductionWrap .introductionBox table.basis tbody tr th {
    width: 45%; }
  main.about .introduction .introductionWrap .introductionBox table.basis tbody tr td {
    width: 55%; } }

main.access .guide table.basis tbody tr th p,
main.access .guide table.basis tbody tr td p {
  margin-right: 0; }

main.access .guide table.basis tbody tr td span.blu1 {
  color: #313994; }

main.access .guide table.basis tbody tr td span.blu2 {
  color: #007dc6; }

main.access .guide table.basis tbody tr td a.cssBtn2 {
  margin-top: 0.25em; }

@media screen and (min-width: 768px) {
  main.access .guide table.basis tbody tr th {
    width: 250px; }
  main.access .guide table.basis tbody tr td {
    width: 950px; } }

main.access .map {
  position: relative;
  overflow: hidden; }
  main.access .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media screen and (min-width: 768px) {
    main.access .map {
      padding-top: 430px; } }
  @media screen and (max-width: 767px) {
    main.access .map {
      padding-top: 340px; } }

@media screen and (min-width: 768px) {
  main.contact > *:last-child {
    margin-bottom: 50px; } }

@media screen and (max-width: 767px) {
  main.contact > *:last-child {
    margin-bottom: 37.5px; } }

main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div,
main.staff .hgr-grid .hgr-grid-block:nth-child(even) > div.adress{
  background-color: #f0f7fc; }
main.rehabilitation .hgr-grid .hgr-grid-block > div.adress{
  background-color: #ffffff; }
  main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div > dl:nth-child(n+2) {
    margin-top: 1em;
    padding-top: 1em;
    background: -moz-linear-gradient(left, #313994 2px, transparent 2px);
    background: -webkit-linear-gradient(left, #313994 2px, transparent 2px);
    background: -o-linear-gradient(left, #313994 2px, transparent 2px);
    background: linear-gradient(to right, #313994 2px, transparent 2px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#313994',GradientType=1 );
    background-size: 5px 2px;
    background-position: 0% 0%;
    background-repeat: repeat-x; }
  main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div > dl dt p,
  main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div > dl dd p,
  main.staff .hgr-grid .hgr-grid-block:nth-child(even) > div.adress dl dt p{
    display: inline-block; }
  main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div > dl dt,
  main.staff .hgr-grid .hgr-grid-block:nth-child(even) > div.adress dl dt,
	main.rehabilitation .hgr-grid .hgr-grid-block > div.adress dl dt{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div > dl dt::before,
    main.staff .hgr-grid .hgr-grid-block:nth-child(even) > div.adress dl dt::before,
	main.rehabilitation .hgr-grid .hgr-grid-block > div.adress dl dt::before{
      margin-top: 0.1em;
      margin-right: 0.25em;
      border: 3px solid #313994;
      display: inline-block;
      width: 0.7em;
      height: 1em;
      content: ""; }
  main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div > dl dd {
    margin-top: 0.25em; }

@media screen and (min-width: 768px) {
  main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div,
  main.staff .hgr-grid .hgr-grid-block:nth-child(even) > div.adress,
	main.rehabilitation .hgr-grid .hgr-grid-block > div.adress{
    padding: 2em; } }

@media screen and (max-width: 767px) {
  main.contact .hgr-grid .hgr-grid-block:nth-child(even) > div,
  main.staff .hgr-grid .hgr-grid-block:nth-child(even) > div.adress,
	main.rehabilitation .hgr-grid .hgr-grid-block > div.adress{
    padding: 1em; } }

  main.staff .hgr-grid .hgr-grid-block > div.adress dd {
    margin: 10px 0;
}

main.staff .hgr-grid > div.hgr-grid-block img {
    max-width: 100%;
}

main.staff section.studentResident .hgr-grid .hgr-grid-block .studentResidentBoxOut {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%; }
  main.staff section.studentResident .hgr-grid .hgr-grid-block .studentResidentBoxOut .studentResidentBoxIn .leftBox {
    margin-top: 1em; }
  main.staff section.studentResident .hgr-grid .hgr-grid-block .studentResidentBoxOut .cssBtnBox {
    margin-top: 1em; }

@media screen and (min-width: 768px) {
  main.staff section.studentResident .hgr-grid .hgr-grid-block:nth-child(odd) {
    padding-right: 2em; }
  main.staff section.studentResident .hgr-grid .hgr-grid-block:nth-child(even) {
    padding-left: 2em; }
  main.staff section.studentResident .hgr-grid .hgr-grid-block:nth-child(odd) {
    position: relative; }
    main.staff section.studentResident .hgr-grid .hgr-grid-block:nth-child(odd)::after {
      position: absolute;
      top: 0;
      right: -1px;
      width: 2px;
      height: 100%;
      content: "";
      background: -moz-linear-gradient(top, #313994 2px, transparent 2px);
      background: -webkit-linear-gradient(top, #313994 2px, transparent 2px);
      background: -o-linear-gradient(top, #313994 2px, transparent 2px);
      background: linear-gradient(to bottom, #313994 2px, transparent 2px);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#313994',GradientType=1 );
      background-size: 2px 5px;
      background-position: 100% 0%;
      background-repeat: repeat-y; }
  main.staff section.studentResident .hgr-grid .cssBtn1 {
    min-height: 82px; } }

@media screen and (max-width: 767px) {
  main.staff section.studentResident .hgr-grid .hgr-grid-block {
    padding-bottom: 2em; }
    main.staff section.studentResident .hgr-grid .hgr-grid-block:nth-child(n+2) {
      padding: 2em 0;
	　margin-bottom: 2em !important;
      background: -moz-linear-gradient(left, #313994 2px, transparent 2px),-moz-linear-gradient(left, #313994 2px, transparent 2px);
      background: -webkit-linear-gradient(left, #313994 2px, transparent 2px),-webkit-linear-gradient(left, #313994 2px, transparent 2px);
      background: -o-linear-gradient(left, #313994 2px, transparent 2px);
      background: linear-gradient(to right, #313994 2px, transparent 2px),linear-gradient(to right, #313994 2px, transparent 2px);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#313994',GradientType=1 );
      background-size: 5px 2px;
      background-position: left top, left bottom;
      background-repeat: repeat-x, repeat-x;}
}