@charset "utf-8";
/* ===================================================================
 CSS Document
 file name  : info.css
 style info : シャープについて
=================================================================== */

@media all and (max-width: 767px) {
	/*-----------------------------
	リンク（既存スタイル相殺）
	------------------------------*/
	.content a {
		color: #002CB2;
		text-decoration: underline;
	}
	.content a:hover {
		text-decoration: none;
	}

	/*-----------------------------
	カテゴリータイトル（ディレクトリタイトル）
	------------------------------*/
	.cat-ttl {
		width: 100%;
		margin: 0 auto 0;
	}
	.cat-ttl .inner {
		width: 100%;
	}
	.cat-ttl h2 {
		padding: 18px 4%;
		background: #E6E6E6;
		text-align: center;
	}
	.cat-ttl h2 img {
		height: 36px;
	}
	.cat-ttl .bread-c {
		padding: 0 4% 4px;
		border-bottom: #ddd 1px solid;
	}
	.cat-ttl .bread-c li,
	.cat-ttl .bread-c a {
		font-size: 11px;
		color: #444;
	}
	.cat-ttl .bread-c li {
		display: inline-block;
	}
	.cat-ttl .bread-c a {
		text-decoration: none;
	}
	.cat-ttl .bread-c a:hover {
		text-decoration: underline;
	}
	.cat-ttl .bread-c a:after {
		content: '';
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 3px;
		border-top: #999 1px solid;
		border-right: #999 1px solid;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		position: relative;
		top: -1px;
	}

	/*-----------------------------
	ページタイトル
	------------------------------*/
	.page-ttl,.page-ttl2 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.page-ttl img {
		height: 25px;
	}
	.page-ttl2 img {
		height: 50px;
	}
	.page-ttl h2,.page-ttl2 h2 {
		padding: 50px 10px 35px;
		margin: 0 4%;
	}
	.page-ttl strong,.page-ttl2 strong {
		display: block;
		font-size: 20px;
		font-weight: normal;
		color: #333;
		text-align: left;
		position: relative;
		top: 1.6em;
	}

	.page-ttl h2.line,.page-ttl2 h2.line {
		border-bottom: #DDD 3px solid;
	}
	.sttl {
		font-size: 19px;
		font-weight: normal;
		border-bottom: #DDD 3px solid;
		padding: 0 0 1px;
		margin: 0 auto 20px;
		position: relative;
	}

	.charter > .page-ttl strong,.charter > .page-ttl2 strong {
		text-indent:-1.6em;
		padding-left:1.6em;
	}

	/*-----------------------------
	>アイコン
	------------------------------*/
	.arrow01:after {
		content: '';
		display: inline-block;
		width: 7px;
		height: 7px;
		margin: 0 0 0 7px;
		border-top: #999 1px solid;
		border-right: #999 1px solid;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		position: relative;
		top: -1px;
	}
	.date, .pdf {
		text-align: right;
	}


	/*-----------------------------
	>アイコン
	------------------------------*/
	.s-menu01 {
		background: #E6E6E6;
	}
	.s-menu01 ul {
		text-align: left;
		padding: 20px 4% 0;
		margin: 20px auto 0;
		max-width: 520px;
		background: #E6E6E6;
	}
	.s-menu01.center ul {
		text-align: center;
	}
	.s-menu01 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		width: 32%;
		margin-bottom: 6%;
		text-align: center;
	}
	.s-menu01 a {
		text-decoration: none;
		font-size: 12px;
		color: #333;
		line-height: 1.4;
		display: block;
		position: relative;
		white-space: nowrap;
	}
	.s-menu01 li img {
		display: block;
		margin: 0 auto 8px;
		padding: 0 15%;
	}
	/*-----------------------------
	Section common
	------------------------------*/
	.sec {
		width: 100%;
		padding: 0 4%;
		margin: 0 auto;
	}
	/*-----------------------------
	会社概要
	------------------------------*/
	.outline .box01 {
		margin: 30px auto 60px;
	}
	.outline dl {
		border-top: 1px solid #ccc;
		overflow: hidden;
	}
	.outline dt {
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		background: #F7F7F7;
	}
	.outline dd {
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
	}
	.outline .box01 dl a {
		position: relative;
	}
	.outline .box01 dl a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: #999 1px solid;
		border-left: #999 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 5px;
		right: -14px;
	}
	/*-----------------------------
	役員一覧
	------------------------------*/
	.board .sec {
		margin: 0 auto 80px;
	}
	.board .box01 {
		margin: 30px auto;
	}
	.board dl, .board dt, .board dd {
		box-sizing: border-box;
	}
	.board dl {
		background: #F7F7F7;
		border-bottom: 1px solid #ccc;
	}
	.board dt, .board dd {
		padding: 10px 10px 0 10px;
		border-top: 1px solid #ccc;
	}
	.board dt {
		width: 30%;
		float: left;
		text-align: center;
	}
	.board dd {
		background: #fff;
		margin-left: 30%;
		padding: 10px 10px;
	}
	.board dd p {
		background:#F7F7F7;
		padding:5px;
		width:100%;
		margin-bottom:10px;
		float: left;
	}
	.board dd span {
		margin-bottom:10px;
		float: right;
		display: block;
	}
	.board dd p:last-of-type,.board dd span:last-of-type {
		margin-bottom:0;
	}

	.board dd:after {
		content: '';
		display: block;
		clear: both;
	}
	/*-----------------------------
	組織図
	------------------------------*/
	/* .box01 */
	.organization .sec {
		margin: 0 auto 60px;
	}
	.organization .box01 {
		margin: 30px auto;
	}
	.organization .box01 p {
		margin-bottom: 20px;
	}

	/*-----------------------------
	関係会社・国内
	------------------------------*/
	.consolidated .box01 {
		margin: 30px auto 60px;
	}
	.consolidated dl {
		border-top: 1px solid #ccc;
		overflow: hidden;
	}
	.consolidated dt {
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		background: #F7F7F7;
	}
	.consolidated dd {
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
	}

	/*-----------------------------
	主要事業所
	------------------------------*/
	.base .box01 {
		margin: 30px auto 60px;
	}
	.base dl {
		border-top: 1px solid #ccc;
		overflow: hidden;
	}
	.base dt {
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		background: #F7F7F7;
	}
	.base dd {
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
		overflow: hidden;

	}
	.base dd .btn  {
		margin: 10px auto;
		text-align: center;
		}
	.base dd .btn a {
		display: inline-block;
		padding: 5px 10px;
		width: 160px;
		margin: 0 5%;
		text-align: center;
		border: 1px solid #CCCCCC;
		color: #333333;
		position: relative;
		text-decoration: none;
		font-size: 80%;
	}
	.base dd .btn a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: #BBB 1px solid;
		border-left: #BBB 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 9px;
		right: 12px;
	}
	.base dd br { display:none; }
	/*-----------------------------
	関係会社・海外
	------------------------------*/
	.oversea .box01 {
		margin: 30px auto 60px;
	}
	.oversea dl {
		border-top: 1px solid #ccc;
		overflow: hidden;
	}
	.oversea dt {
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		background: #F7F7F7;
	}
	.oversea dd {
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
	}

	/*-----------------------------
	企業行動憲章
	------------------------------*/
	.charter .sec {
		margin: 0 auto 80px;
	}
	.charter .box01 p {
		padding: 20px 0 0 0;
		margin: 0;
		text-align: left;
	}
	.charter .box01 p.ann {
		text-align: right;
	}
	.charter .box01 ul {
		margin: 50px 0;
	}
	.charter .box01 ul li {
		margin: 0 10px 10px;
	}
	.charter .box01 ul li a {
		display: block;
		padding: 6px 35px;
		border: 1px solid #CCCCCC;
		color: #333333;
		position: relative;
		text-decoration: none;
		text-align: center;
	}
	.charter .box01 ul li a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: #BBB 1px solid;
		border-left: #BBB 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 14px;
		right: 12px;
	}
	
	/* .box02 */
	.charter .box02 {
		padding: 30px 10px 0;
	}
	.charter .box02:nth-of-type(1) {
		padding-top: 30px;
	}
	.charter .box02 h3 {
		font-size: 15px;
		color: #333;
		margin: 0 0 18px 1.3em;
		text-indent: -1.3em;
		line-height: 1.6;
	}
	.dot > li {
		text-indent: -0.8em !important;
	}
	.charter .box02 > ul {
		margin: 0 0 0 20px;
	}
	.charter .box02 > ul > li {
		margin: 0 0 11px 1.2em;
		text-indent: -1.2em;
		line-height: 1.7;
	}
	.charter .box02 > ul > li:nth-child(n + 10) {
		margin: 0 0 11px 1.8em;
		text-indent: -1.8em;
	}
	.charter .box02 > ul > li > ul {
		margin: 0 0 0 16px;
	}

	/* .box03 */
	.charter .box03 ul {
		margin: 60px 0 -20px;
		text-align: center;
	}
	.charter .box03 li {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin: 0 0 10px;
	}

	.charter .box03 a {
		display: block;
		width: 100%;
		padding: 10px 0;
		border: #ccc 1px solid;
		color: #333;
		text-decoration: none;
	}
	.charter .box03 li:first-child a {
		padding-left:23px;
		background: url(../charter/ac/img/icon_arrow_l.png) no-repeat 10px 9px;
	}
	.charter .box03 li:last-child a {
		padding-right:23px;
		background: url(../charter/ac/img/icon_arrow_r.png) no-repeat right 10px top 8px;
	}



	/*  */
	.charter .dl01,.charter .dl02{
		margin: 0 0 35px;
	}
	.charter .dl01:first-of-type,.charter .dl02:first-of-type {
		margin-top: 30px;
	}
	.charter .dl01 dt {
		font-size: 17px;
		font-weight: bold;
		margin: 0 0 8px 0;
		text-indent: 0;
	}
	.charter .dl02 dt {
		font-size: 17px;
		font-weight: bold;
		margin: 0 0 8px 1.6em;
		text-indent: -1.7em;
	}
	.charter .dl01 dt a,.charter .dl02 dt a {
		text-decoration: none;
	}
	.charter .dl01 dd,.charter .dl02 dd {
		font-size: 14px;
		position: relative;
		padding: 0 0 0 18px;
		margin: 0 0 8px;
	}
	.charter .dl01 dd:before,.charter .dl02 dd:before {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		background: #E390B3;
		position: absolute;
		top: 9px;
		left: 0;
	}
	.charter .dl01 a,.charter .dl02 a {
		color: #0000B2;
	}




	/*-----------------------------
	経営理念
	------------------------------*/
	.philosophy .sec {
		margin: 0 auto 80px;
	}
	.philosophy .box01 li {
		margin: 40px 0 0 0;
		text-align: center;
	}
	.philosophy .box01 li:last-child {
		margin: 80px 0 0 0;
	}
	/*-----------------------------
	事業内容
	------------------------------*/
	.business .sec {
		margin: 0 auto 50px;
	}
	.business .ul01 {
		margin: 18px 0;
	}
	.business .box01 dl {
		display: table;
		width: 100%;
		border-bottom: #CCC 1px solid;
	}
	.business .box01 dl:first-of-type {
		border-top: #CCC 1px solid;
		margin-top: 32px;
	}
	.business .box01 dl:last-of-type {
		margin-bottom: 10px;
		font-weight: bold;
	}
	.business .box01 dt, .business .box01 dd {
		display: table-cell;
		padding: 15px 0;
	}
	.business .box01 dt {
		width: 35%;
		background: #F7F7F7;
		text-align: center;
		padding: 12px 12px;
	}
	.business .box01 dd {
		padding: 12px 12px;
	}
	.business .box01 dd:nth-of-type(1) {
		width: 30%;
		padding: 12px 0 12px 18px;
	}
	.business .box01 dd:nth-of-type(2) {
		width: 33%;
	}
	.business .box01 .ul02 {
		margin: 28px 0 0;
	}

	.business .box01 .ul02 li {
	}
	.business .box01 .ul02 a {
		color: #002CB2;
	}

	.business .box02 {
		margin: 30px auto 60px;
	}
	.business .box02 dl {
		border-top: 1px solid #ccc;
		overflow: hidden;
	}
	.business .box02 dt {
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid #ccc;
		background: #F7F7F7;
	}
	.business .box02 dd {
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
	}
	.business .box02 dl a {
		position: relative;
	}
	.business .box02 dl a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: #999 1px solid;
		border-left: #999 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 5px;
		right: -14px;
	}

	/* .box06 */
	.business .box06 {
		margin: 25px auto 80px;
		overflow: hidden;
		position: relative;
	}
	.business .box06 .lead {
		margin-bottom: 20px;
	}
	.business .box06 table {
		border-top: #ccc 1px solid;
		width: 100%;
	}
	.business .box06 th,
	.business .box06 td {
		vertical-align: middle;
		line-height: 1.5;
	}
	.business .box06 thead {
		font-weight: bold;
		text-align: center;
	}
	.business .box06 thead th {
		height: 50px;
		padding: 14px 20px 0;
		display: inline-block;
	}
	.business .box06 thead th:first-child {
		height: 40px;
		display: block;
		text-align: center;
		padding: 9px 0 0;
	}
	.business .box06 thead th:nth-child(n+2) {
		text-align: center;
	}
	.business .box06 tbody th {
		font-weight: normal;
		padding: 7px 12px;
		display: block;
	}
	.business .box06 tr th:first-child {
		background: #F7F7F7;
	}
	.business .box06 tr {
		border-bottom: #ccc 1px solid;
	}
	.business .box06 tbody td {
		vertical-align: top;
		padding: 14px 0 14px 13px;
		display: inline-block;
		font-size: 12px;
	}
	.business .box06 td a {
		color: #333;
		text-decoration: none;
	}
	.business .box06 tbody td img {
		position: relative;
		top: -2px;
	}

	/*-----------------------------
	研究開発体制
	------------------------------*/
	.r_d .sec {
		margin: 0 auto 35px;
	}
	.r_d .box01 {
		padding: 0 15px 25px;
	}
	.r_d .box01:last-of-type {
		padding: 0 15px;
	}
	.r_d .box01 h4 {
		font-size: 16px;
		margin: 0 0 7px;
	}
	.r_d .box01 .ul01 li {
		padding: 0 0 6px 15px;
		position: relative;
	}
	.r_d .box01 .ul01 li:before {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		background: #E390B3;
		position: absolute;
		top: 7px;
		left: 0;
	}


	/*-----------------------------
	お知らせ
	------------------------------*/
	.notices .sec {
		margin: 0 auto 60px;
	}
	.notices .sttl {
		cursor: pointer;
	}
	.notices .sttl:after {
		content: '';
		display: block;
		width: 20px;
		height: 14px;
		background: url(../notices/img/sttl_arrow01.png) no-repeat 0 0 /contain;
		position: absolute;
		bottom: 12px;
		right: 8px;
	}
	.notices .sttl.open:after {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}
	.notices .box {
		display: none;
		margin: 0 0 15px;
	}
	.notices .box.open {
		display: block;
	}
	.notices .box dl {
		margin: 0 auto 30px;
	}
	.notices .box dt {
		color: #666;
		padding: 12px 0 2px 10px;
	}
	.notices .box dd {
		padding: 0 0 12px 10px;
		position: relative;
	}
	.notices .box dd:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: #ddd;
		position: absolute;
		bottom: 0;
		left: 0;
	}




	/*-----------------------------
	シャープの歩み
	------------------------------*/
	#corporate.history .msg01 {
		margin: 25px auto 40px;
		padding: 0 5%;
	}
	#corporate.history .box01 {
		overflow: hidden;
		margin: 0 auto 40px;
	}
	#corporate.history .box01 > [class^="img-"],
	#corporate.history .box01 > [class^="box-"] {

	}
	#corporate.history .box01 > .img-l,
	#corporate.history .box01 > .box-l {

	}
	#corporate.history .box01 > .img-r,
	#corporate.history .box01 > .box-r {

	}
	#corporate.history .box01 > [class^="box-"] {
		margin-top: 15px;
		box-sizing: border-box;
	}
	#corporate.history .box01 > [class^="box-"] h3 {
		font-size: 18px;
		color: #333;
		margin: 0 0 8px;
	}
	#corporate.history .box01 > [class^="box-"] p {

	}
	#corporate.history .box01 > [class^="box-"] ul {
		margin: 14px 0 0;
	}
	#corporate.history .box01 > [class^="box-"] ul li {
		position: relative;
		padding: 0 0 0 16px;
		margin: 0 0 7px;
	}
	#corporate.history .box01 > [class^="box-"] ul li:before {
		content: '';
		background: #E390B3;
		width: 8px;
		height: 8px;
		position: absolute;
		top: 8px;
		left: 0;
	}

	/*-----------------------------
	創業者 早川徳次
	------------------------------*/
	#corporate.history.voice .sec01 {
		background: #FFF;
		margin-top: -5px;
	}
	#corporate.history.voice .sec01 .sttl {
		font-size: 18px;
	}
	/* .box02 */
	#corporate.history .box02 {
		overflow: hidden;
		margin-bottom: 40px;
	}
	#corporate.history .box02 a.fancybox {
		display: block;
		position: relative;
		padding: 0 0 0 100px;
		margin: 0 auto 11px;
		text-decoration: none;
		min-height: 65px;
	}
	#corporate.history .box02 a.fancybox dt {
		color: #999;
		font-weight: bold;
		text-decoration: none;
		margin: 0 0 0 0;
	}
	#corporate.history .box02 a.fancybox dt img {
		position: absolute;
		top: 4px;
		left: 0;
		width: 85px;
	}
	#corporate.history .box02 a.fancybox dd {
		text-decoration: underline;
		line-height: 1.5;
	}
	#corporate.history .box02 a.fancybox span {
		/* display: inline; */
		/* position: relative; */
		display: none;
	}
	#corporate.history .box02 a.fancybox dd span img {
		position: absolute;
		top: 2px;
		left: 8px;
		width: 9px;
	}
	/* .box03 */
	#corporate.history .box03 {
		margin: 0 auto 40px;
	}
	#corporate.history .box03 .txt {
		margin: 10px 0 0;
	}
	#corporate.history .box03 .txt a {
		color: #333;
	}

	/* .box04 */
	#corporate.history .box04 {
		margin: 0 auto 30px;
		overflow: hidden;
	}
	#corporate.history .box04 h4 {
		font-size: 17px;
		margin: 0 0 13px -9px;
	}
	#corporate.history .box04 [class^="col"] {
		float: left;
	}
	#corporate.history .box04 .col01 {
		width: 90px;
		padding: 0 15px 0 0;
	}
	#corporate.history .box04 .col02 {
		width: calc(100% - 100px);
	}
	#corporate.history .box04 .copy {
		padding: 10px 0 0;
		clear: both;
		font-size: 13px;
	}
	#corporate.history .box04 .copy a {
		color: #333;
	}
	#corporate.history .box04 .col02 > ul {
		margin: 5px 0 0;
	}
	#corporate.history .box04 .col02 > ul li img {
		position: relative;
		top: -2px;
		left: 7px;
	}
	#corporate.history .box04 .col02 > ul > li {
		position: relative;
		padding: 0 0 0 16px;
		margin: 0 0 12px;
		font-size: 13px;
	}
	#corporate.history .box04 .col02 > ul > li:before {
		content: '';
		background: #E390B3;
		width: 8px;
		height: 8px;
		position: absolute;
		top: 7px;
		left: 0;
	}
	#corporate.history .box04 .col02 > ul > li > ul {
		margin: 5px 0 0;
	}
	#corporate.history .box04 .col02 > ul > li > ul > li {
		position: relative;
		padding: 0 0 0 13px;
		margin: 0 0 8px;
		line-height: 1.5;
	}
	#corporate.history .box04 .col02 > ul > li > ul > li:before {
		content: '・';
		position: absolute;
		top: 1px;
		left: 0;
	}

	/*-----------------------------
	100年史
	------------------------------*/
	#corporate.history.y100 .sec01 {
		background: #FFF;
		margin-top: -5px;
	}
	/* .box05 */
	#corporate.history .box05 {
		margin: 30px auto 35px;
		overflow: hidden;
		position: relative;
	}
	#corporate.history .box05 [class^="col"] {

	}
	#corporate.history .box05 [class^="col"] h4 {
		font-size: 18px;
		margin: 12px 0 10px;
	}
	#corporate.history .box05 ul {
		margin-top: 15px;
	}
	#corporate.history .box05 ul li {
		position: relative;
		padding: 0 0 0 16px;
		margin: 0 0 7px;
	}
	#corporate.history .box05 ul li:before {
		content: '';
		background: #E390B3;
		width: 8px;
		height: 8px;
		position: absolute;
		top: 8px;
		left: 0;
	}

	/* .box06 */
	#corporate.history .box06 {
		margin: 25px auto 80px;
		overflow: hidden;
		position: relative;
	}
	#corporate.history .box06 table {
		border-top: #ccc 1px solid;
		width: 100%;
	}
	#corporate.history .box06 th,
	#corporate.history .box06 td {
		vertical-align: middle;
		line-height: 1.5;
	}
	#corporate.history .box06 thead {
		font-weight: bold;
		text-align: center;
	}
	#corporate.history .box06 thead th {
		height: 50px;
		padding: 14px 20px 0;
		display: inline-block;
	}
	#corporate.history .box06 thead th:first-child {
		height: 40px;
		display: block;
		text-align: center;
		padding: 9px 0 0;
	}
	#corporate.history .box06 thead th:nth-child(n+2) {
		text-align: center;
	}
	#corporate.history .box06 tbody th {
		font-weight: normal;
		padding: 7px 12px;
		display: block;
	}
	#corporate.history .box06 tr th:first-child {
		background: #F7F7F7;
	}
	#corporate.history .box06 tr {
		text-align:center;
		border-bottom: #ccc 1px solid;
	}
	#corporate.history .box06 tbody td {
		vertical-align: top;
		padding: 14px 0 14px 13px;
		display: inline-block;
		font-size: 12px;
	}
	#corporate.history .box06 td a {
		color: #333;
		text-decoration: none;
	}
	#corporate.history .box06 tbody td img {
		position: relative;
		top: -2px;
	}

	/*-----------------------
	年表
	-----------------------*/
	#corporate.history.chronology h2.line {
		border-bottom: none;
	}
	/* .box07 */
	#corporate.history .box07 {
		margin-bottom: 75px;
	}
	#corporate.history .box07 .trigger {
		font-size: 20px;
		font-weight: normal;
		border-bottom: #DDD 3px solid;
		margin: 0 auto 18px;
		position: relative;
		cursor: pointer;
	}
	#corporate.history .box07 .trigger:first-of-type {
		margin-top: 15px;
	}
	#corporate.history .box07 .trigger:after {
		content: '';
		display: block;
		width: 18px;
		height: 12px;
		background: url(../../info/history/chronology/img/icon_arrow.png) no-repeat 0 0 /18px;
		position: absolute;
		top: 12px;
		right: 5px;
	}
	#corporate.history .box07 .trigger.open:after {
		transform: rotate(180deg);
	}
	#corporate.history .box07 .panel {
		padding: 0 4%;
		margin: 0 auto 45px;
		display: none;
	}
	#corporate.history .box07 dl {
		border-bottom: #ddd 1px solid;
		padding: 12px 0;
	}
	#corporate.history .box07 dl:first-of-type {
		padding-top: 4px;
	}
	#corporate.history .box07 dt,
	#corporate.history .box07 dd {
	}
	#corporate.history .box07 dt {
		font-size: 19px;
		font-weight: bold;
		line-height: 1.4;
		margin: 0 0 4px;
	}
	#corporate.history .box07 dt span {
		font-size: 13px;
		font-weight: normal;
		margin: 0 0 0 7px;
		position: relative;
		top: -1px;
	}


	/*-----------------------
	年表
	-----------------------*/
	/* .box08 */
	#corporate.history .box08 {
		margin-bottom: 65px;
	}
	#corporate.history .box08 .msg01 {
		margin: 20px auto 35px;
		padding: 0;
	}
	#corporate.history .box08 .trigger {
		font-size: 20px;
		font-weight: normal;
		border-bottom: #DDD 3px solid;
		margin: 0 auto 22px;
		position: relative;
		cursor: pointer;
		padding: 0 0 13px;
		line-height: 1.3;
		padding: 0 38px 11% 0;
		transition: padding .4s ease, min-height .4s ease;
		overflow: hidden;
		min-height: 30px;
	}
	#corporate.history .box08 .trigger.open {
		padding: 0 38px 6px 0;
		min-height: auto;
	}
	#corporate.history .box08 .trigger:after {
		content: '';
		display: block;
		width: 18px;
		height: 12px;
		background: url(../../info/history/only_one/img/icon_arrow.png) no-repeat 0 0 /18px;
		position: absolute;
		bottom: 11px;
		right: 5px;
	}
	#corporate.history .box08 .trigger.open:after {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}
	#corporate.history .box08 .trigger .year {
		display: inline-block;
		width: 100%;
	}
	#corporate.history .box08 .trigger .thumb {position: absolute;top: 28px;left: 0;}
	#corporate.history .box08 .trigger .thumb img {
		position: relative;
		width: 50%;
	}
	#corporate.history .box08 .panel {
		padding: 0 4%;
		margin: 0 auto 80px;
		display: none;
	}
	#corporate.history .box08 .mainBox {
		overflow: hidden;
		margin-bottom: 32px;
	}
	#corporate.history .box08 .mainBox .leftBox {
		margin: 0 0 15px;
	}
	#corporate.history .box08 .mainBox .leftBox sup {
		font-size: 10px;
	}
	#corporate.history .box08 .mainBox .leftBox h3 {
		font-size: 19px;
		line-height: 1.5;
		margin: 5px 0 12px;
	}
	#corporate.history .box08 .mainBox .rightBox {
		margin: 0 0 0;
	}
	#corporate.history .box08 .mainBox dl.cap {
		clear: both;
		width: 100%;
		overflow: hidden;
	}
	#corporate.history .box08 .mainBox dl.cap:first-of-type {
		padding: 15px 0 15px;
	}
	#corporate.history .box08 .mainBox dl.cap dt,
	#corporate.history .box08 .mainBox dl.cap dd {
		font-size: 12px;
	}
	#corporate.history .box08 .mainBox dl.cap dt {
	    width: 25px;
	    clear: left;
	    float: left;
	    display: inline;
	    position: relative;
	}
	#corporate.history .box08 .mainBox dl.cap dt.em1 {
		width: 1em;
	}
	#corporate.history .box08 .mainBox dl.cap dd {
		width: calc(100% - 25px);
		float: left;
		margin: 0px 0px 2px 0px;
		line-height: 1.7;
		display: inline;
	}

}


@media all and (min-width: 768px) {
	/*-----------------------------
	リンク（既存スタイル相殺）
	------------------------------*/
	.content a {
		color: #002CB2;
	}
	.content a:hover {
		text-decoration: none;
	}

	/*-----------------------------
	カテゴリータイトル（ディレクトリタイトル）
	------------------------------*/
	.cat-ttl {
		width: 100%;
		margin: 116px auto 0;
		background: #E6E6E6;
	}
	.cat-ttl .inner {
		display: table;
		width: 1000px;
		height: 120px;
		padding: 0 40px;
		margin: 0 auto;
	}
	.cat-ttl h2,
	.cat-ttl .bread-c {
		display: table-cell;
		vertical-align: middle;
	}
	.cat-ttl h2 {
		width: 160px;
	}
	.cat-ttl .bread-c {
		width: calc(100% - 180px);
		text-align: right;
	}
	.cat-ttl .bread-c li,
	.cat-ttl .bread-c a {
		font-size: 12px;
		color: #444;
	}
	.cat-ttl .bread-c li {
		display: inline-block;
	}
	.cat-ttl .bread-c a {
		text-decoration: none;
	}
	.cat-ttl .bread-c a:hover {
		text-decoration: underline;
	}
	.cat-ttl .bread-c a:after {
		content: '';
		display: inline-block;
		width: 6px;
		height: 6px;
		margin: 0 6px;
		border-top: #999 1px solid;
		border-right: #999 1px solid;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		position: relative;
		top: -1px;
	}

	/*-----------------------------
	ページタイトル
	------------------------------*/
	.page-ttl,.page-ttl2 {
		width: 1000px;
		margin: 0 auto;
		text-align: center;
	}
	.page-ttl h2,.page-ttl2 h2 {
		margin: 0 40px;
		padding: 80px 0;
	}
	.page-ttl h2.line,.page-ttl2 h2.line {
		border-bottom: #DDD 3px solid;
	}
	.page-ttl strong,.page-ttl2 strong {
		display: block;
		font-size: 28px;
		font-weight: normal;
		color: #333;
		text-align: left;
		position: relative;
		top: 2.7em;
	}
	.sttl {
		font-size: 28px;
		font-weight: normal;
		border-bottom: #DDD 3px solid;
		margin: 0 auto 35px;
		position: relative;
	}
	.charter > .page-ttl strong,.charter > .page-ttl2 strong {
		text-indent:-1.6em;
		padding-left:1.6em;
	}
	

	/*-----------------------------
	>アイコン
	------------------------------*/
	.arrow01:after {
		content: '';
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 0 0 7px;
		border-top: #999 1px solid;
		border-right: #999 1px solid;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		position: relative;
		top: -1px;
	}
	.date, .pdf {
		text-align: right;
	}

	/*-----------------------------
	>アイコン
	------------------------------*/
	.s-menu01 {
		width: 100%;
		min-width: 980px;
		margin: 0 auto;
		padding: 22px 0 5px;
		background: #E6E6E6;
	}
	.s-menu01 ul {
		width: 950px;
		text-align: center;
		padding: 0 30px;
		margin: 0 auto;
	}
	.s-menu01 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin: 0 5.5% 25px;
		line-height: 1.4;
		width: 120px;
	}
	.s-menu01 a {
		text-decoration: none;
		font-size: 15px;
		color: #333;
		line-height: 1.35;
		display: block;
		margin: 0 -10px;
	}
	.s-menu01 li img {
		display: block;
		margin: 0 auto 12px;
	}



	/*-----------------------------
	Section common
	------------------------------*/
	.sec {
		width: 980px;
		padding: 0 30px;
		margin: 0 auto;
	}
	/*-----------------------------
	会社概要
	------------------------------*/
	.outline .box01 {
		width: 860px;
		margin: 60px auto 150px;
	}
	.outline dl, .outline dt, .outline dd {
		box-sizing: border-box;
	}
	.outline dl {
		background: #F7F7F7;
		border-bottom: 1px solid #ccc;
	}
	.outline dt, .outline dd {
		padding: 10px 10px 0 10px;
		border-top: 1px solid #ccc;
	}
	.outline dt {
		width: 30%;
		float: left;
		text-align: center;
	}
	.outline dd {
		background: #fff;
		margin-left: 30%;
		padding: 10px 30px;
	}
	.outline dd:after {
		content: '';
		display: block;
		clear: both;
	}
	.outline .box01 dl a {
		position: relative;
	}
	.outline .box01 dl a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: #999 1px solid;
		border-left: #999 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 5px;
		right: -14px;
	}
	/*-----------------------------
	役員一覧
	------------------------------*/
	.board .sec {
		margin: 0 auto 80px;
	}
	.board .box01 {
		width: 860px;
		margin: 60px auto 60px;
	}
	.board dl, .board dt, .board dd {
		box-sizing: border-box;
	}
	.board dl {
		background: #F7F7F7;
		border-bottom: 1px solid #ccc;
	}
	.board dt, .board dd {
		padding: 10px 10px 0 10px;
		border-top: 1px solid #ccc;
	}
	.board dt {
		width: 30%;
		float: left;
		text-align: center;
	}
	.board dd {
		background: #fff;
		margin-left: 30%;
		padding: 10px 60px;
	}
	.board dd span {
		display:block;
		width:32%;
		margin-left: 30px;
		margin-bottom:10px;
		float: right;
	}
	.board dd p {
		width:60%;
		margin-bottom:10px;
		float: left;
	}
	.board dd p:last-of-type,.board dd span:last-of-type {
		margin-bottom:0;
	}
	.board dd:after {
		content: '';
		display: block;
		clear: both;
	}
	/*-----------------------------
	組織図
	------------------------------*/
	.organization .sec {
		margin: 0 auto 80px;
	}
	/* .box01 */
	.organization .box01 {
		width: 880px;
		margin: 60px auto;
	}
	.organization .box01 p img {
		margin-bottom: 40px;
		}
	.organization .box01 p {
		margin-bottom: 10px;
	}

	/*-----------------------------
	関係会社・国内
	------------------------------*/
	.consolidated .sec {
		margin: 0 auto 80px;
	}
	.consolidated .box01 {
		width: 860px;
		margin: 60px auto 100px;
	}
	.consolidated dl, .consolidated dt, .consolidated dd {
		box-sizing: border-box;
	}
	.consolidated dl {
		background: #F7F7F7;
		border-bottom: 1px solid #ccc;
	}
	.consolidated dt, .consolidated dd {
		padding: 15px 20px;
		border-top: 1px solid #ccc;
	}
	.consolidated dt {
		width: 38%;
		float: left;
		text-align: left;
	}
	.consolidated dd {
		background: #fff;
		margin-left: 38%;
		padding: 15px 20px;
	}
	.consolidated dd:after {
		content: '';
		display: block;
		clear: both;
	}
	.consolidated dd ul li {
		overflow: hidden;
		}
	.consolidated dd ul li span:first-child {
		width:170px;
		display: block;
		float: left;
		}
	.consolidated dd ul li span:last-child {
		padding-left: 170px;
		display: block;
		text-align: left;
		text-indent: -0.7em;
		}


	/*-----------------------------
	関係会社・海外
	------------------------------*/
	.oversea .sec {
		margin: 0 auto 80px;
	}
	.oversea .box01 {
		width: 860px;
		margin: 60px auto 100px;
	}
	.oversea dl, .oversea dt, .oversea dd {
		box-sizing: border-box;
	}
	.oversea dl {
		background: #F7F7F7;
		border-bottom: 1px solid #ccc;
	}
	.oversea dt, .oversea dd {
		padding: 15px 20px;
		border-top: 1px solid #ccc;
	}
	.oversea dt {
		width: 75%;
		float: left;
		text-align: left;
	}
	.oversea dd {
		background: #fff;
		margin-left: 75%;
		padding: 15px 20px 0 15px;
	}
	.oversea dd:after {
		content: '';
		display: block;
		clear: both;
	}
	.oversea dd ul li {
		overflow: hidden;
		}
	.oversea dd ul li span:first-child {
		width:95px;
		display: block;
		float: left;
		}
	.oversea dd ul li span:last-child {
		padding-left: 95px;
		display: block;
		text-align: left;
		text-indent: -1em;
		}


	/*-----------------------------
	主要事業所
	------------------------------*/
	.base .sec {
		margin: 0 auto 80px;
	}
	.base .box01 {
		width: 860px;
		margin: 60px auto 100px;
	}
	.base dl, .base dt, .base dd {
		box-sizing: border-box;
	}
	.base dl {
		background: #F7F7F7;
		border-bottom: 1px solid #ccc;
	}
	.base dt, .base dd {
		padding: 20px 20px;
		border-top: 1px solid #ccc;
	}
	.base dt {
		width: 23%;
		float: left;
		text-align: center;
	}
	.base dd {
		background: #fff;
		margin-left: 23%;
		padding: 20px 20px;
		position: relative;
	}
	.base dd div {
		position: absolute;
		right: 20px;
		top:16px;
		}
	.base dd div.access {
		position: absolute;
		right: 20px;
		top:65px;
		}
	.base dd .btn a {
		display: inline-block;
		padding: 5px 20px;
		width: 160px;
		text-align: center;
		border: 1px solid #CCCCCC;
		color: #333333;
		position: relative;
		text-decoration: none;
	}
	.base dd .btn a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: #BBB 1px solid;
		border-left: #BBB 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 14px;
		right: 12px;
		}
	.base dd:after {
		content: '';
		display: block;
		clear: both;
	}
	.base dd ul li {
		overflow: hidden;
		}
	.base dd ul li span:first-child {
		width:85px;
		display: block;
		float: left;
		}
	.base dd ul li span:last-child {
		padding-left: 85px;
		display: block;
		text-align: left;
		text-indent: -0.7em;
		}

	/*-----------------------------
	企業行動憲章
	------------------------------*/
	.charter .sec {
		margin: 0 auto 80px;
	}
	.charter .box01 {
		width: 860px;
		margin: 0 auto;
	}
	.charter .box01.center {
		text-align: center;
	}
	.charter .box01 p {
		padding: 40px 0 0 0;
		margin: 0;
		text-align: left;
	}
	.charter .box01 p.ann {
		text-align: right;
	}
	.charter .box01 ul {
		margin: 50px 0;
	}
	.charter .box01 ul li {
		display: inline-block;
		margin-right: 32px;
	}
	.charter .box01 ul li a {
		display: inline-block;
		padding: 6px 35px;
		border: 1px solid #CCCCCC;
		color: #333333;
		position: relative;
		text-decoration: none;
	}
	.charter .box01 ul li a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: #BBB 1px solid;
		border-left: #BBB 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 14px;
		right: 12px;
	}

	/* .box02 */
	.charter .box02 {
		padding: 55px 30px 0;
	}
	.charter .box02:nth-of-type(1) {
		margin-top: 40px;
	}
	.charter .box02 h3 {
		font-size: 22px;
		color: #333;
		margin: 0 0 25px  1.3em;
		text-indent:-1.3em;
	}
	.charter .box02 > ul {
		margin: 0 0 0 22px;
	}
	.charter .box02 > ul > li {
		margin: 0 0 11px 1.2em;
		text-indent: -1.2em;
		line-height: 1.8;
	}
	.charter .box02 > ul > li:nth-child(n + 10) {
		margin: 0 0 11px 1.8em;
		text-indent: -1.8em;
	}
	
	.dot > li {
		text-indent: -0.8em !important;
	}
	.charter .box02 > ul > li > ul {
		margin: 0 0 0 16px;
	}

	/* .box03 */
	.charter .box03 ul {
		margin: 60px 0 0;
		text-align: center;
	}
	.charter .box03 li {
		display: inline-block;
		vertical-align: top;
	}
	.charter .box03 li:first-child {
		margin-right: 25px;
	}
	.charter .box03 li:last-child {
		margin-left: 25px;
	}
	.charter .box03 a {
		display: block;
		width: 400px;
		padding: 15px 0;
		border: #ccc 1px solid;
		color: #333;
		text-decoration: none;
	}
	.charter .box03 li:first-child a {
		padding-left:23px;
		background: url(../charter/ac/img/icon_arrow_l.png) no-repeat 10px 15px;
	}
	.charter .box03 li:last-child a {
		padding-right:23px;
		background: url(../charter/ac/img/icon_arrow_r.png) no-repeat right 10px top 15px;
	}

	/*  */
	.charter .dl01,.charter .dl02{
		margin: 0 0 50px;
	}
	.charter .dl01:first-of-type,.charter .dl02:first-of-type {
		margin-top: 50px;
	}
	.charter .dl01 dt,.charter .dl02 dt {
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 12px;
	}
	.charter .dl01 dt a,.charter .dl02 dt a {
		text-decoration: none;
	}
	.charter .dl01 dd,.charter .dl02 dd {
		font-size: 16px;
		position: relative;
		padding: 0 0 0 18px;
		margin: 0 0 8px;
	}
	.charter .dl01 dd:before,.charter .dl02 dd:before {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		background: #E390B3;
		position: absolute;
		top: 9px;
		left: 0;
	}
	.charter .dl01 a,.charter .dl02 a {
		color: #0000B2;
	}

	/*-----------------------------
	経営理念
	------------------------------*/
	.philosophy .sec {
		margin: 0 auto 80px;
	}
	.philosophy .box01 {
		width: 860px;
		margin: 0 auto;
		overflow: hidden;
	}
	.philosophy .box01 li {
		padding: 80px 0 0 0;
		margin: 0 10% 0 0;
		width: 45%;
		float: left;
		text-align: center;
	}
	.philosophy .box01 li:last-child {
		margin: 0;
	}
	.philosophy .box01 li img {
		width:100%;
	}

	/*-----------------------------
	事業内容
	------------------------------*/
	.business .sec {
		margin: 0 auto 80px;
	}
	.business .box01 {
		width: 860px;
		margin: 0 auto;
	}
	.business .ul01 {
		margin: 18px 0;
	}
	.business .box01 {
		width: 860px;
		margin: 0 auto;
	}
	.business .box01 dl {
		display: table;
		width: 100%;
		border-bottom: #CCC 1px solid;
	}
	.business .box01 dl:first-of-type {
		border-top: #CCC 1px solid;
		margin-top: 47px;
	}
	.business .box01 dl:last-of-type {
		margin-bottom: 14px;
		font-weight: bold;
	}
	.business .box01 dt, .business .box01 dd {
		display: table-cell;
		padding: 13px 0;
	}
	.business .box01 dt {
		width: 350px;
		background: #F7F7F7;
		text-align: center;
	}
	.business .box01 dd {
		padding: 13px 38px;
	}
	.business .box01 dd:nth-of-type(1) {
		width: 220px;
		padding: 13px 38px 13px 75px;
	}
	.business .box01 dd:nth-of-type(2) {
		width: calc(100% - 520px);
	}
	.business .box01 .ul02 {
		margin: 28px 0 0;
	}
	.business .box01 .ul02 a {
		color: #002CB2;
	}

	.business .box02 {
		width: 860px;
		margin: 60px auto 150px;
	}
	.business .box02 dl,
	.business .box02 dt,
	.business .box02 dd {
		box-sizing: border-box;
	}
	.business .box02 dl {
		background: #F7F7F7;
		border-bottom: 1px solid #ccc;
	}
	.business .box02 dt,
	.business .box02 dd {
		padding: 10px 10px 0 10px;
		border-top: 1px solid #ccc;
	}
	.business .box02 dt {
		width: 30%;
		float: left;
		text-align: center;
	}
	.business .box02 dd {
		background: #fff;
		margin-left: 30%;
		padding: 10px 30px;
	}
	.business .box02 dd:after {
		content: '';
		display: block;
		clear: both;
	}
	.business .box02 dl a {
		position: relative;
	}
	.business .box02 dl a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: #999 1px solid;
		border-left: #999 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 5px;
		right: -14px;
	}

	/* .box06 */
	.business .box06 {
		width: 860px;
		margin: 75px auto 80px;
		overflow: hidden;
		position: relative;
	}
	.business .box06 .lead {
		margin-bottom: 20px;
	}
	.business .box06 table {
		border-top: #ccc 1px solid;
		width: 860px;
	}
	.business .box06 th,
	.business .box06 td {
		vertical-align: top;
		line-height: 1.5;
	}
	.business .box06 thead {
		font-weight: bold;
	}
	.business .box06 thead th {
		padding: 10px;
		text-align: center;
	}
	.business .box06 tbody th {
		font-weight: normal;
		padding: 10px 0;
	}
	.business .box06 tr th:first-child {
		background: #F7F7F7;
		width: 32%;
		text-align: center;
	}
	.business .box06 tr {
		border-bottom: #ccc 1px solid;
	}
	.business .box06 tbody td {
		padding: 10px 30px;
	}
	.business .box06 td a {
		color: #333;
		text-decoration: none;
	}

	/*-----------------------------
	研究開発体制
	------------------------------*/
	.r_d .sec {
		margin: 0 auto 70px;
	}
	.r_d .box01 {
		padding: 0 30px 36px;
	}
	.r_d .box01:last-of-type {
		padding: 0 30px;
	}
	.r_d .box01 h4 {
		font-size: 22px;
		margin: 0 0 9px;
	}
	.r_d .box01 .ul01 li {
		padding: 0 0 11px 16px;
		position: relative;
	}
	.r_d .box01 .ul01 li:before {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		background: #E390B3;
		position: absolute;
		top: 8px;
		left: 0;
	}


	/*-----------------------------
	お知らせ
	------------------------------*/
	.notices .sec {
		margin: 0 auto 60px;
	}
	.notices .sttl {
		cursor: pointer;
	}
	.notices .sttl:after {
		content: '';
		display: block;
		width: 26px;
		height: 18px;
		background: url(../notices/img/sttl_arrow01.png) no-repeat 0 0;
		position: absolute;
		bottom: 11px;
		right: 10px;
	}
	.notices .sttl.open:after {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}
	.notices .box {
		display: none;
		padding: 0 40px 36px;
		margin: 0 0 15px;
	}
	.notices .box.open {
		display: block;
	}
	.notices .box dt {
		color: #999;
		width: 210px;
		float: left;
		padding: 18px 0 18px 20px;
	}
	.notices .box dd {
		padding: 18px 20px 18px 220px;
		position: relative;
	}
	.notices .box dd:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: #ddd;
		position: absolute;
		bottom: 0;
		left: 0;
	}


	/*-----------------------------
	シャープの歩み
	------------------------------*/
	#corporate.history .msg01 {
		text-align: center;
		margin: 35px auto 60px;
	}
	#corporate.history .box01 {
		overflow: hidden;
		margin: 0 auto 100px;
		width: 860px;
	}
	#corporate.history .box01 > [class^="img-"],
	#corporate.history .box01 > [class^="box-"] {
		width: 430px;
	}
	#corporate.history .box01 > .img-l,
	#corporate.history .box01 > .box-l {
		float: left;
	}
	#corporate.history .box01 > .img-r,
	#corporate.history .box01 > .box-r {
		float: right;
	}
	#corporate.history .box01 > [class^="box-"] {
		width: 380px;
		margin-top: 45px;
		box-sizing: border-box;
	}
	#corporate.history .box01 > [class^="box-"] h3 {
		font-size: 22px;
		color: #333;
		margin: 0 0 10px;
	}
	#corporate.history .box01 > [class^="box-"] p {

	}
	#corporate.history .box01 > [class^="box-"] ul {
		margin: 20px 0 0;
	}
	#corporate.history .box01 > [class^="box-"] ul li {
		position: relative;
		padding: 0 0 0 16px;
		margin: 0 0 12px;
	}
	#corporate.history .box01 > [class^="box-"] ul li:before {
		content: '';
		background: #E390B3;
		width: 8px;
		height: 8px;
		position: absolute;
		top: 8px;
		left: 0;
	}

	/*-----------------------------
	創業者 早川徳次
	------------------------------*/
	#corporate.history.voice #sec02,
	#corporate.history.voice #sec03 {
		padding: 60px 0 0;
		margin-top: -60px;
	}
	#corporate.history.voice .sec01 {
		background: #FFF;
		margin-top: -5px;
	}
	/* .box02 */
	#corporate.history .box02 {
		overflow: hidden;
		margin-bottom: 80px;
	}
	#corporate.history .box02 a.fancybox {
		display: block;
		position: relative;
		padding: 0  130px;
		margin: 0 auto 10px;
		min-height: 80px;
		text-decoration: none;
		width: 860px;
	}
	#corporate.history .box02 a.fancybox dt {
		color: #999;
		font-weight: bold;
		text-decoration: none;
		padding: 11px 0 0 0;
		margin-bottom: 	-3px;
	}
	#corporate.history .box02 a.fancybox dt img {
		position: absolute;
		top: 0;
		left: 0;
	}
	#corporate.history .box02 a.fancybox dd {
		text-decoration: underline;
	}
	#corporate.history .box02 a.fancybox span {
		display: inline;
		position: relative;
	}
	#corporate.history .box02 a.fancybox dd span img {
		position: absolute;
		top: 4px;
		left: 8px;
	}
	/* .box03 */
	#corporate.history .box03 {
		width: 860px;
		margin: 0 auto 75px;
	}
	#corporate.history .box03 .txt {
		margin: 15px 0 0;
	}
	#corporate.history .box03 .txt a {
		color: #333;
	}

	/* .box04 */
	#corporate.history .box04 {
		width: 860px;
		margin: 0 auto 45px;
		overflow: hidden;
	}
	#corporate.history .box04 h4 {
		font-size: 22px;
		margin: 0 0 22px;
	}
	#corporate.history .box04 [class^="col"] {
		float: left;
	}
	#corporate.history .box04 .col01 {
		width: 200px;
	}
	#corporate.history .box04 .col02 {
		width: 660px;
	}
	#corporate.history .box04 .copy {
		padding: 20px 0 0;
		clear: both;
	}
	#corporate.history .box04 .copy a {
		color: #333;
	}
	#corporate.history .box04 .col02 > ul {
		margin: 5px 0 0;
	}
	#corporate.history .box04 .col02 > ul li img {
		position: relative;
		top: -2px;
		left: 7px;
	}
	#corporate.history .box04 .col02 > ul > li {
		position: relative;
		padding: 0 0 0 16px;
		margin: 0 0 12px;
	}
	#corporate.history .box04 .col02 > ul > li:before {
		content: '';
		background: #E390B3;
		width: 8px;
		height: 8px;
		position: absolute;
		top: 8px;
		left: 0;
	}
	#corporate.history .box04 .col02 > ul > li > ul {
		margin: 5px 0 0;
	}
	#corporate.history .box04 .col02 > ul > li > ul > li {
		position: relative;
		padding: 0 0 0 16px;
		margin: 0 0 8px;
	}
	#corporate.history .box04 .col02 > ul > li > ul > li:before {
		content: '・';
		position: absolute;
		top: 1px;
		left: 0;
	}

	/*-----------------------------
	100年史
	------------------------------*/
	#corporate.history.y100 .sec01 {
		background: #FFF;
		margin-top: -5px;
	}
	/* .box05 */
	#corporate.history .box05 {
		width: 860px;
		margin: 50px auto 75px;
		overflow: hidden;
		position: relative;
	}
	#corporate.history .box05 [class^="col"] {
		width: 430px;
	}
	#corporate.history .box05 [class^="col"] h4 {
		font-size: 22px;
		margin: 0 0 16px;
	}
	#corporate.history .box05 .col01 {
		float: right;
	}
	#corporate.history .box05 .col02 {
		float: left;
	}
	#corporate.history .box05 ul li {
		position: relative;
		padding: 0 0 0 16px;
		margin: 0 0 7px;
	}
	#corporate.history .box05 ul li:before {
		content: '';
		background: #E390B3;
		width: 8px;
		height: 8px;
		position: absolute;
		top: 8px;
		left: 0;
	}

	/* .box06 */
	#corporate.history .box06 {
		width: 860px;
		margin: 75px auto 80px;
		overflow: hidden;
		position: relative;
	}
	#corporate.history .box06 table {
		border-top: #ccc 1px solid;
		width: 860px;
	}
	#corporate.history .box06 th,
	#corporate.history .box06 td {
		vertical-align: middle;
		line-height: 1.5;
	}
	#corporate.history .box06 thead {
		font-weight: bold;
	}
	#corporate.history .box06 thead th {
		height: 50px;
		padding: 0 20px;
	}
	#corporate.history .box06 thead th:nth-child(n+2) {
		text-align: center;
	}
	#corporate.history .box06 tbody th {
		font-weight: normal;
		padding: 14px 20px;
	}
	#corporate.history .box06 tr th:first-child {
		background: #F7F7F7;
		width: 550px;
	}
	#corporate.history .box06 tbody td:nth-child(2) {
		padding-left: 35px;
	}
	#corporate.history .box06 tr {
		border-bottom: #ccc 1px solid;
	}
	#corporate.history .box06 tbody td {
		vertical-align: top;
		padding: 14px 12px;
	}
	#corporate.history .box06 td a {
		color: #333;
		text-decoration: none;
	}

	/*-----------------------
	年表
	-----------------------*/
	#corporate.history.chronology h2.line {
		border-bottom: none;
	}
	/* .box07 */
	#corporate.history .box07 {
		margin-bottom: 55px;
	}
	#corporate.history .box07 .trigger {
		font-size: 28px;
		font-weight: normal;
		border-bottom: #DDD 3px solid;
		margin: 0 auto 30px;
		position: relative;
		cursor: pointer;
	}
	#corporate.history .box07 .trigger:first-of-type {
		margin: 20px 0 30px;
	}
	#corporate.history .box07 .trigger:after {
		content: '';
		display: block;
		width: 26px;
		height: 18px;
		background: url(../../info/history/chronology/img/icon_arrow.png) no-repeat 0 0;
		position: absolute;
		top: 16px;
		right: 10px;
	}
	#corporate.history .box07 .trigger.open:after {
		transform: rotate(180deg);
	}
	#corporate.history .box07 .panel {
		width: 860px;
		margin: 0 auto 80px;
		display: none;
	}
	#corporate.history .box07 dl {
		display: table;
		width: 100%;
		border-bottom: #ddd 1px solid;
		padding: 20px 0 20px;
	}
	#corporate.history .box07 dt,
	#corporate.history .box07 dd {
		display: table-cell;
	}
	#corporate.history .box07 dt {
		width: 100px;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.3;
	}
	#corporate.history .box07 dt span {
		display: block;
		font-size: 15px;
		font-weight: normal;
	}


	/*-----------------------
	年表
	-----------------------*/
	/* .box08 */
	#corporate.history .box08 {
		margin-bottom: 55px;
	}
	#corporate.history .box08 .msg01 {
		text-align: center;
		margin: 35px auto 60px;
	}
	#corporate.history .box08 .trigger {
		font-size: 28px;
		font-weight: normal;
		border-bottom: #DDD 3px solid;
		margin: 0 auto 30px;
		position: relative;
		padding: 0 0 11px;
	}
	#corporate.history .box08 .trigger:hover {
		cursor: pointer;
	}
	#corporate.history .box08 .trigger:after {
		content: '';
		display: block;
		width: 26px;
		height: 18px;
		background: url(../../info/history/only_one/img/icon_arrow.png) no-repeat 0 0;
		position: absolute;
		top: 28px;
		right: 10px;
	}
	#corporate.history .box08 .trigger.open:after {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	}
	#corporate.history .box08 .trigger .year {
		display: inline-block;
		width: 210px;
	}
	#corporate.history .box08 .trigger .thumb img {
		position: relative;
		top: -2px;
	}
	#corporate.history .box08 .trigger .thumb img:last-child {
		margin-left: 5px;
	}
	#corporate.history .box08 .trigger .thumb img:last-child:first-child {
		margin-left: 0;
	}
	#corporate.history .box08 .panel {
		width: 100%;
		margin: 0 auto 80px;
		padding: 0 0 0 30px;
		display: none;
	}
	#corporate.history .box08 .mainBox {
		overflow: hidden;
		margin-bottom: 35px;
	}
	#corporate.history .box08 .mainBox .leftBox {
		float: left;
		width: 460px;
		margin-right: 35px;
	}
	#corporate.history .box08 .mainBox .leftBox h3 {
		font-size: 22px;
		line-height: 1.5;
		margin: 4px 0 7px;
	}
	#corporate.history .box08 .mainBox .leftBox sup {
		font-size: 10px;
		top: -0.7em;
	}
	#corporate.history .box08 .mainBox .rightBox {
		float: right;
		width: 392px;
		margin: -22px 0 0;
	}
	#corporate.history .box08 .mainBox dl.cap {
		clear: both;
		width: 100%;
		overflow: hidden;
	}
	#corporate.history .box08 .mainBox dl.cap:first-of-type {
		padding: 15px 0 15px;
	}
	#corporate.history .box08 .mainBox dl.cap dt,
	#corporate.history .box08 .mainBox dl.cap dd {
		font-size: 12px;
	}
	#corporate.history .box08 .mainBox dl.cap dt {
	    width: 25px;
	    clear: left;
	    float: left;
	    display: inline;
	    position: relative;
	    top: 1px;
	}
	#corporate.history .box08 .mainBox dl.cap dt.em1 {
		width: 1em;
	}
	#corporate.history .box08 .mainBox dl.cap dd {
		width: calc(100% - 25px);
		float: left;
		margin: 0px 0px 2px 0px;
		line-height: 1.9;
		display: inline;
	}

}

#corporate.history .title-link {
	color: #333;
	text-decoration: none;
}

#corporate.history .title-link:hover {
	opacity: .4;
}

.chronology .name-img {
	margin: 0 1px 2px 0;
}