@charset "utf-8";
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.line{
	border-bottom:1px #d1c5ab solid;
	margin:0;
}
img{
	vertical-align:top;
}
.center{
  text-align:center;
}
.p_10_20{
  padding:20px 10px;
}
/* plan_type */
.type_s h3{
	background:url(../images/ask/bg_plan_s.gif);
}
.type_n h3{
	background:url(../images/ask/bg_plan_n.gif);
}
.li_plan_type a{
	float:right;
	text-align:center;
	font-weight:bold;
	width:200px;
	height:40px;
	line-height:40px;
	display:block;
	margin-top:10px;
}

/* option */
.option{
  padding:20px;
}

.btn_ask2{
  font-size:16px;
  width:180px;
  height:40px;
  line-height:40px;
  background:rgb(255,255,255);
  background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
  background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%);
  border:2px solid #d3d3d3;
  border-radius:5px;
  box-shadow:1px 0 0 #fff inset,0 -1px 0 #fff inset,-1px 0 0 #fff inset;
  display:inline-block;
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.btn_ask2:before{
  content:"";
  width:7px;
  height:12px;
  background:url(../images/common/arrow/arrow_r_14_24.png) no-repeat;
  background-size:7px 12px;
  position:absolute;
  top:50%;
  right:10px;
  margin-top:-6px;
}

/* campaign */
.campaign .ttl {
	margin: -15px 0 15px;
	color: #e51656;
	font-size: 16px;
	text-align: center;
}
.campaign .ttl span{
	font-size: 20px;
}
.campaign .txt {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.campaign .txt span{
	background: linear-gradient(transparent 70%, #ffb313 0%);
	font-size: 16px;
}

.li_campaign_content{
  margin:15px 10px;
}
.li_campaign_content>*+*{
  margin-top:15px;
}
.li_campaign_content>*{
  border:2px solid #ffeaa2;
  border-radius:10px;
  position:relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.li_campaign_content>*:before{
  position:absolute;
  top:-2px;
  right:-2px;
	overflow: hidden;
  width:49px;
  height:49px;
	background-image:url(../images/ask/campaign/flag.png);
	background-repeat: no-repeat;
  background-size:49px 588px;
  content:"";
}
.f_impression:before{
  background-position: 0 -49px;
}
.f_once_a_month:before{
  background-position: 0 -294px;
}
.f_three_a_month:before{
  background-position: 0 -343px;
}
.f_five_a_month:before{
  background-position: 0 -392px;
}
.f_max5:before{
  background-position: 0 -98px;
}
.f_max10:before{
  background-position: 0 -147px;
}
.f_max20:before{
  background-position: 0 -196px;
}
.f_max30:before{
  background-position: 0 -245px;
}
.f_reg10:before{
  background-position: 0 -441px;
}
.f_up_obo:before{
  background-position: 0 -490px;
}
.f_up_roshutsu:before{
  background-position: 0 -539px;
}
.li_campaign_content>* p{
  padding:10px 15px 15px;
}
.li_campaign_content h4{
  color:#e80b53;
  font-size:16px;
  height:68px;
  line-height:68px;
  background:url(../images/ask/campaign/bg_content.png) no-repeat;
  background-size:100%;
  border-radius:8px 8px 0 0;
  padding-left:10px;
}
.li_bnr h4:before{
 background-position: 0 -45px;
}
.li_movie h4:before{
 background-position: 0 -90px;
}
.li_interview h4:before{
 background-position: 0 -135px;
}
.li_blog h4:before{
 background-position: 0 -180px;
}
.li_picture h4:before{
 background-position: 0 -225px;
}
.li_question h4:before{
 background-position: 0 -270px;
}
.li_wanted h4:before{
 background-position: 0 -315px;
}
.li_staff h4:before{
 background-position: 0 -360px;
}
.li_match h4:before{
 background-position: 0 -405px;
}
.li_qa h4:before{
 background-position: 0 -450px;
}
.li_feature h4:before{
 background-position: 0 -495px;
}
.li_campaign_content h4:before{
  display:inline-block;
	overflow: hidden;
  width:45px;
  height:45px;
  margin:-2px 10px 0 0;
	background-image:url(../images/ask/campaign/icon.png);
	background-repeat: no-repeat;
  background-size:45px 540px;
  vertical-align:middle;
  content:"";
}

.btn_ask{
  padding:5px 10px 30px;
}
.btn_ask a{
  color:#fff;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  height:60px;
  line-height:60px;
  display:block;
  background:rgb(185,9,60);
  background:-webkit-linear-gradient(top,  rgba(185,9,60,1) 0%,rgba(214,23,79,1) 28%,rgba(252,43,105,1) 48%,rgba(196,14,67,1) 49%,rgba(196,14,67,1) 50%,rgba(185,9,60,1) 51%,rgba(185,9,60,1) 100%);
  background:linear-gradient(to bottom,  rgba(185,9,60,1) 0%,rgba(214,23,79,1) 28%,rgba(252,43,105,1) 48%,rgba(196,14,67,1) 49%,rgba(196,14,67,1) 50%,rgba(185,9,60,1) 51%,rgba(185,9,60,1) 100%);
  border-radius:10px;
  position:relative;
}
.btn_ask a:before{
  content:"";
  width:0;
  height:0;
  border:5px solid transparent;
  border-left:10px solid #fff;
  position:absolute;
  top:50%;
  right:10px;
  margin-top:-5px;
}
.campaign-lead{
	margin-bottom: 15px;
	padding: 20px 10px 166px;
	background: url(../images/ask/campaign/campaign-lead.png) no-repeat center bottom;
	background-size: 247px 146px;
	font-weight: bold;
}
.campaign-lead_heading{
	margin-bottom: 15px;
	color: #0d1c62;
	font-size: 18px;
	text-align: center;
}
.campaign-lead_heading span{
	background: linear-gradient(transparent 70%, #fff69e 0%);
}
.campaign-lead_heading span::before{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: -4px 5px 0 0;
	background: url(../images/ask/campaign/campaign-lead_heading.png) no-repeat;
	background-size: 25px 25px;
	vertical-align: middle;
	content: "";
}

.campaign-s{
	padding: 40px 10px;
	box-shadow: 0 0 23px #bee6f9 inset;
	text-align: center;
}
.campaign-s_heading{
	color: #e51656;
	font-size: 16px;
	font-weight: bold;
}
.campaign-s_heading .em{
	fnt-size: 20px;
}
.campaign-s_heading .em-l{
	font-size: 25px;
}
.campaign-s_comment{
	margin-bottom: 15px;
	color: #7d7d7d;
	font-size: 12px;
}
.campaign-s_txt{
	padding-bottom: 250px;
	background: url(../images/ask/campaign/campaign-s.png) no-repeat center bottom;
	background-size: 275px 229px;
}
.campaign-s_txt span{
	font-size: 16px;
	font-weight: bold;
}

.campaign-contact{
	box-sizing: border-box;
	padding: 40px 10px;
	background:url(../images/ask/campaign/campaign-contact.png);
	background-size: 12px 10px;
	text-align: center;
}
.campaign-contact_heading{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.campaign-contact_heading span::before,
.campaign-contact_heading span::after{
	display: inline-block;
	width: 16px;
	height: 2px;
	margin-top: -5px;
	border-radius: 2px;
	background: #fff;
	vertical-align: middle;
	content: "";
}
.campaign-contact_heading span::before{
	margin-right: 5px;
	transform: rotate(45deg);
}
.campaign-contact_heading span::after{
	margin-left: 5px;
	transform: rotate(-45deg);
}
.campaign-contact-item{
	margin-top: 15px;
	padding: 20px 30px;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(245, 207, 85, .5);
	background: #fff;
	font-size: 12px;
	font-weight: bold;
}
.campaign-contact-item > * + *{
	margin-top: 15px;
}
.campaign-contact-item_heading{
	display: inline-block;
	background: linear-gradient(transparent 70%, #e6f7ff 0%);
	font-size: 16px;
	font-weight: bold;
}
.campaign-contact-item_heading span{
	font-size: 20px;
}
.campaign-contact-item:first-child .campaign-contact-item_heading{
	color: #2e452d;
}
.campaign-contact-item:last-child .campaign-contact-item_heading{
	color: #a11335;
}
.campaign-contact-item_btn{
	display: block;
	position: relative;
	height: 35px;
	border-radius: 35px;
	background: #da3464;
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	text-decoration: none !important;
}
.campaign-contact-item_btn::before{
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	background: url(../images/ask/campaign/campaign-contact-item__btn.png) no-repeat;
	background-size: 15px 15px;
	content: "";
}