@charset "utf-8";




.contents{
	max-width: 1200px;
	width: 90%;
	margin: auto;
	padding: 60px 0 130px;
}

.contents h2{ text-align: center; }
.contents h2 img{ width: 100%; }

.detail{
	background: url(../../common/img/detail_bg.gif) no-repeat left top / 100% 100%;
	max-width: 500px;
	margin: auto;
	border-bottom: solid 3px #0b5a87;
	border-radius: 5px;
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5x;   /* Firefox用 */  
	-webkit-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.detail:hover{
	opacity: 0.8;
}
.detail a{
	background: url(../../common/img/detail_arrow.png) no-repeat right 20px center / 10px auto;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	text-shadow: 2px 2px 0px #0b5a87;
	display: block;
	padding: 20px;
}




/*	#visual  */

#visual .innar{
	background: url(../img/visual.jpg) no-repeat center center;
	background-size: cover;
}

#visual .innar h1{
	height: 72px;
	position: absolute;
	margin: -75px 0 0 -268px;
	padding: 42px 0 36px;
}

#visual .innar h1 .lead{
	margin-top: 20px;
}



/*	#company  */

.company h2{
	width: 182px;
	margin: 0 auto 40px;
}

.company #summary{
	max-width: 1200px;
	width: 100%;
	margin: auto;	
}

.company dl{
	width: 100%;
	display: table;
	border-bottom: 1px solid #bdbdbd;
	padding: 8px 0;
}
.company dl:first-child{	border-top: 1px solid #bdbdbd; }


.company dl dt{
	display: table-cell;
	vertical-align: middle;
	width: 20%;
	font-weight: 700;
	text-align: center;
	border-right: 1px solid #bdbdbd;
	padding: 10px 0;
}

.company dl dd{
	display: table-cell;
	vertical-align: middle;
	width: 72%;
	padding: 10px 3%;
}

.company dl dd ul{ padding: 20px 0;}
.company dl dd li{
	width: 49%;
	float: left;
	margin: 34px 2% 0 0;
}

.company dl dd li:nth-child(2n){
	margin-right: 0;
}

.company dl dd li:nth-child(-n+2){
	margin-top: 0;
}

.company dl dd li h3{
	background: url(../img/pat_sha.gif) repeat left top;
	padding: 10px 14px;
	color: #292929;
	margin: 0 0 14px;
}

.company dl dd li .detail{
	margin: 20px 0 0;
}

.company dl dd li .detail a{
	padding: 6px 40px;
}



.history{ margin-top: 70px; }

.history h2{
	width: 163px;
	margin: 0 auto 40px;
}

#histbox{
	position: relative;
	padding: 0 40px;
}

#histbox ul{
	padding: 20px 0;
	border-left: 2px solid #b2b2b2;
}

#histbox ul li{
	margin-left: -7px;
}

#histbox .mark{
	width: 198px;
	position: absolute;
	bottom: 110px;
	left: 640px;
}

#histbox .mark img{ width: 100%; }

#histbox ul li{
	background: url(../img/dot.png) no-repeat left 36px;
	background-size: 11px auto;
	padding: 20px 0 20px 50px;
}

#histbox ul li .date{
	font-size: 160%;
	color: #006dac;
	border-bottom: 5px solid #006dac;
	padding: 0 2px;
	display: inline-block;
	font-weight: 700;
	margin: 0 0 22px;
}



.access{ margin-top: 100px; }

.access h2{
	width: 186px;
	margin: 0 auto 40px;
}

#map{
      width: 100%;
      height: 400px;
}

.access{ margin-top: 100px; }

.access h2{
	width: 186px;
	margin: 0 auto 40px;
}

.brand{ margin-top: 100px; }

.brand h2{
	width: 320px;
	margin: 0 auto 40px;
}

.brand .lead{
	text-align: center;
	margin-bottom: 40px;
	font-size: 115%;
	line-height: 1.9;
}

.brand .bpbox li{
	float: left;
	width: 33%;
	margin-right: 0.5%;
}

.brand .bpbox li:nth-child(3n){ margin-right: 0; }

.brand .bpbox li h3{
	background: url(../img/pat_bd.gif) repeat left top;
	padding: 24px 10px;
	font-size: 130%;
	text-align: center;
	color: #fff;
}

.brand .bpbox li .wrap{
	padding: 18px 20px 40px;
	background: #fbebe2;
}

.brand .bpbox li .wrap p{
	text-align: justify;
}

.brand .bpbox li img{ width: 100%; }


.greeting{ margin-top: 100px; }

.greeting h2{
	width: 180px;
	margin: 0 auto 40px;
}

.greeting .txt_ph .photo{
	float: right;
	width: 30%;
}

.greeting .txt_ph .photo img{ width: 100%; }

.greeting .txt_ph .txt{
	float: left;
	width: 66%;
	padding-top: 10px; 
	line-height: 2.2;
	font-size: 110%;
	text-align: justify;
}

.greeting .txt_ph .name{
	font-size: 150%;
	font-weight: 500;
	text-align: right;
	margin: 40px 0 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",serif;

}




/* ■02.横幅1200px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:1120px) {
/* ▼PC用================================================================== */


	
/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1200px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1119px) {
/* ▼Tab用================================================================= */
	

#histbox{ padding: 0; }

#histbox .mark{
	width: 160px;
	position: absolute;
	bottom: 110px;
	left: auto;
	right: 10px;
}

#histbox ul li{ padding-right: 200px; }


	
/* ▲Tab用================================================================= */
}

/* ■04.横幅767px以下（SP用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:767px) {
/* ▼SP用================================================================ */
	

.company dl{
	border-bottom: none;
	border-top: 1px solid #bdbdbd;
	padding: 0 0 20px;
}

.company dl{

}

.company dl dt,
.company dl dd{ display: block; }


.company dl dt{
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #bdbdbd;
	padding: 10px 0;
}

.company dl dd{
	width: 95%;
	padding: 10px 2.5%;
}

.company dl dd li{
	width: 100%;
	float: none;
	margin: 34px 0 0;
}

.company dl dd li:nth-child(2){
	margin-top: 34px!important;
}

.company dl dd li h3{ text-align: center; }


#histbox{ padding: 0; }

#histbox .mark{
	width: 130px;
	margin: 20px 0 0;
	position: static;
	bottom: auto;
	left: auto;
	right: auto;
}

#histbox ul li{ padding-right: 0; }

.brand h2{
	max-width: 320px;
	width: 100%;
}

.brand .lead .br:after{ content: ""; }

.brand .bpbox li{
	float: none;
	width: 100%;
	margin: 0 0 20px;
}

.brand .bpbox li .wrap{
	padding: 18px 20px 40px;
	background: #fbebe2;
}


.greeting .txt_ph .photo{
	float: none;
	width: 68%;
	margin: 0 auto;
}

.greeting .txt_ph .txt{
	float: none;
	width: 100%;
	padding-top: 20px; 
}



/* ▲SP用================================================================ */
}