@charset "UTF-8";
/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
.blockC .imgWraper {
  height: 75rem;
  position: relative;
}

@media (max-width: 750px) {
  .blockC .imgWraper {
    height: calc(1070 * (100vw/750));
  }
}

.blockC .imgWraper .item01 {
  position: absolute;
  top: 11.4rem;
  left: 19rem;
}

@media (max-width: 750px) {
  .blockC .imgWraper .item01 {
    top: calc(-12 * (100vw/750));
    left: calc(122 * (100vw/750));
    z-index: 10;
  }
}

.blockC .imgWraper .item02 {
  position: absolute;
  top: 33.2rem;
  left: 1.9rem;
  z-index: 5;
}

@media (max-width: 750px) {
  .blockC .imgWraper .item02 {
    top: calc(124 * (100vw/750));
    left: calc(280 * (100vw/750));
  }
}

.blockC .imgWraper .item03 {
  position: absolute;
  top: 44.2rem;
  left: 29.4rem;
}

@media (max-width: 750px) {
  .blockC .imgWraper .item03 {
    top: calc(539 * (100vw/750));
    left: calc(438 * (100vw/750));
  }
}

.blockC .imgWraper .img05 {
  position: absolute;
  top: -26.5rem;
  left: 59.1rem;
}

@media (max-width: 750px) {
  .blockC .imgWraper .img05 {
    top: calc(485 * (100vw/750));
    left: 0;
  }
}

.blockC .block__txt {
  margin-top: 17.5rem;
}

@media (max-width: 750px) {
  .blockC .block__txt {
    margin: calc(34 * (100vw/750)) auto 0;
  }
}

.blockC .block__txt span {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 5;
  letter-spacing: 0.08em;
}

@media (max-width: 750px) {
  .blockC .block__txt span {
    font-size: calc(25.5 * (100vw/750));
    line-height: 2.8;
    margin-left: calc(411 * (100vw/750));
    letter-spacing: 0.06em;
  }
}

.blockD {
  margin: 0 auto;
  width: 54.2rem;
}

@media (max-width: 750px) {
  .blockD {
    width: calc(592 * (100vw/750));
    max-width: 592px;
  }
}

.blockD .txt__box {
  margin: 3.6rem 0 0 0.2rem;
}

@media (max-width: 750px) {
  .blockD .txt__box {
    margin: calc(12 * (100vw/750)) 0 0 calc(13 * (100vw/750));
  }
}

.blockD .txt__box ul.credit {
  margin: 2.9rem 0 0 .3rem;
}

@media (max-width: 750px) {
  .blockD .txt__box ul.credit {
    margin: calc(33 * (100vw/750)) 0 0 calc(3 * (100vw/750));
  }
}

.PROFILE {
  border-top: 1px solid #000;
  margin: 11.3rem auto 0;
  width: 99rem;
}

@media (max-width: 750px) {
  .PROFILE {
    margin: calc(118 * (100vw/750)) auto 0;
    width: calc(685 * (100vw/750));
    max-width: 685px;
  }
}

.PROFILE-ttl {
  margin: 4.8rem auto 0;
  width: 63.6rem;
}

@media (max-width: 750px) {
  .PROFILE-ttl {
    margin: calc(67 * (100vw/750)) auto 0;
    width: calc(660 * (100vw/750));
    max-width: 660px;
  }
}

.PROFILE-txt {
  margin: 0 auto;
  width: 63.6rem;
}

@media (max-width: 750px) {
  .PROFILE-txt {
    margin: calc(-1 * (100vw/750)) auto 0;
    width: calc(660 * (100vw/750));
    max-width: 660px;
  }
}

.staff {
  border-top: 1px solid #000;
  width: 99rem;
  margin: 7.4rem auto 0;
}

@media (max-width: 750px) {
  .staff {
    width: calc(685 * (100vw/750));
    max-width: 685px;
    margin: calc(70 * (100vw/750)) auto 0;
  }
}

.staff-ttl {
  margin: 4.3rem auto 0;
  width: 63.6rem;
}

@media (max-width: 750px) {
  .staff-ttl {
    margin: calc(64 * (100vw/750)) auto 0;
    width: calc(650 * (100vw/750));
    max-width: 650px;
  }
}

.staff p {
  margin: .3rem auto 0;
  width: 63.6rem;
}

@media (max-width: 750px) {
  .staff p {
    margin: calc(-2 * (100vw/750)) auto 0;
    width: calc(650 * (100vw/750));
    max-width: 650px;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
.blockB {
  height: 104.8rem;
  position: relative;
}

@media (max-width: 750px) {
  .blockB {
    height: calc(867 * (100vw/750));
  }
}

.blockB .ttl__box {
  margin-left: -49.7rem;
  position: relative;
  z-index: 10;
}

@media (max-width: 750px) {
  .blockB .ttl__box {
    margin-right: calc(59 * (100vw/750));
  }
}

.blockB .ttl__box .block_ttl:nth-of-type(2) {
  margin-left: 15.7rem;
}

.blockB .imgWraper {
  position: absolute;
  width: 99.3rem;
  height: 104.8rem;
  top: -8.7rem;
  left: -0.6rem;
}

@media (max-width: 750px) {
  .blockB .imgWraper {
    width: calc(750 * (100vw/750));
    max-width: 750px;
    height: calc(837 * (100vw/750));
    top: calc(104 * (100vw/750));
    left: 0;
  }
}

.blockB .imgWraper .img03 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

@media (max-width: 750px) {
  .blockB .imgWraper .img03 {
    right: auto;
    left: 0;
  }
}

.blockB .imgWraper .img04 {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (max-width: 750px) {
  .blockB .imgWraper .img04 {
    right: 0;
    left: auto;
    z-index: 5;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
.blockA {
  position: relative;
}

.blockA .imgWraper {
  position: relative;
  margin-left: .4rem;
  width: 93.9rem;
  height: 126.8rem;
}

@media (max-width: 750px) {
  .blockA .imgWraper {
    margin-left: 0;
    width: calc(750 * (100vw/750));
    max-width: 750px;
    height: calc(990 * (100vw/750));
  }
}

.blockA .imgWraper .img01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.blockA .imgWraper .img02 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.blockA .txt__box {
  white-space: nowrap;
  position: absolute;
  top: 19rem;
  left: 59rem;
  width: 38.7rem;
}

@media (max-width: 750px) {
  .blockA .txt__box {
    top: calc(851 * (100vw/750));
    left: calc(39 * (100vw/750));
    width: calc(675 * (100vw/750));
    max-width: 675px;
    margin: 0 auto;
  }
}

.blockA .txt__box-txt {
  margin-top: 3.9rem;
}

@media (max-width: 750px) {
  .blockA .txt__box-txt {
    margin: calc(40 * (100vw/750)) auto 0;
  }
}

.blockA .block__txt {
  white-space: nowrap;
  margin: 5.9rem 0 0 3.1rem;
}

@media (max-width: 750px) {
  .blockA .block__txt {
    margin: calc(242 * (100vw/750)) auto 0;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
                    commonLayout  SP
------------------------------------------------------*/
/*-----------------   画像のサイズ   -------------------*/
@media (max-width: 750px) {
  .kanzaki210826 .imgWrap a {
    display: block;
  }
  .kanzaki210826 .ttl {
    width: calc(600 * (100vw/750));
    max-width: 600px;
    height: auto;
  }
  .kanzaki210826 .top__mv {
    width: calc(554.7 * (100vw/750));
    max-width: 554.7px;
    height: auto;
  }
  .kanzaki210826 .img01 {
    width: calc(447 * (100vw/750));
    max-width: 447px;
    height: auto;
  }
  .kanzaki210826 .img02 {
    width: calc(341 * (100vw/750));
    max-width: 341px;
    height: auto;
  }
  .kanzaki210826 .img03 {
    width: calc(483 * (100vw/750));
    max-width: 483px;
    height: auto;
  }
  .kanzaki210826 .img04 {
    width: calc(357 * (100vw/750));
    max-width: 357px;
    height: auto;
  }
  .kanzaki210826 .img05 {
    width: calc(391 * (100vw/750));
    max-width: 391px;
    height: auto;
  }
  .kanzaki210826 .img06 {
    width: calc(592 * (100vw/750));
    max-width: 592px;
    height: auto;
  }
  .kanzaki210826 .item01 {
    width: calc(176 * (100vw/750));
    max-width: 176px;
    height: auto;
  }
  .kanzaki210826 .item02 {
    width: calc(219 * (100vw/750));
    max-width: 219px;
    height: auto;
  }
  .kanzaki210826 .item03 {
    width: calc(257 * (100vw/750));
    max-width: 257px;
    height: auto;
  }
  .kanzaki210826 .bottun {
    width: calc(451 * (100vw/750));
    max-width: 451px;
    height: calc(70 * (100vw/750));
    margin: calc(198 * (100vw/750)) auto calc(146 * (100vw/750));
  }
  /*------------------   layout   --------------------*/
  .top {
    margin: calc(65 * (100vw/750)) auto 0;
  }
  .top .ttl {
    margin: 0 auto;
  }
  .top__mv {
    margin: calc(60 * (100vw/750)) auto 0;
  }
  .top__intro {
    margin: calc(18 * (100vw/750)) auto 0;
  }
  .sec {
    margin: calc(110 * (100vw/750)) auto 0;
  }
  .blockB {
    margin: calc(93 * (100vw/750)) auto 0;
  }
  .blockD {
    margin: calc(121 * (100vw/750)) auto 0;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
                    commonLayout  PC
------------------------------------------------------*/
/*-----------------   画像のサイズ   -------------------*/
@media (min-width: 751px) {
  .kanzaki210826 .imgWrap a {
    display: block;
  }
  .kanzaki210826 .imgWrap {
    background-color: #fff;
  }
  .kanzaki210826 .ttl {
    width: 64.8rem;
    height: auto;
  }
  .kanzaki210826 .top__mv {
    width: 53.2rem;
    height: auto;
  }
  .kanzaki210826 .img01 {
    width: 51.16rem;
    height: auto;
  }
  .kanzaki210826 .img02 {
    width: 46.2rem;
    height: auto;
  }
  .kanzaki210826 .img03 {
    width: 52.4rem;
    height: auto;
  }
  .kanzaki210826 .img04 {
    width: 50.9rem;
    height: auto;
  }
  .kanzaki210826 .img05 {
    width: 47.7rem;
    height: auto;
  }
  .kanzaki210826 .img06 {
    width: 54.2rem;
    height: auto;
  }
  .kanzaki210826 .item01 {
    width: 22.7rem;
    height: auto;
  }
  .kanzaki210826 .item02 {
    width: 24.6rem;
    height: auto;
  }
  .kanzaki210826 .item03 {
    width: 26.9rem;
    height: auto;
  }
  .kanzaki210826 .bottun {
    width: 43.8rem;
    height: 7rem;
    margin: 8rem auto 12.3rem;
  }
  /*------------------   layout   --------------------*/
  .top {
    margin: 12rem auto 0;
  }
  .top .ttl {
    margin: 0 auto;
  }
  .top__mv {
    margin: 7.5rem auto 0;
  }
  .top__intro {
    margin: 5.9rem 0 0 -2.4rem;
  }
  .sec {
    margin: 11.2rem auto 0;
  }
  .blockB {
    margin: 24.3rem auto 0;
  }
  .blockD {
    margin: 11.3rem auto 0;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
                        txt  SP
------------------------------------------------------*/
@media (max-width: 750px) {
  .credit {
    font-size: calc(19 * (100vw/750));
    letter-spacing: 0.06em;
    line-height: 1.94737;
    text-align: left;
  }
  ul.credit {
    letter-spacing: 0.04em;
    line-height: 1.86;
  }
  .top__intro,
  .txt-style {
    font-size: calc(21.5 * (100vw/750));
    line-height: 2;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .blockA .ttl-style {
    color: #813E39;
    font-size: calc(40 * (100vw/750));
    letter-spacing: 0.03em;
    line-height: 1.625;
    text-align: left;
  }
  .blockB .ttl-style {
    color: #813E39;
    font-size: calc(40 * (100vw/750));
    letter-spacing: 0.03em;
    line-height: 1.625;
    text-align: right;
  }
  .PROFILE-ttl {
    font-family: acumin-pro, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: calc(30 * (100vw/750));
    line-height: 2.1;
    letter-spacing: 0.06em;
  }
  .PROFILE-txt {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: calc(19 * (100vw/750));
    line-height: 2.3;
    letter-spacing: 0.06em;
    text-align: justify;
  }
  .staff-ttl {
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(23.4 * (100vw/750));
    letter-spacing: 0.057em;
    line-height: 2.13675;
    text-align: left;
  }
  .staff-txt {
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(20 * (100vw/750));
    letter-spacing: 0.009em;
    line-height: 1.75;
    text-align: left;
  }
  .staff-txt span {
    font-weight: 500;
  }
}

/*------------------------------------------------------
                        txt  PC
------------------------------------------------------*/
@media (min-width: 751px) {
  .credit {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 2.21429;
    text-align: left;
  }
  ul.credit {
    letter-spacing: 0.07em;
  }
  .top__intro {
    font-size: 1.52rem;
    line-height: 2.21711;
    letter-spacing: 0.11em;
    text-align: center;
  }
  .txt-style {
    font-size: 1.4rem;
    letter-spacing: 0.12em;
    line-height: 2.35714;
    text-align: center;
  }
  .blockA .ttl-style {
    color: #813E39;
    font-size: 3.2rem;
    letter-spacing: 0.07em;
    line-height: 1.55313;
    text-align: center;
  }
  .blockB .ttl-style {
    color: #813E39;
    font-size: 3.26rem;
    letter-spacing: 0.05em;
    line-height: 1.56442;
    text-align: center;
  }
  .PROFILE-ttl {
    font-family: acumin-pro, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.48rem;
    line-height: 2.2973;
    letter-spacing: 0.05em;
  }
  .PROFILE-txt {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.23rem;
    line-height: 2.19512;
    letter-spacing: 0.058em;
    text-align: justify;
  }
  .staff-ttl {
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    letter-spacing: 0.057em;
    line-height: 2;
    text-align: left;
  }
  .staff-txt {
    font-family: acumin-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.2rem;
    letter-spacing: 0.057em;
    line-height: 1.58333;
    text-align: left;
  }
  .staff-txt span {
    font-weight: 500;
  }
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
                          motion
------------------------------------------------------*/
/*---------------   アニメーション ホバー   ---------------*/
.kanzaki210826 .imgWrap a:hover,
.bottun a:hover {
  opacity: .7;
}

@media (max-width: 750px) {
  .kanzaki210826 .imgWrap a:hover,
  .bottun a:hover {
    opacity: 1;
  }
}

.kanzaki210826 .imgWrap a,
.bottun a {
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
}

@media (max-width: 750px) {
  .kanzaki210826 .imgWrap a,
  .bottun a {
    opacity: 1;
  }
}

.on a:hover,
.on2 a:hover {
  opacity: .6;
}

.IN {
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  -webkit-animation: fadeX 1.2s ease-out forwards;
          animation: fadeX 1.2s ease-out forwards;
}

@media (max-width: 750px) {
  .IN {
    -webkit-animation: fadeX .6s ease-out forwards;
            animation: fadeX .6s ease-out forwards;
  }
}

@-webkit-keyframes fadeX {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeX {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.on {
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  -webkit-animation: fade .6s ease-out forwards;
          animation: fade .6s ease-out forwards;
}

@media (max-width: 750px) {
  .on {
    -webkit-animation: fade .8s ease-out forwards;
            animation: fade .8s ease-out forwards;
    nimation-delay: 1s;
  }
}

@-webkit-keyframes fade {
  0% {
    -webkit-transform: translateY(8rem);
            transform: translateY(8rem);
    opacity: 0;
    @media (max-width: 750px) {
      -webkit-transform: translateY(4rem);
              transform: translateY(4rem);
    }
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    -webkit-transform: translateY(8rem);
            transform: translateY(8rem);
    opacity: 0;
    @media (max-width: 750px) {
      -webkit-transform: translateY(4rem);
              transform: translateY(4rem);
    }
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.fideIMG,
.fideTXT {
  opacity: 0;
}

/*------------------------------------------------------
                       lineHeight
------------------------------------------------------*/
/*------------------------------------------------------
                          calc
------------------------------------------------------*/
/*------------------------------------------------------
                calc  width  max-width
------------------------------------------------------*/
/*------------------------------------------------------
                        Futura
------------------------------------------------------*/
/*------------------------------------------------------
               Media Queries (max750px)
------------------------------------------------------*/
/*------------------------------------------------------
                 Media Queries (min751px)
------------------------------------------------------*/
/*------------------------------------------------------
            Media Queries (751px ~ 1279px)
------------------------------------------------------*/
@media only screen and (min-width: 751px) and (max-width: 1299px) {
  .main-area .main-inner {
    margin: 0 !important;
    padding: 0 !important;
  }
  html {
    font-size: calc(10*(100vw/1400));
  }
}

/*------------------------------------------------------
                       S e t U p
------------------------------------------------------*/
.kanzaki210826 .kanzaki210826-inner .spOnry {
  display: none;
}

@media (max-width: 750px) {
  .kanzaki210826 .kanzaki210826-inner .spOnry {
    display: block;
  }
}

@media (max-width: 750px) {
  .kanzaki210826 .kanzaki210826-inner .pcOnry {
    display: none;
  }
}

.kanzaki210826 {
  position: relative;
  width: 140rem;
  height: auto;
  background-position: center -130.4px;
  background-repeat: no-repeat;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 750px) {
  .kanzaki210826 {
    width: calc(750 * (100vw/750));
    max-width: 750px;
    background-position: center -136px;
  }
}

.kanzaki210826 .kanzaki210826-inner {
  width: 100rem;
  margin: 0 auto;
}

@media (max-width: 750px) {
  .kanzaki210826 .kanzaki210826-inner {
    width: calc(750 * (100vw/750));
    max-width: 750px;
    margin: 0 auto;
  }
}

.kanzaki210826 .kanzaki210826-inner img {
  width: 100%;
  height: auto;
}

@media (max-width: 750px) {
  .kanzaki210826 .kanzaki210826-inner img {
    opacity: 1;
  }
}

.kanzaki210826 .kanzaki210826-inner .bottun {
  display: block;
}

@media (max-width: 750px) {
  .kanzaki210826 .kanzaki210826-inner #kanzaki_archive ul {
    margin: 0 auto calc(5 * (100vw/750));
  }
}

* > .kanzaki210826 {
  color: #000;
  font-family: a-otf-ryumin-pr6n, serif;
  font-weight: 300;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.main-area .main-inner {
  margin: auto !important;
  width: 115rem;
}

@media (max-width: 750px) {
  .main-area .main-inner {
    width: calc(750 * (100vw/750));
    max-width: 750px;
    padding: 0 !important;
  }
}

/*------------------------------------------------------
                 ブラウザーごと  レイアウト調整
------------------------------------------------------*/
/*----------   IE   ----------*/
/*----------   Firefox   ----------*/
/*----------   Gloogle Chrome   ----------*/
/*----------   Safari   ----------*/
/*# sourceMappingURL=style.css.map */