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



.section-service {
  background-color: #1a1a1a;
  padding: 60px 0 120px;
}
.section-service_title {
  position: relative;
  margin-bottom: 50px;
}
.section-service_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;
}
.contact_btn {
  margin-top: 20px;
}
.contact_btn a {
  width: 250px;
}
.contact_btn a:hover {
  opacity: 0.4;
}
.contact_btn a img {
  width: 250px;
  height: 100%;
}

.section-service_dis {
  padding: 0 0 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.section-service_dis h1 {
  color: #fff;
  font-size: 2.0rem;
  line-height: 2.0rem;
  padding: 0 40px;
}
.section-service_dis p {
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: left;
  padding: 40px 40px 0;
}
.section-service ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-service ul li {
  max-width: 420px;
  padding-bottom: 60px;
}
.section-service ul li img {
  width: 100%;
  max-width: 420px;
}
.section-service ul li h2 {
  font-size: 2.0rem;
  line-height: 2.0rem;
  color: #fff;
  padding: 30px 40px 20px;
  text-align: left;
  font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.section-service ul li p {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #fff;
  padding: 0 40px;
  text-align: left;
}

@media (max-width: 395px) {
.section-service_dis h1 {
  padding: 0 0;
}
.section-service_dis p {
  padding: 40px 20px 0;
}
}
@media (max-width: 925px) {
}
@media (min-width: 540px) {
}
@media (min-width: 960px) {
.section-service_dis h1 {
  color: #fff;
  font-size: 2.4rem;
  line-height: 2.4rem;
  padding: 0;
}
.section-service_dis p {
  font-size: 2.0rem;
  line-height: 2.0rem;
}
.section-service ul {
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-flow: wrap;
  overflow: hidden;
  padding-top: 50px;
  max-width: 1000px;
  margin: 0 auto;
}
.section-service ul li {
  width: 420px;
  padding: 0 0 60px;
  margin: 0 40px;
}
.section-service ul li h2 {
  font-size: 2.4rem;
  line-height: 2.4rem;
  padding: 30px 0 20px;
  text-align: center;
}
.section-service ul li p {
  font-size: 2.0rem;
  line-height: 3.0rem;
  padding: 0 0;
}

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