body {
  background: #FFFFFF;
}
.p-page__title{
position: relative;
margin-top: 235px;
margin-bottom:205px;
}
.p-page__title::before{
content: "";
background: url(https://file001.shop-pro.jp/PA01511/518/images/txt_myaccount.jpg) no-repeat;
background-size: 100%;
width: 100%;
height: 475px;
top: -225px;
left: 50%;
transform: translateX(-50%);
position: absolute;
}
@media only screen and (min-width: 48em) {
.p-page__title{
position: relative;
margin-top: 304px;
margin-bottom:0;
}
.p-page__title::before{
background-size: 478px;
width: 478px;
height: 294px;
top: -304px;
left: 50%;
transform: translateX(-50%);
position: absolute;
}
}
.c-button {
  background: #eff2f4;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #35454c;
}
.c-button:hover {
  background: #dfe5e8;
}
.c-button--primary {
  background: #feedeb;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #86251e;
}
.c-button--primary:hover {
  background: #fdd9d7;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border-color: #d7dee2;
}
.c-input--text:focus {
  border-color: #607d8b;
}