@charset "UTF-8";
/* CSS Document */

/*
	00 Commmon
	01 Root
*/

/*
00 Common
========================================================================== */

/* Color

*/


/*
01 Root
========================================================================== */
.dirRoot {}

/* Main ===================== */
.dirRoot {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 100px;
}
.dirRoot .sliderFirstview {
  width: 100%;
  height: 62.5%;
  margin: 0 0 45px 0;
}
.dirRoot .sliderFirstview div { height: 100%; }
.dirRoot .sliderFirstview a { height: 100%; }
.dirRoot .sliderFirstview picture { height: 100%; }
.dirRoot .sliderFirstview picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*
02 Works
========================================================================== */
.dirWorks {}

.dirWorks .listWorks { padding: 12px 90px; }

.verNukegara .selectCategory {
  width: 250px;
  margin: auto auto 40px;
}
.verNukegara .listWorks .line { padding: 0 0 45px 0; }
.verNukegara .listWorks .line ul li { padding: 15px 3px; }
.verNukegara .listWorks .line ul li div {
  height: initial;
  padding: 5px 0 0 0;
  background-color: initial;
  position: relative;
  opacity: 1;
}
.verNukegara .listWorks .line ul li div > * {
  font-size: 12px;
  color: var(--black);
}

/*
03 News
========================================================================== */
.dirNews {}

.dirNews .listNews { padding: 12px 90px; }


/*
04 Profile
========================================================================== */
.dirProfile {}

.dirProfile .line { padding: 90px 0 0 0; }
.dirProfile .line h3 {
  display: flex;
  align-items: center;
  position: relative;
}
.dirProfile .line h3:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--gray);
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
}
.dirProfile .line h3 > * {
  padding: 0 15px 0 0;
  background-color: var(--white);
}
.dirProfile .line h3 i {
  font-size: 14px;
  letter-spacing: .1rem;
}
.dirProfile .line h3 b {
  font-size: 11px;
  letter-spacing: .04rem;
}
.dirProfile .line div { margin: 25px 0 0; }
.dirProfile .line div dl { display: flex; }
.dirProfile .line div > dl + dl { margin: 10px 0 0 0; }
.dirProfile .line div dl > * {
  line-height: 1.7;
  position: relative;
}
.dirProfile .line div dl dt {
  font-size: 12px;
  letter-spacing: .04rem;
  white-space: nowrap;
}
.dirProfile .line div dl dd { padding: 0 0 0 15px; }
.dirProfile .line div dl dd p {
  line-height: 1.7;
  text-align: left;
}
.dirProfile .line div dl dd > p + p { margin: 5px 0 0 0; }
.dirProfile .line div dl dd p span {
  margin: 0 5px 0 0;
  letter-spacing: .02rem;
}
.dirProfile .line div dl dd p small {
  position: relative;
  font-size: 12px;
}
.dirProfile .line div dl dd p small:before,
.dirProfile .line div dl dd p small:after { position: relative; }
.dirProfile .line div dl dd p small:before {
  content: '（';
  left: -2px;
}
.dirProfile .line div dl dd p small:after {
  content: '）';
  right: -2px;
}
.dirProfile .line div dl dd p small i {}
.dirProfile .line div dl dd p small b {
  padding: 0 0 0 12px;
  position: relative;
}
.dirProfile .line div dl dd p small b:before {
  content: '';
  width: 12px;
  height: 1px;
  background-color: rgba(65,70,70,1);
  position: absolute;
  top: 6px;
  left: 0;
  transform: rotate(-55deg);
}
.dirProfile .blockConcept {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 100px;
}
.dirProfile .blockConcept div {
  display: flex;
  flex-direction: column;
  width: 575px;
  padding: 0 0 0 75px;
}
.dirProfile .blockConcept div p { line-height: 2.3; }
.dirProfile .blockConcept div > p + p { margin: 25px 0 0 0; }
.dirProfile .blockConcept h3 {
  display: flex;
  align-items: center;
  margin: 75px 0 0 0;
}
.dirProfile .blockConcept h3 > * {
  letter-spacing: .08rem;
  line-height: 1.2;
  position: relative;
}
.dirProfile .blockConcept h3 em { font-size: 15px; }
.dirProfile .blockConcept h3 b {
  font-size: 11px;
  padding: 0 0 0 25px;
}
.dirProfile .blockConcept h3 b:before {
  content: '';
  width: 12px;
  height: 1px;
  background-color: rgba(70,70,70,1);
  position: absolute;
  top: 6px;
  left: 7px;
  transform: rotate(-50deg);
}
.dirProfile .line.verBasic { padding: 30px 0 0; }
.dirProfile .line.verBasic span {
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .03rem;
}
.dirProfile .line.verBasic > span + span { margin: 10px 0 0 0; }
.dirProfile .blockConcept picture { width: 250px; }
.dirProfile .blockConcept picture img { width: 100%; }

.dirProfile .blockProfile {}
.dirProfile .listProfile { padding: 0 175px; }


@media (max-width: 1080px) {

.dirProfile .blockConcept div {
  width: 70%;
  padding: 0 0 0 50px;
}
.dirProfile .blockConcept div p br { display: none; }
.dirProfile .blockConcept picture { width: 30%; }
.dirProfile .line.verBasic { width: 100%; }

.dirProfile .listProfile { padding: 0 100px; }

}


@media (max-width: 840px) {

.dirRoot { padding: 0 100px; }

.verNukegara .listWorks { padding: 12px 85px; }

.dirProfile .blockConcept {
  flex-direction: column;
  padding: 30px 100px;
}
.dirProfile .blockConcept div {
  width: 100%;
  padding: 0 0 75px 0;
}
.dirProfile .blockConcept picture { width: 250px; }

}


@media (max-width: 640px) {

.dirRoot {
  min-height: 400px;
  padding: 0 60px;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.dirRoot .sliderFirstview { margin: 15px 0 32px; }

.dirWorks .listWorks { padding: 25px 30px; }

.verNukegara { padding: 0 0 50px 0; }
.verNukegara .selectCategory {
  width: 200px;
  margin: auto auto 25px;
}
.verNukegara .listWorks { padding: 25px 20px 0; }

.dirNews .listNews { padding: 25px 30px; }

.verNukegara .listWorks .year { margin: 0; }
.verNukegara .listWorks .line ul li { padding: 15px 0; }
.verNukegara .listWorks .line ul li div { padding: 0; }
.verNukegara .listWorks .line ul li div time {
  font-size: 10px;
  letter-spacing: .05rem;
}

.dirProfile .line { padding: 55px 0 0 0; }
.dirProfile .line h3 i {
  padding: 0 10px 0 0;
  font-size: 13px;
}
.dirProfile .line h3 b {
  padding: 2px 10px 0 0;
  font-size: 10px;
}
.dirProfile .line div { margin: 20px 0 0; }
.dirProfile .line.verBasic div {
  justify-content: flex-start;
  align-items: flex-start;
}
.dirProfile .blockConcept div p {}
.dirProfile .line.verBasic span {
  line-height: 1.5;
  letter-spacing: 0;
}
.dirProfile .line.verBasic div dl { flex-direction: column; }
.dirProfile .line.verBasic div > dl + dl { margin: 12px 0 0 0; }
.dirProfile .line.verBasic div dl dd {
  padding: 2px 0 0 0;
  font-size: 11px;
}
.dirProfile .line.verBasic div dl dd p span { letter-spacing: -.01rem; }
.dirProfile .blockConcept { padding: 25px 30px; }
.dirProfile .blockConcept div { padding: 0 0 55px 0; }
.dirProfile .blockConcept h3 { margin: 55px 0 0 0; }
.dirProfile .blockConcept div p br { display: none; }
.dirProfile .blockConcept picture { width: 150px; }

.dirProfile .listProfile { padding: 0 30px 75px; }
.dirProfile .line div dl { flex-direction: column; }
.dirProfile .line div > dl + dl { margin: 20px 0 0 0; }
.dirProfile .line div dl > * { line-height: 1.5; }
.dirProfile .line div dl dt {
  letter-spacing: 0;
  top: 0;
}
.dirProfile .line div dl dd {
  padding: 0 0 0 15px;
  margin: 12px 0 0 0;
}
.dirProfile .line div dl dd:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--gray);
  position: absolute;
  top: 0;
  left: 4px;
}
.dirProfile .line div dl dd p { line-height: 1.5; }
.dirProfile .line div dl dd p span { margin: 0; }
.dirProfile .line div dl dd p small { font-size: 11px; }
.dirProfile .line div dl dd p small b { padding: 0 0 0 14px; }
.dirProfile .line div dl dd p small b:before {
  width: 10px;
  height: .5px;
  left: 2px;
}


}