/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/* ------ General Settings ------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');
.wanoka img {
 max-width: 100%;
 height: auto;
 width: 100%;
}
.wanoka {
 font-family: 'Noto Serif JP', serif;
 font-weight: 400;
 overflow: hidden;
}
.wanoka .g {
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
}
a:hover {
 opacity: 1;
 text-decoration: none;
}
.sp {
 display: none !important;
}
.br_pc {
 display: inherit;
}
.br_sp {
 display: none;
}
@media screen and (max-width:768px) {
 /* ------ General Settings ------ */
 img {
  max-width: 100%;
  height: auto;
  width: auto\9;
 }
 a:hover {
  opacity: 1;
  text-decoration: none;
 }
 .pc {
  display: none !important;
 }
 .sp {
  display: inherit !important;
 }
 .br_pc {
  display: none !important;
 }
 .br_sp {
  display: inherit !important;
 }
}
/* ------ base ------ */
#contents01 ul {
 margin: 1em 0 0 0 !important;
}
/* ------ contents ------ */
.main-area {
 width: 100%;
}
.main-area .main-mov {
 width: 100%;
 height: auto;
}
.main-area-bg {
 width: 100%;
 height: 41.6666vw;
 background: url("../images/bg_main.jpg") no-repeat left top;
 background-size: cover;
 position: relative;
}
.aboutimg {
 width: 21.41vw;
 position: absolute;
 top: 0;
 left: 0;
}
.main-area .main-title {
 position: absolute;
 left: 31.25vw;
 top: 9.75vw;
 width: 7.66vw;
 height: 20vw;
 z-index: 10;
}
.main-area .main-title img {
 width: 100%;
 height: auto;
}
.video-container {
 margin: 0;
 width: 100%;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 position: relative;
}
.video-wrap {
 position: relative;
 overflow: hidden;
 width: 100%;
 height: 56.3vw;
}
video {
 min-width: 100%;
 height: 56.3vw;
 position: absolute;
}
.main-read {
 position: absolute;
 top: 6vw;
 left: 48vw;
 width: 48.33vw;
 color: #fff;
 text-align: left;
}
.main-read h2 {
 font-family: 'Noto Serif JP', serif;
 font-size: 3vw;
 font-weight: 700;
 text-align: left;
 letter-spacing: 2px;
 margin-bottom: 1.666vw;
}
.main-read h3 {
 font-family: 'Noto Serif JP', serif;
 font-size: 2vw;
 font-weight: 700;
 text-align: left;
 letter-spacing: 2px;
 margin-bottom: 1.666vw;
}
.main-read-txt {
 font-size: 1.33vw;
 text-align: left;
 letter-spacing: 2px;
 line-height: 2.2;
}
@media screen and (max-width:768px) {
 .main-area {
  width: 100%;
 }
 .main-area .main-mov {
  width: 100%;
  height: auto;
 }
 .main-area-bg {
  width: 100%;
  height: 83vw;
  background: url("../images/bg_main.jpg") no-repeat left top;
  background-size: cover;
  position: relative;
 }
 .aboutimg {
  width: 43vw;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -23vw;
 }
 .main-area .main-title {
  position: absolute;
  left: 5vw;
  top: 5vw;
  width: 9vw;
  height: 20vw;
  z-index: 10;
  margin: 0;
  padding: 0;
 }
 .main-area .main-title img {
  width: 100%;
  height: auto;
 }
 .video-container {
  margin: 0;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
 }
 .video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 56.3vw;
 }
 video {
  min-width: 100%;
  height: 56.3vw;
  position: absolute;
 }
 .main-read {
  position: absolute;
  top: 5vw;
  left: 24.5vw;
  width: 70.33vw;
  color: #fff;
  text-align: left;
 }
 .main-read h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 4vw !important;
  font-weight: 700;
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 1.666vw;
  padding: 0;
  margin: 0;
  line-height: 1.4;
 }
 .main-read h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: 3.5vw;
  font-weight: 700;
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 1.666vw;
 }
 .main-read-txt {
  font-size: 3.4vw;
  text-align: left;
  letter-spacing: 2px;
  line-height: 1.8;
 }
}
/*wabisabi*/
.wabisabi {
 background: #9CA6A8;
}
.wabi_box1 {
 overflow: hidden;
 position: relative;
}
.wabi_img1 {
 width: 46.5vw;
}
.wabi_sbox1 {
 position: absolute;
 top: 9.33vw;
 left: 58.33vw;
}
.wabi_txt {
 font-size: 2vw;
 font-weight: 700;
 margin-bottom: 1.25vw;
 color: #fff;
 font-family: 'Noto Serif JP', serif;
 text-align: center;
}
.wabi_ttl {
 width: 27.91vw;
}
.wabi_box2 {
 overflow: hidden;
 padding-top: 4.1666vw;
 padding-bottom: 4.1666vw;
 position: relative;
}
.wabi_txt2 {
 padding: 0 0 0 4.166vw;
 font-size: 1.333vw;
 color: #fff;
 width: 71.0vw;
 line-height: 2;
}
.wabi_img2 {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 22.5vw;
}
@media screen and (max-width:768px) {
 .wabi_img1 {
  width: 46.5vw;
 }
 .wabi_sbox1 {
  position: absolute;
  top: 7vw;
  left: 50.33vw;
 }
 .wabi_txt {
  font-size: 3.5vw;
  font-weight: 700;
  color: #fff;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-bottom: 1.25vw;
  letter-spacing: 1px;
 }
 .wabi_ttl {
  width: 32vw;
  margin: 0 auto;
 }
 .wabi_box2 {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 4.1666vw;
  position: relative;
 }
 .wabi_txt2 {
  padding: 0 4.166vw 0 4.166vw;
  font-size: 3.5vw;
  color: #fff;
  width: auto;
  line-height: 2;
  margin-bottom: 5vw;
 }
 .wabi_img2 {
  position: inherit;
  right: auto;
  bottom: auto;
  width: 40vw;
  margin: 0 auto;
 }
}
/*profile*/
.profile {
 margin: 1.66vw;
 width: auto;
 background: #DBAB9C;
 box-sizing: border-box;
 position: relative;
}
.profile_img {
 width: 33.8vw;
}
.profile_txtbox {
 position: absolute;
 top: 1.2vw;
 left: 37.5vw;
 width: 55.416vw;
 color: #fff;
}
.profile_name {
 font-size: 2vw;
 font-weight: 700;
 margin-bottom: 1.66vw;
}
.profile_txt {
 font-size: 1.33vw;
 line-height: 2;
}
@media screen and (max-width:768px) {
 .profile {
  margin: 0;
  padding: 5vw;
  width: auto;
  background: #DBAB9C;
  box-sizing: border-box;
  position: relative;
 }
 .profile_img {
  width: 60vw;
  margin: 0 auto 20px auto;
 }
 .profile_txtbox {
  position: inherit;
  top: auto;
  left: auto;
  width: auto;
  color: #fff;
  text-align: center;
 }
 .profile_name {
  font-size: 4vw;
  font-weight: 700;
  margin-bottom: 1.66vw;
 }
 .profile_txt {
  font-size: 3.5vw;
  line-height: 2;
  text-align: left;
 }
}
/*技法*/
.k-i-kind {
 background: #9AA4A6;
}
.kind-list {
 position: relative;
}
.kind-list-detail {
 display: flex;
 flex-wrap: wrap;
}
.kind-list-detail figure {
 width: 45.41vw;
}
.kind-list-detail:nth-of-type(2) figure {
 order: 2;
}
.kind-list-detail .k-i-kind-txt {
 width: 54.58vw;
 color: #fff;
 padding: 4.1vw;
 box-sizing: border-box;
}
.kind-list-detail .k-i-kind-txt h2 {
 font-size: 2vw;
 font-weight: 700;
 margin-bottom: 2.5vw;
 letter-spacing: 1px;
}
.kind-list-detail .k-i-kind-txt p {
 font-size: 1.1vw;
 line-height: 2.2;
 overflow: hidden;
 letter-spacing: 2px;
}
.kind-list-detail .k-i-kind-txt p img {
 width: 14.8vw;
 height: auto;
 float: right;
 margin-left: 2.5vw;
}
.kind-list .img_r {
 width: 15vw;
 position: absolute;
 top: 0;
 right: 0;
 margin-top: -6.66vw;
}
.kind-list .img_l {
 width: 15vw;
 position: absolute;
 bottom: 0;
 left: 0;
 margin-bottom: -11.66vw;
}
@media screen and (max-width:768px) {
 .kind-list-detail {
  display: block;
 }
 .kind-list-detail figure {
  width: auto;
 }
 .kind-list-detail:nth-of-type(2) figure {
  order: 2;
 }
 .kind-list-detail .k-i-kind-txt {
  width: auto;
  color: #fff;
  padding: 4.1vw;
  box-sizing: border-box;
 }
 .kind-list-detail .k-i-kind-txt h2 {
  font-size: 3.8vw;
  font-weight: 700;
  margin: 0;
  padding: 3vw 0 0 0;
  margin-bottom: 2.5vw;
  letter-spacing: 1px;
 }
 .kind-list-detail .k-i-kind-txt p {
  font-size: 3.5vw;
  line-height: 1.8;
  overflow: hidden;
  letter-spacing: 2px;
 }
 .kind-list-detail .k-i-kind-txt p img {
  width: 30vw;
  height: auto;
  float: right;
  margin-left: 5vw;
  margin-bottom: 3vw;
 }
 .kind-list .img_r {
  width: 15vw;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -6.66vw;
 }
 .kind-list .img_l {
  width: 15vw;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: -11.66vw;
 }
}
/*詳細*/
.k-i-kimono {
 width: 100%;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
}
.k-i-kimono-ttl {
 text-align: center;
 font-size: 2vw;
 font-weight: 700;
 margin-bottom: 4.16vw;
 line-height: 1.8;
 padding-top: 4.16vw;
 font-family: 'Noto Serif JP', serif;
 color: #333;
 letter-spacing: 2px;
}
.k-i-kimono-txt {
 width: 63.3vw;
 margin: 0 auto;
 text-align: center;
 font-size: 1.33vw;
 line-height: 2;
 font-family: 'Noto Serif JP', serif;
 color: #333;
 letter-spacing: 1px;
}
.k-i-kimono-list {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 padding: 5.4vw 4.16vw 10vw 4.16vw;
}
.k-i-kimono-detail {
 width: 28.333vw;
 text-align: center;
}
.k-i-kimono-detail figure {
 margin-bottom: 1.66vw;
 position: relative;
 overflow: hidden;
}
.k-i-kimono-detail figure img:nth-child(2) {
 cursor: pointer;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.k-i-kimono-detail figure:hover img:nth-child(2) {
 opacity: 0;
 transition: opacity 1s;
}
.k-i-kimono-detail a:hover, .k-i-kimono-detail a:hover img {
 opacity: 1;
}
.k-i-kimono-detail-ttl {
 font-size: 16px;
 font-weight: 700;
 margin-bottom: 10px;
}
.k-i-kimono-detail-txt {
 font-size: 16px;
}
.k-i-youtube {
 width: 560px;
 margin: 0 auto 10vw auto;
}
@media screen and (max-width:768px) {
 .k-i-kimono {
  width: 100%;
 }
 .k-i-kimono-ttl {
  padding: 15vw 0 0 0;
  text-align: center;
  font-size: 3.8vw;
  font-weight: 700;
  margin-bottom: 6vw;
  line-height: 1.8;
  padding-top: 4.16vw;
  font-family: 'Noto Serif JP', serif;
  color: #333;
  letter-spacing: 2px;
 }
 .k-i-kimono-txt {
  width: auto;
  margin: 0 5vw 8vw 5vw;
  text-align: left;
  font-size: 3.5vw;
  line-height: 2;
  font-family: 'Noto Serif JP', serif;
  color: #333;
  letter-spacing: 1px;
 }
 .k-i-kimono-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5.4vw 4.16vw 10vw 4.16vw;
 }
 .k-i-kimono-detail {
  width: auto;
  text-align: center;
  display: block;
  margin-bottom: 8vw;
 }
 .k-i-kimono-detail figure {
  width: 50%;
  position: relative;
  overflow: hidden;
  margin: 0 auto 3vw auto;
 }
 .k-i-kimono-detail figure img:nth-child(2) {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 .k-i-kimono-detail figure:hover img:nth-child(2) {
  opacity: 0;
  transition: opacity 1s;
 }
 .k-i-kimono-detail a:hover, .k-i-kimono-detail a:hover img {
  opacity: 1;
 }
 .k-i-kimono-detail-ttl {
  font-size: 4vw;
  font-weight: 700;
  margin-bottom: 0;
 }
 .k-i-kimono-detail-txt {
  font-size: 3.8vw;
  padding: 2vw 0 0 0;
  margin: 0;
  line-height: 1;
 }
 .k-i-youtube {
  width: auto;
  margin: 0 5vw 10vw 5vw;
 }
 .k-i-youtube {
  width: 94vw;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 auto 10vw auto;
 }
 .k-i-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }
}