@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;
  }

  #box1 .inner {
    margin-bottom: 25px;
  }
}

/* ==========================================================
	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;
  }

}

/*---------------------------------
	Youtube button
------------------------------*/

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

#box1 #button a {
  display: inline-block;
  text-align: center;
}

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