@charset "utf-8";

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


  ◇◆◇ クリック広告管理 ◇◆◇
  
  
========================================================================================================================*/

.about {
  text-align:center;
}

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

.about .headline+p {
  padding-top:0;
}

.aboutB {
  background-color:#f2f2f2;
}

.aboutB p {
  padding-top:1.5em;
}

.display {
  width:547px;
  float:right;
  position:relative;
  text-align:center;
  margin-left:40px;
}

.display li.slick-slide img {
  margin-top:0.75em;
}

@media (max-width:767px) {
  .about {
    text-align:left;
  }
  
  .aboutB p {
    padding-top:1em;
  }

  .aboutB div+p {
    padding-top:0;
  }
  
  .display {
    width:100%;
    float:none;
    margin-left:0;
    margin-bottom:2em;
  }
  
  .display li.slick-slide img {
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width:500px) {
  .display {
    padding-bottom:2em;
  }
}


/*-----------------------------------------------------------------------------------
  矢印
-----------------------------------------------------------------------------------*/

.display-arrow .slick-prev:before,
.display-arrow .slick-next:before {
  content:"";
}

.display-arrow .slick-prev,
.display-arrow .slick-next {
  font-size:0;
  color:#fff;
  display:inline-block;
	width:60px;
	height:60px;
	position:absolute;
	top:50%;
	z-index:1;
  margin-top:-15px;
  background-color:rgba(191,191,191,0.8);
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -webkit-transition:background-color ease 0.3s;
  -moz-transition:background-color ease 0.3s;
  -ms-transition:background-color ease 0.3s;
  -o-transition:background-color ease 0.3s;
  transition:background-color ease 0.3s;
  background-size:26px;
  background-position:center center;
  background-repeat:no-repeat;
}

.display-arrow .slick-prev { left:20px; }
.display-arrow .slick-next { right:20px; }

.svg .display-arrow .slick-prev    { background-image:url(../../image/icon/white/prev.svg); }
.no-svg .display-arrow .slick-prev { background-image:url(../../image/icon/white/prev-s.png); }
.no-rgba .display-arrow .slick-prev { background-image:url(../../image/icon/white/prev-s.png); }
.no-rgba .display-arrow .slick-prev:hover { background-image:url(../../image/icon/white/prev-s.png); }

.svg .display-arrow .slick-next    { background-image:url(../../image/icon/white/next.svg); }
.no-svg .display-arrow .slick-next { background-image:url(../../image/icon/white/next-s.png); }
.no-rgba .display-arrow .slick-next { background-image:url(../../image/icon/white/next-s.png); }
.no-rgba .display-arrow .slick-next:hover { background-image:url(../../image/icon/white/next-s.png); }

.display-arrow .slick-prev:hover,
.display-arrow .slick-next:hover,
.no-rgba .display-arrow .slick-prev:hover,
.no-rgba .display-arrow .slick-next:hover {
  background-color:#00a08c;
}

.no-rgba .display-arrow .slick-prev,
.no-rgba .display-arrow .slick-next {
  background-color:#c8c8c8;
}

@media (max-width:767px) {
  .display-arrow .slick-prev { left:-0.39113%; }
  .display-arrow .slick-next { right:-0.39113%; }
}

@media (max-width:500px) {
  .display-arrow {
    display:none;
  }
}


/*-----------------------------------------------------------------------------------
  ドット
-----------------------------------------------------------------------------------*/

.display .slick-dots {
  display:none !important;
}

@media (max-width:500px) {
  .display .slick-dots {
	  z-index:99;
    display:block !important;
    position:absolute;
    bottom:-2em;
    line-height:0;
  }
}


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

  チェック項目
  
----------------------------------------------------------------------------------------------------*/

.check {
  text-align:center;
}

.check .headline-cst { line-height:1.75; }

@media (max-width:500px) {
  .check .headline-cst { line-height:1.55; }
}

.check ul {
  display:inline-block;
  vertical-align:top;
  text-align:left;
  margin-left:1em;
  margin-right:1em;
  margin-top:1em;
}

.check li {
  padding-left:42px;
  padding-top:0.25em;
  margin-top:1em;
}

.svg .check li { background:url(../image/ppc/ic-check.svg) no-repeat left top; }
.no-svg .check li { background:url(../image/ppc/ic-check.png) no-repeat left top; }

@media (max-width:767px) {
  .check ul {
    display:block;
    margin-left:0;
    margin-right:0;
  }
}

@media (max-width:500px) {
  .svg .check li,
  .no-svg .check li { 
    background-size:26px auto;
  }

  .check li {
    padding-top:0.15em;
    padding-left:34px;
  }
}

.check-em {
  margin-top:1em;
  position:relative;
}

.check-em p {
  background-color:#42b9aa;
  color:#fff;
  padding:0.75em;
  margin-top:-12px;
}

.check-arrow {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:50px;
  background:url(../image/ppc/check-arrow.png) no-repeat center top;
  background-size:contain;
  font-size:0;
  line-height:0;
}

.check-arrow.ani1 {
  display:inline-block;
  position:relative;
}

@media only screen {
  .cssanimations .check-arrow.ani1 {
    visibility:hidden;
  }
  
  .cssanimations .check-arrow.ani1.animated {
    visibility:visible;
    -webkit-animation:fadeInDown 0.9s infinite;
    animation:fadeInDown 0.9s infinite;
  }
}

@media (max-width:767px) {
  .check-em {
    margin-top:0.5em;
  }

  .check-arrow {
    height:40px;
  }
}

@media (max-width:500px) {
  .check-arrow {
    height:30px;
  }
}


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

  料金・内容
  
----------------------------------------------------------------------------------------------------*/

.dt {
  background-color:#f2f2f2;
}

.dt dl {
  width:540px;
  float:left;
  background-color:#fff;
}

.dt dl:last-child {
  float:right;
}

.dt dt:first-child {
  text-align:center;
  color:#fff;
  background-color:#2c77c2;
  padding:0.5em 1em;
}

.dt dd,
.dt .price dt.dt-md {
  padding:0.75em 1em;
}

.dt .price dd,
.dt .price dt.dt-md {
  border-top:1px solid #e8e8e8;
}

.dt .price dt.dt-md--start,
.dt .price dt.dt-md--start + dd {
  border-top:0;
}

.dt .price dt.dt-md {
  display:inline-block;
  width:6em;
  float:left;
  margin-right:-6em;
  padding-top:1.4em;
}

.dt .price dt.dt-md--end {
  padding-top:1.15em;
}

.dt .price dd {
  margin-left:6em;
}

.dt dd ul {
  list-style:disc;
  margin-left:1.25em;
  padding-top:0.25em;
  padding-bottom:0.25em;
}

.dt dd li {
  padding-top:0.5em;
}

.dt dd li:first-child {
  padding-top:0;
}

@media (max-width:767px) {
  .dt dl,
  .dt dl:last-child {
    width:100%;
    float:none;
  }

  .dt dl:last-child {
    margin-top:1.5em;
  }

  .dt dd {
    padding:1em;
  }

  .dt dd ul {
    padding-top:0;
    padding-bottom:0.;
  }

  .dt .price dt.dt-md {
    padding-top:1.6em;
  }
  
  .dt .price dt.dt-md--end {
    padding-top:1.35em;
  }
}

@media (max-width:500px) {
  .dt dl:last-child {
    margin-top:1em;
  }

  .dt .price dt.dt-md {
    padding-top:1.55em;
  }
  
  .dt .price dt.dt-md--end {
    padding-top:1.25em;
  }
}


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

  問い合わせ
  
----------------------------------------------------------------------------------------------------*/

.ppc-cc {
  background-color:#fff;
  padding:30px;
  /*padding:70px 30px 30px 30px;*/
  position:relative;
}

/*
.ppc-cc:before {
  width:0;
  height:0;
  content:"";
  display:inline-block;
  border-top:50px solid #f2f2f2;
  border-left:60px solid transparent;
  border-right:60px solid transparent;
  border-bottom:60px solid transparent;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-60px;
}
*/

.ppc-cc br {
  display:none;
}

@media (max-width:767px) {
  .ppc-cc {
    padding-top:0;
    padding-bottom:0;
    /*
    padding-top:3.25em;
    padding-bottom:2em;
    */
    padding-left:3%;
    padding-right:3%;
  }

  .ppc-cc:before {
    border-width:40px;
    border-top-width:35px;
    margin-left:-40px;
  }
}

@media (max-width:640px) {
  .ppc-cc {
    /*
    padding-top:2.5em;
    padding-bottom:1.5em;
    */
    font-size:92%;
  }
  
  .ppc-cc br {
    display:inherit;
  }
  
  .ppc-cc:before {
    border-width:30px;
    border-top-width:25px;
    margin-left:-30px;
  }
}

@media only screen {
  .cssanimations .ppc-cc p {
    visibility:hidden;
  }
  
  .cssanimations .ppc-cc p.animated {
    visibility:visible;
  }
  
  .cssanimations .ppc-cc p.animated {
    -webkit-animation:zoomIn 0.6s forwards;
    animation:zoomIn 0.6s forwards;
  }
}