@charset "UTF-8";

/* ====================================================== */
/* [当該カテゴリ共通のスタイル] 						  */
/* ====================================================== */


/* グリッドレイアウト */

	p.arrange-c img {
		max-width:100%;
	}
		#main-box div.index-s h3{
			margin-top:30px;
			margin-bottom:15px;
		}
		#main-box div.index-s:nth-of-type(1) h3{
			margin-top:10px;
		}
		
		div.index-s ul li{
			margin-bottom:4px;
		}
		div.index-s ul li a{
			position:relative;
			display:block;
			padding:10px 16px 10px 10px;
			border:1px solid #ce0000;
			border-radius:5px;
			color:#333333;
			text-decoration:none;
			font-weight:bold;
		}
			div.index-s ul li a:after{
				position:absolute;
				font-family: 'jpsmt';
				font-weight:normal;
				font-size:0.7em;
				right:4px;
				top:50%;
				margin-top:-9px;
				height:100%;
				color:#ce0000;
			}
		div.index-s ul li span{
			display:block;
			padding:10px 0;
			font-size:1em;
			font-weight:bold;
			color:#666666;
		}
			div.index-s ul.arrow-red-simple ul.arrow-gray-simple.nth{
				margin-top:5px;
			}
			div.index-s ul.arrow-gray-simple.nth li a{
				border-color:rgba(153,153,153,1);
			}
			div.index-s ul.arrow-gray-simple.nth li a:after{
				top:58%;
			}
		div.index-s div.col3 ul.arrow-red-simple{
			border-bottom:1px dotted #CCCCCC;
			padding-bottom:8px;
			margin-bottom:10px;
		}
		div.index-s div.col3:nth-last-of-type(1) ul.arrow-red-simple{
			padding-bottom:0px;
			border-bottom:none;
		}



/* ====================================================== */
/* [特定のページ専用のスタイル] 						  */
/* ====================================================== */

/* (index.html) ---------------------------------------- */

body.under *{
	box-sizing:border-box;
}

/* categoryInd */

	body.under h1 span.inner:before{
		content:"";
		background-image:url(/img/about/ico_h1.png);
	}
	body.under h1 + p.read{
		font-weight:bold;
		padding:4px;
	}
	body.under p.read + span{
		display:block;
		margin:0 -12px 20px -12px;
		height:120px;
		background:url(/img/about/bg_h1_index.jpg) no-repeat right top;
		background-size:cover;
	}
	body.under p.read + span img{
		display:none;
	}

		body.under.sns h1 span.inner:before{
			background-image:url(/img/social_media/ico_h1.png);
		}
		body.under.apps h1 span.inner:before{
			background-image:url(/img/apps/ico_h1.png);
		}
		body.under.employ h1 span.inner:before{
			background-image:url(/img/about/ico_h1_employ.png);
		}
		body.under.cm h1 span.inner:before{
			background-image:url(/img/cm/ico_h1.png);
		}

div.sectionCol ul li.twice{
	padding-left:16px;
}
div.sectionCol ul li.twice em{
	font-weight:bold;
	color:#333333;
}
	div.sectionCol ul li.twice ul.basic-m{
		padding-top:10px;
	}
	div.sectionCol ul li.twice ul.basic-m li{
		text-indent:0em;
		margin-left:1em;
	}
		div.sectionCol ul li.twice ul.basic-m li:before{
			font-family: 'jpsmt';
			content: "\30";
			padding-right:0px;
			top:0px;
			left:-10px;
		}
	div.sectionCol ul li.twice ul.basic-m li a{
		display:inline;
		padding-left:0px;
		padding-right:20px;
		text-decoration:underline;
	}


div.aboutBtm{
	background:#fafafa;
	padding:20px;
	margin:0 -12px;
}
div.aboutBtm ul li{
	position:relative;
	vertical-align:top;
	background:#FFFFFF;
	margin-top:20px;
	padding:20px 20px 20px 80px;
	border-radius:5px;
	font-weight:bold;
}
	div.aboutBtm ul li:nth-of-type(1){
		margin-top:0px;
	}

	
	div.aboutBtm ul li a.next{
		position:absolute;
		display:block;
		height:100%;
		width:100%;
		left:0;
		top:0;
		text-indent:-999px;
		overflow:hidden;
		border-radius:5px;
		transition:0.5s;
	}
		div.aboutBtm ul li a.next:hover{
			background:rgba(255,51,51,0.1)
		}
	div.aboutBtm ul li span{
		display:block;
		font-size:0.9em;
		margin-top:4px;
		font-weight:normal;
	}
	div.aboutBtm ul li span.ico{
		position:absolute;
		left:20px;
		top:20px;
	}

	div.aboutBtm ul li.popup:after{
		position:absolute;
		font-family:"jpsmt";	
		content: "\26";
		z-index:5;
		right:10px;
		top:10px;
		font-size:0.8em;
		color:#999999;
	}


/*pad_pressx*/

#pad_press{
	padding:0;
}

div.topNews{
}

div.topNews div.linkList{
	display:none;
}

#main-box div.topNews:nth-child(1) h2{
	position:relative;
	margin:20px -12px 0px -12px;
	padding:0;
	background:none;
	font-size:1.2em;
}
	div.topNews:nth-child(1) h2 a{
		display:block;
		padding:12px 30px 12px 50px;
		color:#333333;
		text-decoration:none;
	}
	#main-box div.topNews:nth-child(1) h2:before{
		font-family:"jpsmt";
		font-weight:normal;
		position:absolute;
		left:10px;
		top:10%;
		color:#ce0000;
		font-size:1.3em;
		content:"\6c";
		background:none;
	}
	div.topNews:nth-child(1) h2:after{
		font-family:"jpsmt";
		content:"\3e";
		font-weight:normal;
		position:absolute;
		right:10px;
		top:30%;
		color:#ce0000;
		font-size:0.6em;
	}

div.topNews dl{
	display:none;
}


/* ぽすくま */

body#posukuma p{
	word-break:break-all;
}

body#posukuma #main-box h1 span{
	display:block;
	width:100%;
	height:2.2em;
	padding-top:10px;
	overflow:hidden;
}
body#posukuma #main-box h1 span img{
	transform:scale(2,2);
}
@media screen and (orientation: landscape) {
	body#posukuma #main-box h1 span{
	height:4em;
}
}

body#posukuma .charaList img{
	width:100%;
	height:auto;
}

body#posukuma .charaLink ul li{
	display:inline-block;
}
body#posukuma .charaLink ul li img{
	width:70px;
	height:auto;
}
body#posukuma .charaLink ul li a{
	display:block;
}



#posukuma a.linkBtn{
	display:block;
	width:100%;
	border:1px solid rgba(204,204,204,1);
	padding:2px;
	text-decoration:none;
	color:#333333;
	margin-bottom:5px;
}
	#posukuma a.linkBtn span{
		display:block;
		border:2px solid rgba(255,204,51,1);
		transition:0.5s;
		padding:8px 0;
		text-align:center;
		font-weight:bold;
		font-size:1.5em;
	}
	#posukuma a.linkBtn:hover span{
		border:2px solid rgba(255,51,51,1);
	}
	#posukuma a.linkBtn{
		-webkit-touch-callout:rgba(255,204,51,0.2);
		-webkit-tap-highlight-color:rgba(255,204,51,0.2);
	}
	


#posukuma a.btn_yurugp{
	width:250px;
	margin:0 auto;
	box-sizing:border-box;
	height:50px;
	display:block;
	background:url(/img/about/posukuma/btn_yurugp_ou.jpg) no-repeat;
	background-size:99% 90%;
	text-indent:-9999px;
}
	#posukuma a.btn_yurugp:hover{
		background:url(/img/about/posukuma/btn_yurugp_ov.jpg) no-repeat;
		background-size:99% 90%;
	}


#posukuma div.info{
 border: 2px solid #F7C33C;
 padding:0 12px;
 box-sizing:border-box;
}


body#posukuma .info{
	width:100%;
	box-sizing:border-box;
}

body#posukuma video{
	width:100%;
}

body#posukuma .snsread{
	margin-bottom:20px;
	width:100%;
	height:4em;
	padding-top:10px;
	overflow:hidden;
}
	body#posukuma .snsread img{
		transform:scale(1.2,1.2)
	}
	body#posukuma .snsList table{
		width:100%;
		margin:0 auto;
	}
@media screen and (orientation: landscape) {
	body#posukuma .snsread{
	height:6em;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
	body#posukuma .snsread{
	height:5em;
}
 }
@media screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	body#posukuma .snsread{
	height:7em;
}
 }



	body#posukuma .snsList table.layout td{
		padding:20px !important;
	}
	body#posukuma .snsList span.icon{
		display:inline-block;
		text-align:left;
	}


/* ソーシャルメディア ---------------------------------------- */

body.under.sns .sectionCol h2 span{
	text-align:left;
}
body.under.sns .sectionCol span{
	display:block;
	text-align:center;
}
	body.under.sns .sectionCol span img{
		max-height:160px;
		width:auto;
		margin:20px 0;
	}
	body.under.sns .sectionCol ul{
		text-align:center;
	}
	body.under.sns .sectionCol ul li{
		display:inline-block;
		vertical-align:top;
		padding-left:1px;
		margin:20px 0;
		height:inherit;
		width:33%;
	}
	body.under.sns div.sectionCol ul li a{
		padding-left:0px;
	}
	body.under.sns .sectionCol ul li:before{
		content:"";
	}
	body.under.sns .sectionCol ul li img{
		max-height:40px;
		width:auto;
		margin-bottom:15px;
	}
	body.under.sns .sectionCol ul li span{
		color:#1E4EA6;
		text-decoration:underline;
		font-size:0.8em;
		border-left:1px solid #ccc;
	}
		body.under.sns .sectionCol ul li:nth-child(3n+1) span{
			border-left:none;
		}
	body.under.sns .sectionCol ul li span.mk-popup:after{
			font-family: 'jpsmt';
			content: "\26";
			font-weight:normal;
			color:#ce0000;
			padding-left:2px;
	}
	
	
	/* CM ---------------------------------------- */

body.under.cm h2{
	text-align:left;
}
	body.under.cm #main-box h3{
		background:none;
		margin-top:0;
	}
		body.under.cm h3 span{
			display:inline-block;
		}
		body.under.cm .sectionCol h3 span{
		}
		body.under.cm .sectionCol h3 span:after{
			content: "・";
			color:#ce0000;
			margin-left:4px;
			font-size:inherit;
			font-weight:bold;
		}
body.under.cm .sectionCol{
	display:block;
	text-align:center;
}
body.under.cm .sectionCol video{
	margin:20px 0 10px;
}
body.under.cm .sectionCol p{
	margin:0 0 20px;
}

div.sectionCol video{
	border: 1px #C0C0C0 solid;
}

	/* apps ---------------------------------------- */

body.under.apps h2{
	text-align:left;
}

body.under.apps .sectionCol{
	text-align:center;
}
body.under.apps .sectionCol p{
	margin:20px 0;
	text-align:left;
}
	body.under.apps .sectionCol table{
		width:100%;
		text-align:center;
	}
	
	body.under.apps .sectionCol table img{
		margin:10px;
	}
	body.under.apps .sectionCol table td{
		line-height:40%;
	}
	body.under.apps .sectionCol table strong{
		display:block;
	}