@media screen ,print {
  body {
      margin: 0;
    }

    /* fonts */
    .futura {
      font-family: futura-pt, sans-serif;
      font-weight: 500;
      font-style: normal;
    }

    .eaves {
      font-family: mr-eaves-modern, sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 1.4em;
    }

    .a-otf-h {
      font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
      font-weight: 600;
      font-style: normal;
    }

    .center {
      text-align: center;
    }

    header {
      width: 100%;
      height: 700px;
    }

    nav {
      height: 64px;
      background: #333333aa;
      z-index: 3;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
    }

    #btn-sp-menu {
      display: none;
    }

    nav>ul {
      margin: 0;
      display: table;
      table-layout: fixed;
      max-width: 1080px;
      width: 100%;
      text-align: center;
    }

    nav>ul>li {
      display: table-cell;
      /* width: 15%; */
      line-height: 64px;
      vertical-align: top;
    }

    h1 {
      display: inline;
    }

    nav>ul>li>a {
      text-decoration: none;
      color: #fff;
      display: block;
      width: 100%;
      height: 64px;
    }

    nav>ul>li.logo {
      width: 20%;
    }

    img {
      height: 64px;
    }

    .slider {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 700px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      z-index: -1;
    }

    .slider:not(:first-child) {
      display: none;
    }

    .header-wrap p {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      margin: 0;
      z-index: 2;
      line-height: 700px;
      text-align: center;
      font-size: 3rem;
      font-weight: bold;
      color: white;
      background-color: #44444444;
    }

    .bg-fixed {
      background-attachment: fixed;
    }

    .bg-bl {
      background: #333;
      color: #fff;
    }

    .bg-wh {
      background: #fff;
    }

    .bg-image {
      background-size: cover;
      background-position: center;
    }

    #bg-img-strux {
      background-image: url("../img/bg-strux-gr.png");
    }

    #bg-img-mgzn {
      background-image: url("../img/bg-mgzn-gr.png");
    }

    #bg-img-book {
      background-image: url("../img/bg-book-gr.png");
    }

    #bg-img-speakee {
      background-image: url("../img/bg-speakee-gr.png");
    }

    #bg-img-strux:hover,
    #bg-img-strux-col {
      background-image: url("../img/bg-strux.jpg");
    }

    #bg-img-mgzn:hover {
      background-image: url("../img/bg-mgzn.png");
    }

    #bg-img-book:hover,
    #bg-img-book-col {
      background-image: url("../img/bg-book.jpg");
    }

    #bg-img-speakee:hover {
      background-image: url("../img/bg-speakee.png");
    }

    #bg-img-sea:hover,
    #bg-img-sea-col {
      background-image: url(../img/bg-sea.jpg);
    }

    #bg-img-sea {
      background-image: url(../img/bg-sea-gr.jpg);
    }

    #bg-img-media:hover,
    #bg-img-media-col {
      background-image: url(../img/bg-media.png);
    }

    #bg-img-media {
      background-image: url(../img/bg-media-gr.png);
    }

    /* hero用 */

    #bg-img-2 {
      background-image: url("../img/bg-hero1.jpg");
    }

    #bg-img-4 {
      background-image: url("../img/bg-hero2.png");
    }


    .container {
      width: 80%;
      min-width: 800px;
      margin: 150px auto;
    }

    p.title {
      font-size: 2rem;
      font-weight: bold;

    }

    .wrapper h2 {
      line-height: 60px;
      width: 100%;
      margin: 0;
      text-align: center;
      background: #444;
      color: #fff;
    }

    .footer-wrap-2 p {
      text-align: center;
      line-height: 60px;
      margin: 0;
    }

    .clearfix:after {
      content: '';
      display: block;
      clear: both;
    }

    .float-50pct li {
      float: left;
      margin: 0;
      width: 50%;
      list-style: none;
      height: 450px;
    }

    .float-50pct li a {
      /* padding: 30px 0; */
      display: block;
      width: 100%;
      height: 100%;
      position: relative;
      text-decoration: none;
      color: #fff;
    }

    .float-50pct-ctt {
      position: absolute;
      height: 130px;
      bottom: 0;
      width: 100%;
      background: #444444aa;
    }

    .float-50pct-ctt p,
    .float-50pct-ctt h3 {
      height: 65px;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .float-50pct-ctt::after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      border-top: 15px solid transparent;
      border-left: 15px solid transparent;
      border-right: 15px solid #e50011aa;
      border-bottom: 15px solid #e50011aa;
    }

    /* .float-50pct li h3 {
    margin: 0;
  } */

    .float-50pct li p,
    .float-50pct li h3 {
      text-align: center;
    }

    .float-50pct {
      padding: 0;
      margin: 0;
    }

    .float-50pct-info {
      float: left;
      width: 50%;
      height: 450px;
    }

    .btn-to-top {

      z-index: 3;
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 50px;
      right: 50px;
      border-radius: 50%;
      background: #e53a46;
      box-shadow: 0 2px 5px #555;
    }

    #btn-to-top {
      display: none;
    }

    .btn-to-top a {
      text-decoration: none;
      display: block;
      font-size: 40px;
      line-height: 60px;
      border-radius: 50%;
      text-align: center;
      width: 100%;
      color: #fff;
    }

    /* table */
    .tb-subline {
      border-spacing: 10px 0;
      width: 70%;
      margin: 100px auto;
      height: 250px;
    }

    .tb-subline td,
    .tb-subline th {
      border: 0;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      margin-left: 20px;
    }

    .tb-subline th {
      width: 20%;
    }

    .tb-wh {
      border-color: #fff;
    }

    /* recruit */
    .wantedly-container {
      max-width: 980px;
      margin: auto;
    }

    .wantedly-container iframe {
      margin: 1.8654336%;
      width: 46%;
    }

    /* member */
    .member-intro {
      height: 250px;
      margin-bottom: 25px;
    }

    .member-intro img {
      float: left;
      width: 200px;
      height: 200px;
      object-fit: cover;
      margin-right: 50px;
      border-radius: 50%;
    }

    .member-detail {
      float: left;
      margin: 20px 0;
      max-width: 750px;
    }

    .member-detail h3 {
      font-size: 1.3rem;
    }

    .member-detail h3 span {
      font-size: 1.0rem;
    }


    /* form */
    table.form-table {
      width: 100%;
      max-width: 700px;
      margin: 0 auto;
      border-collapse: collapse;
    }

    table.form-table td,
    table.form-table th {
      border: 1px solid #ccc;
      padding: 10px;
    }

    table.form-table th {
      width: 30%;
      font-weight: normal;
      background: #efefef;
      text-align: left;
    }

    input[type=submit],
    input[type=reset] {
      width: 100px;
      height: 40px;
      background: #333;
      border: 0;
      border-radius: 10px;
      box-shadow: 0 2px 5px #ddd;
      color: #fff;
    }

    input[type=reset] {
      background: #eee;
      color: #333;
    }

    input[type=reset]:hover,
    input[type=submit]:hover {
      cursor: pointer;
    }
}