@charset "utf-8";
/*------------------------------------------------------------
	huyasu
------------------------------------------------------------*/
.pageTitle {
  background-image: url(../img/sonota/page_title_bg.jpg);
}
.comInfo .method .sliderBox .inner .notesSpan {
  margin: 20px -30px 0 0;
  text-indent: 0;
  padding-left: 0.7em;
  font-weight: 400;
}
@media all and (min-width: 897px) {
  .pageTitle h2 {
    width: 1220px;
    margin: 7px 830px 0 0;
  }
}
@media all and (min-width: 1840px) {
  .pageTitle h2 {
    margin: 7px 830px 0 10%;
  }
}
@media all and (max-width: 896px) {
  .pageTitle {
    background-image: url(../img/sonota/page_title_bg_sp.jpg);
  }
  .comInfo .method .sliderBox .inner .notesSpan {
    margin: 8px 0 0;
    font-weight: 400;
    text-indent: inherit;
    padding-left: 0;
  }
}
@media (max-width: 896px) {
  .pageTitle h2 img {
    width: 120px;
    transform: translate(-2rem, 0);
  }
}

@media (min-width: 897px) {
  .flexB--big {
    flex-wrap: nowrap;
    margin: 0 0 0 105px !important;
  }
}

@media (min-width: 897px) {
  .photoBox--452 {
		width: 452px !important;
  }
}
@media (max-width: 896px) {
  .photoBox--452 img {
		width: 280px !important;
		transform: translate(20px, 20px);
  }
}

@media (min-width: 897px) {
  .photoBox--464 {
		width: 464px !important;
		margin: -25px 70px 0 0 !important;
  }
}
@media (max-width: 896px) {
  .photoBox--464 img {
		width: 268px !important;
  }
}

@media (min-width: 897px) {
  .photoBox--495 {
		width: 495px !important;
		margin: 65px 70px 0 0 !important;
  }
}
@media (max-width: 896px) {
  .photoBox--495 img {
		width: 280px !important;
		transform: translate(0, 20px);
  }
}