@charset "Shift_JIS";
/* **************************************************
Name: sectop.css
Create: 2016.09.13
***************************************************** */

/* topページより移植 */

#secureImgBoxWP .inner {
	width: 285px;
	border: 10px solid #d3d1d1;
	background: url(/-/media/secure/image/banner_wp.jpg) no-repeat left top;
}
#secureImgBoxWP p {
	position: relative;
}
#secureImgBoxWP p a {
	width: 285px;
	height: 240px;
	display: block;
	color: #ffffff;
}
#secureImgBoxWP p a span {
	display: none;
}
/* topページより移植 ここまで */


.topicsTit {
	margin: 0;
}
.nrTit {
	margin: 0;
}
.mediaTit {
	margin: 0;
}
.eventTit {
	margin: 0;
}
.sp {
	display: none;
}
.pc {
	display: block;
	float: left;
	margin: -10px 10px 0 -10px;
}
/*--- コンテンツエリア ---*/
div#Contents {
	padding-top: 25px;
}
/*--- ボックスエリア ---*/
.BoxArea {
	position: relative;
	clear: both;
}
.inner.adj {
	height: 170px;
}
/* Box01（トップ記事） */
#secureBox01 h2 {
	position: relative;
	text-align: center;
	background: #333333;
	padding: 30px 10px 25px;
	font-size: 28px;
	font-weight: normal;
	line-height: 120%;
	margin: 0;
	background-image: none;
}
#secureBox01 h2, #secureBox01 h2 span, #secureBox01 div p {
	color: #fefefe;
}
#secureBox01 h2 span {
	font-size: 20px;
	display: block;
	padding: 0;
	font-weight: normal;
	color: #fefefe;
	line-height: 120%;
	background-color: #333333;
}
#secureBox01 h2 span + span {
	display: block;
	position: absolute;
	bottom: -24px;
	left: 0px;
	right: 0px;
	z-index: 2;
	background-color: transparent;
}
#secureBox01 h2 + p img {
	width: 100%;
}
#secureBox01 h2 + p {
	position: relative;
	z-index: 1;
	background-color: #ffffff;
}
#secureBox01 h2 + p span {
	display: block;
	position: absolute;
	top: 214px;
	left: 441px;
}
#secureBox01 div.ColumnSet {
	/*background: #333333;*/
	padding: 25px;
	box-sizing: border-box;
}
#secureBox01 div.ColumnSet p {
	/*float: left;*/
	font-size: 18px;
	line-height: 1.3;
	font-weight: bold;
}
#secureBox01 div.ColumnSet p + p {
	float: right;
	font-size: 14px;
	font-weight: normal;
}
#secureBox01 div.ColumnSet p + p + p {
	clear: both;
	float: none;
	padding: 29px 0 0;
}
/* Box02（横長カラム記事） */
#secureBox02 {
	background: #f2f2f2;
}
#secureBox02 h3 {
	margin-bottom: 0;
	padding: 13px 20px 10px;
	background: #2093a3;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3em;
}
#secureBox02 h3 a[name] {
	color: #ffffff;
	text-decoration: none;
	background-image: none;
}
#secureBox02 div dl dt {
	float: left;
}
#secureBox02 div dl dd {
	float: right;
	width: 45%;
	font-size: 14px;
	line-height: 1.5em;
}
#secureBox02 div dl dd + dd {
	margin-top: 10px;
}
#secureBox02 div {
	padding: 10px;
}
#secureBox02 div p + p {
	margin: 50px 0 0;
	text-align: center;
}
/* topicsBlock トピックス */
.topicsBlock {
	font-size: 14px;
	height: 260px;/*overflow: hidden;*/
}
.topicsBlock .topicsTit {
	background: url(/-/media/secure/image/bg_topics01.gif) no-repeat 50% bottom #d85b3a;
}
.topicsBlock .topicsTit span {
	display: block;
	background: url(/-/media/secure/image/bg_note_ico.png) no-repeat 90% 11px;
	padding: 20px 25px 30px;
	font-size: 24px;
	color: #ffffff;
}
.topicsBlock div {
	height: 160px;
	padding: 5px 20px 10px;
	background: #f6d4c6;
}
.topicsBlock div dl dt {
	margin: 0;
}
.topicsBlock div dl dd a {
	color: #b1000e;
	line-height: 1.4em;
	font-size: 13px;
}
.topicsBlock div dl + dl {
	margin: 10px 0 0;
}
/* 記事ボックス */
#secureBox04 dl dt {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
}
#secureBox09 dl dt {
	margin: 0 0 5px;
	font-size: 15px;
	font-weight: bold;
}
#secureBox09 dl dt, #secureBox09 dl dd, #secureBox04 dl dt, #secureBox04 dl dd {
	color: #ffffff;
	line-height: 1.4;
}
#secureBox04 .inner {
	background: #ffffff;
}
#secureBox09 .inner {
	background: #1a58a7;
}
#secureBox04 dl {
	padding: 15px 15px 13px;
	background: #889e48;
}
#secureBox09 dl {
	padding: 15px 15px 17px;
}
#secureBox04 dl dd {
	font-size: 13px;
	text-align: right;
}
#secureBox09 dl dd {
	font-size: 13px;
}
#secureBox04 dl + p {
	text-align: center;
	padding: 0 0 19px;
}
#secureBox09 dl + p a {
	color: #ffffff!important;
	line-height: 1.4;
}
#secureBox09 dl + p {
	padding: 0 15px 0 0;
	text-align: right;
}
#secureBox09 .inner div {
	padding: 5px 0px 18px;
}
#secureBox09 .box_Img a {
	display: block;
	background: #ffffff;
}
/* ワッチミーTV */
#secureBox03 .inner > p {
	background-color: #ffffff;
}
#secureBox03 dl {
	padding: 15px 15px 30px;
	background: #a38441;
}
#secureBox03 dl dt {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
}
#secureBox03 dl dt, #secureBox03 dl dd {
	color: #ffffff;
	line-height: 1.4;
}
#secureBox03 dl.wacthme {
	padding: 15px;
	background: #937a44;
}
#secureBox03 dl.wacthme dt {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}
#secureBox03 dl.wacthme dd {
	margin: 6px 0 15px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
}
#secureBox03 dl.wacthme dd + dd {
	margin: 0;
	font-size: 13px;
	color: #ffffff;
	line-height: 1.4;
	font-weight: normal;
}
/* */

/* ボタン2段（動画・記事） */
#topm05_box {
	position: relative;
	width: 305px;
	height: 120px;
}
#topm05_box .movie {
	position: absolute;
	bottom: 60px;
	right: 15px
}
#topm05_box .text {
	position: absolute;
	bottom: 15px;
	right: 15px
}
/*　*/

/* column03 */
#secureBox05, #secureBox06 {
	background: #889e48;
}
#secureBox05 .inner > p a, #secureBox06 .inner > p a {
	display: block;
	background: #ffffff;
}
#secureBox05, #secureBox06, #secureBox12 {
	width: 305px;
	height: 260px;
}
#secureBox05 .inner div, #secureBox06 .inner div {
	padding: 15px 20px;
}
#secureBox05 dl dt, #secureBox06 dl dt, #secureBox05 dl dd, #secureBox06 dl dd, #secureBox05 dl + p a, #secureBox06 dl + p a {
	color: #ffffff;
	line-height: 1.4;
}
#secureBox05 dl dt, #secureBox06 dl dt {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
}
#secureBox05 dl + p, #secureBox06 dl + p {
	padding: 15px 0 0;
	text-align: right;
}
#secureBox07 .inner, #secureBox08 .inner, #secureBox10 .inner, #secureBox11 .inner {
	width: 285px;
}
#secureBox07 .inner {
	border: 10px solid #131343;
	background: url(/-/media/secure/image/img_secure-top08.jpg) no-repeat left top;
}
#secureBox07 p, #secureBox10 p, #secureBox11 p {
	position: relative;
}
#secureBox07 p a, #secureBox10 p a, #secureBox11 p a {
	width: 285px;
	height: 240px;
}
#secureBox07 p a, #secureBox07 p a span, #secureBox10 p a, #secureBox10 p a span, #secureBox11 p a, #secureBox11 p a span {
	display: block;
	color: #ffffff;
}
#secureBox07 p a span {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none !important;
}
#secureBox10 p a span, #secureBox11 p a span {
	font-size: 20px;
	font-weight: bold;
}
#secureBox07 p a span + span {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#secureBox11 p a span + span {
	font-size: 14px;
	font-weight: normal;
}
#secureBox07 p a span {
	position: absolute;
	top: 63px;
	left: 73px;
}
#secureBox07 p a span + span {
	position: absolute;
	top: 86px;
	left: 15px;
	line-height: 1.5em;
}
#secureBox07 p a span + span + span {
	position: absolute;
	top: 130px;
	left: 15px;
	right: 15px;
	line-height: 1.5em;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
#secureBox10 p a span + span {
	position: absolute;
	top: 125px;
	left: 88px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
}
#secureBox11 p a span + span {
	position: absolute;
	top: 206px;
	left: 175px;
}
#secureBox08 .inner {
	border: 10px solid #bd9c79;
}
#secureBox10 .inner {
	border: 10px solid #a38441;
	background: url(/-/media/secure/image/img_secure_top11.jpg) no-repeat left top;
}
#secureBox10 p a span {
	position: absolute;
	top: 110px;
	left: 12px;
}
#secureBox11 .inner {
	border: 10px solid #a3515d;
	background: url(/-/media/secure/image/img_secure-top12.jpg) no-repeat left top;
}
#secureBox11 p a span {
	position: absolute;
	top: 110px;
	left: 88px;
}
#secureBox10 p a span.title {
	position: absolute;
	top: 95px;
	text-decoration: none;
}
#secureBox11 p a span.title {
	position: absolute;
	top: 110px;
	text-decoration: none;
}
/* articleボックス */
#articleBox02 {
	height: 260px;
}
#articleBox02 .inner {
	background: #ffffff;
}
#articleBox02 dl {
	padding: 15px 15px 13px;
	background: #889e48;
}
#articleBox02 dl dt {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
}
#articleBox02 dl dd {
	font-size: 13px;
	text-align: right;
	color: #ffffff;
	line-height: 1.4;
}
/* 動画ボックス */
#secureMovBox {
	width: 305px;
	height: 260px;
}
#secureMovBox .inner > p {
	background-color: #ffffff;
}
/* 動画ボックス_CSIRT */
.csirtMov .inner div {
	background: #937a44;
}
.csirtMov dl {
	padding: 15px 15px 30px;
	color: #ffffff;
	line-height: 1.4;
}
.csirtMov dl dt {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
}
.csirtMov dl dd {
	margin: 0;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.4;
}
/* 小説大賞ボックス */
.novel .inner div {
	background: #444;
}
.novel dl {
	padding: 15px 15px 13px;
}
.novel dl dt {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
}
.novel dl dd {
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
	color: #fff;
}
/* 小説大賞ボックス end*/



/* セミナー情報 */
.eventBlock {
	font-size: 14px;
	background: #ddebfe;
	line-height: 1.3em;
}
.eventBlock .eventTit {
	background: url(/-/media/secure/image/bg-event.gif) no-repeat 50% bottom #306bbc;
	line-height: 130%;
	border: 0 none;
}
.eventBlock .eventTit span {
	display: block;
	background: url(/-/media/secure/image/bg_note_ico.png) no-repeat 90% 11px;
	padding: 20px 25px 30px;
	font-size: 24px;
	color: #ffffff;
}
.eventBlock .inner div {
	height: 151px;
	padding: 5px 20px 20px;
}
.eventBlock .inner div dl dt {
	margin: 0px;
}
.eventBlock .inner div dl dd a {
	line-height: 1.4em;
	font-size: 13px;
}
.eventBlock .inner div dl dd a:link {
	color: #111a71;
}
.eventBlock .inner div dl dd a:visited {
	color: #551a8b;
}
.eventBlock div dl + dl {
	margin: 13px 0 0;
}
/* セミナー情報 end*/

/* メディア情報 */
.mediaBlock {
	font-size: 14px;
	background: #ffedd2;
	line-height: 1.3em;
}
.mediaBlock .mediaTit {
	background: url(/-/media/secure/image/bg-media.gif) no-repeat 50% bottom #d0963c;
}
.mediaBlock .mediaTit span {
	display: block;
	background: url(/-/media/secure/image/bg_note_ico.png) no-repeat 90% 11px;
	padding: 20px 25px 30px;
	font-size: 24px;
	color: #ffffff;
}
.mediaBlock .inner div {
	height: 151px;
	padding: 5px 20px 20px;
}
.mediaBlock .inner div dl dt {
	margin: 0;
}
.mediaBlock .inner div dl dd a {
	line-height: 1.4em;
	font-size: 13px;
}
.mediaBlock .inner div dl dd a:link {
	color: #111a71;
}
.mediaBlock .inner div dl dd a:visited {
	color: #551a8b;
}
.mediaBlock div dl + dl {
	margin: 10px 0 0;
}
/* メディア情報 end*/

/* 更新情報 */
.newBlock {
	font-size: 14px;
	background: #ebe3f0;
	line-height: 1.3em;
}
.newBlock .newTit {
	background: url(/-/media/secure/image/bg-new.gif) no-repeat 50% bottom #6d537c;
}
.newBlock .newTit span {
	display: block;
	background: url(/-/media/secure/image/bg_note_ico.png) no-repeat 90% 11px;
	padding: 19px 25px 26px;
	font-size: 24px;
	color: #ffffff;
}
.newBlock .inner div {
	height: 151px;
	padding: 10px 20px 20px;
}
.newBlock .inner div dl dt {
	margin: 0 0 5px;
}
.newBlock .inner div dl dd {
	line-height: 1.4em;
	font-size: 13px;
}
.newBlock div dl + dl {
	margin: 16px 0 0;
}
/* 更新情報  end*/

/* ニュースリリース */
.nrBlock {
	font-size: 14px;
	background: #f2f2f2;
	line-height: 1.3em;
}
.nrBlock .nrTit {
	background: url(/-/media/secure/image/bg_release.gif) no-repeat 50% bottom #b16c76;
	border: 0 none;
	line-height: 130%;
	padding: 0;
}
.nrBlock .nrTit span {
	display: block;
	background: url(/-/media/secure/image/bg_note_ico.png) no-repeat 90% 11px;
	padding: 20px 25px 30px;
	font-size: 24px;
	color: #ffffff;
}
.nrBlock .inner div {
	height: 151px;
	padding: 5px 20px 20px;
}
.nrBlock .inner div dl dt {
	margin: 0px;
}
.nrBlock .inner div dl dd {
	line-height: 1.4em;
	font-size: 13px;
}
.nrBlock div dl + dl {
	margin: 16px 0 0;
}
.nrBlock .inner div dl dd a:link {
	color: #06417e;
	;
}
.nrBlock .inner div dl dd a:visited {
	color: #551a8b;
}
/* ニュースリリース end */

/* ホワイトペーパーバナー */
#secureImgBoxWP .inner {
	width: 285px;
	border: 10px solid #d3d1d1;
	background: url(/-/media/secure/image/banner_wp.jpg) no-repeat left top;
}
#secureImgBoxWP p {
	position: relative;
}
#secureImgBoxWP p a {
	width: 285px;
	height: 240px;
	display: block;
	color: #ffffff;
}
#secureImgBoxWP p a span {
	display: none;
}
/* 標的型攻撃メール訓練サービスバナー　end */

/* コラムボックス */
#secureImgBox .inner {
	width: 285px;
	border: 10px solid #d3d1d1;
	background: url(/-/media/secure/image/banner_attackmail.jpg) no-repeat left top;
}
#secureImgBox p {
	position: relative;
}
#secureImgBox p a {
	width: 285px;
	height: 240px;
	display: block;
	color: #ffffff;
}
#secureImgBox p a span {
	display: none;
}
/* 標的型攻撃メール訓練サービスバナー　end */

/* コラムボックス */
#secureColumnBox {
	width: 305px;
	height: 260px;
}
#secureColumnBox .inner > p {
	background-color: #ffffff;
}
#secureColumnBox dl {
	padding: 15px 15px 10px;
	background: #889e48;
}
#secureColumnBox dl dt {
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.35;
}
#secureColumnBox dl dd {
	color: #ffffff;
	line-height: 1.4;
	font-size: 13px;
	text-align: right;
	margin: 0;
}
/* コラムボックス end */

/* 畔柳J　*/
#articleBox01 {
	height: 260px;
}
#articleBox01 .inner {
	background: #ffffff;
}
#articleBox01 dl {
	padding: 15px 15px 13px;
	background: #333333;
}
#articleBox01 dl dt {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
}
#articleBox01 dl dd {
	font-size: 13px;
	text-align: right;
	color: #ffffff;
	line-height: 1.4;
}
/* 畔柳J end */

/* ボタン2段（動画・記事） 畔柳J　*/
#topm_box {
	position: relative;
	width: 305px;
	height: 120px;
}
#topm_box .movie {
	position: absolute;
	bottom: 60px;
	left: 15px
}
#topm_box .text {
	position: absolute;
	bottom: 15px;
	left: 15px
}
/*ボタン2段（動画・記事） 畔柳J end　*/

/* ボタン1段（動画・記事）TOKA様　*/
#topm01_box {
	position: relative;
	width: 305px;
	height: 120px;
}
#topm01_box .movie {
	position: absolute;
	bottom: 10px;
	left: 15px
}
#topm01_box .text {
	position: absolute;
	bottom: 10px;
	left: 130px
}
/*ボタン2段（動画・記事） TOKA様 end　*/

/* サイバー補助 */
#secureImgBoxCyberhojo .inner {
	width: 285px;
	border: 10px solid #d3d1d1;
	background: url(/-/media/secure/image/banner_cyberhojo.jpg) no-repeat left top;
}
#secureImgBoxCyberhojo p {
	position: relative;
}
#secureImgBoxCyberhojo p a {
	width: 285px;
	height: 240px;
	display: block;
	color: #ffffff;
}
#secureImgBoxCyberhojo p a span {
	display: none;
}
/* サイバー補助　end */

/* 詳細リスク分析 */
#secureImgBoxAnalysis .inner {
	width: 285px;
	border: 10px solid #d3d1d1;
	background: url(/-/media/secure/image/banner_Analysis.jpg) no-repeat left top;
}
#secureImgBoxAnalysis p {
	position: relative;
}
#secureImgBoxAnalysis p a {
	width: 285px;
	height: 240px;
	display: block;
	color: #ffffff;
}
#secureImgBoxAnalysis p a span {
	display: none;
}
/* メイン_本丸 end*/

/* ガイドライン TOP */
#secureBox01 div.ColumnSet p.honmaru {
	float: left;
	font-size: 16px;
	line-height: 1.7;
	font-weight: normal;
	margin-bottom: 10px;
}
#secureBox01 div.ColumnSet div.Column2 {
	width: 381px;
}
#secureBox01 div.ColumnSet div.Column1 {
	width: 189px;
}
#secureBox01 div.ColumnSet div.Column1 p.ImgOnlyStyle a {
	display: inline-block;
	background-color: #fff;
}
#secureBox01 div.ColumnSet div.Column1 p.ImgOnlyStyle img {
	margin-bottom: 0;
}
/* メイン_本丸 end*/

/* ガイドライン TOP */
#secureBox_gl {
	background: #f2f2f2;
}
#secureBox_gl h3 {
	margin-bottom: 0;
	padding: 13px 20px 10px;
	background: #2093a3;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3em;
}
#secureBox_gl div {
	padding: 10px 9px 0;
}
#secureBox_gl div dl {
	margin: 0;
	padding: 0;
}
#secureBox_gl div dl dt {
	float: left;
	width: 48%;
}
#secureBox_gl div dl dd {
	float: right;
}
#secureBox_gl div p {
	font-size: 14px;
	line-height: 1.6em;
}
#secureBox_gl div p + p {
	margin-top: 10px;
}
.rightArrow_gl {
	background: url(/-/media/secure/image/right_arrow_gl.png) no-repeat left 50%;
	padding: 0 0 0 15px;
	line-height: 1.4;
}
#secureBox_gl div.ImgRightAdjust {
	padding: 0;
}
/* ガイドライン TOP　end */


/* 事例ボックス */
.case .inner div {
	background: #316995;
}
.case dl {
	padding: 15px 15px 30px;
	color: #ffffff;
	line-height: 1.4;
}
.case dl dt {
	margin: 0 0 15px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
}
.case dl dd {
	margin: 0;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.4;
}
/* 事例ボックス end*/



/* 各ボックスの基本設定 */
.ColumnTri {
	float: left;
	width: 305px;
	height: 260px;
}
.ColumnTri2 {
	float: left;
	width: 635px;
	height: 545px;
	margin: 0 0 25px 0;
	background-color: #333333;
}
.ColumnTri2.adj {
	height: 260px;
	background-color: #f2f2f2;
}
.ColumnTri.col01 {
	position: absolute;
	top: 0;
	margin: 0 0 25px 660px;/*background-color: #f6d4c6;*/
}
.ColumnTri.col02 {
	position: absolute;
	top: 285px;
	margin: 0 0 25px 660px;
}
.ColumnTri.col03 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col04 {
	margin: 0 0 25px 0;
}
.ColumnTri.col05 {
	margin: 0 0 25px 25px;
	background-color: #ffffff;
}
.ColumnTri.col06 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col07 {
	margin: 0 0 25px 0;
	background-color: #ffffff;
}
.ColumnTri.col08 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col09 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col10 {
	margin: 0 0 25px 0;
	background-color: #ffffff;
}
.ColumnTri.col11 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col12 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col13 {
	margin: 0 0 25px 0;
}
.ColumnTri.col14 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col15 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col16 {
	margin: 0 0 25px 0;
}
.ColumnTri.col17 {
	margin: 0 0 25px 25px;
}
.ColumnTri.col18 {
	margin: 0 0 25px 25px;
}

/* for responsive web design */
@media screen and (max-width: 994px) {
#secureBox01 h2 {
	padding-top: 60px;
}
#secureBox01 h2 + p span {
	display: block;
	position: absolute;
	right: 25px;
	bottom: 25px;
	top: auto;
	left: auto;
	margin: 0;
}
#secureBox01 div.ColumnSet div.Column2 {
	float: left;
	width: 68.5%;
}
#secureBox01 div.ColumnSet div.Column1 {
	float: left;
	width: 31.5%;
}
.ColumnTri2 {
	float: left;
	width: 66%;
	height: 620px;
	margin: 0 0 20px 0;
}
.ColumnTri2.adj {
	height: 300px;
}
#secureBox_gl div.ImgRightAdjust {
	width: 48.8%;
}
.ColumnTri {
	float: left;
	height: 300px !important;
}
.ColumnTri .inner > p img, .ColumnTri .inner > div > p > img {
	width: 100%;
}
.ColumnTri.col01 {
	width: 32%;
	right: 0;
	margin: 0 !important;
}
.inner.adj {
	height: 210px;
}
#articleBox01 .inner {
	height: 300px;
	background-color: #333333;
}
#topm_box {
	position: relative;
	width: 100%;
	height: auto;
}
#topm_box .movie {
	position: absolute;
	bottom: 50px;
	left: 10px;
}
#topm_box .text {
	position: absolute;
	bottom: 7px;
	left: 10px;
}
.ColumnTri.col02 {
	width: 32%;
	top: 320px;
	right: 0;
	margin: 0 !important;
}
#articleBox02 .inner {
	height: 300px;
	background-color: #889e48;
}
#topm05_box {
	position: relative;
	width: 100%;
	height: auto;
}
#topm05_box .movie {
	position: absolute;
	bottom: 50px;
	right: 10px;
}
#topm05_box .text {
	position: absolute;
	bottom: 7px;
	right: 10px;
}
.ColumnTri.col03 {
	width: 32%;
	margin: 0 0 0 2% !important;
}
#secureImgBoxCyberhojo .inner, #secureImgBoxAnalysis .inner {
	display: table;
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: 100% auto;
	background-color: #d3d1d1;
	box-sizing: border-box;
}
#secureImgBoxCyberhojo p, #secureImgBoxAnalysis p {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#secureImgBoxCyberhojo p a, #secureImgBoxAnalysis p a {
	width: 100%;
	height: 0;
	padding-bottom: 84.21%;
}
/*#secureImgBoxWP .inner{
	width:100%;
	height:300px;
	border: none;
	background-position:center center;
	background-size:95%;
	background-color:#d3d1d1;
}

#secureBox04 .inner{
	height:300px;
	background-color:#889e48;
}*/

.ColumnTri.col04 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
	clear: both;
}
.ColumnTri.col05 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
}
#secureMovBox {
	width: 100%;
	height: auto;
}
#secureMovBox .inner {
	height: 300px;
}
#topm01_box {
	position: relative;
	width: 100%;
	height: auto;
}
#topm01_box .movie {
	position: absolute;
	bottom: 7px;
	left: 10px;
}
#topm01_box .text {
	position: absolute;
	bottom: 7px;
	left: 125px;
}
.ColumnTri.col06 {
	width: 32%;
	margin: 0 0 20px 0 !important;
}
#secureImgBox .inner {
	display: table;
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: 100% auto;
	background-color: #d3d1d1;
	box-sizing: border-box;
}
#secureImgBox p {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#secureImgBox p a {
	width: 100%;
	height: 0;
	padding-bottom: 84.21%;
}
.ColumnTri.col07 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
	clear: both;
}
#secureColumnBox {
	width: 100%;
}
#secureColumnBox .inner {
	height: 300px;
	background-color: #889e48;
}
.ColumnTri.col08 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
}
.ColumnTri.col09 {
	width: 32%;
	margin: 0 0 20px 0 !important;
}
.ColumnTri.col10 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
	clear: both;
}
#secureBox03 {
	width: 100%;
}
#secureBox03 .inner {
	height: 300px;
}
.ColumnTri.col11 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
}
#secureBox07 .inner {
	display: table;
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: 100% auto;
	background-color: #131343;
	box-sizing: border-box;
}
#secureBox07 p {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#secureBox07 p a {
	width: 100%;
	height: 0;
	padding-bottom: 84.21%;
}
#secureBox07 p a span {
	width: calc(100% - 30px);
	left: 15px;
}
#secureBox07 p a span:first-child {
	text-align: center;
}
#secureBox07 p a span + span + span {
	top: 140px;
}
.ColumnTri.col12 {
	width: 32%;
	margin: 0 0 20px 0 !important;
}
#secureBox08 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 300px;
	background-color: #1a7d6e;
}
#secureBox08 .inner {
	display: table;
	width: 100%;
	height: 300px;
	box-sizing: border-box;
}
#secureBox08 p {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#secureBox08 p a {
	display: block;
	background-color: #ffffff;
}
.ColumnTri.col13 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
	clear: both;
	background-color: #ffedd2;
}
#secureBox12 {
	width: 100%;
}
.mediaBlock .mediaTit span {
	font-size: 20px;
	background: url(/-/media/secure/image/bg_note_ico.png) no-repeat 95% 10px;
}
.ColumnTri.col14 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
	background-color: #f2f2f2;
}
.eventBlock .eventTit span {
	font-size: 20px;
	background: url(/-/media/secure/image/bg_note_ico.png) no-repeat 95% 10px;
}
.ColumnTri.col15 {
	width: 32%;
	margin: 0 0 20px 0 !important;
	background-color: #ddebfe;
}
.nrBlock .nrTit span {
	font-size: 20px;
	background: url(/-/media/secure/image/bg_note_ico.png) no-repeat 95% 10px;
}
.ColumnTri.col16 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
	clear: both;
}
#secureBox09 {
	width: 100%;
}
#secureBox09 .inner {
	width: 100%;
	height: 300px;
}
.ColumnTri.col17 {
	width: 32%;
	margin: 0 2% 20px 0 !important;
}
#secureBox10 .inner {
	display: table;
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: 100% auto;
	background-color: #a38441;
	box-sizing: border-box;
}
#secureBox10 p {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#secureBox10 p a {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 84.21%;
}
#secureBox10 p a span.title {
	display: block;
	width: 100%;
	text-align: center;
	top: 38%;
	left: 0;
	font-size: 16px;
}
#secureBox10 p a span + span {
	display: block;
	width: 100%;
	text-align: center;
	top: calc(38% + 30px);
	left: 0;
}
.ColumnTri.col18 {
	width: 32%;
	margin: 0 0 20px 0 !important;
}
#secureBox11 .inner {
	display: table;
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: 100% auto;
	background-color: #a3515d;
	box-sizing: border-box;
}
#secureBox11 p {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
#secureBox11 p a {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 84.21%;
}
#secureBox11 p a span.title {
	display: block;
	width: 100%;
	text-align: center;
	top: 45%;
	left: 0;
}
br.HideTablet {
	display: none;
}
}

@media screen and (max-width: 767px) {
#secureBox01 h2 {
	padding-top: 30px;
}
#secureBox01 h2 + p span {
	display: block;
	position: absolute;
	right: 25px;
	bottom: 25px;
	top: auto;
	left: auto;
	margin: 0;
}
#secureBox_gl div p + p {
	padding-bottom: 15px;
}
.ColumnTri2 {
	float: none;
	width: 100%;
	height: auto !important;
	margin: 0 0 3.5% 0;
}
.ColumnTri {
	float: left;
	width: 46% !important;
	/*max-width: 305px;*/
	height: 300px !important;
}
.ColumnTri.col01 {
	position: static;
	margin: 0 0 3.5% 2% !important;
}
.ColumnTri.col02 {
	position: static;
	margin: 0 0 3.5% 4% !important;
}
.ColumnTri.col03 {
	margin: 0 0 3.5% 2% !important;
}
.ColumnTri.col04 {
	margin: 0 0 3.5% 4% !important;
	clear: none;
}
.ColumnTri.col05 {
	margin: 0 0 3.5% 2% !important;
}
.ColumnTri.col06 {
	margin: 0 0 3.5% 4% !important;
}
.ColumnTri.col07 {
	margin: 0 0 3.5% 2% !important;
	clear: none;
}
.ColumnTri.col08 {
	margin: 0 0 3.5% 4% !important;
}
.ColumnTri.col09 {
	margin: 0 0 3.5% 2% !important;
}
.ColumnTri.col10 {
	margin: 0 0 3.5% 4% !important;
	clear: none;
}
.ColumnTri.col11 {
	margin: 0 0 3.5% 2% !important;
}
.ColumnTri.col12 {
	margin: 0 0 3.5% 4% !important;
}
.ColumnTri.col13 {
	margin: 0 0 3.5% 2% !important;
	clear: none;
}
.ColumnTri.col14 {
	margin: 0 0 3.5% 4% !important;
}
.ColumnTri.col15 {
	margin: 0 0 3.5% 2% !important;
}
.ColumnTri.col16 {
	margin: 0 0 3.5% 4% !important;
	clear: none;
}
.ColumnTri.col17 {
	margin: 0 0 3.5% 2% !important;
}
.ColumnTri.col18 {
	margin: 0 0 3.5% 4% !important;
}
}

@media screen and (max-width: 579px) {
#secureBox01 h2 + p span {
	right: 10px;
	bottom: 10px;
	text-align: right;
}
#secureBox01 h2 + p span img {
	width: 80%;
}
#secureBox01 div.ColumnSet div.Column1, #secureBox01 div.ColumnSet div.Column2 {
	float: none;
	width: auto;
}
#secureBox_gl div.ImgRightAdjust {
	width: auto;
}
#secureBox02 div.pc {
	float: none;
	width: 100%;
	margin-right: 0;
	text-align: center;
}
.ColumnTri2 {
	margin-bottom: 20px !important;
}
.ColumnTri {
	float: none;
	width: 100% !important;
	max-width: 305px;
	height: auto !important;
	min-height: 260px;
}
.ColumnTri div.inner {
	height: auto !important;
	min-height: 260px;
}
.ColumnTri.col01 div.inner.adj {
	min-height: 1px;
}
.ColumnTri.col01, .ColumnTri.col02, .ColumnTri.col03, .ColumnTri.col04, .ColumnTri.col05, .ColumnTri.col06, .ColumnTri.col07, .ColumnTri.col08, .ColumnTri.col09, .ColumnTri.col10, .ColumnTri.col11, .ColumnTri.col12, .ColumnTri.col13, .ColumnTri.col14, .ColumnTri.col15, .ColumnTri.col16, .ColumnTri.col17, .ColumnTri.col18 {
	margin: 0 auto 20px !important;
}
/*#secureImgBoxWP .inner p,
#secureImgBox .inner p,
#secureBox07 .inner p,
#secureBox10 .inner p,
#secureBox11 .inner p {
	padding: 10px;
}*/

#secureBox08 {
	height: auto;
}
}

@media screen and (max-width: 399px) {
#secureBox01 h2 {
	font-size: 26px;
}
#secureBox01 h2 + p span img {
	width: 60%;
}
#secureBox01 div.ColumnSet {
	padding-left: 15px;
	padding-right: 15px;
}
#secureBox02 h3 {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 22px;
}
.ColumnTri {
	min-height: 1px;
}
.topicsBlock, #articleBox02, #secureMovBox, #secureColumnBox, #secureBox05, #secureBox06, #secureBox12 {
	height: auto;
	min-height: 260px;
}
.mediaBlock .inner div, .nrBlock .inner div, .eventBlock .inner div {
	height: auto;
}
#secureImgBoxAnalysis div.inner, #secureImgBox div.inner, #secureBox07 div.inner, #secureBox08 div.inner, #secureBox10 div.inner, #secureBox11 div.inner {
	min-height: 1px;
}
}
div p a span {
	color: #fff!important;
}