@charset "utf-8";

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


  ◇◆◇ Googleストリートビュー ◇◆◇
  
  
========================================================================================================================*/

.gsv-trusted {
  text-align:center;
  padding-top:0;
}

.gsv-trusted .headline-cst {
  line-height:0;
  margin-bottom:1.5em;
}

@media (max-width:767px) {
  .gsv-trusted {
    padding-top:2em;
  }
}

@media (max-width:640px) {
  .gsv-trusted {
    padding-top:1.5em;
  }
  
  .gsv-trusted p {
    text-align:left;
  }
}

.overview-warp {
  background-color:#f2f2f2;
}

.overview .headline-cst {
  line-height:0;
  margin-top:-0.5em;
  margin-bottom:1em;
}

.overview p {
  padding-top:1em;
}

@media (max-width:640px) {
  .overview .headline-cst {
    margin-bottom:0.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  キャンペーン
  
----------------------------------------------------------------------------------------------------*/

.campaign-headline {
  background-color:#28c3aa;
  position:relative;
}

.campaign-headline h5 {
  color:#fff;
  font-weight:normal;
  padding:1.5em 1em 1.25em 1em;
  line-height:2.2;
}

.campaign-headline .font-yellow {
  color:#f9f04e;
  line-height:1;
}

.campaign {
  background:url(../image/campaign-bg.gif) repeat center top;
  position:relative;
}

.campaign ul:before {
  width:0;
  height:0;
  content:"";
  display:inline-block;
  border-top:50px solid #28c3aa;
  border-left:60px solid transparent;
  border-right:60px solid transparent;
  border-bottom:60px solid transparent;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-60px;
}

.campaign ul {
  display:inline-block;
  margin-left:auto;
  margin-right:auto;
  margin-top:1em;
  line-height:0;
}

.campaign li {
  display:inline-block;
  margin:0 40px;
  vertical-align:bottom;
}

.campaign-supp p {
  padding-top:1em;
}

.campaign-supp p:first-child {
  padding-top:0;
}

@media (max-width:767px) {
  .campaign-headline h5 {
    padding:1.25em 0.5em 1em 0.5em;
  }
  
  .campaign ul:before {
    border-width:40px;
    border-top-width:35px;
    margin-left:-40px;
  }
  
  .campaign ul {
    margin-top:0;
    margin-bottom:-0.5em;
  }
  
  .campaign li {
    max-width:44%;
    margin:0 3%;
  }
}

@media (max-width:640px) {
  .campaign ul:before {
    border-width:30px;
    border-top-width:25px;
    margin-left:-30px;
  }
  
  .campaign-headline {
    font-size:137.5%;
  }
}

@media (max-width:500px) {
  .campaign-headline {
    font-size:125%;
  }
}

@media (max-width:400px) {
  .campaign-headline {
    font-size:112.5%;
  }
}

@media only screen {
  .cssanimations .campaign-headline h5 {
    visibility:hidden;
  }
  
  .cssanimations .campaign-headline h5.animated {
    visibility:visible;
    -webkit-animation:zoomIn 0.6s forwards;
    animation:zoomIn 0.6s forwards;
  }
  
  .cssanimations .campaign li {
    filter:alpha(opacity=0);
    opacity:0;
    -moz-opacity:0;
  }
  
  .cssanimations .campaign li.animated {
    filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
    -webkit-animation:flipInY 0.9s forwards;
    animation:flipInY 0.9s forwards;
  }
}