@charset "UTF-8";
._center{text-align: center;}

main#l_content{
max-width: 100%;
padding: 0;
}
@media screen and (max-width: 47.5em) {
 main#l_content {
    padding: 0;
  }
}
.b_page-title{
display: none;
}
/*タイトル周り*/
.intro{
  text-align: center;
}
.intro .pad{
  margin: auto;
  padding: 2em 20px;
  max-width: 1260px;
}
@media screen and (max-width: 47.5em) {
  .intro .pad {
  padding: 1em 10px;
  }
}
.intro_image{
background-image: url("../images/title_image_back.jpg");
background-position: top center;
background-repeat: no-repeat;
background-color: #000;
height: 25em;
}

@media screen and (max-width: 50em) {
  .intro_image{
  background-image: url("../images/title_image_back_s.jpg");
  background-size: 100%;
  background-position: center;
  background-color: #fff;

  }
}

@media screen and (max-width: 32em) {
  .intro_image{
  height: 20em;
  }
}
@media screen and (max-width: 32em) {
  .intro_image{
  height: 16em;
  }
}

.intro_text{
    background: -moz-linear-gradient(left, #fff, #62c6f2 30% ,#0066cc 50%, #62c6f2 80%, #fff);
  background: -webkit-linear-gradient(left, #fff, #62c6f2 30% ,#0066cc 50%, #62c6f2 80%, #fff);
  background: linear-gradient(to right, #fff, #62c6f2 30% ,#0066cc 50%, #62c6f2 80%, #fff);
font-weight: bold;
font-size: 1.3rem;
color: #FFF;
letter-spacing: 0.1em;
}
@media screen and (max-width: 50em) {
.intro_text{
    background: -moz-linear-gradient(left, #62c6f2 30% ,#0066cc 50%, #62c6f2 80%);
  background: -webkit-linear-gradient(left, #62c6f2 30% ,#0066cc 50%, #62c6f2 80%);
  background: linear-gradient(to right, #62c6f2 30% ,#0066cc 50%, #62c6f2 80%);
}
}

/*導入ボタン*/
.top_work._metal {
  margin-top: 0;
  padding: 3em 0;
  color: #fff;
  background-color: #FFF;
  background-image: none;
}
.top_work._metal #l_content {
  margin: auto;
  padding: 30px 20px;
}
@media screen and (max-width: 47.5em) {
  .top_work._metal #l_content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.anc_button._metal {
text-align: center;
width: 100%;
  padding: 0.75em 0em;
  font-size: 1.5em;
}
.anc_button._conversion {
    background: -moz-linear-gradient(left, #fff, #62c6f2 5% ,#0066cc 50%, #62c6f2 95%, #fff);
  background: -webkit-linear-gradient(left, #fff, #62c6f2 5% ,#0066cc 50%, #62c6f2 95%, #fff);
  background: linear-gradient(to right, #fff, #62c6f2 5% ,#0066cc 50%, #62c6f2 95%, #fff);
}
.anc_button::before{
  right:20px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
._blue .anc_button::before{
display: none;
}