/* ===============================
	PC
 =============================== */

/* main-visual */

#main-title {
	background-image: url(../com/images/main_bg.jpg);
}

#main  {
width: 100%;
padding: 70px 20px 0;
}

#main #greeting {
max-width:1020px;
margin:0 auto 50px;
}

#main #greeting {
max-width:1020px;
margin:0 auto 50px;
overflow: hidden;
}

#main #greeting h3{
	font-size: 3.0rem;
	line-height: 4.0rem;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}

#main #greeting h3 span{
	font-size: 1.4rem;
	color: #D10614;
}

#main #greeting .photo{
max-width:500px;
float: left;
}

#main #greeting .detail{
max-width:500px;
margin-left: 520px;
}

#main #greeting .detail p{
font-size: 1.6rem;
line-height: 2.6rem;
margin-bottom: 20px;
}

#main #greeting .detail .name{
}

#main #greeting .detail .name img{
width: 270px;
float: right;
}

#main #outline {
max-width:1020px;
margin:0 auto 50px;
}

#main #outline h3{
font-size: 2.4rem;
line-height: 3.0rem;
border-top: solid 3px #333;
border-bottom: solid 1px #333;
margin-bottom: 20px;
padding: 15px 0 15px;
}

#main #outline h3 span{
color: #B20000;
}

#outline table {
	border-collapse:separate;
	border-spacing:10px 0;
	width:100%;
	font-size: 1.6rem;
	line-height: 2.6rem;
}

#outline table th,#outline table td {
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAA;
}

#outline table th {
	text-align:left;
	vertical-align: top;
	width:150px;
	font-weight: bold;
}

#outline table td {
	text-align: left;
}


#main #access {
max-width:1020px;
margin:0 auto 80px;
}

#main #access h3{
font-size: 2.4rem;
line-height: 3.0rem;
border-top: solid 3px #333;
border-bottom: solid 1px #333;
margin-bottom: 20px;
padding: 15px 0 15px;
}

#main #access h3 span{
color: #B20000;
}

#access .gmap {
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
}
 
#access .gmap iframe,
#access .gmap object,
#access .gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*  PC ここまで
-------------------------------------------------------------------------------------------------------------------------*/

/*  max-width:960pxここから
-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width : 960px ){



/*  max-width:960pxここまで
-------------------------------------------------------------------------------------------------------------------------*/
}


/*  max-width:768pxここから
-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width : 768px ){

#main  {
width: 100%;
padding: 40px 20px 0;
}



/*  max-width:768pxここまで
-------------------------------------------------------------------------------------------------------------------------*/
}




/*  max-width:480pxここから
-------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {


#main  {
width: 100%;
padding: 30px 20px 0;
}

#main #greeting h3{
	font-size: 2.6rem;
	line-height: 2.6rem;
	margin-bottom: 20px;
}

#main #greeting h3 span{
	font-size: 1.2rem;
}

#main #greeting .photo{
float: none;
margin-bottom: 10px;
}

#main #greeting .detail{
max-width:500px;
margin-left: 0px;
}

#main #greeting .detail p{
font-size: 1.4rem;
line-height: 2.4rem;
margin-bottom: 20px;
}

#main #greeting .detail .name img{
width: 200px;
}

#main #outline h3{
font-size: 2.0rem;
line-height: 2.6rem;
margin-bottom: 20px;
}

#outline table {
	font-size: 1.4rem;
	line-height: 2.4rem;
}

#outline table th {
	width:100px;
}

#outline table th,#outline table td {
	padding: 10px;
}


#main #access {
margin:0 auto 50px;
}

#main #access h3{
font-size: 2.0rem;
line-height: 2.6rem;
}

#access .gmap {
padding-bottom: 80%;
}
 


/*  max-width:480pxここまで
-----------------------------------------------------------------------------------------------------------------*/
}