@charset "utf-8";

@import url(/campaign/css/campaign-detail.css);

/* ========== key-visual ========== */
#key-visual ul{
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
#key-visual li{
  float: left;
  width: 33.33333%;
}
#key-visual ul:after{
  content: "";
  display: block;
  clear: both;
}
#key-visual.key-visual_pc ul{
  width: 96%;
}
#key-visual.key-visual_sp{
  background-color: #fff;
  margin-bottom: .625em;
}
#key-visual.key-visual_sp ul{
  width: 100%;
}
#key-visual.key-visual_pc a img:hover{
  opacity: .7;
}
/* ========== c-ground-01 ========== */
.c-ground-01.c-ground-01_nomargin{
  padding: 0;
}
.c-ground-01 .c-ground-01_inner{
  padding: 0 54px 74px;
}
@media only screen and (max-width: 640px){
  .c-ground-01 .c-ground-01_inner{
    padding: 0 10px 50px;
  }
}
/* ========== contents_collar ========== */
/* -- c-ground-guidance_look -- */
.c-ground-guidance_look{
  background-color: #f5ffec;
}
/* -- c-ground-guidance_learn -- */
.c-ground-guidance_learn{
  background-color: #d8f3fd;
}
/* -- c-ground-guidance_try -- */
.c-ground-guidance_try{
  background-color: #ffeef3;
}
/* -- c-ground-guidance_cnv -- */
.c-ground-guidance_cnv{
  background-color: #fdecd6;
}
/* ========== c-ground-fx_about ========== */
.c-ground-fx_about{
  background-color: #fff;
  border: solid 4px #d6f4bd;
  margin-top: 1em;
  position: relative;
}
.c-ground-fx_about.c-ground-fx_about_pc{
  padding: 1em 1em 1em 6em;
  margin-left: 9%;
}
@media only screen and (max-width: 640px){
  .c-ground-fx_about.c-ground-fx_about_pc{
    padding-left: 7.5em;
  }
}
.c-ground-fx_about.c-ground-fx_about_sp{
  padding: 15% 3% 3% 3%;
  margin-top: 15%;
}
.c-ground-fx_about .c-figure-fx_icn{
  position: absolute;
}
.c-ground-fx_about.c-ground-fx_about_pc .c-figure-fx_icn{
  left: -9%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.c-ground-fx_about.c-ground-fx_about_sp .c-figure-fx_icn{
  width: 30%;
  top: -50%;
  left: 5%;
}
/* ========== c-ground_update_timing ========== */
.c-ground_update_timing{
  position: relative;
}
.c-ground_update_timing .c-figure_update_timing_btn{
  position: absolute;
}
/*--- pc --*/
.c-ground_update_timing_pc .update_timing_btn01{
  top: 20%;
  left: 11.5%;
  width: 46.241%;
}
.c-ground_update_timing_pc .update_timing_btn02{
  top: 45.1%;
  left: 11.5%;
  width: 46.241%;
}
.c-ground_update_timing_pc .update_timing_btn03{
  top: 69.9%;
  left: 11.5%;
  width: 46.241%;
}
.c-ground_update_timing_pc .update_timing_btn04{
  top: 73.2%;
  left: 11.5%;
  width: 46.241%;
}
.c-ground_update_timing_pc .update_timing_btn05{
  top: 72.40%;
  left: 63.3%;
  width: 36.9%;
}
.c-ground_update_timing_pc .update_timing_btn06{
  top: 96%;
  left: 63.3%;
  width: 36.9%;
}
.c-ground_update_timing_pc a img:hover{
  opacity: .7;
}
/*--- sp --*/
.c-ground_update_timing_sp .update_timing_btn01{
  top: 14.89%;
  left: 27.5%;
  width: 72.6%;
}
.c-ground_update_timing_sp .update_timing_btn02{
  top: 35.57%;
  left: 27.5%;
  width: 72.6%;
}
.c-ground_update_timing_sp .update_timing_btn03{
  top: 54.68%;
  left: 27.5%;
  width: 72.6%;
}
.c-ground_update_timing_sp .update_timing_btn04{
  top: 57.57%;
  left: 27.5%;
  width: 72.6%;
}
.c-ground_update_timing_sp .update_timing_btn05{
  top: 77.78%;
  left: 27.5%;
  width: 72.6%;
}
.c-ground_update_timing_sp .update_timing_btn06{
  top: 96.74%;
  left: 27.5%;
  width: 72.6%;
}
/* ========== c-ground-fx_check ========== */
.c-ground-fx_check{
  background-color: #fff;
  border: solid 4px #bce9f9;
  margin-top: 3em;
  padding: 0em 1em 2em 1em;
  position: relative;
}
.c-ground-fx_check .c-figure-fx_check_head{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.c-ground-fx_check_pc .c-figure-fx_check_head{
  width: 67.442%;
  top: -2em;
}
@media only screen and (max-width: 768px){
  .c-ground-fx_check_pc .c-figure-fx_check_head{
    top: -1.3em;
  }
}
.c-ground-fx_check_sp .c-figure-fx_check_head{
  width: 85%;
  top: -1.3em;
}
.c-ground-fx_check .c-column-group .col-unit-1\/2{
  float: left;
  display: inline;
  width: 48.57142857142857%;
  margin-left: 2.857142857142857%;
  margin-top: 0;
}
.c-ground-fx_check .c-column-group .col-unit-1\/2:first-child{
  margin-left: 0;
}
/* ========== c-list-guidance_try ========== */
.c-list-guidance_try{
  list-style: none;
  width: 100%;
  padding: 0;
  margin-top: 1.5em;
}
.c-list-guidance_try li{
  float: left;
  width: 32%;
  margin-left: 2%;
}
.c-list-guidance_try li:first-child{
  margin-left: 0;
}
.c-list-guidance_try:after{
  content: "";
  display: block;
  clear: both;
}
/* ========== c-ground_fx_flow ========== */
.c-ground_fx_flow{
  width: 100%;
  margin-top: 3em;
}
.c-ground_fx_flow_pc .c-ground_fx_flow_item{
  float: left;
  width: 32%;
  margin-left: 2%;
}
.c-ground_fx_flow_pc .c-ground_fx_flow_item:first-child{
  margin-left: 0;
}
.c-ground_fx_flow_sp .c-ground_fx_flow_item{
  margin-top: 3em;
}
.c-ground_fx_flow_sp .c-ground_fx_flow_item:first-child{
  margin-top: 0;
}
.c-ground_fx_flow:after{
  content: "";
  display: block;
  clear: both;
}
.c-ground_fx_flow .c-ground_fx_flow_item{
  position: relative;
}
.c-ground_fx_flow .c-ground_fx_flow_item .fx_flow_btn{
  position: absolute;
}
/*--- pc --*/
.c-ground_fx_flow_pc .fx_flow_btn01{
  top: 23%;
  left: 26.2%;
  width: 67%;
}
.c-ground_fx_flow_pc .fx_flow_btn02{
  top: 54.9%;
  left: 26.2%;
  width: 67%;
}
.c-ground_fx_flow_pc .fx_flow_btn03{
  top: 20.3%;
  left: 26.2%;
  width: 67%;
}
.c-ground_fx_flow_pc .fx_flow_btn04{
  top: 36.7%;
  left: 26.2%;
  width: 67%;
}
.c-ground_fx_flow_pc .fx_flow_btn05{
  top: 60.4%;
  left: 26.2%;
  width: 67%;
}
.c-ground_fx_flow_pc .fx_flow_btn06{
  top: 19.8%;
  left: 26.2%;
  width: 67%;
}
.c-ground_fx_flow_pc .fx_flow_btn07{
  top: 58.2%;
  left: 26.2%;
  width: 67%;
}
.c-ground_fx_flow_pc a img:hover{
  opacity: .7;
}
@media only screen and (max-width: 768px){
  .c-ground_fx_flow_pc .fx_flow_btn01{
    top: 22.7%;
  }
  .c-ground_fx_flow_pc .fx_flow_btn03{
    top: 19.9%;
  }
  .c-ground_fx_flow_pc .fx_flow_btn04{
    top: 36.3%;
  }
  .c-ground_fx_flow_pc .fx_flow_btn06{
    top: 19.4%
  }
}
/*--- sp --*/
.c-ground_fx_flow_sp .fx_flow_btn01{
  top: 26.7%;
  left: 25.8%;
  width: 69.8%;
}
.c-ground_fx_flow_sp .fx_flow_btn02{
  top: 53.4%;
  left: 27%;
  width: 68%;
}
.c-ground_fx_flow_sp .fx_flow_btn03{
  top: 24.1%;
  left: 26%;
  width: 70%;
}
.c-ground_fx_flow_sp .fx_flow_btn04{
  top: 34.1%;
  left: 26%;
  width: 70%;
}
.c-ground_fx_flow_sp .fx_flow_btn05{
  top: 57.9%;
  left: 27%;
  width: 68%;
}
.c-ground_fx_flow_sp .fx_flow_btn06{
  top: 26.1%;
  left: 26%;
  width: 70%;
}
.c-ground_fx_flow_sp .fx_flow_btn07{
  top: 61.2%;
  left: 27%;
  width: 68%;
}
/* ========== c-cnvBlock-fx ========== */
.c-cnvBlock-fx{
  background-color: #fff;
  border: 4px solid #fdbf6e;
  border-radius: 10px;
  margin-top: 2em;
}
.c-cnvBlock-fx_pc{
  padding: 3% 4.610%;
}
.c-cnvBlock-fx_sp .c-cnvBlock-fx_inner{
  padding: 20px 14px;
}