@charset "UTF-8";
/* CSS Document */
main {
  background: linear-gradient(90deg, #fff 15%, #fff 50%, #fff 85%);
}
a:hover {
  opacity: 1.0;
}


.section-top {
  width: 100%;
  padding: 40px 0 80px;
  position: relative;
}
.section-top_t {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 30px 0;
}
.section-top_t img {
  width: 250px;
  height: 100%;
  margin-bottom: 46px;
}
.section-top_t h2 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  margin: 80px auto 40px;
}
.section-top_t p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: left;
}
.section-top_t p span {
  font-weight: 600;
}
.section-top_u {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 40px;
  padding: 0 30px 0;
}
.section-top_u-dis1 img {
  width: 250px;
  height: 100%;
}
.section-top_u h1 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  margin: 30px auto 40px;
  font-weight: 600;
}
.section-top_u h3 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  margin: 60px auto 40px;
}
.section-top_u p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: left;
}



.section-about {
  background-color: #1a1a1a;
  padding: 60px 0 120px;
}
.section-about_title {
  position: relative;
  margin-bottom: 50px;
}
.section-about_title img {
  width: 98px;
  opacity: 0.24;
}
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 4.2rem;
  font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 100;
  line-height: 2.6rem;
}
.center span {
  font-size: 1.6rem;
  font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 100;
}
.section-about ul {
  padding: 0 40px;
  list-style-type: none;
}
.section-about ul li {
  padding: 12px 0;
  border-top: solid 1px #fff;
}
.section-about ul li p {
  color:#fff;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: 100;
  text-align: left;
}
.section-about ul li p span {
  color:#fff;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 600;
}
.contact_btn {
  margin-top: 60px;
}
.contact_btn a {
  width: 250px;
}
.contact_btn a:hover {
  opacity: 0.4;
}
.contact_btn a img {
  width: 250px;
  height: 100%;
}

@media (max-width: 395px) {
}
@media (max-width: 925px) {
}
@media (min-width: 540px) {
.section-about ul li p {
  text-align: center;
}
}
@media (min-width: 960px) {
.section-top {
  padding: 80px 0 80px;
}
.section-top_t {
  max-width: 900px;
  margin: 0 auto;
}
.section-top_t img {
  width: 420px;
}.section-top_t h2 {
    font-size: 3.0rem;
    line-height: 3.0rem;
    margin: 0 auto 40px;
}
.section-top_t p {
  font-size: 2.0rem;
  line-height: 3.0rem;
}
.section-top_t-dis {
  display: flex;
  flex-direction: column-reverse;
}
.section-top_t-dis_y {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.section-top_t-dis_y p {
  margin: 0 auto 60px; 
}
.section-top_u {
  max-width: 900px;
  margin: 70px auto 0;
}
.section-top_u-dis1 img {
  width: 320px;
}
.section-top_u h1 {
  font-size: 3.0rem;
  line-height: 3.0rem;
  margin: 30px auto 40px;
}
.section-top_u h3 {
  font-size: 3.0rem;
  line-height: 3.0rem;
  margin: 60px auto 40px;
}
.section-top_u p {
  font-size: 2.0rem;
  line-height: 3.0rem;
}

}
@media (min-width: 1259px) {
}