/* CSS Document */
/* CSS Document */
.gout-subtitle {
  margin: 20px 0 0; }

.denki-img01 > div {
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 20px 0 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .denki-img01 > div {
      display: block; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .denki-img01 > div {
      display: block; } }
  @media screen and (max-width: 350px) {
    .denki-img01 > div {
      display: block; } }
  .denki-img01 > div figure {
    max-width: 220px;
    width: 100%;
    margin: 0 10px 0; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .denki-img01 > div figure {
        max-width: 300px;
        margin: auto; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .denki-img01 > div figure {
        max-width: 300px;
        margin: auto; } }
    @media screen and (max-width: 350px) {
      .denki-img01 > div figure {
        max-width: 300px;
        margin: auto; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .denki-img01 > div figure:last-of-type {
        margin: 20px auto 0; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .denki-img01 > div figure:last-of-type {
        margin: 20px auto 0; } }
    @media screen and (max-width: 350px) {
      .denki-img01 > div figure:last-of-type {
        margin: 15px auto 0; } }

.denki-img02 figure {
  max-width: 350px;
  width: 100%;
  margin: auto; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .denki-img02 figure {
      max-width: 300px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .denki-img02 figure {
      max-width: 300px; } }
  @media screen and (max-width: 350px) {
    .denki-img02 figure {
      max-width: 300px; } }

.denki-img03 {
  margin: 20px 0 0; }
  .denki-img03 figure {
    max-width: 350px;
    width: 100%;
    margin: auto; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .denki-img03 figure {
        max-width: 300px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .denki-img03 figure {
        max-width: 300px; } }
    @media screen and (max-width: 350px) {
      .denki-img03 figure {
        max-width: 300px; } }

.denki-img04 {
  margin: 20px 0 0; }
  .denki-img04 figure {
    max-width: 350px;
    width: 100%;
    margin: auto; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .denki-img04 figure {
        max-width: 300px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .denki-img04 figure {
        max-width: 300px; } }
    @media screen and (max-width: 350px) {
      .denki-img04 figure {
        max-width: 300px; } }
    .denki-img04 figure:last-of-type {
      margin: 20px auto 0; }
      @media screen and (max-width: 350px) {
        .denki-img04 figure:last-of-type {
          margin: 15px auto 0; } }

ul.bottom_backbtn li a {
  display: flex;
  justify-content: center; }
  ul.bottom_backbtn li a:before {
    top: auto;
    align-self: center; }
  ul.bottom_backbtn li a strong {
    width: calc(100% - 15px );
    max-width: 240px; }