@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
.worksans {
  font-family: 'Work Sans', sans-serif;
}
.noto {
  font-family: "Noto Sans JP", sans-serif;
}
.wrap960 {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .wrap960 {
    width: 100%;
  }
}
.content {
  background: #ebebeb;
  padding: 100px 0 170px 0;
  margin-top: 115px;
}
@media only screen and (max-width: 640px) {
  .content {
    margin-top: 30px;
  }
}
.content .mainTitle {
  margin-bottom: 50px;
}
.content .mainTitle .en {
  width: 475px;
}
@media screen and (max-width: 500px) {
  .content .mainTitle .en {
    width: calc(100% - 20px);
  }
}
@media only screen and (max-width: 640px) {
  .content .mainTitle {
    margin-bottom: 20px;
  }
}
.content .mainTitle h1 {
  font-size: 30px;
  color: #103861;
  font-weight: normal;
  margin: 0;
}
@media only screen and (max-width: 960px) {
  .content .wrap960 {
    width: calc(100% - 20px);
  }
}
.content article h4 {
  text-align: center;
  font-size: 22px;
}
.content article h5 {
  font-size: 18px;
  margin: 0 0 15px 0;
  color: #0079ba;
  font-weight: normal;
  line-height: 1.4;
}
.content article .text {
  padding-bottom: 50px;
}
.content article .text p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.content article .text p a {
  color: #222327;
}
.content article .text p a:hover {
  color: #d7092f;
}