@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 1ページ広告 ◇◆◇
  
  
========================================================================================================================*/

.onepage-mess {
  text-align:center;
}

@media (max-width:767px) {
  .onepage-mess {
    text-align:left;
  }
}

.onepage-about {
  text-align:center;
  padding-top:1em;
}

.onepage-about p {
  padding-top:2em;
}

@media (max-width:640px) {
  .onepage-about p br {
    display:none;
  }
  
  .onepage-about p {
    text-align:left;
  }
}

@media (max-width:500px) {
  .onepage-about {
    padding-top:0.5em;
  }

  .onepage-about p {
    padding-top:1.5em;
  }
}

.onepage-about--ani {
  width:878px;
  height:205px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

.onepage-b01 {
  position:absolute;
  left:0;
  top:15px;
}

.onepage-b02 {
  position:absolute;
  right:0;
  top:15px;
}

.onepage-txt {
  position:absolute;
  left:50%;
  bottom:0;
  margin-left:-285.5px;
}

@media (max-width:767px) {
  .onepage-about--ani {
    width:100%;
    height:0;
    padding-top:30%;
  }
  
  .onepage-b01 {
    max-width:15.77574%;
    top:15%;
  }
  
  .onepage-b02 {
    max-width:15.77574%;
    top:15%;
  }
  
  .onepage-txt {
    max-width:74.44589%;
    margin-left:-37.222945%;
  }
}


/*-----------------------------------------------------------------------------------
  アニメーション
-----------------------------------------------------------------------------------*/

@media only screen {
  .cssanimations .onepage-about--ani {
    overflow-y:hidden;
    visibility:hidden;
  }
  
  .cssanimations .onepage-about--ani.animated {
    visibility:visible;
  }
  
  .cssanimations .onepage-b01.animated,
  .cssanimations .onepage-b02.animated { -webkit-animation:bounceInUp 1.2s forwards; animation:bounceInUp 1.2s forwards; }
  
  .cssanimations .onepage-cc {
    filter:alpha(opacity=0);
    opacity:0;
    -moz-opacity:0;
  }
  
  .cssanimations .onepage-cc.animated { -webkit-animation:fadeInDown 0.4s forwards; animation:fadeInDown 0.4s forwards; }
  
  .cssanimations .onepage-txt.animated { -webkit-animation:zoomIn 0.6s forwards; animation:zoomIn 0.6s forwards; }
}


/*-----------------------------------------------------------------------------------
  サービス内容
-----------------------------------------------------------------------------------*/

.onepage-service {
  background-color:#f2f2f2;
}

.onepage-service .headline-cst {
  margin-bottom:0.75em;
}

.onepage-service h5 + p {
  text-align:center;
  padding-bottom:0.5em;
}

.onepage-service h5 + p br {
  display:none;
}

@media (max-width:767px) {
  .onepage-service h5 + p {
    padding-bottom:0;
  }
}

@media (max-width:500px) {
  .onepage-service h5 + p {
    padding-bottom:0.35em;
  }
}

@media (max-width:400px) {
  .onepage-service h5 + p br {
    display:inherit;
  }
}

.onepage-service dl {
  background-color:#fff;
  float:left;
  margin-top:20px;
  margin-left:20px;
  position:relative;
  box-sizing:border-box;
}

.onepage-service-list1 dl { width:353.333333px; }
.onepage-service-list2 dl { width:540px; }

.onepage-service-list dl:first-child {
  margin-left:0;
}


.onepage-service dt {
  text-align:center;
  color:#fff;
  background-color:#2c77c2;
  padding:0.75em 1em;
}

.onepage-service dd {
  padding:1.5em;
}

@media (max-width:767px) {
  .onepage-service dl {
    width:100%;
    float:none;
    margin-left:0;
    margin-top:1.5em;
  }
  
  .onepage-service dd br.sp-none {
    display:none;
  }
}

@media (max-width:500px) {
  .onepage-service dl {
    margin-top:1em;
  }
  
  .onepage-service dd {
    padding:1.25em;
  }
}