@charset "utf-8";

/* -------------------------
mobile layout
------------------------- */
@media screen and (max-width: 768px) {

  /* 480px以下用（スマートフォン用）の記述 */
  /* -------
common
------- */
  .musee .hidden-sp {
    display: none;
  }

  .musee img {
    width: 100%;
    height: auto;
  }

  /* -------
header
------- */
  .musee .logo {
    width: 120px;
    margin: 8px auto 18px;
    text-align: center;
  }

  /* -------
container
------- */
  /*mv*/
  .musee .mv {
    display: block;
    width: 100%;
    margin: 0 auto 60px;
    padding: 12% 0 18%;
    background: rgba(150, 198, 228, 0.6);
  }

  .musee .mv img {
    display: block;
    width: 70%;
    margin: 0 auto;
  }

  .musee .title-en {
    width: 140px;
    margin: 0 auto 60px;
    padding: 0 10px 5px;
    background: linear-gradient(transparent 60%, #fae1e7 60%);
  }

  .musee .title-en2 {
    width: 80%;
    margin: 0 auto 60px;
  }

  .musee .title-marker {
    width: 90%;
    margin: 0 auto 40px;
    padding: 0 0 5px;
    background: linear-gradient(transparent 60%, #fae1e7 50%);
  }

  .musee .title-style1 {
    width: 90%;
    margin: 0 auto 60px;
  }

  .musee .inner {
    font-size: 12px;
    text-align: center;
  }

  .read {
    font-size: 12px;
    line-height: 2.7;
    margin-bottom: 60px;
    text-align: center;
  }

  .musee .line-blue {
    display: block;
    background: #dceef7;
    padding: 15px;
  }

  .musee .line-pink {
    display: block;
    background: #fae1e7;
    padding: 15px;
  }

  .musee .border-blue {
    display: block;
    border-bottom: 1px solid #96c6e4;
  }

  .musee .border-gray {
    display: block;
    border-bottom: 1px solid #888;
    margin: 0 auto 20px;
    width: 100%;
  }

  .musee .text-style1 {
    width: 80%;
    margin: 0 auto 50px;
  }

  .musee .text-style2 {
    width: 70%;
    margin: 0 auto 30px;
  }

  .musee .text-style3 {
    width: 80%;
    margin: 0 auto 50px;
  }

  .musee .num1,
  .musee .num2,
  .musee .num3 {
    line-height: 1.7;
  }

  .musee .num1 {
    background: url("../images/num-1.svg") no-repeat center top;
    background-size: contain;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0 20px 40px;
  }

  .musee .num2 {
    background: url("../images/num-2.svg") no-repeat center top;
    background-size: contain;
    padding-top: 50px;
    padding-bottom: 60px;
    margin: 30px 20px 30px;
  }

  .musee .num3 {
    background: url("../images/num-3.svg") no-repeat center top;
    background-size: contain;
    padding-top: 50px;
    margin: 0 20px 20px;
  }

  .musee .num3 .image {
    width: 80px;
    margin: 0 auto 40px;
  }
}

/*-- close --*/