@charset "UTF-8";

html {
  font-size:72.5%;
}
body {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size:1.4rem;
}

main {
  color: #fff;
  background: #006db2;
}

.topttl {
  font-weight: bold;
}
.title-txt {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.3;
}
.topttl h1 {
  width: 615px;
  margin: 0 auto 1em;
  padding: 0.7em 0;
  font-size: 3rem;
  font-weight: bold;
  display: block;
  border-top: 5px dotted #fff;
  border-bottom: 5px dotted #fff;
}
.topttl h1 span.topvttl_1 {
  font-size: 3rem;
  color: #fed90b;
}
.topttl h1 span.topvttl_2 {
  margin: 6px 0;
  padding: 8px;
  font-size: 4rem;
  color: #006db2;
  background: #fff100;
  border-radius: 12px;
}
.topttl h1 span.topvttl_3 {
  padding-left: 3px;
  font-size: 4rem;
  display: inline-block;
  background: linear-gradient(transparent 70%, #e87e17 70%);
}
.topttl h2 {
  font-size: 1.8rem;
  font-weight: 400;
}

.topV {
  background: #fff;
}

.mainttl {
}
.mainttl h2 {
  font-weight: bold;
}

.murataV {
  background: #fff;
  color: #313131;
}
.murataV h2,
.murataV h3 {
  font-weight: bold;
}
.chackttl p {
  padding-left: 30px;
  background: url('../img/chackttl_1.png') no-repeat left top;
}

.goto {
  background: #f3f3f3;
  color: #313131;
}
.goto h2 {
  color: #006db2;
  font-size: 3rem;
  font-weight: bold;
}
.goto h3 {
  color: #006db2;
  font-size: 2rem;
  font-weight: bold;
}

.mv {
  background: #fff;
  color: #313131;
}
.mv h2 {
  color: #006db2;
  font-size: 2.5rem;
  font-weight: bold;
}
.mv h3 {
  color: #006db2;
  font-size: 1.5rem;
  font-weight: bold;
}
.mv .flagg {
  margin: 10px 0;
  padding: 10px;
  background: #f5f5f5;
}
.mv .flagg img {
  padding: 3px;
  width: 53px;
}

.point2 {
  font-weight: bold;
  margin: 10px;
  padding: 10px;
  font-weight: bold;
  border: 1px solid #fff;
  border-radius: 12px;
}
.point2 h2 {
  margin: 10px;
  padding: 10px;
  color: #006db2;
  background: #fff100;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
._point2 {
  margin: 0 auto;
}
.point2 ul {
  list-style: none;
}
.point2 li {
  font-size: 1.8rem;
}
.point1 h2 {
  font-size: 2.5rem;
  font-weight: bold;
}

.point1 p span {
  color: #fff100;
}

.etc {
}
.etc h2 {
  font-size: 2.5rem;
  font-weight: bold;
}
.etc h2 span {
  background: linear-gradient(transparent 60%, #fff100 60%);
}

.topv {
  color: #313131;
  background: #fff;
}
.topv h2 {
  color: #006db2;
  font-size: 3rem;
  font-weight: bold;
}
.topv .btn {
  margin-top: 20px;
  background: #e87e17;
  color: #fff;
  border: 1px solid #e87e17;
  font-size: 2rem;
  font-weight: bold;
}




/*【スマートフォン横】*/
@media screen and (min-width: 481px) {

  } /*【スマートフォン横】*/



/*【タブレット縦以上】*/
@media screen and (min-width: 768px) {

  body {
    font-size:1.6rem;
  }

  .mainttl {
    text-align: center;
  }

  .murataV {
    text-align: center;
  }

  .goto h2 {
    text-align: center;
  }
  .goto h3 {
    text-align: center;
  }

  .mv {
    text-align: center;
  }
  .mv h2 {
    font-size: 3rem;
  }
  .mv h3 {
    font-size: 2rem;
  }

  .point2 h2 {
    font-size: 2.5rem;
  }

  .etc h2 {
    font-size: 3rem;
  }

  .topv h2 {
    font-size: 4rem;
  }
  .topv .btn {
    font-size: 2.5rem;
  }

  } /*【タブレット縦以上】*/

  /*【スマートフォン】*/
  @media screen and (max-width: 768px) {
    .topttl h1 {
      width: 95%;
      margin: 0 auto 1em;
    }
    } /*【スマートフォン】*/