/* Add here all your CSS customizations */




/************************************
** .page section.serviceTopHead
************************************/
body.page article .serviceTopHead01 {
  height: 21.875rem;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/img/page/anshin/anshin_main.jpg");
  display: flex;
}
body.page article .serviceTopHead01 .copy {
  width: 100%;
  display: flex;
  align-items: center;
  align-self: center;
  padding-left: 4.0625rem;
}
body.page article .serviceTopHead01 .copy img {
  display: block;
  max-width: 85%;
}

body.page article .serviceTopHead02 {
  height: 21.875rem;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/img/page/shinrai/shinrai_main.jpg");
  display: flex;
}
body.page article .serviceTopHead02 .copy {
  width: 100%;
  display: flex;
  align-items: center;
  align-self: center;
  padding-left: 4.0625rem;
}
body.page article .serviceTopHead02 .copy img {
  display: block;
  max-width: 85%;
}

body.page article .serviceTopHead03 {
  height: 21.875rem;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/img/page/kakaku/kakaku_main.jpg");
  display: flex;
}
body.page article .serviceTopHead03 .copy {
  width: 100%;
  display: flex;
  align-items: center;
  align-self: center;
  padding-left: 4.0625rem;
}
body.page article .serviceTopHead03 .copy img {
  display: block;
  max-width: 85%;
}

body.page article .serviceTopHead04 {
  height: 21.875rem;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/img/page/hearingaid/hearingaid_main.jpg");
  display: flex;
}
body.page article .serviceTopHead04 .copy {
  width: 100%;
  display: flex;
  align-items: center;
  align-self: center;
  padding-left: 4.0625rem;
}
body.page article .serviceTopHead04 .copy img {
  display: block;
  max-width: 85%;
}

body.page article .serviceTopHead05 {
  height: 21.875rem;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/img/page/hearing/hearing_main.jpg");
  display: flex;
}
body.page article .serviceTopHead05 .copy {
  width: 100%;
  display: flex;
  align-items: center;
  align-self: center;
  padding-left: 4.0625rem;
}
body.page article .serviceTopHead05 .copy img {
  display: block;
  max-width: 85%;
}



@media screen and (max-width: 768px) {
  body.page article section.serviceTopHead01 {
    height: 105.46875vw;
    background-position: 50%;
    background-image: url("/img/page/anshin/anshin_main_sp.jpg");
    margin: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopHead01 .copy {
    align-self: flex-start;
    padding: 6.25vw 0 0;
  }
  body.page article section.serviceTopHead01 .copy img {
    width: 94.73684%;
    max-width: none;
    margin: 0 auto;
  }
  body.page article section.serviceTopHead02 {
    height: 105.46875vw;
    background-position: 50%;
    background-image: url("/img/page/shinrai/shinrai_main_sp.jpg");
    margin: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopHead02 .copy {
    align-self: flex-start;
    padding: 6.25vw 0 0;
  }
  body.page article section.serviceTopHead02 .copy img {
    width: 94.73684%;
    max-width: none;
    margin: 0 auto;
  }
  body.page article section.serviceTopHead03 {
    height: 105.46875vw;
    background-position: 50%;
    background-image: url("/img/page/kakaku/kakaku_main_sp.jpg");
    margin: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopHead03 .copy {
    align-self: flex-start;
    padding: 6.25vw 0 0;
  }
  body.page article section.serviceTopHead03 .copy img {
    width: 94.73684%;
    max-width: none;
    margin: 0 auto;
  }
    body.page article section.serviceTopHead04 {
    height: 105.46875vw;
    background-position: 50%;
    background-image: url("/img/page/hearingaid/hearingaid_main_sp.jpg");
    margin: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopHead04 .copy {
    align-self: flex-start;
    padding: 6.25vw 0 0;
  }
  body.page article section.serviceTopHead04 .copy img {
    width: 94.73684%;
    max-width: none;
    margin: 0 auto;
  }
    body.page article section.serviceTopHead05 {
    height: 105.46875vw;
    background-position: 50%;
    background-image: url("/img/page/hearing/hearing_main_sp.jpg");
    margin: 0 calc(35/640*100vw);
  }
  body.page article section.serviceTopHead05 .copy {
    align-self: flex-start;
    padding: 6.25vw 0 0;
  }
  body.page article section.serviceTopHead05 .copy img {
    width: 94.73684%;
    max-width: none;
    margin: 0 auto;
  }


}