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);
}

/* 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;
}