@charset "UTF-8";

#box1 {
  line-height: 1.7;
}

#box1 img {
  width: 100%;
  height: auto;
}

@media print,
screen and (min-width: 481px) {


  /*------------------------------------
	box1
-----------------------------------*/

  #box1 .inner {
    display: flex;
    flex-direction: row-reverse;
  }

  #box1 .inner div {
    width: 460px;
  }

  #box1 figure {
    width: 240px;
    height: auto;
  }

  /*------------------------------------
	table
------------------------------------*/
  .tbl {
    margin-bottom: 25px;
    margin-top: 30px;
  }

  .htbl {
    width: 100%;
    max-width: 700px;
    border-collapse: collapse;
    margin-right: 20px;
  }

  .tbl th,
  .tbl td {
    border-top: 1px dotted #b7b7b7;
  }

  .tbl th.first,
  .tbl td.first {
    border-top: none;
  }

  .tbl th {
    width: 30%;
    text-align: center;
    vertical-align: middle;
    background-color: #e4f6ff;
  }

  .tbl td {
    width: 70%;
    padding: 8px 10px;
  }
}

/* ==========================================================
	SP閲覧用 480px以下
========================================================== */

@media screen and (max-width: 480px) {


  /*-----------------------------------
	box1
-----------------------------------*/

  #box1 .inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  #box1 div {
    padding-bottom: 10px;
  }

  #box1 figure {
    width: 100%;
    margin: 10px auto;
  }


  /*---------------------------------
	table
------------------------------*/
  .tbl {
    border-collapse: collapse;
    text-align: left;
    margin-bottom: 25px;
    margin-top: 30px;
  }

  .tbl th,
  .tbl td {
    border-top: 1px dotted #b7b7b7;
  }

  .tbl th.first,
  .tbl td.first {
    border-top: none;
  }

  .tbl th {
    width: 30%;
    text-align: center;
    vertical-align: middle;
    background-color: #e4f6ff;
  }

  .tbl td {
    width: 70%;
    padding: 8px 10px;
  }

}