body {
  font-family: 'Noto Sans JP', sans-serif;
}
.sp{
  display:none;
}
.pc{
  display:block;
}
/*タイトル修正用*/

.heading-h1{
    display: none !important;
}

.h1_ttl_box {
  font-size: 30px;
  font-weight: bold;
  margin:20px 0px;
}

@media screen and (max-width: 767px) {
  .h1_ttl_box {
    font-size: 28px; }
 }

.p-mainVisual {
  position: relative;
  height: auto;
  margin-bottom: 120px;
  background-size: cover;
}
.p-mainimg{
  width:100%;
}
.p-mainVisual__inner {
  width: 100%;
  max-width: 512px;
  height:180px;
  position:absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
  box-sizing: border-box;
}
.p-mainVisual__mask {
  background: rgba(255,255,255,0.1);
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.p-mainVisual__mainTitleArea {
  display: none;
}
.p-mainVisual__subText {
  display: inline-block;
  margin-bottom: 16px;
  color: #2E1409;
  font-size: 20px;
  font-weight: 700;
  background-color: #fff;
  line-height: 1.45;
  padding:6px 11px;
}
.p-mainVisual__subText--sp {
  display: none;
}
.p-mainVisual__title {
  width: 100%;
}
.p-mainVisual__box {
  position: absolute;
  bottom: 0;
  left: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 27px 40px;
  margin: 0 20px;
  background: #fff;
  transform: translate(-50%, 50%);
  width: calc(100% - 40px);
  max-width: 1080px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.08);
  box-sizing: border-box;
}
.p-mainVisual__innerBox {
  display: flex;
  align-items: center;
}
.p-mainVisual__innerTitle {
  font-family: 'Spartan', sans-serif;
  margin-right: 40px;
  color: #2E1409;
  font-size: 16px;
  font-weight: 700;
}
.p-mainVisual__innerSubText {
  display: block;
  margin-bottom: 5px;
  color: #666666;
  font-size: 14px;
}
.p-mainVisual__innerSubTitle {
  font-size: 24px;
}
.p-mainVisual__titleArea {
  margin-right: 12px;
}

/* topics */
.p-topics {
  padding: 66px 32px;
  background-color: #FEF4EE;
}
.p-topics__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.p-topics__list {
  max-width: 60%;
}
.p-topics__listItem {
  margin-bottom: 26px;
}
.p-topics__listItem:last-child {
  margin-bottom: 0;
}
.p-topics__link {
  display: flex;
}
.p-topics__link:visited,
.p-topics__link:link {
  text-decoration: none;
}
.p-topics__link:hover .p-topics__title {
  text-decoration: underline;
}
.p-topics__link:hover .nolink{
  text-decoration: none;
}
.p-topics__date {
  font-family: 'Spartan', sans-serif;
  margin-right: 57px;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
width:130px;
	text-align: left;
}
.p-topics__title {
  color: #333333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
	text-align: left;
}
.p-topics__box {
  text-align: center;
}
.p-topics__boxTitle {
  font-family: 'Spartan', sans-serif;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.p-topics__subTitle {
  display: block;
  width: 100%;
  margin-bottom: 32px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}
.p-topics__button {
  display: none;
}

/* exhibition */
.p-exhibition {
  padding: 160px 16px 144px;
}
.p-exhibition__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1080px;
  margin: 64px auto 0;
}
.p-exhibition__listItem {
  position: relative;
  width: calc((100% - 80px) / 3);
  margin-right: 30px;
  margin-bottom: 64px;
  text-align: center;
  overflow: hidden;
}
.obi{
  position:absolute;
  top:0;
  left:0;
  width:30%;
}
.p-exhibition__listItem:nth-child(3n+3) {
  margin-right: 0;
}
.p-exhibition__label:before {
  position: absolute;
  top: 30px;
  left: -160px;
  font-family: 'Spartan', sans-serif;
  content: "UPDATE";
  display: inline-block;
  padding: 6px 180px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  background-color: #EF7E6B;
  transform: rotate(-45deg);
}
.p-exhibition__label_2:before {
  position: absolute;
  top: 30px;
  left: -160px;
  font-family: 'Spartan', sans-serif;
  content: "開催予定";
  display: inline-block;
  padding: 6px 180px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  background-color: #EF7E6B;
  transform: rotate(-45deg);
}
.p-exhibition__label_3:before {
  position: absolute;
  top: 30px;
  left: -160px;
  font-family: 'Spartan', sans-serif;
  content: "終了";
  display: inline-block;
  padding: 6px 180px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  background-color: #EF7E6B;
  transform: rotate(-45deg);
}
.p-exhibition__img {
  width: 100%;
}
.p-exhibition__title {
  margin: 16px 0;
  font-size: 20px;
  font-weight: 700;
}
.p-exhibition__button {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 311px;
  padding: 16px;
  background-color: #FFEDA8;
  font-size: 16px;
  font-weight: 700;
  box-sizing: border-box;
  border: 0;
margin-bottom: 5px;
}
.p-exhibition__button:link,
.p-exhibition__button:visited {
  color: #2E1409;
  text-decoration: none;
}
.p-exhibition__button:after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #2E1409 transparent transparent transparent;
}
.p-exhibition__button_none {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 311px;
  padding: 16px;
  background-color: #cccccc;
  font-size: 14px;
  font-weight: 700;
  box-sizing: border-box;
  border: 0;
margin-bottom: 5px;
}
.p-exhibition__button_none_2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 311px;
  padding: 16px;
  background-color: #cccccc;
  font-size: 14px;
  font-weight: 700;
  box-sizing: border-box;
  border: 0;
margin-bottom: 5px;
}

.com_box6 {
  padding: 40px 24px;
  background-color: #FAFAFA;
  text-align: left;
}

.p-exhibition__content1,
.p-exhibition__content2,
.p-exhibition__content3,
.p-exhibition__content4,
.p-exhibition__content5,
.p-exhibition__content6,
.p-exhibition__content7,
.p-exhibition__content1_1,
.p-exhibition__content2_1,
.p-exhibition__content3_1,
.p-exhibition__content4_1,
.p-exhibition__content5_1,
.p-exhibition__content6_1,
.p-exhibition__content7_1 {
  display: none;
  padding: 40px 24px;
  background-color: #FAFAFA;
  text-align: left;
}
.p-exhibition__date {
  font-family: 'Spartan', sans-serif;
  color: #999999;
  font-size: 13px;
}
.p-exhibition__contentTitle {
  margin: 9px 0;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  line-height: 1.5;
}
.p-exhibition__contentText {
  font-size: 14px;
  line-height: 1.5;
}
.p-exhibition__contentList {
  margin-top: 16px;
}
.p-exhibition__contentListItem {
  display: flex;
  margin-bottom: 8px;
}
.p-exhibition__icon {
  margin-right: 8px;
  padding-top: 3px;
  color: #999999;
}
.p-exhibition__contentListTitle {
  color: #666666;
  font-size: 13px;
  line-height: 1.5;
}
.p-exhibition__contentListTitle--bold {
  color: #000000;
  font-weight: 700;
}
.p-exhibition__contentListText {
  color: #999999;
  font-size: 13px;
  line-height: 1.5;
}
.p-exhibition__contentListLink {
  color: #EF7E6B;
}
.p-exhibition__contentListLink:link,
.p-exhibition__contentListLink:visited {
  text-decoration: none;
  color: #EF7E6B;
}
.p-exhibition__contentListLink:hover {
  text-decoration: underline;
}

/* history */
.p-history {
  padding: 95px 16px 78px;
  background-color: #FEF4EE;
}
.p-history__bar {
  display: flex;
  width: 100%;
  max-width: 1080px;
  margin: 80px auto 64px;
}
.p-history__barWrapper {
  display: none;
}
.p-history__barItem {
  position: relative;
  width: calc(100% / 5);
  padding: 17px;
  border: 1px solid #F8C1B8;
  border-right: 0;
  color: #F8C1B8;
  font-size: 20px;
  font-weight: 700;
  background: #fff;
  text-align: center;
  cursor: pointer;
}
.p-history__barItem:after {
  position: absolute;
  top: 50%;
  right: 16px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #F8C1B8 transparent transparent transparent;
}
.p-history__barItem:last-child {
  border-right: 1px solid #F8C1B8;
}
.p-history__barItem.p-history__barItem-active {
  color: #2E1409;
  background-color: #F8C1B8;
}
.p-history__barItem.p-history__barItem-active:after {
  border-color: #2E1409 transparent transparent transparent;
}
.p-history__articleList {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.p-history__articleListItem {
  width: calc((100% - 96px)/ 4);
  margin-right: 24px;
  margin-bottom: 64px;
}
.p-history__articleImg {
  width: 100%;
}
.p-history__date {
  display: inline-block;
  font-family: 'Spartan', sans-serif;
  margin: 13px 0 9px;
  color: #999999;
  font-size: 13px;
}
.p-history__articleTitle {
  margin-bottom: 8px;
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.p-history__infoListItem {
  display: flex;
  margin-bottom: 8px;
}
.p-history__infoListItem:last-child {
  margin-bottom: 0;
}
.p-exhibition__icon {
  margin-right: 8px;
  padding-top: 3px;
  color: #999999;
  font-size: 13px;
}
.p-history__infoText {
  display: block;
  color: #777777;
  font-size: 13px;
  line-height: 1.5;
}
.p-history__infoLink {
  font-size: 13px;
  font-weight: 700;
  line-height:1.4;
}
.p-history__infoLink:link,
.p-history__infoLink:visited {
  color: #EF7E6B;
  text-decoration: none;
}
.p-history__infoLink:hover {
  text-decoration: underline;
}
.p-history__groupInner {
  display: none;
}
.p-history__groupInner.is-show {
  display: block;
}
.no-his{
  font-size:13px;
  text-align:center;
}
.p-history__button {
  display: block;
  margin-top: 80px;
  text-align: center;
}

/* love piano */
.p-lovePiano {
  padding: 155px 16px 159px;
}
.sns-wrapper{
  margin:0 auto;
  max-width:1080px;
}
.p-sns__text{
  font-size:16px;
  line-height:2;
  letter-spacing: 0.1em;
  text-align:center;
  margin:40px 0;
}

#lp_tint {
	width: 100%;
	text-align: center!important;
	margin: 10px 0px 40px 0px;
}
#lp_tint_flame {
	width: 100%;
	frameborder:0;
	text-align: center!important;
	border: none;
	height: 800px;
}


#lp_tint span{
	margin-top: 0px;
	line-height: normal;
	}

/* related */
.p-relatedItem {
  width: 100%;
  max-width: 1252px;
  padding: 0 16px;
  margin: 0 auto 144px;
  box-sizing: border-box;
}
.p-relatedItem__listpc {
  padding: 0 70px;
  margin-top: 100px;
  display:flex;
}
.p-relatedItem__listItem,
.p-relatedItem__listItempc {
  width: 100%;
  margin-right: 12px;
  margin-left: 12px;
}
.p-relatedItem__listItem a,
.p-relatedItem__listItempc a{
  text-decoration:none;
}
.p-relatedItem__listItempc a:hover{
  opacity:0.8;
}
.p-relatedItem__img {
  width: 100%;
}
.p-relatedItem__title {
  font-family: 'Spartan', sans-serif;
  margin: 18px 0 9px;
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  padding:0 50px;
}
.p-relatedItem__price {
  color: #666666;
  font-size: 13px;
  padding:0 50px;
}

/* movie */
.p-movie {
  padding: 95px 16px 60px;
  background: #FEF4EE;
  box-sizing: border-box;
  margin-bottom:80px;
}
.p-movie__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1080px;
  margin: 20px auto 0 auto;
}
.p-movie__listItem {
    width: calc((100% - 80px) / 3);
  margin-right: 30px;
}
.p-movie__listItem:nth-child(3) {
  margin-right: 0;
}
.p-movie__date {
  display: inline-block;
  margin: 20px 0 10px;
  font-family: 'Spartan', sans-serif;
  color: #999999;
  font-size: 13px;
}
.p-movie__title {
  font-size: 16px;
  font-weight: 700;
text-align: left;
}
.p-movie__title_2 {
  font-size: 16px;
  font-weight: 700;
text-align: center;
}
.p-movie__iframe {
  width: 100%;
  height:auto;
}
.p-movie__title {
  display: block;
  margin-bottom: 20px;
  text-align: left;
}
.p-movie__title_2 {
  display: block;
  margin-bottom: 150px;
  text-align: center;
}

/* links */
.p-links {
margin-top:50px;
  padding: 95px 16px 0px 16px ;
  box-sizing: border-box;
}
.p-links__articleImg {
  width: 100%;
}
.p-links__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1080px;
  margin: 64px auto 0;
}
.p-links__listItem {
  position: relative;
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  margin-bottom: 34px;
  text-align: center;
  overflow: hidden;
}
.p-links__listItem:nth-child(3) {
  margin-right: 0;
}
.p-links__title {
  display: inline-block;
  margin: 15px 0 10px;
  font-size: 16px;
  font-weight: 700;
text-align: left;
}


/* components */
.c-heading {
  text-align: center;
}
.c-heading__title {
  font-family: 'Spartan', sans-serif;
  margin-bottom: calc(7px - (((40px*1.2) - 40px) / 2));
  color: #2E1409;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2;
  word-break: break-all;
}
.c-heading__text {
  display: inline-block;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.c-button {
  display: inline-block;
  width: 200px;
  padding: 11px 20px 13px;
  font-size: 16px;
  font-weight: 700;
  background: #F8C1B8;
  text-align: center;
  line-height: 1.5;
}
.c-button:link,
.c-button:visited {
  color: #2E1409;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .sp{
    display:block;
  }
  .pc{
    display:none;
  }
  .p-mainVisual {
    margin-bottom: 270px;

  }
  .p-mainVisual__mainTitleArea {
    display: block;
    text-align: center;
  }
  .p-mainVisual__subText {
    font-size: 13px;
    line-height: 1;
    padding:3px 5px;
  }
  .p-mainVisual__subText:first-of-type {
    margin-bottom: 6px;
  }
  .p-mainVisual__subText--pc {
    display: none;
  }
  .p-mainVisual__subText--sp {
    display: inline-block;
  }
  .p-mainVisual__box {
    flex-wrap: wrap;
    bottom:-150px;
    width:100%;
    box-shadow:none;
  }
  .p-mainVisual__inner{
    height:110px;
  }
  .p-mainVisual__innerTitle {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
    font-size: 16px;
  }
  .p-mainVisual__innerSubText {
    font-size: 13px;
    line-height: 1.7;
  }
  .p-mainVisual__innerSubTitle {
    font-size: 18px;
    line-height: 1.5;
  }
  .p-mainVisual__box .c-button {
    width: 100%;
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.45;
  }
  .p-mainVisual__innerBox {
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
  }
  .p-mainVisual__title{
    width:60%;
    margin:0 auto;
    display:block;
  }
  .p-mainVisual__titleArea {
    width: 100%;
  }

  .p-topics {
    padding: 90px 16px 80px;
  }
  .p-topics__inner {
    flex-wrap: wrap;
  }
  .p-topics__box {
    width: 100%;
  }
  .p-topics__box .c-button {
    display: none;
  }
  .p-topics__boxTitle {
    font-size: 24px;
  }
  .p-topics__subTitle {
    font-size: 13px;
  }
  .p-topics__list {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .p-topics__link {
    flex-wrap: wrap;
  }
  .p-topics__date {
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.2;
  }
  .p-topics__title {
    font-size: 14px;
    line-height: 2;
    text-decoration:underline;
  }
  .p-topics__title.nolink{
    text-decoration:none;
  }
  .p-topics__button {
    display: block;
    width: 100%;
    text-align: center;
  }

  .p-exhibition {
    padding: 124px 16px 112px;
  }
  .p-exhibition__list {
    margin: 56px auto 0;
  }
  .p-exhibition__listItem {
    width: 100%;
    margin-right: 0;
  }
  .p-exhibition__listItem:last-child {
    margin-bottom: 0;
  }
  .p-exhibition__title {
    font-size: 18px;
  }
  .p-exhibition__button {
    padding: 18px;
    font-size: 14px;
  }
  .p-exhibition__button_none {
    padding: 18px;
    font-size: 13px;
  }
  .p-links {
    padding: 124px 16px 112px;
  }
  .p-links__list {
    margin: 56px auto 0;
  }
  .p-links__listItem {
    width: 100%;
    margin-right: 0;
  }
  .p-links__listItem:last-child {
    margin-bottom: 0;
  }
  .p-links__title {
    font-size: 18px;
  }
  .p-links__button {
    padding: 18px;
    font-size: 14px;
  }

  .p-history {
    padding: 92px 16px 80px;
  }
  .p-history__bar {
    display: none;
  }
  .p-history__barWrapper {
    position: relative;
    display: block;
    height: 57px;
    margin: 28px 16px 40px;
  }
  .p-history__groupInner.is-show {
    display: none;
  }
  .p-history__bar-sp {
    position: absolute;
    display: block;
    width: calc(100% - 32px);
    z-index: 2;
    padding: 18px;
    margin: 28px 16px 40px;
    color: #F8C1B8;
    font-size: 14px;
    transform: translateY(-50%);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border:none;
    opacity:0;
  }
  .p-history__label {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 32px);
    padding: 18px;
    margin: 28px 16px 40px;
    border: 1px solid #F8C1B8;
    color: #2E1409;
    background-color: #F8C1B8;
    font-size: 14px;
    font-weight: 700;
    z-index: 1;
    transform: translateY(-50%);
    box-sizing: border-box;
    text-align: center;
  }
  .p-history__label:after {
    position: absolute;
    top: 50%;
    right: 16px;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #2E1409 transparent transparent transparent;
  }
  .p-history__articleListItem {
    width: calc(50% - 12px);
    margin-right: 24px;
  }
  .p-history__articleListItem:nth-child(even) {
    margin-right: 0;
  }
  .p-history__date {
    font-size: 11px;
  }
  .p-history__articleTitle {
    font-size: 14px;
  }
  .p-history__infoText {
    font-size: 12px;
  }
  .p-history__infoLink {
    font-size: 12px;
  }

  .p-lovePiano {
    padding: 153px 16px 124px;
  }

  .p-relatedItem {
    margin: 0 auto 112px;
  }
  .p-relatedItem__list {
    display:block;
    padding: 0 60px;
    margin-top: 24px;
  }
  .p-relatedItem__listItem {
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }
  .p-relatedItem__title {
    font-size: 18px;
    padding:0 15px;
  }
  .p-relatedItem__price{
    padding:0 15px;
  }
  .slick-next {
    right: 0 !important;
  }
  .slick-prev {
    left: 0 !important;
    z-index: 1;
  }

  .p-movie {
    padding: 92px 16px 80px;
  }
  .p-movie__listItem {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .p-movie__listItem iframe {
    width: 100%;
  }

  .c-button {
    padding: 14px;
    font-size: 14px;
    line-height: 1.45;
  }
  .c-heading__title {
    font-size: 32px;
    line-height: 1.2;
  }
  .c-heading__text {
    font-size: 13px;
  }
}
.guide-button {
  position: relative;
  display: inline-block;
  padding: 14px 10% 14px 10%;
  background-color: #F8C1B8;
  font-size: 16px;
  font-weight: 700;
  color: #2E1409;
  box-sizing: border-box;
  border: 0;
  line-height: 1.5;
  text-decoration: none;
}
.guide-button:hover {
  opacity: 0.8;
}
.guide-button:after {
  content:"";
  position: absolute;
  top: 42%;
  right: 28px;
  border-top: solid 2px #2E1409;
  border-right: solid 2px #2E1409;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .guide-button {
    padding: 14px 14% 14px 14%;
    font-size: 14px;
    line-height: 1.45;
  }
}


/* 繝ｩ繝悶ヴ繧｢繝弱→縺ｯ */
.spartan{
  font-family: 'Spartan', sans-serif;
}
.contents{
  max-width:1080px;
  margin:0 auto;
}
.flex{
  display:flex;
  flex-wrap:wrap;
}
.about-wrap{
  background:#FEF4EE;
  padding:104px 0;
  text-align:center;
}
.about-title__title{
  font-size:24px;
  font-weight:bold;
  line-height:1.2;
  letter-spacing:0.1em;
  margin-bottom:9px;
}
.about-title__text{
  font-size:16px;
  letter-spacing:0.04em;
  margin-bottom:9px;
  color:#666666;
}
.about-catch__wrap{
  padding:140px 0 130px;
  text-align:center;
}
.about-catch__title{
  color:#EF7E6B;
  font-size:26px;
  font-weight:bold;
  line-height:1.5;
  letter-spacing:0.1em;
  margin-bottom:48px;
}
.about-catch__text{
  color:#333;
  font-size:16px;
  line-height:2.5;
  letter-spacing:0.1em;
}
.about-piano__wrap{

}
.about-piano__catch{
  font-size:40px;
  line-height:1.17;
  letter-spacing:0.1em;
  text-align:center;
  margin-bottom:6px;
}
.about-piano__text{
  font-size:16px;
  letter-spacing:0.1em;
  color:#666;
  margin-bottom:64px;
  text-align:center;
}
.about-piano__img img{
  max-width:100%;
}
.about-piano__img{
  width:53%;
}
.about-piano__item{
  width:47%;
}
.reverse{
  flex-direction: row-reverse;
}
.about-piano__inner{
  margin-bottom:112px;
}
.about-piano__itemtitle{
  font-size:24px;
  font-weight:bold;
  letter-spacing:0.06em;
  padding:96px 0 0 80px;
  margin-bottom:47px;
  position:relative;
}
.reverse .about-piano__itemtitle{
  padding:96px 0 0 33px;
}
.about-piano__itemtitle:before{
  content:"";
  font-size:168px;
  font-weight:bold;
  position:absolute;
  bottom:-55px;
  left:45px;
  z-index:-1;
  font-family: 'Spartan', sans-serif;
}
.reverse .about-piano__itemtitle:before{
  bottom:-55px;
  left:0;
}
.about-piano__itemtitle.one:before{
  content:"01";
  color:#FFF8DC;
}
.about-piano__itemtitle.two:before{
  content:"02";
  color:#FEF4EE;
}
.about-piano__itemtitle.three:before{
  content:"03";
  color:#FFF8DC;
}
.about-piano__itemtitle.four:before{
  content:"04";
  color:#FEF4EE;
}
.about-piano__itemtitle.five:before{
  content:"05";
  color:#FFF8DC;
}
.about-piano__itemtitle.six:before{
  content:"06";
  color:#FEF4EE;
}
.about-piano__itemtitle.miku:before{
  content:"MIKU";
  color:#FFF8DC;
}
.about-piano__itemtext{
  font-size:16px;
  color:#333333;
  line-height:1.75;
  letter-spacing:0.1em;
  padding:0 0 0 80px;
}
.reverse .about-piano__itemtext{
  padding:0 46px 0 33px;
}
.piano-textpink{
  color:#EF7E6B;
  text-decoration:underline;
  font-weight:bold;
}
.p-info{
  padding:140px 0;
  max-width:1080px;
  margin:0 auto;
}
.slick-slider{
    width:85%;
    margin:0 auto;
}
.slick-prev{
    left:-10%!important;
    width:68px!important;
    height:55px!important;
    background-size:100% 100%!important;
}
.slick-next{
    right:-10%!important;
    width:68px!important;
    height:55px!important;
    background-size:100% 100%!important;
}
.mb40{
  margin-bottom:40px;
}
.info-title{
  color:#EF7E6B;
  font-size:16px;
  display:block;
  padding:0;
  font-weight:bold;
  text-decoration:underline;
}
.info-text{
  padding:0;
}
.topics-list__wrap{
  max-width:1080px;
}
.topics-list__inner{
  border-bottom:1px solid #eee;
  margin-bottom:0;
}
.topics-list__link{
  padding:20px;
}
@media screen and (max-width: 767px) {
  .contents{
    max-width:90%;
  }
  .about-title__title,
  .about-catch__title{
    font-size:20px;
  }
  .about-title__text,
  .about-piano__text,
  .about-catch__text{
    font-size:13px;
  }
  .about-wrap{
    padding:68px 0;
  }
  .about-catch__wrap{
    padding:96px 0;
  }
  .about-piano__catch{
    font-size:32px;
  }
  .about-piano__wrap .contents{
    max-width:100%;
  }
  .about-piano__img{
    width:100%;
  }
  .about-piano__item{
    width:80%;
    margin:0 auto;
  }
  .about-piano__itemtitle:before,
  .reverse .about-piano__itemtitle:before{
    font-size:100px;
    bottom:-40px;
    left:-15px;
  }
  .about-piano__itemtitle,
  .reverse .about-piano__itemtitle{
    padding:56px 0 0 0px;
  }
  .about-piano__itemtext,
  .reverse .about-piano__itemtext{
    padding:0;
  }
  .about-piano__inner{
    margin-bottom:64px;
  }
  .about-piano__itemtitle{
    font-size:18px;
  }
  .about-piano__itemtext{
    font-size:14px;
  }
  .slick-prev{
      left:-0!important;
      width:34px!important;
      height:27.5px!important;
      background-size:100% 100%!important;
  }
  .slick-next{
      right:-0!important;
      width:34px!important;
      height:27.5px!important;
      background-size:100% 100%!important;
  }
  .slick-slider{
      width:95%;
      margin:0 auto;
  }
  .topics-list__link{
    text-align:left;
  }
}


/*---sns_btn---*/
.lp_sns_btn_box {
   display: flex;
   flex-wrap: wrap;
   width: 50%;
   margin: 0 auto;
}
.lp_sns_btn_box_item {
   width: calc(100% / 2);
   padding: 0px 10px;
   text-align: left;
  font-size: 16px !important;
  line-height: 1.4 !important;

}
@media screen and (max-width: 767px){
.lp_sns_btn_box {
width: 100%;
   font-size: 14px !important;
  line-height: 1.2 !important;
  }
.lp_sns_btn_box_item {
     width: calc(100% / 2);
     padding: 5px;
  }
}

.lp_sns_btn01{
 display:flex;
 text-align:center;
  font-weight: 500;
  }
.lp_sns_btn01 a{
     margin: 30px auto 10px auto;
     color:#fff;
     width: 300px;
     padding: 15px 10px;
     font-weight: 500;
     height: auto;
     font-weight: bold;
     text-align: center;
     font-size: 16px !important;
     line-height: 1.3 !important;
     text-decoration:none!important;
     border-bottom: none !important;
 }
.lp_sns_btn01 a:hover{
opacity: 0.7;
}

@media screen and (max-width: 768px){
.lp_sns_btn01 a{
   max-width: 250px;
   margin: 20px auto 20px auto;
   padding: 15px 8px;
   font-size: 14px !important;
   line-height: 1.3 !important;
 }
 }

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

@media screen and (min-width:767px){
   .br-sp {
      display: none;
   }
}