@charset "UTF-8";
/* CSS Document */

.navimenu li:first-child{
	font-weight:bold;
}

#d_mainimage{
	background-image:url(img/d_mainimage.jpg);
}
#d_mainimage h2{
	text-align: left;
	padding-top: 210px;
	text-shadow: none;
	font-size:1.6rem;
}
#d_mainimage h2 span{
	font-size:3.6rem;
	font-weight:normal;
}
#d_mainimage h2 p{
	font-weight:normal;
	padding-top:6px;
}

#detail{
	margin-bottom:230px;
}

#subnavi{
	border-bottom:1px solid #e0e0e0;
	padding-top:60px;
	margin-bottom:70px;
}
#subnavi ul{
	letter-spacing:-.4em;
}
#subnavi li{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:bottom;
	border-left:1px solid #e0e0e0;
	width:25%;
}
#subnavi li:last-child{
	border-right:1px solid #e0e0e0;
}
#subnavi li a{
	display:block;
	padding:5px 0;
	text-align:center;
}
#subnavi li a img{
	vertical-align:text-bottom;
	margin-right:14px;
}
#subnavi li a:hover,#subnavi li a.on{
	color:#333;
	background-color:#eff5f8;
}


.greeting{
	border:1px solid #e0e0e0;
	background-image:url(img/greeting_img.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:90px 567px 150px 80px;
}
#detail h3{
	font-size:3.6rem;
	font-family: "Times New Roman","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-weight:normal;
}
.greeting .txt{
	font-size:1.6rem;
	line-height:2.8;
	padding:65px 0;
}
.greeting .name{
	text-align:right;
}


.outline{
	border:1px solid #e0e0e0;
}
.outline .left{
	width:746px;
	padding:90px 0 62px 80px;
}
.outline .right{
	background-color:#ededed;
	text-align:center;
	width:424px;
	display: table;
}
.outline .right div{
  display: table-cell;
  vertical-align: middle;
}
.outline h3{
	padding-bottom:64px;
}
.outline dl{
	border-bottom:1px solid #e0e0e0;
	padding:15px 0;
}
.outline dt{
	float:left;
}
.outline dd{
	padding-left:190px;
}

.philosophy{
	border:1px solid #e0e0e0;
	background-image:url(img/philosophy_img.jpg);
	background-repeat:no-repeat;
	background-position:50%;
	padding:90px 0 0 80px;
	min-height:792px;
}
.philosophy .txt{
	font-size:1.6rem;
	line-height:2.8;
	padding:65px 0;
}
.access{
	border:1px solid #e0e0e0;
	padding:90px 80px 45px 80px;
}
.access h3{
	padding-bottom:38px;
}
#map_canvas{
	width:100%;
	height:472px;
	border:1px solid #e0e0e0;
}
.access ul{}
.access li:first-child{
	float:right;
	padding-top:14px;
}
.access li:last-child{
	float:left;
	padding-top:24px;
}

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

#d_mainimage h2{
	padding:40px 0;
	font-size:1.5rem;
}
#d_mainimage h2 span{
	font-size:2.6rem;
	font-weight:normal;
}
#d_mainimage h2 p{
	padding-top:0;
}
#detail{
	margin-bottom:60px;
}

#subnavi{
	border-bottom:none;
	padding-top:50px;
	margin-bottom:50px;
}
#subnavi ul{	
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
#subnavi li{
	vertical-align:bottom;
	border-bottom:1px solid #e0e0e0;
	width:50%;
}
#subnavi li:last-child{
	border-right:none;
}

#subnavi li a img{
	margin-right:10px;
	height:25px;
}

.greeting{
	padding:50px 15px 210px 15px;
	background-size: 50% auto;
}
#detail h3{
	font-size:2.6rem;
}
.greeting .txt{
	font-size:1.5rem;
	line-height:2;
	padding:40px 0;
}
.greeting .name{
	text-align:left;
	width:200px;
}


.outline .left{
	width:100%;
	float:none;
	padding:50px 15px;
}
.outline .right{
	float:none;
	width:100%;
	display: block;
}
.outline .right div{
  display: block;
  text-align:center;
  padding:20px 0;
}
.outline .right img{ width:90%;}
.outline h3{
	padding-bottom:40px;
}
.outline dl{
	border-bottom:1px solid #e0e0e0;
	padding:10px 0;
}
.outline dt{
	float:none;
	font-weight:bold;
}
.outline dd{
	padding-left:0;
}

.philosophy{
	background-image:none;
	padding:50px 15px 0 15px;
	min-height:auto;
}
.philosophy .txt{
	font-size:1.6rem;
	line-height:2;
	padding:50px 0;
}

.access{
	padding:50px 15px;
}
.access h3{
	padding-bottom:38px;
}
#map_canvas{
	height:200px;
}
.access ul{}
.access li:first-child{
	float:none;
	padding-top:10px;
	text-align:right;
}
.access li img{
	width:150px;
}
.access li:last-child{
	float:none;
	padding-top:24px;
}

}