@charset "UTF-8";
html {
  line-height: 1; }

body {
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; }

a {
  display: inline-block; }
  a:hover {
    opacity: .7; }
    
.message-ttl img,
.company-ttl img,
.member-ttl img{
	width: 120px;
}
.works-ttl img{
    width: 88px;
}
.spBlock{
	display: block;	
}


img {
  vertical-align: top; }

.wrapper {
  width: 100%;
  max-width: 854px;
  margin: 0 auto; }
  @media (max-width: 870px) {
    .wrapper {
      padding: 0 18px; } }

.is-crevo {
  font-family: 'Cervo Neue';
  font-weight: 200; }

.footer {
  margin-top: 180px;
  padding: 44px 0 42px;
  background-color: #2B9E3B; }
  @media (max-width: 768px) {
	  
	  
.spBlock{
	display: none;	
}

    .footer {
      margin-top: 60px;
      padding: 30px 0; } }
  .footer-menus {
    display: flex;
    justify-content: center;
    list-style: none; }
  .footer-menu {
    font-size: 12px; }
    .footer-menu a {
      color: #fff;
      text-decoration: none; }
    .footer-menu:nth-child(n + 2) {
      margin-left: 25px; }
  .footer-logo {
    width: 100%;
    max-width: 93px;
    margin: 50px auto 0; }
    @media (max-width: 768px) {
      .footer-logo {
        margin-top: 30px; } }
    .footer-logo img {
      width: 100%; }
  .footer-copy {
    text-align: center;
    color: #fff;
    font-size: 11px;
    margin-top: 35px; }

.mv {
  position: relative;
  /*
  width: 100vw;
  height: 100vh;
  */ }
.mv {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
 
.mv iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  .mv-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover; }
  .mv-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.message {
  padding: 147px 0 141px; }
  @media (min-width: 769px) {
    .message {
      background-image: url(../images/message_bg@2x.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; } }
  @media (max-width: 768px) {
    .message {
      padding: 60px 0;
      background-color: #2B9E3B;
      background-image: url(../images/montain-sp.svg);
      background-position: bottom 40px center;
      background-repeat: no-repeat;
      background-size: contain; } }
  .message-inner {
    margin-top: 56px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .message-inner {
        flex-direction: column;
        margin-top: 30px; } }
  .message-txt {
    font-size: 14px;
    line-height: 2.4;
    font-weight: 400;
    color: #fff;
    font-weight: 400; }
    @media (max-width: 768px) {
      .message-txt {
        order: 2;
        margin-top: 30px; } }
  .message-img {
    width: 100%;
    max-width: 333px; }
    @media (max-width: 768px) {
      .message-img {
        max-width: none;
        margin-top: 20px;
        order: 1; } }
    .message-img img {
      width: 100%; }

.company {
  padding: 180px 0 0; }
  @media (max-width: 768px) {
    .company {
      padding: 60px 0 0; } }
  .company-table {
    margin-top: 66px;
    width: 100%; }
    @media (max-width: 768px) {
      .company-table {
        margin-top: 30px; } }
    .company-table td, .company-table th {
      font-size: 14px;
      line-height: 1.5; }
      @media (max-width: 768px) {
        .company-table td, .company-table th {
          font-size: 12px; } }
    .company-table th {
      width: 14%;
      padding: 5px 18px 5px 0;
      text-align: left;
      font-weight: 500; }
      @media (max-width: 768px) {
        .company-table th {
          width: 20%;
          padding: 5px 10px 5px 0;
          min-width: 72px; } }
    .company-table td {
      width: 86%;
      padding: 5px 0 5px 0;
      font-weight: 100; }
      @media (max-width: 768px) {
        .company-table td {
          width: 80%;
          padding: 5px 0 5px 0; } }

.works {
  padding-top: 180px; }
  @media (max-width: 768px) {
    .works {
      padding-top: 60px; } }
  .works-ttl {
    font-size: 32px; }
    @media (max-width: 768px) {
      .works-ttl {
        font-size: 24px; } }
  .works-table {
    width: 100%;
    margin-top: 66px; }
    @media (max-width: 768px) {
      .works-table {
        margin-top: 30px; } }
    .works-table th, .works-table td {
      font-size: 14px; }
      @media (max-width: 768px) {
        .works-table th, .works-table td {
          font-size: 12px; } }
    .works-table th {
      width: 14%;
      line-height: 1.428;
      text-align: left;
      font-weight: 500; }
      @media (max-width: 768px) {
        .works-table th {
          width: 20%; } }
    .works-table td {
      width: 86%;
      line-height: 2.4; }
      @media (max-width: 768px) {
        .works-table td {
          width: 80%;
          line-height: 1.8; } }
      .works-table td ul {
        list-style: none; }
      .works-table td li {
        position: relative;
        /*padding-left: 14px; */}
        @media (max-width: 768px) {
          .works-table td li {
            padding-top: 5px;
            padding-left: 12px; } }
        .works-table td li:before {
          /*content: "・";*/
          font-size: 14px;
          position: absolute;
          left: 0;
          top: 0; }
          @media (max-width: 768px) {
            .works-table td li:before {
              font-size: 12px;
              left: 0;
              top: 5px; } }
    .works-table tr:nth-child(n + 2) th, .works-table tr:nth-child(n + 2) td {
      padding-top: 56px; }

.member {
  padding-top: 165px; }
  @media (max-width: 768px) {
    .member {
      padding-top: 60px; } }
  .member-ttl {
    font-size: 32px;
    font-weight: 600; }
    @media (max-width: 768px) {
      .member-ttl {
        font-size: 24px; } }
  .member-inner {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none; }
    @media (max-width: 768px) {
      .member-inner {
        margin-top: 30px; } }
  .member-list {
    width: 46.83%;
    background-color: #2B9E3B;
    padding: 33px 32px 43px 32px;
    color: #fff; }
    @media (max-width: 768px) {
      .member-list {
        padding: 20px;
        width: 100%; } }
    .member-list:nth-child(n + 3) {
      margin-top: 53px; }
      @media (max-width: 768px) {
        .member-list:nth-child(n + 3) {
          margin-top: 0; } }
    @media (max-width: 768px) {
      .member-list:nth-child(n + 2) {
        margin-top: 20px; } }
  .member-name {
    font-size: 18px; }
    @media (max-width: 768px) {
      .member-name {
        font-size: 16px; } }
  .member-spell {
    font-size: 13px;
    margin-top: 9px;
    letter-spacing: .08em; }
    @media (max-width: 768px) {
      .member-spell {
        font-size: 12px; } }
  .member-position {
    margin-top: 47px;
    font-size: 13px;
    letter-spacing: .06em;
    position: relative; }
    @media (max-width: 768px) {
      .member-position {
        margin-top: 30px;
        font-size: 12px; } }
    .member-position:before {
      content: "";
      width: 13px;
      height: 1px;
      position: absolute;
      top: -25px;
      left: 0;
      background-color: #fff; }
      @media (max-width: 768px) {
        .member-position:before {
          top: -15px; } }