@charset "UTF-8";
/*------------------------------------------------------*/
/*  reset */
/*------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

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

fieldset, img {
  border: 0; }

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

li {
  list-style: none; }

caption, th {
  text-align: left; }

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

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

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #000; }

table {
  width: 100%; }

*,
::before,
::after {
  border-style: solid;
  border-width: 0; }

:root {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media screen {
  [hidden~="screen"] {
    display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important; } }

img {
  vertical-align: bottom; }

.clearfix:after,
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix, * html .cf {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix, *:first-child + html .cf {
  zoom: 1; }

/* IE7 */
/*------------------------------------------------------*/
/* noneImages */
/*------------------------------------------------------*/
.noneImages {
  display: none; }

.nf-message {
  display: none; }

* {
  -webkit-appearance: none; }

/*------------------------------------------------------*/
/*  base */
/*------------------------------------------------------*/
html {
  height: 100%;
  font-size: 62.5%; }

body {
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: 'Noto Serif JP', -apple-system, BlinkMacSystemFont, serif;
  color: #fff;
  background: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600; }
  body a {
    color: #fff;
    text-decoration: none; }

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.page {
  position: relative; }

::-moz-selection {
  background: #333;
  color: #fff; }

::selection {
  background: #333;
  color: #fff; }

::-moz-selection {
  background: #333;
  color: #fff; }

.alphaBtn:hover {
  cursor: pointer; }

.layout {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0; }

#wrapper {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 2.5rem;
  text-align: center;
  background: url(../image/common/bg.jpg) repeat 0 0;
  background-size: 1600px 3584px;
  max-width: 2000px; }
  @media screen and (max-width: 950px) {
    #wrapper {
      background: url(../image/common/bg_sp.png) repeat 0 0;
      background-size: 378px 1092px;
      padding-right: 0 !important;
      padding-top: 84px; } }
  #wrapper.top {
    display: none; }

#container {
  position: relative; }

.section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end; }
  .section-title > p {
    width: 64px;
    height: 64px;
    margin-right: 0;
    background: #fff;
    position: relative; }
    .section-title > p > img {
      position: absolute;
      left: 50%;
      top: 50%;
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%); }
  @media screen and (max-width: 950px) {
    .section-title {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-justify-content: flex-start;
      height: 84px;
      position: relative;
      z-index: 1; }
      .section-title > p {
        width: 84px;
        height: 84px;
        position: absolute;
        top: 42px; } }

.foot {
  width: 100%;
  height: 64px;
  position: relative;
  margin-top: 64px; }
  .foot-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end; }
  .foot-copy {
    width: 192px;
    height: 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 64px;
    letter-spacing: 0.04em;
    background: #000; }
  .foot-pagetop {
    width: 64px;
    height: 64px;
    background: #fff;
    position: relative;
    cursor: pointer; }
    .foot-pagetop::before {
      content: '';
      width: 100%;
      height: 0;
      background: #e4e4e4;
      position: absolute;
      left: 0;
      bottom: 0;
      -webkit-transition: all 0.1s ease-out 0s;
      -o-transition: all 0.1s ease-out 0s;
      transition: all 0.1s ease-out 0s; }
    .foot-pagetop > img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
    @media screen and (min-width: 751px) {
      .foot-pagetop:hover::before {
        height: 100%; } }
  @media screen and (max-width: 950px) {
    .foot {
      margin-top: 35px;
      height: 84px; }
      .foot-main {
        margin-left: 42px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-items: flex-end; }
      .foot-copy {
        width: 168px;
        height: 42px;
        line-height: 42px; }
      .foot-pagetop {
        width: 84px;
        height: 84px; } }

@media screen and (min-width: 1161px) {
  .cont-min1051 {
    display: inline-block; } }

@media screen and (max-width: 1160px) {
  .cont-min1051 {
    display: none !important; } }

@media screen and (min-width: 1161px) {
  .cont-max1050 {
    display: none !important; } }

@media screen and (max-width: 1160px) {
  .cont-max1050 {
    display: inline-block; } }

@media screen and (min-width: 951px) {
  .cont-min951 {
    display: inline-block; } }

@media screen and (max-width: 950px) {
  .cont-min951 {
    display: none !important; } }

@media screen and (min-width: 951px) {
  .cont-max950 {
    display: none !important; } }

@media screen and (max-width: 950px) {
  .cont-max950 {
    display: inline-block; } }

@media screen and (min-width: 851px) {
  .cont-min851 {
    display: inline-block; } }

@media screen and (max-width: 850px) {
  .cont-min851 {
    display: none !important; } }

@media screen and (min-width: 851px) {
  .cont-max850 {
    display: none !important; } }

@media screen and (max-width: 850px) {
  .cont-max850 {
    display: inline-block; } }

@media screen and (min-width: 751px) {
  .cont-min751 {
    display: inline-block; } }

@media screen and (max-width: 750px) {
  .cont-min751 {
    display: none !important; } }

@media screen and (min-width: 751px) {
  .cont-max750 {
    display: none !important; } }

@media screen and (max-width: 750px) {
  .cont-max750 {
    display: inline-block; } }

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

@media screen and (max-width: 486px) {
  .cont-sp {
    display: inline-block; } }

@media screen and (min-width: 487px) {
  .cont-pc {
    display: inline-block; } }

@media screen and (max-width: 486px) {
  .cont-pc {
    display: none !important; } }

/*------------------------------------------------------*/
/*  main */
/*------------------------------------------------------*/
.main {
  width: 100%;
  height: 704px;
  position: relative; }
  .main::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../image/main_cover.png) repeat 0 0;
    background-size: 1216px 704px; }
  @media screen and (max-width: 950px) {
    .main {
      height: 1050px; }
      .main::after {
        background: url(../image/main_cover_sp.png) repeat 0 0;
        background-size: 1000px 1050px; } }

/*------------------------------------------------------*/
/*  about */
/*------------------------------------------------------*/
.about {
  position: relative; }
  @media screen and (min-width: 951px) {
    .about-main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 512px; } }
  .about-main > .photo {
    width: calc(100% - 384px);
    position: relative; }
    .about-main > .photo::before {
      content: '';
      display: block;
      padding-top: 512px; }
    .about-main > .photo > img {
      position: absolute;
      left: 0;
      top: 0;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
      height: 100%; }
    .about-main > .photo::after {
      content: '';
      width: 100%;
      position: absolute;
      height: 100%;
      left: 0;
      top: 0;
      background: url(../image/about/cover.png) repeat 0 0;
      background-size: 832px 512px; }
  .about-main > .text {
    width: 384px;
    height: 512px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px 0 58px;
    color: #000;
    background: #fff;
    position: relative; }
    .about-main > .text > .text-main {
      width: 100%;
      position: relative;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%); }
      .about-main > .text > .text-main > .jp {
        font-size: 1.25rem;
        line-height: 28px;
        margin-bottom: 37px; }
        .about-main > .text > .text-main > .jp > p {
          margin-bottom: 15px; }
          .about-main > .text > .text-main > .jp > p:last-of-type {
            margin-bottom: 0; }
      .about-main > .text > .text-main > .en {
        font-family: 'Raleway';
        font-weight: 500;
        font-size: 1.1rem;
        line-height: 23px;
        letter-spacing: 0.02em; }
  @media screen and (max-width: 950px) {
    .about-main > .photo {
      width: 100%; }
      .about-main > .photo::before {
        padding-top: 252px; }
      .about-main > .photo::after {
        background: url(../image/about/cover_sp.png) repeat 0 0;
        background-size: 378px 252px; }
    .about-main > .text {
      width: 100%;
      height: 462px;
      padding: 0 36px; } }
  @media screen and (max-width: 486px) {
    .about-main > .text {
      padding: 0 20px; }
      .about-main > .text > .text-main > .jp {
        font-size: 1.1rem; } }

/*------------------------------------------------------*/
/*  member */
/*------------------------------------------------------*/
.member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  padding-left: 64px;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  @media screen and (max-width: 950px) {
    .member-list {
      margin: 0 auto;
      padding-left: 42px; } }
  .member-list > .item {
    width: 256px;
    height: 576px; }
    .member-list > .item:nth-child(odd) {
      background: #1d1d1d;
      color: #fff; }
    .member-list > .item:nth-child(even) {
      background: #fff;
      color: #000; }
    .member-list > .item > .photo {
      width: 100%;
      position: relative; }
      .member-list > .item > .photo::before {
        content: '';
        width: 100%;
        padding-top: 100%;
        display: block; }
      .member-list > .item > .photo > img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -o-object-fit: cover;
        object-fit: cover; }
      .member-list > .item > .photo::after {
        content: '';
        width: 100%;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        background: url(../image/about/cover.png) repeat 0 0;
        background-size: 832px 512px; }
    .member-list > .item > .profile {
      text-align: left;
      padding: 57px 27px 10px 27px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .member-list > .item > .profile > .name {
        font-family: 'Raleway';
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 23px;
        letter-spacing: 0.02em;
        margin-bottom: 20px; }
      .member-list > .item > .profile > .text {
        font-size: 1.1rem;
        line-height: 25px;
        padding-left: 6px; }
    @media screen and (max-width: 950px) {
      .member-list > .item {
        width: 100%;
        height: auto; }
        .member-list > .item > .photo::before {
          padding-top: 336px; }
        .member-list > .item > .photo::after {
          background: url(../image/about/cover_sp.png) repeat 0 0;
          background-size: 378px 252px; }
        .member-list > .item > .profile {
          height: 210px;
          padding: 35px 30px 10px 30px; }
          .member-list > .item > .profile > .name {
            margin-bottom: 15px; }
          .member-list > .item > .profile > .text {
            padding-left: 0; } }
    @media screen and (max-width: 486px) {
      .member-list > .item > .photo::before {
        padding-top: 168px; } }

/*------------------------------------------------------*/
/*  contact */
/*------------------------------------------------------*/
.contact {
  position: relative; }
  .contact::before {
    content: '';
    width: calc(100% - 192px);
    height: calc(100% - 64px);
    position: absolute;
    left: 64px;
    top: 64px;
    background: #000;
    opacity: 0.7; }
  .contact-lead {
    width: 512px;
    height: 128px;
    position: relative;
    background: #000; }
    .contact-leadwrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-justify-content: flex-end; }
    .contact-lead > div {
      position: relative;
      padding-left: 62px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: left; }
      .contact-lead > div > .jp {
        font-size: 1.1rem;
        letter-spacing: 0.03em;
        margin-bottom: 5px; }
      .contact-lead > div > .en {
        font-family: 'Raleway';
        font-weight: 500;
        font-size: 1.1rem;
        line-height: 23px;
        letter-spacing: 0.04em; }
  .contact-main {
    position: relative;
    padding-left: 64px;
    padding-right: 128px;
    text-align: left; }
    .contact-main > div > form > dl {
      height: 64px; }
      @media screen and (min-width: 951px) {
        .contact-main > div > form > dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      .contact-main > div > form > dl:last-of-type {
        height: 256px; }
      .contact-main > div > form > dl > dt {
        width: 192px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Raleway';
        font-weight: 500;
        font-size: 1.2rem;
        letter-spacing: 0.04em;
        padding-left: 86px;
        padding-top: 21px; }
      .contact-main > div > form > dl > dd {
        width: calc(100% - 192px); }
  .contact-submit {
    margin-top: 64px;
    margin-left: 192px;
    width: 192px;
    position: relative;
    cursor: pointer; }
    .contact-submit::after {
      content: '';
      width: 26px;
      height: 19px;
      position: absolute;
      left: 146px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: url(../image/common/icon5.svg) no-repeat 0 0;
      background-size: contain; }
  .contact-comp {
    position: relative;
    height: 256px;
    text-align: center; }
    .contact-comp > p {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 2.0rem; }
    @media screen and (max-width: 950px) {
      .contact-comp {
        height: 168px; } }
  @media screen and (max-width: 950px) {
    .contact {
      padding-bottom: 126px; }
      .contact::before {
        width: 100%;
        height: calc(100% - 42px);
        left: 0;
        top: 42px; }
      .contact-lead {
        width: 100%;
        padding-top: 84px;
        background: transparent;
        height: 126px; }
        .contact-lead > div {
          padding: 0 42px; }
      .contact-main {
        position: relative;
        padding-left: 42px;
        padding-right: 0px;
        text-align: left; }
        .contact-main > div > form > dl {
          height: 84px; }
          .contact-main > div > form > dl:last-of-type {
            height: 210px; }
          .contact-main > div > form > dl > dt {
            width: auto;
            padding-left: 0px;
            padding-top: 16px;
            height: 42px;
            overflow: hidden;
            font-size: 1.1rem; }
          .contact-main > div > form > dl > dd {
            width: 100%;
            height: 42px;
            position: relative; }
          .contact-main > div > form > dl:nth-child(1) > dd::before {
            content: '';
            width: 210px;
            height: 42px;
            background: #f5f5f5;
            position: absolute;
            left: 0;
            top: 0; }
          .contact-main > div > form > dl:nth-child(2) > dd::before {
            content: '';
            width: 252px;
            height: 42px;
            background: #ededed;
            position: absolute;
            left: 0;
            top: 0; }
          .contact-main > div > form > dl:nth-child(3) > dd::before {
            content: '';
            width: 294px;
            height: 42px;
            background: #e4e4e4;
            position: absolute;
            left: 0;
            top: 0; }
          .contact-main > div > form > dl:nth-child(4) > dd {
            height: 168px; }
            .contact-main > div > form > dl:nth-child(4) > dd::before {
              content: '';
              width: 100%;
              height: 100%;
              background: #fff;
              position: absolute;
              left: 0;
              top: 0; }
      .contact-submit {
        margin-top: 42px;
        margin-left: 0;
        width: 168px;
        position: relative;
        cursor: pointer;
        background: #fff; }
        .contact-submit::after {
          left: 114px; } }

.input-text {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.6rem;
  padding: 0 16px;
  height: 64px;
  position: relative; }
  .input-text1 {
    width: 320px;
    background: #f5f5f5; }
  .input-text2 {
    width: 448px;
    background: #ededed; }
  .input-text3 {
    width: 512px;
    background: #e4e4e4; }

.input-textarea {
  width: 100%;
  height: 256px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: 1.6rem;
  line-height: 26px;
  position: relative; }

.input-submit {
  display: block;
  width: 192px;
  height: 64px;
  font-family: 'Raleway';
  font-weight: 700;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5rem;
  padding-left: 50px;
  position: relative;
  cursor: pointer; }

@media screen and (max-width: 950px) {
  .input-text {
    height: 42px; }
    .input-text1 {
      width: 210px; }
    .input-text2 {
      width: 252px; }
    .input-text3 {
      width: 294px; }
  .input-textarea {
    height: 168px; }
  .input-submit {
    display: block;
    width: 168px;
    height: 84px;
    background: #fff;
    padding-left: 42px; } }

/*------------------------------------------------------*/
/*  head */
/*------------------------------------------------------*/
.nav {
  position: fixed;
  background: #000;
  height: 100%;
  top: 0;
  right: 0;
  -webkit-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
  z-index: 10; }
  .nav-logo {
    width: 26px;
    height: 251px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    .nav-logo > img {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0; }
      .nav-logo > img.logo1 {
        display: block; }
      .nav-logo > img.logo2 {
        display: none; }
  .nav-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: 0;
    display: none; }
    .nav-arrow > p {
      width: 4px;
      height: 4px;
      position: absolute;
      background: #fff;
      -webkit-transition: all 0.1s ease-out 0s;
      -o-transition: all 0.1s ease-out 0s;
      transition: all 0.1s ease-out 0s; }
      .nav-arrow > p::after {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        position: absolute;
        background: #000; }
      .nav-arrow > p.arrow-tl {
        left: 0;
        top: 0; }
        .nav-arrow > p.arrow-tl::after {
          left: -4px;
          top: -4px; }
      .nav-arrow > p.arrow-tr {
        right: 0;
        top: 0; }
        .nav-arrow > p.arrow-tr::after {
          right: -4px;
          top: -4px; }
      .nav-arrow > p.arrow-bl {
        left: 0;
        bottom: 0; }
        .nav-arrow > p.arrow-bl::after {
          left: -4px;
          bottom: -4px; }
      .nav-arrow > p.arrow-br {
        right: 0;
        bottom: 0; }
        .nav-arrow > p.arrow-br::after {
          right: -4px;
          bottom: -4px; }
  .nav.-open {
    background: #fff; }
    .nav.-open .nav-logo > img.logo1 {
      display: none; }
    .nav.-open .nav-logo > img.logo2 {
      display: block; }
    .nav.-open .nav-arrow > p {
      background: #000; }
  @media screen and (max-width: 950px) {
    .nav {
      width: 100% !important;
      height: 84px; }
      .nav-logo {
        width: calc(100% - 52px);
        height: 23px;
        position: absolute;
        left: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-bottom: 0; }
        .nav-logo > img {
          width: 217px; }
      .nav-arrow {
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        left: auto;
        margin-left: 0;
        top: 50%;
        margin-top: -6px;
        display: none; }
        .nav-arrow > p {
          width: 3px;
          height: 3px;
          position: absolute;
          background: #fff;
          -webkit-transition: all 0.1s ease-out 0s;
          -o-transition: all 0.1s ease-out 0s;
          transition: all 0.1s ease-out 0s; }
          .nav-arrow > p::after {
            content: '';
            display: block;
            width: 3px;
            height: 3px;
            position: absolute;
            background: #000; }
          .nav-arrow > p.arrow-tl {
            left: 0;
            top: 0; }
            .nav-arrow > p.arrow-tl::after {
              left: -3px;
              top: -3px; }
          .nav-arrow > p.arrow-tr {
            right: 0;
            top: 0; }
            .nav-arrow > p.arrow-tr::after {
              right: -3px;
              top: -3px; }
          .nav-arrow > p.arrow-bl {
            left: 0;
            bottom: 0; }
            .nav-arrow > p.arrow-bl::after {
              left: -3px;
              bottom: -3px; }
          .nav-arrow > p.arrow-br {
            right: 0;
            bottom: 0; }
            .nav-arrow > p.arrow-br::after {
              right: -3px;
              bottom: -3px; }
      .nav.-open {
        background: #fff; }
        .nav.-open .nav-logo > img.logo1 {
          display: none; }
        .nav.-open .nav-logo > img.logo2 {
          display: block; }
        .nav.-open .nav-arrow > p {
          background: #000; } }

.navigation {
  width: 100%;
  height: 100%; }

/*------------------------------------------------------*/
/*  static */
/*------------------------------------------------------*/
.-left {
  text-align: left; }

.-center {
  text-align: center; }

.-right {
  text-align: right; }

h1 {
  font-size: 3.0rem; }

h2 {
  font-size: 2.4rem; }

h3 {
  font-size: 1.8rem; }

h4 {
  font-size: 1.4rem; }

h5 {
  font-size: 1.2rem; }

h6 {
  font-size: 1.0rem; }

.section-block {
  width: 86.6%;
  max-width: 1120px;
  margin: 0 auto; }

.-mw1000 {
  max-width: 1000px; }

.-mw950 {
  max-width: 950px; }

.-mw900 {
  max-width: 900px; }

.-mw850 {
  max-width: 850px; }

.-mw800 {
  max-width: 800px; }

.-mw750 {
  max-width: 750px; }

.-mw700 {
  max-width: 700px; }

.font10 {
  font-size: 1.0rem;
  line-height: 1.6rem; }

.font12 {
  font-size: 1.2rem;
  line-height: 1.8rem; }

.font14 {
  font-size: 1.4rem;
  line-height: 2.0rem; }

.font16 {
  font-size: 1.6rem;
  line-height: 2.2rem; }

.font18 {
  font-size: 1.8rem;
  line-height: 2.4rem; }

.fw100 {
  font-weight: 100; }

.fw200 {
  font-weight: 200; }

.fw300 {
  font-weight: 300; }

.fw400 {
  font-weight: 400; }

.fw500 {
  font-weight: 500; }

.fw600 {
  font-weight: 600; }

.fw700 {
  font-weight: 700; }

.fw800 {
  font-weight: 800; }

.fw900 {
  font-weight: 900; }

.fontp {
  font-family: 'Poppins', 'メイリオ', Maryo;
  font-weight: 500; }

.font-blue {
  color: #035b90; }

.font-gray {
  color: #2d2d2d; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

.mb45 {
  margin-bottom: 45px; }

.mb50 {
  margin-bottom: 50px; }

.mb55 {
  margin-bottom: 55px; }

.mb60 {
  margin-bottom: 60px; }

.mb65 {
  margin-bottom: 65px; }

.mb70 {
  margin-bottom: 70px; }

.mb75 {
  margin-bottom: 75px; }

.mb80 {
  margin-bottom: 80px; }

.mb85 {
  margin-bottom: 85px; }

.mb90 {
  margin-bottom: 90px; }

.mb95 {
  margin-bottom: 95px; }

.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

.mt45 {
  margin-top: 45px; }

.mt50 {
  margin-top: 50px; }

.mt55 {
  margin-top: 55px; }

.mt60 {
  margin-top: 60px; }

.mt65 {
  margin-top: 65px; }

.mt70 {
  margin-top: 70px; }

.mt75 {
  margin-top: 75px; }

.mt80 {
  margin-top: 80px; }

.mt85 {
  margin-top: 85px; }

.mt90 {
  margin-top: 90px; }

.mt95 {
  margin-top: 95px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml30 {
  margin-left: 30px; }

.ml35 {
  margin-left: 35px; }

.ml40 {
  margin-left: 40px; }

.ml45 {
  margin-left: 45px; }

.ml50 {
  margin-left: 50px; }

.ml55 {
  margin-left: 55px; }

.ml60 {
  margin-left: 60px; }

.ml65 {
  margin-left: 65px; }

.ml70 {
  margin-left: 70px; }

.ml75 {
  margin-left: 75px; }

.ml80 {
  margin-left: 80px; }

.ml85 {
  margin-left: 85px; }

.ml90 {
  margin-left: 90px; }

.ml95 {
  margin-left: 95px; }

.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr25 {
  margin-right: 25px; }

.mr30 {
  margin-right: 30px; }

.mr35 {
  margin-right: 35px; }

.mr40 {
  margin-right: 40px; }

.mr45 {
  margin-right: 45px; }

.mr50 {
  margin-right: 50px; }

.mr55 {
  margin-right: 55px; }

.mr60 {
  margin-right: 60px; }

.mr65 {
  margin-right: 65px; }

.mr70 {
  margin-right: 70px; }

.mr75 {
  margin-right: 75px; }

.mr80 {
  margin-right: 80px; }

.mr85 {
  margin-right: 85px; }

.mr90 {
  margin-right: 90px; }

.mr95 {
  margin-right: 95px; }

.pt0 {
  padding-top: 0 !important; }

.pd10 {
  padding: 10px; }

.-w10p {
  width: 10%; }

.-w15p {
  width: 15%; }

.-w20p {
  width: 20%; }

.-w25p {
  width: 25%; }

.-w30p {
  width: 30%; }

.-w35p {
  width: 35%; }

.-w40p {
  width: 40%; }

.-w45p {
  width: 45%; }

.-w50p {
  width: 50%; }

.-w55p {
  width: 55%; }

.-w60p {
  width: 60%; }

.-w65p {
  width: 65%; }

.-w70p {
  width: 70%; }

.-w75p {
  width: 75%; }

.-w80p {
  width: 80%; }

.-w85p {
  width: 85%; }

.-w90p {
  width: 90%; }

.-w95p {
  width: 95%; }