@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
= フコク生命 資料請求キャンペーン
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* *****************************************
/*+  module setting  +**************************
/***************************************** */
.mb10 {
    margin-bottom: 1.5625% !important;
}
.mb15 {
    margin-bottom: 2.34735% !important;
}
.mb20 {
    margin-bottom: 3.125% !important;
}
.mb30 {
    margin-bottom: 4.6875% !important;
}
.mb40 {
    margin-bottom: 6.25% !important;
}
.mb50 {
    margin-bottom: 7.8125% !important;
}
.mb60 {
    margin-bottom: 9.375% !important;
}
.mb80 {
    margin-bottom: 12.5% !important;
}
.mb100 {
    margin-bottom: 15.625% !important;
}
.mb120 {
    margin-bottom: 18.75% !important;
}

.mlr20 {
    margin-left:3.125% !important;
    margin-right:3.125% !important;
}

.mlr40 {
    margin-left:6.25% !important;
    margin-right:6.25% !important;
}

.pb10 {
    padding-bottom: 1.5625% !important;
}
.pb15 {
    padding-bottom: 2.34735% !important;
}
.pb20 {
    padding-bottom: 3.125% !important;
}
.pb30 {
    padding-bottom: 4.6875% !important;
}
.pb40 {
    padding-bottom: 6.25% !important;
}
.pb50 {
    padding-bottom: 7.8125% !important;
}
.pb60 {
    padding-bottom: 9.375% !important;
}
.pb80 {
    padding-bottom: 12.5% !important;
}
.pb100 {
    padding-bottom: 15.625% !important;
}
.pb120 {
    padding-bottom: 18.75% !important;
}

.pb150 {
    padding-bottom: 23.4375% !important;
}

.plr20 {
    padding-left:3.125% !important;
    padding-right:3.125% !important;
}

.plr40 {
    padding-left:6.25% !important;
    padding-right:6.25% !important;
}

.f12 {
	font-size:0.75em !important;
}

.f13 {
	font-size:0.8125em !important;
}

.f14 {
	font-size:0.875em !important;
}

.f15 {
	font-size:0.9375em !important;
}

.txt-align-left{
	text-align:left !important;
}

.txt-align-center{
	text-align:center !important;
}

.txt-align-right{
	text-align:right !important;
}
 

/*	共通	*/
.campaign_container * {  
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;
	}
	
img.full{
	width:100%;
	height:auto;
}

/*	main	*/
.campaign_container .ttl_box{
	display:block;
	width:100%;
	}
.campaign_container .ttl_box .for{
	font-size:.8em;
	color:#fff;
	padding:2px 0 0 5px;
	}
.campaign_container .ttl_box .approval{
	font-size:.65em;
	text-align:left;
	padding-left:3.125%;
	line-height:1;
	display:block;
	margin-top:10px;
	}
.campaign_container .ttl_box h1{
	}
.campaign_container .ttl_box h1 img{
	}
	
.campaign_container .ttl_box h2{
	}
.campaign_container .ttl_box h2 p{
	}


/*	資料請求部分	*/

.campaign_container .campaign_request{
	margin:20px 10px 30px;
/*	border-radius: 14px;*/
	border:2px solid #fbe9f2;
}
.campaign_container .campaign_request .ttl{
	padding: 5px;
	color:#e11f4f;
	text-align: center;
	background: #fbe9f2;
	font-weight: bold;
/*	border-radius: 14px 14px 0 0;*/
}
.campaign_container .campaign_request ul{
	margin:20px 3.125%;
	}
.campaign_container .campaign_request ul li{
	vertical-align:middle;
	}
.campaign_container .campaign_request .logo{
	width:210px;
    margin: 0 auto;
	}
.campaign_container .campaign_request .name{
	padding-left:20px;
    margin: 0 0 10px;
	}
.campaign_container .campaign_request .name a{
	display:block;
	border: 1px solid #008;
	height:30px;
	width:160px;
	border-radius:5px;
	text-align:center;
	position: relative;
	text-decoration:none;
	vertical-align:middle;
	margin-top:5px;
	}
.campaign_container .campaign_request .name a span{
	line-height: 30px;
	}
.campaign_container .campaign_request .name a::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #008;
	border-right: solid 2px #008;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.campaign_container .campaign_request .btn_box{
	width:100%;
	display:block;
	padding:10px;
	}
.campaign_container .campaign_request .btn_box a {
	background:
		-webkit-gradient(linear, left top, left bottom,
		from(#f07291),color-stop(.5,#e95a7d), color-stop(.5,#f00f46),
		to(#fb0340));
	background:
		-moz-linear-gradient(top,#f07291 0%,#e95a7d 50%,#f00f46 50%,
		#fb0340);
	background:
		linear-gradient(top,#f07291 0%,#e95a7d 50%,#f00f46 50%,
		#fb0340);
	background-color:#f07291;
	border: 1px solid #a31916;
	color: #fff;
	display:block;
	height:40px;
	font-size:1.6em;
	border-radius:40px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	position: relative;
}
.campaign_container .campaign_request .btn_box a span{
	line-height: 40px;
	font-weight:bold;
	}
.campaign_container .campaign_request .btn_box a::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}


/* 商品紹介 */

.campaign_container .product{
	margin:0 3.125% 30px;
	
}
.campaign_container .product .tab__tabs {
	
}
.campaign_container .product .tab__tabs:after {
  content: "";
  clear: both;
  display: block;
}
.campaign_container .product .tab__single {
  float: left;
  width: 46%;
  margin:0 2%;
  border-radius: 5px 5px 0 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px 1px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px 1px;
}

.campaign_container .product .tab__single:last-child{
}

.campaign_container .product .tab__single.type-s,
.campaign_container .product .type-s .tab__single-inner--active{
	background-color:#fe6c0c;
}

.campaign_container .product .tab__single.type-j,
.campaign_container .product .type-j .tab__single-inner--active{
	background-color:#f16caa;
}

.campaign_container .product .tab__single-inner {
  text-align: center;
  padding: 15px 0 10px;
}
.campaign_container .product .tab__single-inner--active {
  position: relative;
  z-index: 3;
  border-radius: 5px 5px 0 0;
}
.campaign_container .product .tab__content {
  position: relative;
  z-index: 2;
  background-color: white;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px 1px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px 1px;
}

.campaign_container .product .tab__content .type-s-contents{
	border:#fe6c0c solid 3px;
	padding:15px 0 20px;
	background-color:#fff7f2;
}

.campaign_container .product .tab__content .type-j-contents{
	border:#f16caa solid 3px;
	padding:15px 0 20px;
	background-color:#fff7fa;
}

.campaign_container .product .tab__content .hide{
	display:none;
}

.campaign_container .product .tab__content .tab__content-inner h3{
	margin-bottom:15px;
}

.campaign_container .product .tab__content .tab__content-inner .lead li{
	list-style:disc outside;
	margin:0 0 10px 1.5em;
}

.campaign_container .product .tab__content .tab__content-inner.type-s-contents .lead li{
	color:#fe6c0c;
}

.campaign_container .product .tab__content .tab__content-inner.type-j-contents .lead li{
	color:#f16caa;
}

.campaign_container .product .tab__content .tab__content-inner .lead li span{
	color:#333;
}

.campaign_container .product .tab__content .tab__content-inner .pattern{
	margin: 6.25% 0 15px;
}

.campaign_container .product .tab__content .tab__content-inner .sougaku{
	margin:20px 0 20px;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
}

.campaign_container .product .tab__content .tab__content-inner .example{
	margin:0 0 15px;
}

.campaign_container .product .tab__content .tab__content-inner .graph{
	margin:20px 0 15px;
}


/* コンバージョン */
.campaign_container .cv{
	width:100%;
	background-image:url(images/cv_bg.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	padding-top:108.4375%;
	position:relative;
/*	margin-bottom:30px; */
	}

.campaign_container .cv .btn_box{
	width:100%;
	display:block;
	padding:0 6.25%;
	position:absolute;
	top:83.14%;
	}
.campaign_container .cv .btn_box a {
	background:
		-webkit-gradient(linear, left top, left bottom,
		from(#f07291),color-stop(.5,#e95a7d), color-stop(.5,#f00f46),
		to(#fb0340));
	background:
		-moz-linear-gradient(top,#f07291 0%,#e95a7d 50%,#f00f46 50%,
		#fb0340);
	background:
		linear-gradient(top,#f07291 0%,#e95a7d 50%,#f00f46 50%,
		#fb0340);
	background-color:#f07291;
	border: 1px solid #a31916;
	color: #fff;
	display:block;
	height:40px;
	font-size:1.6em;
	border-radius:40px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	position: relative;
}
.campaign_container .cv .btn_box a span{
	line-height: 40px;
	font-weight:bold;
	}
.campaign_container .cv .btn_box a::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}



/*	キャンペーン概要*/
.campaign_container .campaign_detail h3{
	background-image:url(images/campaign_detail_ttl_open.png);
	background-size:100% auto;
	background-repeat:no-repeat;
}

.campaign_container .campaign_detail h3.active img{
	visibility:hidden;
}


.campaign_container .campaign_detail .campaign_detail_inner{
	border:#e11f4f solid 2px;
	padding:15px 10px;
	display:none;
}
.campaign_container .campaign_detail dt{
	padding: 5px;
	text-align: center;
	background: #fbe9f2;
	border-radius: 14px;
	font-weight: bold;
}
.campaign_container .campaign_detail dd{
	padding: 5px 10px 20px;
}
.campaign_container .campaign_detail .notice{
	margin-top:1em;
	font-size:.8em;
	text-indent:-1em;
	padding-left:1em;
	}


/*	キャンペーン注意事項	*/
.campaign_container .attent{
	padding: 20px 3.125%;
	font-size: .8em;
}
.campaign_container .attent dd li{
	list-style:disc outside;
	margin-left:1.5em;
}

.canpany_block{
	margin:0 10px 10px;
}
.canpany_block dt{
	background:#ededda;
	text-align:center;
	padding:3px 0;
	margin:0 20px;
	border-radius:14px;
	}
.canpany_block dd{
	padding:5px 10px 10px;
	}