html {
  font-size: 62.5%;
}

.bread-sns {
  width: min(1000px, 90%);
  margin: 0 auto 5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .bread-sns {
    flex-wrap: wrap;
  }
}
.bread-sns a {
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .bread-sns a {
    transition: 0.3s;
  }
}
.bread-sns a:hover {
  opacity: 0.6;
}
.bread-sns a:active {
  opacity: 0.6;
}
.bread-sns .bread__list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
@media screen and (max-width: 768px) {
  .bread-sns .bread__list {
    width: 100%;
    flex-wrap: wrap;
    row-gap: 0.5em;
  }
}
.bread-sns .bread__list__item:after {
  content: ">";
  margin: 0 1em;
}
.bread-sns .bread__list__item:last-child:after {
  display: none;
}
.bread-sns .sns__list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 0.5em;
       column-gap: 0.5em;
}
@media screen and (max-width: 768px) {
  .bread-sns .sns__list {
    width: 100%;
    margin-top: 1em;
  }
}
@media screen and (max-width: 768px) {
  .bread-sns .sns__list__item::not(:first-child) {
    width: 24px;
  }
}

strong {
  font-weight: 600;
}

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

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

#footer {
  margin-top: 0;
}

#page-kokorobakari, #page-kokorobakari-single {
  font-size: 2.6rem;
  font-family: "Zen Maru Gothic", sans-serif;
  overflow: hidden;
}
#page-kokorobakari strong, #page-kokorobakari-single strong {
  font-weight: 600;
}
#page-kokorobakari a, #page-kokorobakari-single a {
  transition: opacity 0.3s;
}
#page-kokorobakari a:hover, #page-kokorobakari-single a:hover {
  opacity: 0.6;
}
#page-kokorobakari .bg.pnk, #page-kokorobakari-single .bg.pnk {
  padding: 80px 0 140px;
  background-image: repeating-linear-gradient(90deg, #F8CACB, #F8CACB 10px, transparent 10px, transparent 20px);
  background-color: #F8DED7;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .bg.pnk, #page-kokorobakari-single .bg.pnk {
    padding: 50px 0 70px;
  }
}
#page-kokorobakari .bg.yel, #page-kokorobakari-single .bg.yel {
  padding: 80px 0 140px;
  background-image: repeating-linear-gradient(90deg, #FCF4DC, #FCF4DC 10px, transparent 10px, transparent 20px);
  background-color: #FEF9E8;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .bg.yel, #page-kokorobakari-single .bg.yel {
    padding: 50px 0 70px;
  }
}
#page-kokorobakari .bg.zigzag, #page-kokorobakari-single .bg.zigzag {
  margin: -40px 0;
  -webkit-mask: repeating-conic-gradient(from 127.5deg at 50% 28px, rgba(0, 0, 0, 0) 0, #000 1deg 104deg, rgba(0, 0, 0, 0) 105deg 180deg) 50% -28px/72.98px;
          mask: repeating-conic-gradient(from 127.5deg at 50% 28px, rgba(0, 0, 0, 0) 0, #000 1deg 104deg, rgba(0, 0, 0, 0) 105deg 180deg) 50% -28px/72.98px;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .bg.zigzag, #page-kokorobakari-single .bg.zigzag {
    -webkit-mask: repeating-conic-gradient(from 127.5deg at 50% 15px, rgba(0, 0, 0, 0) 0, #000 1deg 104deg, rgba(0, 0, 0, 0) 105deg 180deg) 50% -15px/39.1px;
            mask: repeating-conic-gradient(from 127.5deg at 50% 15px, rgba(0, 0, 0, 0) 0, #000 1deg 104deg, rgba(0, 0, 0, 0) 105deg 180deg) 50% -15px/39.1px;
  }
}
#page-kokorobakari .mainvisual, #page-kokorobakari-single .mainvisual {
  padding-top: 15px;
  background: #FEF9E8;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .mainvisual, #page-kokorobakari-single .mainvisual {
    padding-top: 82px;
    padding-bottom: 60px;
  }
}
#page-kokorobakari .mainvisual .bread-sns, #page-kokorobakari-single .mainvisual .bread-sns {
  margin-bottom: 0;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .mainvisual .bread-sns, #page-kokorobakari-single .mainvisual .bread-sns {
    font-size: 1.4rem;
    margin-bottom: 10px;
    line-height: 2;
  }
  #page-kokorobakari .mainvisual .bread-sns .sns__list, #page-kokorobakari-single .mainvisual .bread-sns .sns__list {
    margin-top: 0;
  }
}
#page-kokorobakari .mainvisual .bigc__inner, #page-kokorobakari-single .mainvisual .bigc__inner {
  width: min(90%, 915px);
  margin: 0 auto;
}
#page-kokorobakari .mainvisual .bigc--text, #page-kokorobakari-single .mainvisual .bigc--text {
  text-align: center;
  font-size: 2rem;
}

#page-kokorobakari .fukuro {
  position: relative;
}
#page-kokorobakari .fukuro:before {
  position: absolute;
  top: 50%;
  left: -100px;
  content: "";
  display: inline-block;
  width: 422px;
  height: 170px;
  background: url(../images/kokorobakari/ribbon02.png) center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .fukuro:before {
    display: none;
  }
}
#page-kokorobakari .fukuro .bigc__inner {
  width: min(1100px, 90%);
  margin: 0 auto;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .fukuro .bigc__inner {
    width: min(500px, 90%);
  }
}
#page-kokorobakari .fukuro .bigc__inner:after {
  position: absolute;
  top: -70px;
  right: -261px;
  content: "";
  display: inline-block;
  width: 461px;
  height: 363px;
  background: url(../images/kokorobakari/ribbon01.png) center/contain no-repeat;
}
@media screen and (max-width: 1024px) {
  #page-kokorobakari .fukuro .bigc__inner:after {
    top: -30px;
  }
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .fukuro .bigc__inner:after {
    width: 188px;
    height: 166px;
    right: -80px;
    top: 90px;
  }
}
#page-kokorobakari .fukuro .bigc--text {
  margin-bottom: 30px;
  line-height: 1.8;
  position: relative;
  z-index: 2;
}
#page-kokorobakari .fukuro .bigc--ttl {
  width: min(660px, 60%);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .fukuro .bigc--ttl {
    width: min(370px, 100%);
    margin-bottom: 40px;
  }
}
#page-kokorobakari .fukuro .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .fukuro .list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
  }
}
#page-kokorobakari .fukuro .list .mdlc__block a {
  display: block;
}
#page-kokorobakari .fukuro .list .mdlc__block a span {
  display: inline-flex;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  color: #583104;
}
#page-kokorobakari .fukuro .list .mdlc__block a span:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/kokorobakari/i-arw.svg) center/contain no-repeat;
}
#page-kokorobakari .fukuro .list .mdlc__block a p {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}
#page-kokorobakari .fukuro .list .mdlc__block a:hover span:after {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .sns {
    padding-top: 110px !important;
  }
}
#page-kokorobakari .sns .deco2 {
  width: 100%;
  position: relative;
}
#page-kokorobakari .sns .deco2:after {
  position: absolute;
  top: -100px;
  left: 0;
  content: "";
  display: inline-block;
  width: 218px;
  height: 263px;
  background: url(../images/kokorobakari/ribbon03.png) center/contain no-repeat;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  #page-kokorobakari .sns .deco2:after {
    scale: 0.6;
    transform-origin: left;
  }
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .sns .deco2:after {
    width: 218px;
    height: 189px;
    background: url(../images/kokorobakari/ribbon01.png) center/contain no-repeat;
    scale: -1 1;
    transform-origin: center;
    top: -210px;
    left: -60px;
  }
}
#page-kokorobakari .sns .deco {
  position: relative;
  width: min(1100px, 90%);
  margin: 0 auto;
}
#page-kokorobakari .sns .deco:after {
  position: absolute;
  top: -600px;
  right: -510px;
  content: "";
  display: inline-block;
  width: 742px;
  height: 657px;
  background: url(../images/kokorobakari/ribbon01.png) center/contain no-repeat;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  #page-kokorobakari .sns .deco:after {
    scale: 0.8;
  }
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .sns .deco:after {
    display: none;
  }
}
#page-kokorobakari .sns .bigc--text {
  text-align: center;
  font-size: 4rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari .sns .bigc--text {
    font-size: 2.6rem;
  }
}
#page-kokorobakari .sns .bigc--text span {
  font-size: 120%;
  color: #E83740;
}
#page-kokorobakari .sns .loop__wrap {
  display: flex;
  overflow: hidden;
}
#page-kokorobakari .sns .loop__block {
  display: flex;
  list-style: none;
  -webkit-animation: infinity-scroll-left 60s infinite linear 0.5s both;
          animation: infinity-scroll-left 60s infinite linear 0.5s both;
}
#page-kokorobakari .sns .loop__block div {
  width: 25vw;
  padding: 10px;
}
#page-kokorobakari .sns .loop__block div img {
  width: 100%;
}

#page-kokorobakari-single .mainvisual {
  padding-bottom: 60px;
}
#page-kokorobakari-single .mainvisual .bread-sns {
  margin-bottom: 20px;
}
#page-kokorobakari-single .detail {
  text-align: center;
}
#page-kokorobakari-single .detail .bigc--head {
  position: relative;
}
#page-kokorobakari-single .detail .bigc--head .bgimage {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 0;
  width: 1000px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .bigc--head .bgimage {
    width: 100%;
  }
}
#page-kokorobakari-single .detail .bigc--ttl {
  text-align: center;
}
#page-kokorobakari-single .detail .bigc--ttl span {
  display: inline-flex;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  font-size: 4rem;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .bigc--ttl span {
    font-size: 3rem;
  }
}
#page-kokorobakari-single .detail .bigc--ttl span:after, #page-kokorobakari-single .detail .bigc--ttl span:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 74px;
  background: url(../images/kokorobakari/deco-fukidashi.svg) center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .bigc--ttl span:after, #page-kokorobakari-single .detail .bigc--ttl span:before {
    width: 22px;
    height: 57px;
  }
}
#page-kokorobakari-single .detail .bigc--ttl span::before {
  scale: -1 1;
}
#page-kokorobakari-single .detail .bigc--text {
  margin-bottom: 40px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
}
#page-kokorobakari-single .detail .bigc--btn {
  margin-bottom: 30px;
}
#page-kokorobakari-single .detail .bigc--btn a {
  color: #9C6A5D;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
#page-kokorobakari-single .detail .bigc--btn a:after {
  content: "";
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(../images/kokorobakari/i-arw.svg) center/contain no-repeat;
  rotate: 90deg;
}
#page-kokorobakari-single .detail .bigc__inner {
  width: min(1000px, 90%);
  margin: 0 auto;
}
#page-kokorobakari-single .detail .type {
  width: min(880px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .type {
    grid-template-columns: repeat(1, 1fr);
  }
}
#page-kokorobakari-single .detail .type .mdlc a {
  display: block;
}
#page-kokorobakari-single .detail .type .mdlc--btn {
  width: min(370px, 100%);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .type .mdlc--btn {
    width: min(300px, 100%);
  }
}
#page-kokorobakari-single .detail .type.line4 {
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  height: 100%;
  overflow: hidden;
  gap: 50px 18px;
}
#page-kokorobakari-single .detail .type.line4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .type.line4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
#page-kokorobakari-single .detail .type.line4 .mdlc--image {
  aspect-ratio: 235/180;
}
#page-kokorobakari-single .detail .tool {
  margin-top: 70px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  padding: 30px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .tool {
    padding: 15px;
  }
}
#page-kokorobakari-single .detail .tool:after {
  position: absolute;
  bottom: -30px;
  right: -70px;
  content: "";
  display: inline-block;
  width: 242px;
  height: 149px;
  background: url(../images/kokorobakari/tool.png) center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .tool:after {
    display: none;
  }
}
#page-kokorobakari-single .detail .tool .mdlc__inner {
  text-align: left;
  display: grid;
  grid-template-columns: 400px auto;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .tool .mdlc__inner {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 20px;
  }
}
#page-kokorobakari-single .detail .tool .mdlc__block dt {
  width: min(240px, 100%);
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .tool .mdlc__block dt {
    width: 180px;
  }
}
#page-kokorobakari-single .detail .tool .mdlc__block dd {
  color: #9C6A5D;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .tool .mdlc__block dd {
    font-size: 2rem;
    line-height: 1.4;
  }
}
#page-kokorobakari-single .detail .tool .mdlc--btn {
  width: min(370px, 100%);
  margin: 0 auto;
}
#page-kokorobakari-single .detail .step {
  margin-top: 50px;
}
#page-kokorobakari-single .detail .step--ttl img {
  width: min(240px, 100%);
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .step--ttl img {
    width: 180px;
    margin-bottom: 10px;
  }
}
#page-kokorobakari-single .detail .step .mdlc__inner {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  counter-reset: number 0;
}
@media screen and (max-width: 1024px) {
  #page-kokorobakari-single .detail .step .mdlc__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .detail .step .mdlc__inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
#page-kokorobakari-single .detail .step .mdlc__block {
  text-align: left;
}
#page-kokorobakari-single .detail .step .mdlc--image {
  aspect-ratio: 235/176;
  overflow: hidden;
  margin-bottom: 10px;
}
#page-kokorobakari-single .detail .step .mdlc--image img {
  width: 100%;
}
#page-kokorobakari-single .detail .step .mdlc--text {
  position: relative;
  padding-left: 50px;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
}
#page-kokorobakari-single .detail .step .mdlc--text:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  counter-increment: number 1;
  content: counter(number) " ";
  position: absolute;
  top: 0;
  left: 0;
  background: #583104;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 100%;
}
#page-kokorobakari-single .seriese {
  background: #FEF9E8;
  padding-top: 100px;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .seriese {
    padding-top: 70px;
  }
}
#page-kokorobakari-single .seriese .bigc__inner {
  width: min(1000px, 90%);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
#page-kokorobakari-single .seriese .bigc--ttl {
  text-align: center;
  color: #9C6A5D;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .seriese .bigc--ttl {
    margin-bottom: 20px;
  }
}
#page-kokorobakari-single .seriese .bigc__block {
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .seriese .bigc__block {
    width: 47%;
  }
}
#page-kokorobakari-single .seriese .bigc__block a {
  display: block;
}
#page-kokorobakari-single .seriese .bigc__block span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  color: #9C6A5D;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .seriese .bigc__block span {
    font-size: 2rem;
  }
}
#page-kokorobakari-single .seriese .bigc__block span:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/kokorobakari/i-arw.svg) center/contain no-repeat;
}
@media screen and (max-width: 768px) {
  #page-kokorobakari-single .seriese .bigc__block span:after {
    width: 29px;
    height: 29px;
  }
}

@-webkit-keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*# sourceMappingURL=kokorobakari.css.map */