@charset "UTF-8";
/*svgスプライト*/
body > svg {
  width: 0;
  height: 0;
  opacity: 0;
  position: fixed;
  z-index: -1;
}

/*改行*/
@media screen and (min-width: 769px) {
  .sp_br {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .pc_br {
    display: none;
  }
}

/*全体*/
#Main {
  max-width: 1200px;
  overflow-x: hidden;
  margin: 0 auto;
}
#Main img {
  height: auto;
}
#Main article {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 769px) {
  #Main article {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
#Main article h2 {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  #Main article h2 {
    margin-bottom: 45px;
  }
}
#Main article h2 img {
  max-width: 100%;
}

#Main.k_challenge {
  background-color: #9B6E3D;
}

#Main.k_challenge_02 {
  background-color: #BEC19E;
}

#Main.k_challenge_03 {
  background-color: #D0CAB9;
}

/*背景色付エリア*/
#Main .youtube,
#Main .secret,
#Main .satoshi_kuramochi,
#Main .anniversary,
#Main .kissora_kuramochiii,
#Main .story_akky,
#Main .about_logo,
#Main .bnr_link,
#Main .point,
#Main .campfire,
#Main .in_footer,
#Main .workshop,
#Main .interview {
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
#Main .youtube::before,
#Main .secret::before,
#Main .satoshi_kuramochi::before,
#Main .anniversary::before,
#Main .kissora_kuramochiii::before,
#Main .story_akky::before,
#Main .about_logo::before,
#Main .bnr_link::before,
#Main .point::before,
#Main .campfire::before,
#Main .in_footer::before,
#Main .workshop::before,
#Main .interview::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 200vw;
  max-width: 1200px;
  transform: translateX(-50%);
  z-index: -1;
}
#Main .bnr_link {
  background-color: #ffffff;
}
#Main .bnr_link::before {
  background-color: #ffffff;
}

#Main.k_challenge .youtube,
#Main.k_challenge .secret,
#Main.k_challenge .satoshi_kuramochi {
  background-color: #E0CEA2;
}
#Main.k_challenge .youtube::before,
#Main.k_challenge .secret::before,
#Main.k_challenge .satoshi_kuramochi::before {
  background-color: #E0CEA2;
}

#Main.k_challenge_02 .anniversary {
  background-color: #ffffff;
}
#Main.k_challenge_02 .anniversary::before {
  background-color: #ffffff;
}
#Main.k_challenge_02 .kissora_kuramochiii,
#Main.k_challenge_02 .about_logo {
  color: #ffffff;
  background-color: #8D7C64;
}
#Main.k_challenge_02 .kissora_kuramochiii::before,
#Main.k_challenge_02 .about_logo::before {
  background-color: #8D7C64;
}
#Main.k_challenge_02 .story_akky,
#Main.k_challenge_02 .youtube {
  color: #ffffff;
  background-color: #80836F;
}
#Main.k_challenge_02 .story_akky::before,
#Main.k_challenge_02 .youtube::before {
  background-color: #80836F;
}

#Main.k_challenge_03 .point {
  color: #ffffff;
  background-color: #B7BAA7;
}
#Main.k_challenge_03 .point::before {
  background-color: #B7BAA7;
}
#Main.k_challenge_03 .campfire {
  background-color: #AC9685;
}
#Main.k_challenge_03 .campfire::before {
  background-color: #AC9685;
}
#Main.k_challenge_03 .youtube {
  color: #ffffff;
  background-color: #80806F;
}
#Main.k_challenge_03 .youtube::before {
  background-color: #80806F;
}
#Main.k_challenge_03 .in_footer {
  background-color: #A5A885;
  color: #6D705E;
}
#Main.k_challenge_03 .in_footer::before {
  background-color: #A5A885;
}

#Main.k_challenge_extra .workshop {
  background-color: #CEB4A9;
}
#Main.k_challenge_extra .workshop::before {
  background-color: #CEB4A9;
}
#Main.k_challenge_extra .campfire {
  background-color: #A79180;
}
#Main.k_challenge_extra .campfire::before {
  background-color: #A79180;
}
#Main.k_challenge_extra .youtube {
  color: #ffffff;
  background-color: #80806F;
}
#Main.k_challenge_extra .youtube::before {
  background-color: #80806F;
}
#Main.k_challenge_extra .in_footer {
  background-color: #A0A380;
  color: #80806F;
}
#Main.k_challenge_extra .in_footer::before {
  background-color: #A0A380;
}

/*読み物共通*/
#Main .craftsman > img,
#Main .craftsman > figure,
#Main .craftsman > p,
#Main .craftsman > dl,
#Main .secret > img,
#Main .secret > figure,
#Main .secret > p,
#Main .secret > dl,
#Main .willbesold > img,
#Main .willbesold > figure,
#Main .willbesold > p,
#Main .willbesold > dl,
#Main .story_kissora > img,
#Main .story_kissora > figure,
#Main .story_kissora > p,
#Main .story_kissora > dl,
#Main .story_akky > img,
#Main .story_akky > figure,
#Main .story_akky > p,
#Main .story_akky > dl,
#Main .anniversary_10 > img,
#Main .anniversary_10 > figure,
#Main .anniversary_10 > p,
#Main .anniversary_10 > dl,
#Main .complete > img,
#Main .complete > figure,
#Main .complete > p,
#Main .complete > dl,
#Main .last_interview > img,
#Main .last_interview > figure,
#Main .last_interview > p,
#Main .last_interview > dl,
#Main .about > img,
#Main .about > figure,
#Main .about > p,
#Main .about > dl,
#Main .workshop > img,
#Main .workshop > figure,
#Main .workshop > p,
#Main .workshop > dl,
#Main .interview > img,
#Main .interview > figure,
#Main .interview > p,
#Main .interview > dl {
  margin-left: auto;
  margin-right: auto;
}
#Main .craftsman > img:not(:first-child),
#Main .craftsman > figure:not(:first-child),
#Main .craftsman > p:not(:first-child),
#Main .craftsman > dl:not(:first-child),
#Main .secret > img:not(:first-child),
#Main .secret > figure:not(:first-child),
#Main .secret > p:not(:first-child),
#Main .secret > dl:not(:first-child),
#Main .willbesold > img:not(:first-child),
#Main .willbesold > figure:not(:first-child),
#Main .willbesold > p:not(:first-child),
#Main .willbesold > dl:not(:first-child),
#Main .story_kissora > img:not(:first-child),
#Main .story_kissora > figure:not(:first-child),
#Main .story_kissora > p:not(:first-child),
#Main .story_kissora > dl:not(:first-child),
#Main .story_akky > img:not(:first-child),
#Main .story_akky > figure:not(:first-child),
#Main .story_akky > p:not(:first-child),
#Main .story_akky > dl:not(:first-child),
#Main .anniversary_10 > img:not(:first-child),
#Main .anniversary_10 > figure:not(:first-child),
#Main .anniversary_10 > p:not(:first-child),
#Main .anniversary_10 > dl:not(:first-child),
#Main .complete > img:not(:first-child),
#Main .complete > figure:not(:first-child),
#Main .complete > p:not(:first-child),
#Main .complete > dl:not(:first-child),
#Main .last_interview > img:not(:first-child),
#Main .last_interview > figure:not(:first-child),
#Main .last_interview > p:not(:first-child),
#Main .last_interview > dl:not(:first-child),
#Main .about > img:not(:first-child),
#Main .about > figure:not(:first-child),
#Main .about > p:not(:first-child),
#Main .about > dl:not(:first-child),
#Main .workshop > img:not(:first-child),
#Main .workshop > figure:not(:first-child),
#Main .workshop > p:not(:first-child),
#Main .workshop > dl:not(:first-child),
#Main .interview > img:not(:first-child),
#Main .interview > figure:not(:first-child),
#Main .interview > p:not(:first-child),
#Main .interview > dl:not(:first-child) {
  margin-top: 1.2em;
}
#Main .craftsman > img:not(:last-child),
#Main .craftsman > figure:not(:last-child),
#Main .craftsman > p:not(:last-child),
#Main .craftsman > dl:not(:last-child),
#Main .secret > img:not(:last-child),
#Main .secret > figure:not(:last-child),
#Main .secret > p:not(:last-child),
#Main .secret > dl:not(:last-child),
#Main .willbesold > img:not(:last-child),
#Main .willbesold > figure:not(:last-child),
#Main .willbesold > p:not(:last-child),
#Main .willbesold > dl:not(:last-child),
#Main .story_kissora > img:not(:last-child),
#Main .story_kissora > figure:not(:last-child),
#Main .story_kissora > p:not(:last-child),
#Main .story_kissora > dl:not(:last-child),
#Main .story_akky > img:not(:last-child),
#Main .story_akky > figure:not(:last-child),
#Main .story_akky > p:not(:last-child),
#Main .story_akky > dl:not(:last-child),
#Main .anniversary_10 > img:not(:last-child),
#Main .anniversary_10 > figure:not(:last-child),
#Main .anniversary_10 > p:not(:last-child),
#Main .anniversary_10 > dl:not(:last-child),
#Main .complete > img:not(:last-child),
#Main .complete > figure:not(:last-child),
#Main .complete > p:not(:last-child),
#Main .complete > dl:not(:last-child),
#Main .last_interview > img:not(:last-child),
#Main .last_interview > figure:not(:last-child),
#Main .last_interview > p:not(:last-child),
#Main .last_interview > dl:not(:last-child),
#Main .about > img:not(:last-child),
#Main .about > figure:not(:last-child),
#Main .about > p:not(:last-child),
#Main .about > dl:not(:last-child),
#Main .workshop > img:not(:last-child),
#Main .workshop > figure:not(:last-child),
#Main .workshop > p:not(:last-child),
#Main .workshop > dl:not(:last-child),
#Main .interview > img:not(:last-child),
#Main .interview > figure:not(:last-child),
#Main .interview > p:not(:last-child),
#Main .interview > dl:not(:last-child) {
  margin-bottom: 1.2em;
}
#Main .craftsman > p,
#Main .secret > p,
#Main .willbesold > p,
#Main .story_kissora > p,
#Main .story_akky > p,
#Main .anniversary_10 > p,
#Main .complete > p,
#Main .last_interview > p,
#Main .about > p,
#Main .workshop > p,
#Main .interview > p {
  max-width: 800px;
}
#Main .craftsman > img,
#Main .craftsman > figure,
#Main .craftsman > figure img,
#Main .secret > img,
#Main .secret > figure,
#Main .secret > figure img,
#Main .willbesold > img,
#Main .willbesold > figure,
#Main .willbesold > figure img,
#Main .story_kissora > img,
#Main .story_kissora > figure,
#Main .story_kissora > figure img,
#Main .story_akky > img,
#Main .story_akky > figure,
#Main .story_akky > figure img,
#Main .anniversary_10 > img,
#Main .anniversary_10 > figure,
#Main .anniversary_10 > figure img,
#Main .complete > img,
#Main .complete > figure,
#Main .complete > figure img,
#Main .last_interview > img,
#Main .last_interview > figure,
#Main .last_interview > figure img,
#Main .about > img,
#Main .about > figure,
#Main .about > figure img,
#Main .workshop > img,
#Main .workshop > figure,
#Main .workshop > figure img,
#Main .interview > img,
#Main .interview > figure,
#Main .interview > figure img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #Main .craftsman .img_half,
  #Main .secret .img_half,
  #Main .willbesold .img_half,
  #Main .story_kissora .img_half,
  #Main .story_akky .img_half,
  #Main .anniversary_10 .img_half,
  #Main .complete .img_half,
  #Main .last_interview .img_half,
  #Main .about .img_half,
  #Main .workshop .img_half,
  #Main .interview .img_half {
    width: 95%;
    max-width: 320px;
    margin-right: -4.4vw;
  }
  #Main .craftsman .img_half figcaption,
  #Main .secret .img_half figcaption,
  #Main .willbesold .img_half figcaption,
  #Main .story_kissora .img_half figcaption,
  #Main .story_akky .img_half figcaption,
  #Main .anniversary_10 .img_half figcaption,
  #Main .complete .img_half figcaption,
  #Main .last_interview .img_half figcaption,
  #Main .about .img_half figcaption,
  #Main .workshop .img_half figcaption,
  #Main .interview .img_half figcaption {
    padding-right: 4.4vw;
  }
}
#Main .craftsman figcaption,
#Main .secret figcaption,
#Main .willbesold figcaption,
#Main .story_kissora figcaption,
#Main .story_akky figcaption,
#Main .anniversary_10 figcaption,
#Main .complete figcaption,
#Main .last_interview figcaption,
#Main .about figcaption,
#Main .workshop figcaption,
#Main .interview figcaption {
  margin-top: .5em;
}
@media screen and (max-width: 768px) {
  #Main .craftsman figcaption,
  #Main .secret figcaption,
  #Main .willbesold figcaption,
  #Main .story_kissora figcaption,
  #Main .story_akky figcaption,
  #Main .anniversary_10 figcaption,
  #Main .complete figcaption,
  #Main .last_interview figcaption,
  #Main .about figcaption,
  #Main .workshop figcaption,
  #Main .interview figcaption {
    font-size: 70%;
  }
}
@media screen and (min-width: 769px) {
  #Main .craftsman figcaption,
  #Main .secret figcaption,
  #Main .willbesold figcaption,
  #Main .story_kissora figcaption,
  #Main .story_akky figcaption,
  #Main .anniversary_10 figcaption,
  #Main .complete figcaption,
  #Main .last_interview figcaption,
  #Main .about figcaption,
  #Main .workshop figcaption,
  #Main .interview figcaption {
    text-align: right;
  }
}
#Main .craftsman > p,
#Main .secret > p,
#Main .willbesold > p,
#Main .story_kissora > p,
#Main .story_akky > p,
#Main .anniversary_10 > p,
#Main .complete > p,
#Main .last_interview > p,
#Main .about > p,
#Main .workshop > p,
#Main .interview > p {
  line-height: 2.5;
}

#Main .craftsman > img,
#Main .craftsman > figure,
#Main .craftsman > dl,
#Main .secret > img,
#Main .secret > figure,
#Main .secret > dl,
#Main .willbesold > img,
#Main .willbesold > figure,
#Main .willbesold > dl,
#Main .story_kissora > img,
#Main .story_kissora > figure,
#Main .story_kissora > dl,
#Main .story_akky > img,
#Main .story_akky > figure,
#Main .story_akky > dl,
#Main .anniversary_10 > img,
#Main .anniversary_10 > figure,
#Main .anniversary_10 > dl,
#Main .last_interview > img,
#Main .last_interview > figure,
#Main .last_interview > dl,
#Main .about > img,
#Main .about > figure,
#Main .about > dl,
#Main .workshop > img,
#Main .workshop > figure,
#Main .workshop > dl,
#Main .interview > img,
#Main .interview > figure,
#Main .interview > dl {
  max-width: 800px;
}

@media screen and (max-width: 768px) {
  #Main.k_challenge_02 .story_kissora > img:not(:first-child),
  #Main.k_challenge_02 .story_kissora > figure:not(:first-child),
  #Main.k_challenge_02 .story_akky > img:not(:first-child),
  #Main.k_challenge_02 .story_akky > figure:not(:first-child),
  #Main.k_challenge_02 .anniversary_10 > img:not(:first-child),
  #Main.k_challenge_02 .anniversary_10 > figure:not(:first-child) {
    margin-top: 40px;
  }
  #Main.k_challenge_02 .story_kissora > figure:not(:last-child),
  #Main.k_challenge_02 .story_akky > figure:not(:last-child),
  #Main.k_challenge_02 .anniversary_10 > figure:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  #Main.k_challenge_03 .complete > img:not(:first-child),
  #Main.k_challenge_03 .last_interview > img:not(:first-child) {
    margin-top: 40px;
  }
}
#Main.k_challenge_03 .complete > img:not(.img_max) {
  max-width: 1080px;
}

/*Last interview共通*/
#Main .last_interview dl,
#Main .interview dl {
  margin-top: 25px !important;
}
@media screen and (min-width: 769px) {
  #Main .last_interview dl,
  #Main .interview dl {
    margin-top: 70px !important;
  }
}
#Main .last_interview dl dt,
#Main .interview dl dt {
  font-weight: 700;
  margin-bottom: .3em;
  font-size: 110%;
}
@media screen and (min-width: 769px) {
  #Main .last_interview dl dt,
  #Main .interview dl dt {
    font-size: 137.5%;
  }
}
#Main .last_interview dl dd,
#Main .interview dl dd {
  line-height: 1.8;
}
#Main .last_interview dl dd:not(:last-child),
#Main .interview dl dd:not(:last-child) {
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) {
  #Main .last_interview dl dd:not(:last-child),
  #Main .interview dl dd:not(:last-child) {
    margin-bottom: 70px;
  }
}

/*KV*/
#Main h1 {
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 0;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  #Main h1 {
    margin-left: -4.4vw;
    margin-right: -4.4vw;
  }
}
@media screen and (min-width: 769px) {
  #Main h1 {
    padding: 20px 50px;
  }
}
#Main h1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  z-index: -1;
}
#Main h1 > svg {
  display: block;
  margin-left: auto;
  width: 165px;
  height: 195px;
}
@media screen and (min-width: 769px) {
  #Main h1 > svg {
    width: 330px;
    height: 390px;
  }
}
#Main h1 span {
  position: absolute;
  left: 0;
  transform: translateX(-110%);
}

#Main.k_challenge h1 {
  background-image: url("../images/vol_01/kv_bg.jpg");
}
#Main.k_challenge h1::before {
  background: linear-gradient(to right, rgba(142, 70, 22, 0) 0%, #8e4616 100%);
}
#Main.k_challenge h1 > svg {
  fill: #ab6938;
}

#Main.k_challenge_02 h1 {
  background-image: url("../images/vol_02/kv_bg.jpg");
}
#Main.k_challenge_02 h1::before {
  background: linear-gradient(to right, rgba(68, 99, 62, 0) 0%, #44633e 100%);
}
#Main.k_challenge_02 h1 > svg {
  fill: #225428;
}

#Main.k_challenge_03 h1 {
  background-image: url("../images/vol_03/kv_bg.jpg");
}
#Main.k_challenge_03 h1::before {
  background: linear-gradient(to right, rgba(130, 108, 69, 0) 0%, #826c45 100%);
}
#Main.k_challenge_03 h1 > svg {
  fill: #8F703F;
}

#Main.k_challenge_extra h1 {
  background-image: url("../images/extra/kv_bg.jpg");
}
#Main.k_challenge_extra h1::before {
  background: linear-gradient(to right, rgba(128, 68, 15, 0) 0%, #80440f 100%);
}
#Main.k_challenge_extra h1 > svg {
  fill: #ffffff;
}

/*kissora番外編YouTubeチャンネル開設「kissoraの中の人」*/
#Main .youtube {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
#Main .youtube h2 {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #Main .youtube h2 {
    height: 0;
    padding-bottom: 18%;
  }
}
#Main .youtube h2 svg {
  fill: currentColor;
  width: 540px;
  height: 84px;
}
@media screen and (max-width: 768px) {
  #Main .youtube h2 svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
#Main .youtube h2 > span {
  position: absolute;
  left: 0;
  transform: translateX(-110%);
}
#Main .youtube > div {
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) {
  #Main .youtube > div {
    margin-bottom: 70px;
  }
}
#Main .youtube > div h3 {
  color: #ffffff;
  width: max-content;
  margin-left: auto;
  padding: .2em 1em;
  font-weight: 700;
  font-size: 3.6vw;
}
@media screen and (min-width: 769px) {
  #Main .youtube > div h3 {
    font-size: 18px;
  }
}
#Main .youtube > div img {
  width: 100%;
  margin-bottom: 1.2em;
}
#Main .youtube > div p {
  line-height: 2;
}
#Main .youtube > ul {
  display: flex;
  margin: -8px;
}
@media screen and (min-width: 769px) {
  #Main .youtube > ul {
    margin: -15px;
  }
}
#Main .youtube > ul > li {
  width: calc(50% - 15px);
  margin: 8px;
}
@media screen and (min-width: 769px) {
  #Main .youtube > ul > li {
    width: calc(50% - 30px);
    margin: 15px;
  }
}
#Main .youtube > ul > li > a {
  display: block;
  text-align: center;
  border-radius: 15px;
  padding: 15px 10px 10px;
  font-size: 3.8vw;
}
@media screen and (min-width: 769px) {
  #Main .youtube > ul > li > a {
    border-radius: 30px;
    padding: 40px 40px 15px;
    font-size: 24px;
  }
}
#Main .youtube > ul > li > a > span {
  display: block;
  flex: 0 0 auto;
  position: relative;
  height: 0;
  padding-bottom: 62.5%;
  margin-top: 10px;
}
@media screen and (min-width: 769px) {
  #Main .youtube > ul > li > a > span {
    margin-top: 30px;
  }
}
#Main .youtube > ul > li > a > span svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#Main.k_challenge .youtube > div h3 {
  background-color: #CC6600;
}
#Main.k_challenge .youtube > ul > li > a {
  background-color: #CC6600;
  color: #ffffff;
}

@media screen and (min-width: 769px) {
  #Main.k_challenge_02 .youtube > div > p {
    text-align: center;
  }
}
#Main.k_challenge_02 .youtube > ul > li > a {
  background-color: #BEC19E;
  color: #6D705E;
}

@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .youtube > div > p {
    text-align: center;
  }
}
#Main.k_challenge_03 .youtube > ul > li > a {
  background-color: #A5A885;
  color: #6D705E;
}

#Main.k_challenge_extra .youtube > div h3 {
  background-color: #F47000;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_extra .youtube > div > p {
    text-align: center;
  }
}
#Main.k_challenge_extra .youtube > ul > li > a {
  background-color: #A0A380;
  color: #80806F;
}

/*CAMPFIRE*/
.campfire {
  max-width: 800px;
}
.campfire img {
  width: 100%;
}
.campfire a {
  display: flex;
  height: 5em;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  background: #ff5c36;
  background: linear-gradient(90deg, #ff5c36 17%, #ff2b36 70%);
  margin: 1em auto 0;
  font-size: 130%;
  border-radius: 25px;
}
@media screen and (min-width: 769px) {
  .campfire a {
    font-size: 224.9%;
    border-radius: 40px;
  }
}

/*フッター*/
#Main .in_footer {
  text-align: center;
}
@media screen and (min-width: 769px) {
  #Main .in_footer {
    padding-top: 80px;
  }
}
#Main .in_footer h2 {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #Main .in_footer h2 {
    height: 0;
    padding-bottom: 25.2%;
    position: relative;
  }
}
#Main .in_footer h2 svg {
  fill: currentColor;
  width: 500px;
  height: 126px;
}
@media screen and (max-width: 768px) {
  #Main .in_footer h2 svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
#Main .in_footer h2 > span {
  position: absolute;
  left: 0;
  transform: translateX(-110%);
}
#Main .in_footer p {
  line-height: 1.813;
  margin-bottom: 2em;
}
@media screen and (max-width: 768px) {
  #Main .in_footer p {
    font-size: .84em;
  }
}
@media screen and (max-width: 370px) {
  #Main .in_footer p {
    letter-spacing: -.02em;
  }
}
#Main .in_footer h3 {
  margin-bottom: .3em;
  font-size: 3.6vw;
}
@media screen and (min-width: 769px) {
  #Main .in_footer h3 {
    font-size: 24px;
  }
}
#Main .in_footer > a {
  color: currentColor;
}

#Main.k_challenge .in_footer {
  color: #ffffff;
}

#Main.k_challenge_02 .in_footer {
  color: #6D705E;
}

/*** vol.01 ***/
/*ある革職人*/
#Main.k_challenge .craftsman {
  color: #ffffff;
}
#Main.k_challenge .craftsman figure:first-child {
  background-image: url("../images/vol_01/kv_sub_bg.jpg");
  background-position: center center;
  background-size: cover;
  padding-bottom: 71.3%;
  position: relative;
  margin: -40px -4.4vw 40px;
  width: auto;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge .craftsman figure:first-child {
    margin: 0 auto 90px;
    max-width: 925px;
  }
}
@media screen and (min-width: 925px) {
  #Main.k_challenge .craftsman figure:first-child {
    padding-bottom: 659px;
  }
}
#Main.k_challenge .craftsman figure:first-child > svg {
  fill: #ab6938;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 15px;
  width: 40%;
  height: 47.3vw;
  max-width: 330px;
  max-height: 390px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge .craftsman figure:first-child > svg {
    width: 330px;
    height: 390px;
    right: 80px;
  }
}
#Main.k_challenge .craftsman > a {
  display: flex;
  align-items: center;
  background-color: #E0CEA2;
  width: max-content;
  height: 3.2em;
  padding: 0 1.5em;
  margin: 70px 0 0 auto;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge .craftsman > a {
    font-size: 20px;
    margin: 90px 70px 0 auto;
  }
}
#Main.k_challenge .craftsman > a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .6em 0 .6em 1em;
  border-color: transparent transparent transparent currentColor;
  margin-left: .5em;
}

/*史上初！？見つかっちゃった販売*/
#Main.k_challenge .willbesold {
  color: #ffffff;
}

/*倉持聡*/
#Main.k_challenge .satoshi_kuramochi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  column-gap: 10px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge .satoshi_kuramochi {
    column-gap: 50px;
  }
}
#Main.k_challenge .satoshi_kuramochi > * {
  text-align: right;
}
#Main.k_challenge .satoshi_kuramochi h2 img,
#Main.k_challenge .satoshi_kuramochi h3 img {
  max-width: 50%;
}
#Main.k_challenge .satoshi_kuramochi h2 {
  align-self: end;
}
#Main.k_challenge .satoshi_kuramochi h3 {
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge .satoshi_kuramochi h3 {
    margin-bottom: 60px;
  }
}
#Main.k_challenge .satoshi_kuramochi > p {
  align-self: start;
}
@media screen and (max-width: 768px) {
  #Main.k_challenge .satoshi_kuramochi > p {
    font-size: .76em;
  }
}
#Main.k_challenge .satoshi_kuramochi > img {
  grid-row: 1/4;
  grid-column: 2;
  max-width: 100%;
  align-self: center;
}

/*** vol.02 ***/
/*10th anniversary*/
#Main.k_challenge_02 .anniversary {
  background-color: #ffffff;
  padding-left: 4.4vw;
  padding-right: 4.4vw;
}
#Main.k_challenge_02 .anniversary figure {
  background-image: url("../images/vol_02/kv_sub_bg.jpg");
  background-position: center center;
  background-size: cover;
  padding-bottom: 71.3%;
  position: relative;
  margin: 0 -4.4vw 40px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_02 .anniversary figure {
    margin: 0 auto 90px;
    max-width: 925px;
  }
}
@media screen and (min-width: 925px) {
  #Main.k_challenge_02 .anniversary figure {
    padding-bottom: 659px;
  }
}
#Main.k_challenge_02 .anniversary figure > img {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 15px;
  width: 40%;
  max-width: 330px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_02 .anniversary figure > img {
    right: 40px;
  }
}
#Main.k_challenge_02 .anniversary h2 {
  margin-bottom: 40px;
}
#Main.k_challenge_02 .anniversary p {
  color: #423328;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
  line-height: 2.6;
}
@media screen and (max-width: 768px) {
  #Main.k_challenge_02 .anniversary p {
    font-size: 80%;
  }
}
#Main.k_challenge_02 .anniversary .p_sign {
  text-align: right;
  font-size: 110%;
  margin-top: 2em;
}

/*区切り装飾*/
#Main.k_challenge_02 .kissora_kuramochiii {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_02 .kissora_kuramochiii {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
#Main.k_challenge_02 .kissora_kuramochiii img {
  display: block;
  margin: 0 auto;
  max-width: 60%;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_02 .kissora_kuramochiii img {
    max-width: 90%;
  }
}

@media screen and (max-width: 768px) {
  #Main.k_challenge_02 .story_kissora > p {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

/*kissoraのロゴについて*/
#Main.k_challenge_02 .about_logo {
  max-width: 960px;
}
#Main.k_challenge_02 .about_logo > p {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #Main.k_challenge_02 .about_logo > p {
    padding-left: 4.4vw;
    padding-right: 4.4vw;
  }
}
#Main.k_challenge_02 .about_logo > div {
  background-color: #ffffff;
  color: #000000;
  padding: 25px;
  margin-top: 25px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_02 .about_logo > div {
    padding: 70px;
    margin-top: 70px;
  }
}
#Main.k_challenge_02 .about_logo > div h3 {
  font-weight: 700;
  margin-bottom: .5em;
  font-size: 130%;
}
#Main.k_challenge_02 .about_logo > div h3:not(:first-child) {
  margin-top: 25px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_02 .about_logo > div h3:not(:first-child) {
    margin-top: 70px;
  }
}
#Main.k_challenge_02 .about_logo > div img {
  margin: 1em auto 0;
  display: block;
  max-width: 100%;
}
#Main.k_challenge_02 .about_logo > div .logo_margin {
  margin: 2em auto 3em;
  max-width: 90%;
}
#Main.k_challenge_02 .about_logo > a {
  display: flex;
  align-items: center;
  background-color: #FFE564;
  color: #8D7C64;
  width: max-content;
  height: 5em;
  padding: 0 1.5em;
  margin: 25px 0 0 auto;
}
@media screen and (max-width: 768px) {
  #Main.k_challenge_02 .about_logo > a {
    font-size: 80%;
  }
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_02 .about_logo > a {
    margin-top: 70px;
  }
}
#Main.k_challenge_02 .about_logo > a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .6em 0 .6em 1em;
  border-color: transparent transparent transparent currentColor;
  margin-left: .5em;
}

/*バナー*/
#Main .bnr_link {
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 718px;
  margin: 0 auto;
  font-size: 142.2%;
}
@media screen and (min-width: 769px) {
  #Main .bnr_link {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
#Main .bnr_link p:not(:first-child) {
  margin-top: 2em;
}
#Main .bnr_link a {
  display: block;
}
#Main .bnr_link a img {
  max-width: 100%;
}

/*** vol.03 ***/
/*サブKV*/
#Main.k_challenge_03 .kv_sub {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ffffff;
  margin: 0 -4.4vw;
  position: relative;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .kv_sub {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
#Main.k_challenge_03 .kv_sub figure {
  background-image: url("../images/vol_03/kv_sub_bg.jpg");
  background-position: center center;
  background-size: cover;
  padding-bottom: 71.3%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #Main.k_challenge_03 .kv_sub figure {
    margin: 0 4.4vw;
    padding-bottom: 58.759%;
  }
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .kv_sub figure {
    margin: 0 auto;
    max-width: 925px;
  }
}
@media screen and (min-width: 925px) {
  #Main.k_challenge_03 .kv_sub figure {
    padding-bottom: 659px;
  }
}
#Main.k_challenge_03 .kv_sub figure > img {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 15px;
  width: 40%;
  max-width: 330px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .kv_sub figure > img {
    right: 40px;
  }
}

/*ついに完成、究極のシンプルトートバッグ！*/
#Main.k_challenge_03 .complete h2 {
  background-color: #AC9685;
  box-shadow: 0 0 0 10em #AC9685;
}
#Main.k_challenge_03 .complete .img_max {
  margin: 0 -4.4vw;
  width: calc(100vw + (4.4vw * 2));
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .complete .img_max {
    object-fit: cover;
    width: calc(100% + (4.4vw * 2));
    max-height: 650px;
  }
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .complete > img:not(.img_max) {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
#Main.k_challenge_03 .complete h3 {
  text-align: center;
  margin-top: 2.5em;
  font-size: 130%;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .complete h3 {
    font-size: 237%;
  }
}

/*POINT*/
#Main.k_challenge_03 .point {
  max-width: 1080px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .point {
    padding-left: 1em;
    padding-right: 1em;
  }
}
#Main.k_challenge_03 .point > img {
  display: block;
  width: 100%;
}
#Main.k_challenge_03 .point h2 {
  text-align: left;
}
#Main.k_challenge_03 .point h2:not(:first-child) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .point h2:not(:first-child) {
    margin-top: 90px;
  }
}
#Main.k_challenge_03 .point p {
  font-size: 130%;
  margin-bottom: .5em;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .point p {
    font-size: 150%;
  }
}

/*Last interview*/
#Main.k_challenge_03 .last_interview h2 {
  background-color: #ffffff;
  padding: 4em 2em 0 4em;
  box-shadow: 0 5em 0 0 #ffffff, 0 10em 0 0 #ffffff;
  box-sizing: border-box;
  width: 50%;
}
@media screen and (max-width: 768px) {
  #Main.k_challenge_03 .last_interview h2 {
    margin-left: -4.4vw;
    width: 65%;
  }
}
@media screen and (max-width: 768px) {
  #Main.k_challenge_03 .last_interview > img {
    width: 80%;
    margin-left: 20%;
  }
}
#Main.k_challenge_03 .last_interview > a {
  display: flex;
  align-items: center;
  background-color: #AC9685;
  color: #ffffff;
  width: max-content;
  height: 3em;
  padding: 0 1.5em;
  margin: 25px 0 0 auto;
}
@media screen and (max-width: 768px) {
  #Main.k_challenge_03 .last_interview > a {
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_03 .last_interview > a {
    margin-top: 70px;
    margin-right: calc((100% - 800px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  #Main.k_challenge_03 .last_interview > a {
    margin-right: 200px;
  }
}
#Main.k_challenge_03 .last_interview > a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .6em 0 .6em 1em;
  border-color: transparent transparent transparent currentColor;
  margin-left: .5em;
}

/*** extra ***/
/*クラウドファンディング開始から約2週間*/
#Main.k_challenge_extra .about h2 {
  font-size: 142.6%;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_extra .about h2 {
    font-size: 29px;
  }
}

/*クラウドファンディング開始から約2週間*/
#Main.k_challenge_extra .workshop h2 {
  font-size: 147.5%;
}
#Main.k_challenge_extra .workshop h2 span {
  font-size: 130.8%;
  display: block;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_extra .workshop h2 {
    font-size: 36px;
  }
}
#Main.k_challenge_extra .workshop section {
  background-color: #ffffff;
  max-width: 462px;
  margin: 2em auto 0;
  padding: 20px;
}
@media screen and (min-width: 769px) {
  #Main.k_challenge_extra .workshop section {
    padding: 40px;
  }
}
#Main.k_challenge_extra .workshop section h3 {
  font-size: 123.7%;
  border-bottom: 1px solid currentColor;
  margin-bottom: 1em;
}
#Main.k_challenge_extra .workshop section > dl {
  display: flex;
  flex-wrap: wrap;
}
#Main.k_challenge_extra .workshop section > dl:not(:last-child) {
  margin-bottom: 1em;
}
#Main.k_challenge_extra .workshop section > dl dt {
  width: 4em;
  flex: 0 0 auto;
}
#Main.k_challenge_extra .workshop section > dl dd {
  width: calc(100% - 4em);
  flex: 1 1 auto;
}
#Main.k_challenge_extra .workshop section > dl dd ul {
  display: flex;
  flex-wrap: wrap;
}
#Main.k_challenge_extra .workshop section > dl dd ul li {
  width: 50%;
}
#Main.k_challenge_extra .workshop section > ul {
  padding-left: 1em;
  text-indent: -1em;
}
#Main.k_challenge_extra .workshop section > ul > li {
  line-height: 1.2em;
}
#Main.k_challenge_extra .workshop section > ul > li:not(:last-child) {
  margin-bottom: .4em;
}
#Main.k_challenge_extra .workshop section > ul > li::before {
  content: "※";
  display: inline-block;
  width: 1em;
  text-align: center;
  text-indent: 0;
}

/*interview*/
#Main.k_challenge_extra .interview h2 {
  background-color: #CEB4A9;
  padding: 4em 2em 0 4em;
  box-shadow: 0 5em 0 0 #CEB4A9, 0 10em 0 0 #CEB4A9;
  box-sizing: border-box;
  width: 50%;
}
@media screen and (max-width: 768px) {
  #Main.k_challenge_extra .interview h2 {
    margin-left: -4.4vw;
    width: 65%;
  }
}