@charset "utf-8";

/* -------------------------
pc layout
------------------------- */
@media screen and (min-width: 769px) {
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }

  /* 769px以上（PC用）の記述 */
  /* -------
common
------- */
  /*layout*/
  .musee .hidden-pc {
    display: none;
  }

  .musee #container {
    width: 100%;
  }

  .musee .inner {
    width: 980px;
    margin: 0 auto;
  }

  .musee .inner p {
    font-size: 1.4rem;
  }

  .musee .center {
    text-align: center;
  }

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

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

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

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

  .musee .title-en2 {
    width: 700px;
    margin: 0 auto 90px;
  }

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

  .musee .title-style1 {
    width: 600px;
    margin: 0 auto 100px;
  }

  .musee .read {
    line-height: 3;
    margin-bottom: 60px;
  }

  .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: 700px;
  }

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

  .musee .text-style2 {
    width: 420px;
    margin: 0 auto 60px;
  }

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

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

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

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

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

/*-- close --*/