@charset "UTF-8";

body#infographics div#main .wrap {
	background-color: #003389;
}

body#infographics div#main .content_inner {
	max-width: 90%;
	min-width: 90%;
	width: 90%;
	color: #ffffff;
}

body#infographics div#main .content_inner div.chapter h2 {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Helvetica","Verdana","ＭＳ Ｐゴシック","MS-PGothic",sans-serif;
	font-size: 20px;
	border: none;
	margin: 0;
	padding: 0 0 0.5em;
	width: auto;
}
body#infographics div#main .content_inner div.chapter div.box {
	margin: 0 0 0;
	padding: 25px 0 10px;
	border-bottom: 2px solid #ffffff;
}
body#infographics div#main .content_inner div.chapter:last-child div.box {
	border-bottom: none;
}
body#infographics div#main .content_inner div.chapter div.box p.img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	text-align: center;
}
body#infographics div#main .content_inner div.chapter div.box.long p.img:nth-of-type(2) {
	margin-top: 20%;
	margin-bottom: 2em;
}
body#infographics div#main .content_inner p.txt {
	margin-bottom: 0.5em;
	font-size: 15px;
}
body#infographics div#main .content_inner p.year {
	margin: 1em 0 16px;
	color: #7994da;
	text-align: right;
	font-size: 10px;
}
body#infographics div#main .content_inner div.chapter:nth-child(2) div.box:nth-child(2) p.img {
	margin-top: -40px;
}
body#infographics div#main .content_inner div.chapter:nth-child(4) div.box:nth-child(2) p.img {
	margin-bottom: -56px;
}



/*--------------------------------------------------------------------
 *	PC
 *--------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {

body#infographics div#main .content_inner div.chapter h2 {
	font-size: 24px;
}

body#infographics div#main .content_inner {
	margin-top: 50px;
	max-width: 900px;
	min-width: auto;
	width: auto;
}
body#infographics div#main .content_inner div.chapter {
	border-bottom: 2px solid #ffffff;
}
body#infographics div#main .content_inner div.chapter div.box {
	position: relative;
	border-bottom: none;
	padding: 2em 0 2.5em;
}
body#infographics div#main .content_inner div.chapter div.box.half {
	float: left;
	width: 50%;
	margin: 0;
	padding-bottom: 2.5em;
	border-right: 2px solid #ffffff;
	box-sizing: border-box;
}
body#infographics div#main .content_inner div.chapter div.box.long {
	padding-bottom: 2em;
}
body#infographics div#main .content_inner div.chapter div.box.half:last-child {
	border-right: none;
}
body#infographics div#main .content_inner div.chapter p.txt {
	margin-right: 28px;
	margin-left: 28px;
	line-height: 2.0;
}
body#infographics div#main .content_inner p.year {
	font-size: 12px;
}
body#infographics div#main .content_inner div.chapter div.box.half p.year {
	position: absolute;
	right: 28px;
	bottom: 0;
}
body#infographics div#main .content_inner div.chapter div.box.long p.year {
	position: absolute;
	right: 28px;
	bottom: 0;
}
body#infographics div#main .content_inner div.chapter div.box.long .img_box{
	text-align: center;
}
body#infographics div#main .content_inner div#sales {
	background-size: auto auto;
	background-position: left 62%;
}
body#infographics div#main .content_inner div.chapter div#patent{
	background: url("../images/culture/pc/infographics_03_bg.png") no-repeat scroll;
	background-position: center 55%;
}
body#infographics div#main .content_inner div.chapter:nth-child(2) div.box p.img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -20px;
}

body#infographics div#main .content_inner div.chapter:nth-child(2) div.box:nth-child(2) p.img {
	margin-top: -20px;
}
body#infographics div#main .content_inner div.chapter:nth-child(4) div.box:nth-child(2) p.img {
	margin-bottom: 0;
}
body#infographics div#main .content_inner div.chapter div.box.long p.img{
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}
body#infographics div#main .content_inner div.chapter div.box.long p.img:nth-of-type(2) {
	margin: 0 0 0 7%;
}
body#infographics div#main .content_inner div.chapter:last-child {
	border-bottom: none;
}
body#infographics div#main .content_inner div#retention .img {
}
body#infographics div#main .content_inner div#retention .img {
	text-align: center;
	vertical-align: middle;
}

body#infographics div#main .content_inner div#establishment {
	background: url("../images/culture/infographics_establishment.png") no-repeat scroll;
	background-size: auto 58%;
	background-position: center 10%;
}
body#infographics div#main .content_inner div#sales {
	background: url("../images/culture/infographics_sales_bg.png") no-repeat scroll;
	background-size: auto 55%;
	background-position: left 54%;
}
body#infographics div#main .content_inner div.chapter:nth-child(6) div.box .img_box {
	margin-bottom: -80px;
}
body#infographics div#main .content_inner div.chapter:nth-child(7) div.box .img_box {
	margin-bottom: 35px;
}
body#infographics div#main .content_inner div.chapter:nth-child(8) div.box .img_box {
	margin-bottom: 35px;
}
body#infographics div#main .content_inner div.chapter:nth-child(1) div.box:nth-child(1) p.img {
	margin-right: 6.5%;
	margin-left: 6.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(2) div.box:nth-child(1) p.img {
	margin-top: 5%;
	margin-right: 14.5%;
    margin-left: 16.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(2) div.box:nth-child(2) p.img {
	margin-right: 6.5%;
    margin-left: 9.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(3) div.box:nth-child(1) p.img {
	margin-right: 6.5%;
    margin-left: 6.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(3) div.box:nth-child(2) p.img {
	margin-right: 0.5%;
    margin-left: 13.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(4) div.box:nth-child(1) p.img {
	margin-right: 8.5%;
    margin-left: 12.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(4) div.box:nth-child(2) p.img {
	margin-top: 2%
	margin-right: 1.5%;
    margin-left: 14.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(5) div.box:nth-child(1) p.img {
	margin-right: 10.5%;
    margin-left: 10.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(5) div.box:nth-child(2) p.img {
	margin-right: 6.5%;
    margin-left: 9.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(6) div.box p.img {
	margin-right: 10.5%;
    margin-left: 10.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(7) div.box p.img {
	margin-right: 14.5%;
    margin-left: 14.5%;
}
body#infographics div#main .content_inner div.chapter:nth-child(8) div.box p.img {
	margin-right: 10.5%;
    margin-left: 10.5%;
}



}

/*-------------------------------------------------------------------------------*
 *	Clear fix
 *-------------------------------------------------------------------------------*/

body#infographics div#main .content_inner div.chapter,
body#infographics div#main .content_inner div.clear,
body#infographics div#main .content_inner div.chapter div.long {
	zoom: 100%;
}

#infographics div#main .content_inner div.chapter:after,
body#infographics div#main .content_inner div.clear:after,
body#infographics div#main .content_inner div.chapter div.long:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}