@charset "UTF-8";

body {
	color: #fff;
  background-color: #5c5e62;
  background-image: url(../img/bg-g.png);
}
a {
	color: #fff;
}
.fw-l {
	font-weight: 300;
	color: #fff !important;
}
.fw-r {
	font-weight: 400;
}
.fw-l a {
	font-weight: 300;
	color: #fff !important;
}
.fw-r a {
	font-weight: 400;
}
.serif {
	font-family: 'Noto Serif JP', sans-serif;
	font-weight: 300;
	color: #fff !important;
}
.dot {
	background: #fff;
}
.dot-active {
	background: #fff;
}

/* philosophy */
.logo-sub {
	width: 45px;
	height: auto;
	padding: 70px 0 70px 205px;
}

/* people */
.people-thumb {
	background: #5c5e62;
}

/* people - details */
.people-d-sub {
	color: #c3c3c3;
}
.td-year {
	width: 40px;
}
.td-year-2 {
	width: 100px;
}

/* works - details */
.works-thumb {
	background: #5c5e62;
}

/* works - details */
.works-d-staff-title {
	color: #c3c3c3;
}

/* contact */
.map {
	border: 1px solid #fff;
}
.form-box {
	color: #5c5e62;
	border: 1px solid #fff;
}
.form-body {
	color: #5c5e62;
	border: 1px solid #fff;
}
/* Radio */
input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}
input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 16px;
  font-size:1.0em;
  line-height: 26px;
  cursor: pointer;
}
@media (min-width: 1px) {
  input[type=checkbox] {
    display: none;
    margin: 0;
  }
  input[type=checkbox] + label {
    padding: 0 0 0 24px;
  }
  input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 29px;
    height: 29px;
    margin-top: -15px;
    background: #e4e4e4;
  }
  input[type=checkbox] + label::before {
    border: 2px solid #fff;
  }
  input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  input[type=checkbox]:checked + label::after {
    left: 6px;
    width: 18px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.form-btn {
	color: #5c5e62;
	background-color: rgba(255,255,255,1);
}
.form-btn:hover {
	color: #5c5e62;
	background-color: rgba(255,255,255,0.8);
}

/* contact - confirm */
.form-btn-l {
	color: #5c5e62;
	background-color: rgba(255,255,255,1);
}
.form-btn-l:hover {
	color: #5c5e62;
	background-color: rgba(255,255,255,0.8);
}
.form-btn-r {
	color: #5c5e62;
	background-color: rgba(255,255,255,1);
}
.form-btn-r:hover {
	color: #5c5e62;
	background-color: rgba(255,255,255,0.8);
}

@media screen and (max-width:840px) {
	/* philosophy */
	.logo-sub {
		padding: 70px 0 70px 23px;
	}
}