@charset "UTF-8";

body > div.wrapper > section.company-infos > h2 > img {
	width: 219px;
}

body > div.wrapper > section.company-infos > h2.topics {
	line-height: 1.4;
}

body > div.wrapper > section.company-infos > h2.topics > img {
	margin-bottom: 5px;
	width: 313px;
}

body > div.wrapper > section.company-infos > h2.topics > span {
	line-height: 1.4;
	font-size: 86.7%;
}

body > div.wrapper > section.company-infos > div.body > div.content-section > div.body > ul {
	margin-left: 20px;
}

body > div.wrapper > section.company-infos > div.body > div.content-section > div.body > ul > li {
	margin-bottom: 15px;
	padding-left: 16px;
	background-image: url(../images/second/common/other/marker3.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	line-height: 1.3;
}

body > div.wrapper > section.company-infos > div.body > div.content-section > div.body > ul > li > a {
	color: #222222;
	text-decoration: none;
}

body > div.wrapper > section.company-infos > div.body > div.content-section > div.body > ul > li > a:hover {
	color: #8a8a8a;
	text-decoration: underline;
}

body > div.wrapper > section.company-infos > div.body > div.content-section > div.body > div.sub-nav {
	margin-top: 40px;
}

body > div.wrapper > section.company-infos > div.body > div.content-section > div.body > p.note {
	text-align: center;
}

body > div.wrapper > section.company-infos > div.body > div.informationbox {
	margin-bottom: 50px;
	padding: 20px;
	background-color: rgba(255,255,255,1.00);
}


body > div.wrapper > section.company-infos > div.body > div.informationbox p.index-link {
	padding-bottom: 10px;
	padding-top: 16px;
	text-align: center;
}

body > div.wrapper > section.company-infos > div.body > div.informationbox p.index-link > a {
	color: rgba(38,38,38,1.00);
	display: inline-block;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

body > div.wrapper > section.company-infos > div.body > div.informationbox p.index-link > a:hover {
	opacity: 0.7;
}

body > div.wrapper > section.company-infos > div.body > div.informationbox p.index-link > a::after {
	border-bottom: 2px solid rgba(223,16,109,1.00);
	border-right: 2px solid rgba(223,16,109,1.00);
	bottom: -15px;
	content: "";
	display: inline-block;
	height: 10px;
	left: 50%;
	position: absolute;
	transform: rotate(45deg);
	width: 10px;
}

div#topix {
	height: 300px !important;
	overflow: auto;
}

div#topix ul#topicNewsList {
	padding-right: 10px;
}

div#topix ul#topicNewsList > li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url("../images/common/other/border1.png");
	background-position: center bottom;
	background-repeat: repeat-x;
}

div#topix ul#topicNewsList > li > img {
	vertical-align: top;
}

div#topix ul#topicNewsList > li > p.newsText {
	margin-left: 15px;
	display: inline-block;
	vertical-align: top;
	width: 800px;
}

div#topix ul#topicNewsList > li > p.newsText > a {
	margin: 5px 0;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
}

div#topix ul#topicNewsList > li > p.newsText > a[target='_blank'] {
	padding-right: 20px;
	background-image: url(../images/common/other/icon-external.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#topix ul#topicNewsList > li > p.newsText > a:hover {
	text-decoration: underline;
}

div#topix ul#topicNewsList > li > p.newsText > span.mini_gray {
	padding-left: 4px;
	color: rgba(100,100,100,1.00);
	font-size: 86.7%;
}

div#topix div.jspDrag {
	background-color: rgba(223,16,109,1.00);
}
div#topix div.jspTrack {
	background-color: rgba(238,238,238,1.00);
}

@media screen and (max-width: 600px) {
	body > div.wrapper > section > div.body ul.sub-nav > li {
		width: 30%;
	}
	
	div#topix ul#topicNewsList > li {
		font-size: 86.7%;
	}
	
	div#topix ul#topicNewsList > li > img {
		width: 25%;
	}
	
	div#topix ul#topicNewsList > li > p.newsText {
		margin-left: 5px;
		display: inline-block;
		vertical-align: top;
		width: 65%;
	}
	
	div#topix ul#topicNewsList > li > p.newsText > a {
		font-size: 107.7%;
	}
}