@charset "utf-8";

/*
「“つい読んじゃう”レポートサンプル」ダウンロードフォーム
/inquiry/offer2/
*/


/*
***********************************************************************************************
サイト内共通要素
***********************************************************************************************
*/

#page_main_img {
}

#subPageMenu {
	display: none;
}

#sidebar {
	display: none !important;
}

	.viewmode-mobile #main_contents {
		padding-top: 0;
	}

#left_contents {
	float: none;
	width: 100%;
}

#contentsArea {
	float: none;
}

form.wpcf7-form .table_form th {
	width: 220px;
}

#main_contents {
}

#page_main_img {
	display: none;
}

#pageTitle {
	display: none;
}


/*
***********************************************************************************************
ヘッダー
***********************************************************************************************
*/

#content figure {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
}

	#content figure::before {
		background-image: url(bg_offer1_06.svg);
		background-repeat: repeat;
		/*
		background-size: 100%;
		*/
		content: '';
		position: absolute;
		/*
		left: -515px;
		*/
		left: calc(((2000px - 100%)/2)*-1);
		/*
		top: -784px;
		*/
		top: calc(((2000px - 100%)/2)*-1);
		opacity: 0.3;
		height: 2000px;
		width: 2000px;
		z-index: -1;

		-webkit-animation: spin 80s linear infinite;
		-ms-animation: spin 80s linear infinite;
		animation: spin 80s linear infinite;
	}

	.viewmode-mobile #content figure {
		margin-right: -10px;
		margin-left: -10px;
		padding-top: 35px;
		padding-bottom: 25px;
	}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(-360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}


/* ついつい読んじゃう */
#content figure > img:first-child {
	position: absolute;
	right: 0;
	top: 0;
}

	.viewmode-mobile #content figure > img:first-child {
		max-width: 120px;
	}

#content figure ul {
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	list-style-type: none;
	text-align: center;
	padding: 0;
}

	#content figure li {
		display: inline-block;
		letter-spacing: normal; /* 文字間を通常に戻す */
		margin: 0 20px;
		vertical-align: top;
	}

		/*
		#content figure li img {
			box-shadow: 0 0 13px 5px rgba(0,0,0, 0.1);
		}
		*/

		.viewmode-mobile #content figure li img {
			max-height: 220px;
		}


	/* 読ませる工夫がもりだくさん！ */
	#content figure ul + img {
		position: absolute;
		left: 20px;
		bottom: 0;
	}

		.viewmode-mobile #content figure ul + img {
			left: 0;
			max-height: 260px;
		}

/* 「“つい読んじゃう”レポートサンプル」ダウンロードフォーム */
#content h1 {
	background-color: #111;
	background-image: none;
	color: #fff;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	font-feature-settings: 'palt';
	font-size: 160%;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 8px 10px 6px 10px;
}


/*
***********************************************************************************************
フォーム部分
***********************************************************************************************
*/

.viewmode-pc .privacy {
	margin-top: 55px;
}

/* ダウンロードURLをメールで受信する */
.viewmode-mobile .buttons-area-confirm input {
	font-size: 16px;
	padding: 10px 10px;
}