@charset "utf-8";

#header_container h2 {
	margin:78px auto 0 auto;
	width:385px;
	height:68px;
	background: url(../../history/images/hd_history.png) no-repeat left top;
	text-indent: -10000em;
}

main {
	background:#F6FCFC;
	padding:0 0 52px 0;
}
/* ---------------------------------*/
/*　sec_company　 */
#sec_company h3 {
	margin:25px 0 0 50px;
	width:882px;
	height:180px;
	background: url(../../company/images/company_01.jpg) no-repeat left top;
	text-indent: -10000em;
}
#sec_company h4 {
	position: absolute;
	top:250px;
	left:290px;
	width:565px;
	height:74px;
	background: url(../../history/images/company_03.png) no-repeat left top;
	text-indent: -10000em;
}

#president {
	position:absolute;
	top:250px;
	left:50px;
	margin:0 0 0 0;
	width:200px;
	text-align:center;
	font-size:16px;
}

#sec_company p {
	margin:0 0 0 290px;
	width:650px;
}
#sec_company p:nth-of-type(1) {
	margin:160px 0 0 290px;
}

/* ---------------------------------*/
/*　sec_youtube　 */

#sec_youtube {
	display:inline-block;
	position:relative;
	margin:50px 0 0 50px;
	width:884px;
	height:344px;
	background: url(../../company/images/company_04.jpg) no-repeat left top;
}

#sec_youtube h3 {
	margin:90px 0 0 20px;
	width:254px;
	height:149px;
	background: url(../../company/images/company_10.png) no-repeat left top;
	text-indent: -10000em;
}

/* ---------------------------------*/
/*　sec_gaiyou　 */

#sec_gaiyou {
	display:inline-block;
	position:relative;
	margin:80px 0 0 50px;
	width:884px;
	border-top:5px solid #D8EEF1;
}
#sec_gaiyou h3 {
	display:block;
	margin:52px auto 30px auto;
	width:116px;
	height:27px;
	background: url(../../company/images/company_05.jpg) no-repeat center top;
	text-indent: -10000em;
}

#sec_gaiyou dt {
	clear:both;
	float:left;
	margin:10px 0 0 0px;
	padding:15px 0;
	width:204px;
	font-weight:bold;
	background-color:#E2F3F5;
	text-align:center;
}
#sec_gaiyou dd {
	float:left;
	margin:10px 0 0 10px;
	padding:15px 0 15px 20px;
	width:650px;
	background-color:#EEF8F9;
}
#sec_gaiyou dd ul.nobr li {
	float:left;
}
#sec_gaiyou dd ul.nobr li:not(:last-child):after {
	content:"、";
}

/* ---------------------------------*/
/*　sec_history　 */

#sec_history {
	position:relative;
	display:inline-block;
	position:relative;
	margin:80px 0 0 50px;
	width:884px;
	border-top:5px solid #D8EEF1;
}
#sec_history h3 {
	display:block;
	margin:52px auto 30px auto;
	width:116px;
	height:27px;
	background: url(../../company/images/company_06.jpg) no-repeat center top;
	text-indent: -10000em;
}

#sec_history ul {
	width:456px;
	margin:0 auto;
}
#sec_history ul li {
	position:relative;
	display:block;
	margin:10px 0;
	padding:12px 0 12px 23px;
	background: url(../../company/images/history_bk01.png) repeat left top;
}
#sec_history ul li:nth-child(even) {
	background: url(../../company/images/history_bk02.png) repeat left top;
}

#sec_history ul li dl dt {
	font-weight:bold;
}
#sec_history ul li dl dt span {
	position: absolute;
	bottom:0;
	right:5px;
	width:80px;
	height:30px;
	text-indent: -10000em;
}
#sec_history ul li.y1972 dl dt span {
	background: url(../../company/images/history_1972.png) no-repeat left top;
}
#sec_history ul li.y1974 dl dt span {
	background: url(../../company/images/history_1974.png) no-repeat left top;
}
#sec_history ul li.y1975 dl dt span {
	background: url(../../company/images/history_1975.png) no-repeat left top;
}
#sec_history ul li.y1977 dl dt span {
	background: url(../../company/images/history_1977.png) no-repeat left top;
}
#sec_history ul li.y1988 dl dt span {
	background: url(../../company/images/history_1988.png) no-repeat left top;
}
#sec_history ul li.y1989 dl dt span {
	background: url(../../company/images/history_1989.png) no-repeat left top;
}
#sec_history ul li.y1992 dl dt span {
	background: url(../../company/images/history_1992.png) no-repeat left top;
}
#sec_history ul li.y1997 dl dt span {
	background: url(../../company/images/history_1997.png) no-repeat left top;
}
#sec_history ul li.y1999 dl dt span {
	background: url(../../company/images/history_1999.png) no-repeat left top;
}
#sec_history ul li.y2001 dl dt span {
	background: url(../../company/images/history_2001.png) no-repeat left top;
}
#sec_history ul li.y2002 dl dt span {
	background: url(../../company/images/history_2002.png) no-repeat left top;
}
#sec_history ul li.y2002 dl dt span {
	background: url(../../company/images/history_2002.png) no-repeat left top;
}
#sec_history ul li.y2004 dl dt span {
	background: url(../../company/images/history_2004.png) no-repeat left top;
}
#sec_history ul li.y2005 dl dt span {
	background: url(../../company/images/history_2005.png) no-repeat left top;
}
#sec_history ul li.y2005 dl dt span {
	background: url(../../company/images/history_2005.png) no-repeat left top;
}
#sec_history ul li.y2006 dl dt span {
	background: url(../../company/images/history_2006.png) no-repeat left top;
}
#sec_history ul li.y2007 dl dt span {
	background: url(../../company/images/history_2007.png) no-repeat left top;
}
#sec_history ul li.y2007 dl dt span {
	background: url(../../company/images/history_2007.png) no-repeat left top;
}
#sec_history ul li.y2008 dl dt span {
	background: url(../../company/images/history_2008.png) no-repeat left top;
}
#sec_history ul li.y2009 dl dt span {
	background: url(../../company/images/history_2009.png) no-repeat left top;
}
#sec_history ul li.y2010 dl dt span {
	background: url(../../company/images/history_2010.png) no-repeat left top;
}
#sec_history ul li.y2011 dl dt span {
	background: url(../../company/images/history_2011.png) no-repeat left top;
}
#sec_history ul li.y2012 dl dt span {
	background: url(../../company/images/history_2012.png) no-repeat left top;
}
#sec_history ul li.y2012 dl dt span {
	background: url(../../company/images/history_2012.png) no-repeat left top;
}
#sec_history ul li.y2012 dl dt span {
	background: url(../../company/images/history_2012.png) no-repeat left top;
}
#sec_history ul li.y2013 dl dt span {
	background: url(../../company/images/history_2013.png) no-repeat left top;
}
#sec_history ul li.y2013 dl dt span {
	background: url(../../company/images/history_2013.png) no-repeat left top;
}
#sec_history ul li.y2013 dl dt span {
	background: url(../../company/images/history_2013.png) no-repeat left top;
}
#sec_history ul li.y2014 dl dt span {
	background: url(../../company/images/history_2014.png) no-repeat left top;
}
#sec_history ul li.y2015 dl dt span {
	background: url(../../company/images/history_2015.png) no-repeat left top;
}
#sec_history ul li.y2017 dl dt span {
	background: url(../../history/images/history_2017.png) no-repeat left top;
}
#sec_history ul li.y2018 dl dt span {
	background: url(../../history/images/history_2018.png) no-repeat left top;
}
#sec_history ul li.y2019 dl dt span {
	background: url(../../history/images/history_2019.png) no-repeat left top;
}

#sec_history ul li dl dd {
	margin:3px 0 0 0;
}

#photo_box {
	position: absolute;
	top:109px;
	left:0;
	width:884px;
}
#photo_box div:nth-of-type(1) {
	float: left;
	width:204px;
}
#photo_box div:nth-of-type(2) {
	float: right;
	width:204px;
}
#photo_box img {
	margin:0 0 10px 0;
}

/* ---------------------------------*/
/*　sec_access　 */

#sec_access {
	position:relative;
	display:inline-block;
	position:relative;
	margin:80px 0 0 50px;
	width:884px;
	border-top:5px solid #D8EEF1;
}
#sec_access h3 {
	display:block;
	margin:52px auto 30px auto;
	width:184px;
	height:26px;
	background: url(../../company/images/company_07.jpg) no-repeat center top;
	text-indent: -10000em;
}

#sec_access .map {
	border: solid 5px #eeeeee;
	width: 874px;
	height: 550px;
}

#sec_access .map #map_canvas {
	width: 100%;
	height: 550px;
}


/* ======================================================
  _ PC用スタイル
====================================================== */

@media screen and (min-width: 641px){

.pc_hidden {
	display:none;
}
.pc_br_none br{
	display:none;
}

}

/* ======================================================
  _ スマートフォン用スタイル
====================================================== */

@media screen and (max-width: 640px){

#header_container h2 {
	margin:54px auto 0 auto;
	width:404px;
	height:87px;
	background: url(../../company/images/sp_hd_company.png) no-repeat left top;
	text-indent: -10000em;
}
/* ---------------------------------*/
/*　コンテンツ　 */

#sec_contents {
	float:none;
	width:580px;
	margin:0 0 0 0;
}
/* ---------------------------------*/
/*　sec_company　 */
#sec_company h3 {
	margin:25px auto 0 auto;
	width:407px;
	height:174px;
	background: url(../../company/images/sp_company_01.jpg) no-repeat left top;
	text-indent: -10000em;
}
#sec_company h4 {
	position: absolute;
	top:250px;
	left:270px;
	width:261px;
	height:68px;
	background: url(../../company/images/company_03.jpg) no-repeat left top;
	text-indent: -10000em;
}

#president {
	position:absolute;
	top:250px;
	left:00px;
	margin:0 0 0 0;
	width:200px;
	text-align:center;
	font-size:26px;
}

#sec_company p {
	margin:0 0 0 275px;
	width:350px;
}
#sec_company p:nth-of-type(1) {
	margin:160px 0 0 225px;
	min-height:200px;
}
#sec_company p:nth-of-type(2) {
	width:580px;
	margin:0 0 0 0;
}
#sec_company p:nth-of-type(3) {
	width:580px;
	margin:0 0 0 0;
}
	
#sec_company p:nth-of-type(4) {
	width:580px;
	margin:0 0 0 0;
}
#sec_company p:nth-of-type(5) {
	width:580px;
	margin:0 0 0 0;
}	

/* ---------------------------------*/
/*　sec_youtube　 */

#sec_youtube {
	display:inline-block;
	position:relative;
	margin:20px 0 0 0px;
	width:580px;
	height:430px;
	background: url(../../company/images/sp_company_04.jpg) no-repeat left top;
}
#sec_youtube h3 {
	margin:90px 0 0 20px;
	width:254px;
	height:149px;
	background: url(../../company/images/sp_company_10.png) no-repeat left top;
	text-indent: -10000em;
}

/* ---------------------------------*/
/*　sec_gaiyou　 */

#sec_gaiyou {
	display:inline-block;
	position:relative;
	margin:80px 0 0 0px;
	width:580px;
	border-top:5px solid #D8EEF1;
}
#sec_gaiyou h3 {
	display:block;
	margin:52px auto 30px auto;
	width:150px;
	height:34px;
	background: url(../../company/images/sp_company_05.jpg) no-repeat center top;
	text-indent: -10000em;
}

#sec_gaiyou dt {
	clear:both;
	float:none;
	margin:10px 0 0 0px;
	padding:30px 0 0 30px ;
	width:550px;
	height:40px;
	font-weight:bold;
	background-color:#E2F3F5;
	text-align:left;
}
#sec_gaiyou dd {
	float:none;
	margin:0 0 0 0;
	padding:10px 0 30px 30px;
	font-size:26px;
	width:550px;
	background-color:#E2F3F5;
}
#sec_gaiyou dl dt:nth-of-type(even),
#sec_gaiyou dl dd:nth-of-type(even) {
	background-color:#EEF8F9;
}

#sec_gaiyou dd ul.nobr li {
	float:left;
}
#sec_gaiyou dd ul.nobr li:not(:last-child):after {
	content:"、";
}


/* ---------------------------------*/
/*　sec_history　 */

#sec_history {
	position:relative;
	display:inline-block;
	position:relative;
	margin:80px 0 0 0px;
	width:580px;
	border-top:5px solid #D8EEF1;
}
#sec_history h3 {
	display:block;
	margin:52px auto 30px auto;
	width:148px;
	height:34px;
	background: url(../../company/images/sp_company_06.jpg) no-repeat center top;
	text-indent: -10000em;
}
#sec_history ul {
	width:580px;
	margin:0 auto;
}
#sec_history ul li {
	position:relative;
	display:block;
	margin:10px 0;
	padding:20px 0 20px 23px;
	font-size:26px;
	background: url(../../company/images/history_bk01.png) repeat left top;
}
#sec_history ul li:nth-child(even) {
	background: url(../../company/images/history_bk02.png) repeat left top;
}

#photo_box {
	display:none;
}

/* ---------------------------------*/
/*　sec_access　 */

#sec_access {
	display:inline-block;
	position:relative;
	margin:20px 0 0 0px;
	width:580px;
	height:auto;
}

#sec_access .map {
	border: solid 5px #eeeeee;
	width: 570px;
	height: 550px;
}