@charset "UTF-8";

/* ==========================================================
	PC閲覧用 481px以上
========================================================== */

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

  .title h2 {
    font-size: 0.9em;
  }

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

  #box1 img {
    width: 240px;
    float: right;
    margin: 0 0 20px 20px;
  }

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

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

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

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

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

  .hanseikai_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 p {
    padding-bottom: 10px;
  }

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


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

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

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

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

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

}

/*---------------------------------
	Youtube button
------------------------------*/
#button {
  text-align: center;
}

#button:hover,
#button:active {
  opacity: .8;
}

#button img {
  width: 150px;
  margin-top: 20px;
}