@charset "UTF-8";

/* 共通 */
#wrapper {
  width: 100%;
  min-width: 1100px;
  margin: 0 auto;
  position: relative;
}

/* link */
a:link,
a:visited,
a:active {
  color: #FFFFFF;
  text-decoration: none;
}

a:hover {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0.8;
}

/* header */
#header {
  width: 100%;
  padding: 3em 2%;
}

#header header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#header header #logo {
  width: 70px;
  z-index: 999 !important;
}

#header header nav {
  text-align: right;
  z-index: 998 !important;
}

#header header nav ul {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.2em;
}

#header header nav ul li {
  margin-left: 1.2em;
  opacity: 0.4;
  z-index: 997 !important;
}

#header header nav ul li a:link,
#header header nav ul li a:visited,
#header header nav ul li a:active {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

.home #header header nav #main_nav li {
  opacity: 1;
}

.introduction #header header nav #main_nav li:nth-child(2),
.introduction #header header nav #curations_navi li:nth-child(1) {
  opacity: 1;
}

.recruit #header header nav #main_nav li:nth-child(2),
.recruit #header header nav #curations_navi li:nth-child(2) {
  opacity: 1;
}

.contact #header header nav #main_nav li:nth-child(3) {
  opacity: 1;
}

.curations #header header nav #main_nav li:nth-child(1) {
  opacity: 1;
}

.curations-all #header header nav #curations_navi li:nth-child(1) {
  opacity: 1;
}

.curations-media #header header nav #curations_navi li:nth-child(2) {
  opacity: 1;
}

.curations-material #header header nav #curations_navi li:nth-child(3) {
  opacity: 1;
}

.curations-exhibition #header header nav #curations_navi li:nth-child(4) {
  opacity: 1;
}

.curations-education #header header nav #curations_navi li:nth-child(5) {
  opacity: 1;
}

.client #header header nav #curations_sub_navi li:nth-child(1) {
  opacity: 1;
}

.own #header header nav #curations_sub_navi li:nth-child(2) {
  opacity: 1;
}

/* contents */
#contents {
  width: 100%;
}

/* top */
#top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

#top .slide .item {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
}

#top .slide .item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
  object-fit: cover;
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

#top #news {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 996 !important;
  font-size: 1.2em;
}

/* curations */
#curations_list {
  text-align: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

#curations_list li {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#curations_list li a {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  color: #121212 !important;
  padding: 2%;
}

#curations_list li.media-client {
  background-color: #84efff;
}

#curations_list li.media-own {
  background-color: #1fb6fe;
}

#curations_list li.exhibition-client {
  background-color: #bc97f6;
}

#curations_list li.exhibition-own {
  background-color: #cb62ff;
}

#curations_list li.education-client {
  background-color: #baff77;
}

#curations_list li.education-own {
  background-color: #35d05a;
}

#curations_list li.material-client {
  background-color: #ffdca0;
}

#curations_list li.material-own {
  background-color: #ff994c;
}

#curations_list li .thumb {
  width: 25%;
  overflow: hidden;
  position: relative;
  border: 1px solid #121212;
  border-radius: 50%;
}

#curations_list li .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-height: 100%;
  max-width: 100%;
  object-fit: cover;
}

#curations_list li .headline {
  width: 75%;
}

#curations_list li .headline h3 {
  font-size: 1.8em;
  line-height: 1.5;
  padding-top: 1em;
  padding-left: 7%;
  padding-right: 5%;
}

#curations_list li .headline .category {
  display: flex;
  justify-content: flex-start;
  margin-top: 1em;
  padding-bottom: 2.5em;
  padding-left: 7%;
  padding-right: 5%;
}

#curations_list li .headline .category dt,
dd {
  font-size: 1em;
  margin-right: 1em;
}

/* introduction */
#introduction section {
  width: 90%;
  margin: 0 auto 7em;
}

#introduction section .subtitle {
  text-align: right;
}

#introduction section .inner {
  margin-top: 3em;
}

#introduction #philosophy .inner {
  padding: 10em 0 15em;
  display: inline-block;
}

#introduction #philosophy .inner p {
  font-size: 1.8em;
  line-height: 1.5;
  text-align: justify;
  width: 40%;
  margin: 0 auto;
}

#introduction #company_info .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#introduction #company_info .inner figure {
  width: 60%;
  padding: 5%;
  border: 1px solid #777777;
}

#introduction #company_info .inner p {
  width: 35%;
  text-align: justify;
  font-size: 1.4em;
}

#introduction #projects .inner ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

#introduction #projects .inner ul li {
  width: 47.5%;
  text-align: left;
  margin-bottom: 4em;
}

#introduction #projects .inner ul li h2 {
  font-size: 1.4em;
  margin-top: 0.7em;
}

#introduction #projects .inner ul li h2 .year {
  font-size: 0.8em;
  margin-left: 1em;
}

#introduction #projects .inner ul li p {
  font-size: 1.1em;
  line-height: 1.7;
  margin-top: 0.3em;
}

#introduction #projects .inner ul li .visit a:link,
#introduction #projects .inner ul li .visit a:visited,
#introduction #projects .inner ul li .visit a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

#introduction #biography .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#introduction #biography .inner figure {
  width: 50%;
}

#introduction #biography .inner div {
  width: 45%;
  text-align: justify;
}

#introduction #biography .inner div h2 {
  font-size: 1.4em;
}

#introduction #biography .inner div #katagaki {
  font-size: 1em;
  margin-top: 1em;
}

#introduction #biography .inner div #text {
  font-size: 1.1em;
  margin-top: 2em;
}

#introduction #company_prof .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#introduction #company_prof .inner #googlemap {
  width: 50%;
}

#introduction #company_prof .inner #googlemap iframe {
  width: 100%;
  height: 30em;
  filter: grayscale(1);
}

#introduction #company_prof .inner div {
  width: 45%;
  text-align: left;
  font-size: 1.1em;
}

#introduction #company_prof .inner div dl {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.6em;
  border-bottom: 1px solid #777777;
  padding-bottom: 0.6em;
}

#introduction #company_prof .inner div dl dt {
  width: 20%;
}

#introduction #company_prof .inner div dl dd {
  width: 75%;
}

#introduction #company_prof .inner div dl dd div.place {
  margin-bottom: 1em;
  width: 100%;
  line-height: 1.7;
}

#introduction #company_prof .inner div dl dd div.place:last-child {
  margin-bottom: 0;
}


/* recruit */
#recruit section {
  width: 90%;
  margin: 0 auto 7em;
}

#recruit section .subtitle {
  text-align: right;
}

#recruit #message .inner {
  padding: 10em 0 15em;
  display: inline-block;
}

#recruit #message .inner p {
  font-size: 1.4em;
  line-height: 1.8;
  text-align: justify;
  width: 40%;
  margin: 0 auto;
}

#recruit #requirements h4 {
  text-align: center;
  font-size: 1em;
  margin-bottom: 2em;
}

#recruit #requirements .detail {
  width: 100%;
  margin: 0 auto 6em;
  border-bottom: 1px solid #777777;
}

#recruit #requirements .detail:last-child {
  border-bottom: none;
}

#recruit #requirements .detail dl {
  border-bottom: 1px dashed #333333;
  margin-bottom: 2em;
  padding-bottom: 2em;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
}

#recruit #requirements .detail dl:last-child {
  border-bottom: none;
}

#recruit #requirements .detail dl dt {
  width: 20%;
  font-size: 1.1em;
}

#recruit #requirements .detail dl dd {
  width: 75%;
  font-size: 1.1em;
}

/* curations_detail */
#curations_detail {
  text-align: left;
  width: 100%;
}

#curations_detail article {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 3.5% 3%;
  color: #121212;
}

#curations_detail article .left {
  width: 40%;
}

#curations_detail article .left img {
  margin-bottom: 3em;
}

#curations_detail article .left img:last-child {
  margin-bottom: 0;
}

#curations_detail article .right {
  width: 55%;
}

#curations_detail article .right .title {
  font-size: 2em;
  margin-bottom: 1em;
}

#curations_detail article .right .text {
  font-size: 1.4em;
}

#curations_detail article .right .caption {
  border-top: 1px solid #121212;
  padding-top: 3em;
  margin-top: 3em;
}

#curations_detail article .right .caption #visit {
  margin-top: 2em;
}

#curations_detail article .right a:link,
#curations_detail article .right a:visited,
#curations_detail article .right a:active {
  color: #121212;
  text-decoration: underline;
}

#curations_detail article.media-client {
  background-color: #84efff;
}

#curations_detail article.media-own {
  background-color: #1fb6fe;
}

#curations_detail article.exhibition-client {
  background-color: #bc97f6;
}

#curations_detail article.exhibition-own {
  background-color: #cb62ff;
}

#curations_detail article.education-client {
  background-color: #baff77;
}

#curations_detail article.education-own {
  background-color: #35d05a;
}

#curations_detail article.material-client {
  background-color: #ffdca0;
}

#curations_detail article.material-own {
  background-color: #ff994c;
}

/* index */
#index section {
  width: 90%;
  margin: 5em auto 7em;
}

#index section .inner {
  display: inline-block;
  width: 50%;
}

#index section .inner h2 {
  font-size: 1.8em;
  margin-bottom: 2em;
}

#index section .inner h3 {
  font-size: 1.4em;
  margin-top: 2em;
  margin-bottom: 2em;
}

#index section .inner p {
  font-size: 1.1em;
  line-height: 1.8;
  text-align: justify;
}

/* footer */
#footer {
  width: 100%;
  padding: 3em 2% 1.5em;
  text-align: left;
}

#footer p {
  font-size: 0.6em;
}

/* snow monkey form */
.smf-progress-tracker {
  margin-top: 4em;
  margin-bottom: 2em;
}

.smf-form--letter .smf-item {
  text-align: left;
}

.smf-form--letter .smf-item__col--label {
  font-size: 1.2em;
}

.smf-checkboxes-control__control {
  margin-top: 2em;
}

[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__text {
  color: #E8E7E4;
}

[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__text {
  color: #E8E7E4;
}

[data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__text {
  color: #E8E7E4;
}

[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__number {
  color: #4B4642;
  background-color: #FFF;
}

[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__number {
  color: #4B4642;
  background-color: #FFF;
}

[data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__number {
  color: #4B4642;
  background-color: #FFF;
}

.smf-progress-tracker__item__number {
  background-color: #7e7b78;
  color: #E8E7E4;
}

.smf-action .smf-button-control__control {
  letter-spacing: 0.15em;
  font-family: "リュウミン R-KL", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.smf-form .smf-item .smf-text-control__control {
  background-color: #121212;
  border: 1px solid #777777;
  color: #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  padding: 1em;
}

.smf-form .smf-item .smf-textarea-control__control {
  background-color: #121212;
  border: 1px solid #777777;
  color: #FFFFFF;
  border-radius: 0;
  box-shadow: none;
  padding: 1em;
}