html {
  font-size: 62.5%; }

* {
  line-height: 1em;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body, h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd, ul, ol, li, blockquote, th, td, pre, form, fieldset, input, textarea {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

body {
  text-align: justify;
  text-justify: inter-ideograph;
  height: 100.5%;
  word-wrap: break-word; }

p, dd, li {
  word-break: normal; }

.left {
  text-align: left !important; }

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

.right {
  text-align: right !important; }

.none {
  display: none !important; }

.fleft {
  float: left; }

.fright {
  float: right; }

img {
  font-size: 0;
  line-height: 0; }

.accessibility {
  display: none; }

.android p,
.android dd {
  background: url(../images/common/bg_transparent.png); }

.android p,
.android dt,
.android dd,
.android div {
  max-height: 999999px; }

body.ios {
  -webkit-text-size-adjust: 100%; }

body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "-apple-system", "BlinkMacSystemFont", "Roboto", "Helvetica Neue", Arial, "Yu Gothic", YuGothic, Meiryo, "M+ 1p", sans-serif;
  color: #000; }

p,
li {
  line-height: 1.5;
  text-align: left; }

a {
  color: #000;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-decoration: none; }
  a:hover {
    color: #3F638C; }

main {
  display: block; }

.fwb {
  font-weight: bold; }

.font-noto {
  font-family: 'Noto Serif SC', serif; }

#toTop {
  position: absolute;
  top: 0; }

#ttl-container {
  height: 500px;
  background-size: cover;
  background-position: center;
  margin-top: 84px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  #ttl-container .ttlHead {
    padding: 25px 40px;
    background: rgba(255, 255, 255, 0.5);
    color: #262C4E;
    font-size: 30px;
    font-size: 3rem; }
    #ttl-container .ttlHead__item {
      display: flex;
      align-items: center; }
      #ttl-container .ttlHead__item img {
        height: 70px;
        padding-right: 15px; }
    #ttl-container .ttlHead__ttl {
      padding-right: 15px; }
    #ttl-container .ttlHead__sub {
      padding-right: 15px;
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold; }

.grid-container {
  max-width: 980px;
  width: 100%;
  margin: 0 auto; }
  @media only screen and (max-width: 1024px) {
    .grid-container {
      margin-right: 20px;
      margin-left: 20px;
      width: auto; } }
  @media only screen and (max-width: 480px) {
    .grid-container {
      margin-right: 10px;
      margin-left: 10px;
      width: auto; } }

.grid-l-container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }
  @media only screen and (max-width: 1200px) {
    .grid-l-container {
      margin-right: 20px;
      margin-left: 20px;
      width: auto; } }
  @media only screen and (max-width: 480px) {
    .grid-l-container {
      margin-right: 10px;
      margin-left: 10px;
      width: auto; } }

#site-header {
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  z-index: 10000;
  top: 0;
  width: 100%;
  height: 100px; }

#header-contents {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 30px;
  height: 100px; }

.site-logo {
  margin-bottom: 5px; }
  .site-logo__ttl img {
    width: 276px;
    height: 72px; }

.global-nav__list {
  display: flex; }
  .global-nav__list a {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 50px;
    padding-bottom: 4px;
    color: #000;
    border-bottom: 4px solid transparent;
    letter-spacing: .5px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    .global-nav__list a:hover {
      color: #380A14;
      border-bottom: 4px solid #380A14;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
    .global-nav__list a p {
      line-height: 1;
      font-weight: 500; }
.global-nav__item__about {
  width: 40px;
  height: 20px; }
.global-nav__item__member {
  width: 60px;
  height: 20px; }
.global-nav__item__access {
  width: 110px;
  height: 20px; }

#nav-trigger {
  display: none; }

#footer {
  background: #E5E5E5;
  color: #000;
  padding: 50px;
  text-align: center; }

p {
  font-family: 'Lora', serif; }

#home {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 90vh; }
  #home img {
    line-height: 0;
    width: 100%; }
  #home .home-main {
    height: 75vh;
    background-image: url("../images/common/main_sp.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    @media only screen and (max-width: 480px) {
      #home .home-main {
        background-size: 240%;
        background-position: 43% 80%; } }
    #home .home-main__logo {
      padding-top: 90px;
      width: 50%; }
      @media only screen and (max-width: 960px) {
        #home .home-main__logo {
          width: 60%; } }
      @media only screen and (max-width: 768px) {
        #home .home-main__logo {
          padding-top: 35px; } }
      @media only screen and (max-width: 480px) {
        #home .home-main__logo {
          padding-top: 25px;
          width: 80%; } }
  #home .home-footer {
    width: 100%;
    height: 15vh;
    position: absolute;
    bottom: 0;
    background: #fff; }
    @media only screen and (max-width: 480px) {
      #home .home-footer {
        height: auto; } }
    #home .home-footer::before {
      content: ' ';
      display: block;
      position: absolute;
      width: 100%;
      height: 100px;
      top: -100px;
      background: -moz-linear-gradient(top, transparent, #fff);
      background: -webkit-linear-gradient(top, transparent, #fff);
      background: linear-gradient(to bottom, transparent, #fff); }
      @media only screen and (max-width: 480px) {
        #home .home-footer::before {
          height: 50px;
          top: -50px; } }
    #home .home-footer__txt {
      padding: 0 0 40px;
      width: 100%;
      font-family: 'Lora', serif; }
      @media only screen and (max-width: 480px) {
        #home .home-footer__txt {
          padding-bottom: 20px; } }
    #home .home-footer__btn {
      display: flex;
      justify-content: space-between;
      padding: 25px 0 50px; }
      @media only screen and (max-width: 768px) {
        #home .home-footer__btn {
          justify-content: space-around; } }
      @media only screen and (max-width: 480px) {
        #home .home-footer__btn {
          flex-direction: column;
          padding: 25px 0 30px; }
          #home .home-footer__btn a {
            margin: 0 auto 15px; } }
      #home .home-footer__btn button {
        display: block;
        width: 400px;
        padding: 20px 0;
        border-radius: 35px;
        border: none;
        color: #fff;
        background: #380A14;
        cursor: pointer;
        font-size: 24px;
        font-size: 2.4rem;
        box-shadow: 0 1.4px 1.8px rgba(0, 0, 0, 0.032), 0 5.2px 4.4px rgba(0, 0, 0, 0.043), 0 13.1px 9px rgba(0, 0, 0, 0.15), 0 29.3px 18.6px rgba(0, 0, 0, 0.057), 0 100px 51px rgba(0, 0, 0, 0.07);
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease; }
        #home .home-footer__btn button:hover {
          background: #AF1E25;
          box-shadow: 0 1.4px 1.8px rgba(0, 0, 0, 0.042), 0 5.2px 4.4px rgba(0, 0, 0, 0.053), 0 13.1px 9px rgba(0, 0, 0, 0.16), 0 29.3px 18.6px rgba(0, 0, 0, 0.067), 0 100px 51px rgba(0, 0, 0, 0.08); }
        @media only screen and (max-width: 960px) {
          #home .home-footer__btn button {
            width: 350px; } }
        @media only screen and (max-width: 768px) {
          #home .home-footer__btn button {
            font-size: 16px;
            font-size: 1.6rem;
            width: 220px; } }
        @media only screen and (max-width: 480px) {
          #home .home-footer__btn button {
            width: 340px;
            font-size: 18px;
            font-size: 1.8rem; } }

#page h1 {
  margin-top: 25px;
  margin-bottom: 5px;
  width: 40%;
  max-width: 300px; }
  @media only screen and (max-width: 480px) {
    #page h1 {
      margin-top: 15px; } }
  @media only screen and (max-width: 380px) {
    #page h1 {
      margin-top: 10px; } }
  #page h1 img {
    width: 100%; }
#page .page {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90vh;
  min-height: 90vh; }
  #page .page-content__last {
    margin-top: 30px; }
  #page .page__img {
    position: relative;
    margin-bottom: 10px; }
    #page .page__img img {
      width: 100%;
      display: block; }
    #page .page__img__link {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      display: flex; }
      #page .page__img__link a {
        height: 100%;
        width: 50%;
        color: transparent; }
  #page .page__link {
    position: relative;
    z-index: 10; }
#page .pagenation {
  margin-top: 10px;
  text-align: center;
  margin-bottom: 30px; }
  #page .pagenation__bar {
    margin-top: 10px;
    display: flex;
    justify-content: center; }
    #page .pagenation__bar a {
      display: block;
      height: 12px;
      width: 100%;
      background: #ccc;
      color: transparent; }
      #page .pagenation__bar a.current {
        background: #380A14; }
      #page .pagenation__bar a:first-child {
        border-radius: 6px 0 0 6px; }
      #page .pagenation__bar a:last-child {
        border-radius: 0 6px 6px 0; }
  #page .pagenation__btn {
    justify-content: space-between;
    display: flex;
    position: relative; }
    #page .pagenation__btn button {
      position: relative;
      z-index: 100;
      margin-top: 10px;
      display: block;
      width: 80px;
      padding: 10px 0;
      border-radius: 25px;
      border: none;
      color: #fff;
      background: #380A14;
      cursor: pointer;
      font-size: 20px;
      font-size: 2rem;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease; }
      #page .pagenation__btn button:hover {
        background: #AF1E25; }
      @media only screen and (max-width: 960px) {
        #page .pagenation__btn button {
          width: 80px; } }
      @media only screen and (max-width: 768px) {
        #page .pagenation__btn button {
          font-size: 16px;
          font-size: 1.6rem;
          width: 80px; } }
      @media only screen and (max-width: 480px) {
        #page .pagenation__btn button {
          width: 80px; } }
    #page .pagenation__btn button.lastbtn {
      width: auto;
      padding-left: 20px;
      padding-right: 20px; }
      #page .pagenation__btn button.lastbtn-home {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%); }
  #page .pagenation p {
    text-align: center; }
  #page .pagenation img {
    width: 100%;
    height: 11px; }

#explanetion {
  position: relative; }
  @media only screen and (max-width: 480px) {
    #explanetion {
      padding-bottom: 40px; } }
  #explanetion img {
    width: 100%; }
  #explanetion p {
    font-size: 16px;
    font-size: 1.6rem; }
    @media only screen and (max-width: 480px) {
      #explanetion p {
        font-size: 14px;
        font-size: 1.4rem; } }
  #explanetion::before {
    content: " ";
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg, #5A0008, #9D0C1B); }
  #explanetion::after {
    content: " ";
    display: block;
    position: relative;
    bottom: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg, #5A0008, #9D0C1B); }
    @media only screen and (max-width: 480px) {
      #explanetion::after {
        position: absolute; } }
  #explanetion p {
    margin: 45px 0;
    line-height: 2; }
    @media only screen and (max-width: 1024px) {
      #explanetion p {
        margin: 30px 0; } }
    @media only screen and (max-width: 480px) {
      #explanetion p {
        margin: 15px 0; } }
  #explanetion .content__logo {
    margin: 70px 0;
    width: 50%; }
    @media only screen and (max-width: 1024px) {
      #explanetion .content__logo {
        margin: 50px 0;
        width: 60%; } }
    @media only screen and (max-width: 768px) {
      #explanetion .content__logo {
        margin: 35px 0; } }
    @media only screen and (max-width: 480px) {
      #explanetion .content__logo {
        margin: 20px 0;
        width: 80%; } }
  #explanetion .content__desc {
    padding-bottom: 45px;
    border-bottom: 1px solid #000; }
    @media only screen and (max-width: 1024px) {
      #explanetion .content__desc {
        padding-bottom: 30px; } }
    @media only screen and (max-width: 480px) {
      #explanetion .content__desc {
        padding-bottom: 15px; } }
  #explanetion .content__cmnt {
    padding: 20px 30px;
    background: #e7e4e4; }
    @media only screen and (max-width: 1024px) {
      #explanetion .content__cmnt {
        padding-bottom: 20px; } }
  #explanetion button {
    position: relative;
    z-index: 100;
    display: block;
    width: 80px;
    padding: 10px 0;
    border-radius: 25px;
    border: none;
    color: #fff;
    background: #380A14;
    cursor: pointer;
    font-size: 20px;
    font-size: 2rem;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    margin: 45px 0; }
    @media only screen and (max-width: 1024px) {
      #explanetion button {
        margin: 30px 0; } }
    @media only screen and (max-width: 480px) {
      #explanetion button {
        margin: 15px 0; } }
    #explanetion button:hover {
      background: #AF1E25; }
    @media only screen and (max-width: 960px) {
      #explanetion button {
        width: 80px; } }
    @media only screen and (max-width: 768px) {
      #explanetion button {
        font-size: 16px;
        font-size: 1.6rem;
        width: 80px; } }
    @media only screen and (max-width: 480px) {
      #explanetion button {
        width: 80px; } }

/*# sourceMappingURL=style.css.map */