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

.onnetsu-img01 {
  text-align: center; }
  .onnetsu-img01 figure {
    max-width: 350px;
    width: 100%;
    margin: auto; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .onnetsu-img01 figure {
        max-width: 300px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .onnetsu-img01 figure {
        max-width: 300px; } }
    @media screen and (max-width: 350px) {
      .onnetsu-img01 figure {
        max-width: 300px; } }

.onnetsu-img02 > div {
  margin: 20px 0 0;
  display: flex; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .onnetsu-img02 > div {
      display: block; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .onnetsu-img02 > div {
      display: block; } }
  @media screen and (max-width: 350px) {
    .onnetsu-img02 > div {
      display: block; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .onnetsu-img02 > div figure {
      max-width: 300px;
      width: 100%;
      margin: auto; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .onnetsu-img02 > div figure {
      max-width: 300px;
      width: 100%;
      margin: auto; } }
  @media screen and (max-width: 350px) {
    .onnetsu-img02 > div figure {
      max-width: 300px;
      width: 100%;
      margin: auto; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .onnetsu-img02 > div figure:last-of-type {
      margin: 20px auto 0; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .onnetsu-img02 > div figure:last-of-type {
      margin: 20px auto 0; } }
  @media screen and (max-width: 350px) {
    .onnetsu-img02 > div figure:last-of-type {
      margin: 15px auto 0; } }

.onnetsu-img03 > div {
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .onnetsu-img03 > div {
      display: block; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .onnetsu-img03 > div {
      display: block; } }
  @media screen and (max-width: 350px) {
    .onnetsu-img03 > div {
      display: block; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    .onnetsu-img03 > div figure {
      max-width: 300px;
      width: 100%;
      margin: auto; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    .onnetsu-img03 > div figure {
      max-width: 300px;
      width: 100%;
      margin: auto; } }
  @media screen and (max-width: 350px) {
    .onnetsu-img03 > div figure {
      max-width: 300px;
      width: 100%;
      margin: auto; } }
  .onnetsu-img03 > div figure:last-of-type {
    margin-left: 20px; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      .onnetsu-img03 > div figure:last-of-type {
        margin: 20px auto 0; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      .onnetsu-img03 > div figure:last-of-type {
        margin: 20px auto 0; } }
    @media screen and (max-width: 350px) {
      .onnetsu-img03 > div 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; }