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

#mainView {
background-image: url(../img/com/main_bg.png);
}

#main  {
    width: 100%;
	margin: 0;
}

#main  h3{
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 1.8rem;
	line-height: 2.0rem;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

#main  h3 span{
    display: block;
    font-size: 3.8rem;
    letter-spacing: 1.5px;
    font-family: 'Oswald', sans-serif;
}

#main #greeting {
padding: 50px 10px;
margin-bottom: 50px;
background-image: url(../img/common/bg.jpg);
background-repeat: repeat;
}

#main #greeting .inner{
margin: 0 auto;
max-width: 1000px;
}

#main #greeting .photo{
margin-bottom: 30px;
}

#main #greeting .title{
margin-bottom: 20px;
font-size:2.4rem;
line-height: 3.4rem;
font-weight: bold;
}

#main #greeting .subtitle{
margin-bottom: 20px;
font-size:3.2rem;
line-height: 4.2rem;
color: #F29800;
}

#main #greeting p{
font-size:1.6rem;
line-height: 2.6rem;
}

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

#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 p{
font-size:1.6rem;
line-height: 2.6rem;
margin-bottom: 20px;
}

#main #access .photo {
margin-bottom: 30px;
}

#main #access .photo ul{
overflow: hidden;
margin-right: -20px;
}

#main #access .photo li{
float: left;
padding-right: 20px;
width: 50%;
}

#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 #greeting {
padding: 30px 10px;
margin-bottom: 50px;
}

#main #greeting .photo{
margin-bottom: 20px;
}

#main #greeting .title{
margin-bottom: 20px;
font-size:2.0rem;
line-height: 3.0rem;
}

#main #greeting .subtitle{
margin-bottom: 20px;
font-size:2.4rem;
line-height: 3.2rem;
}

#main #greeting p{
font-size:1.4rem;
line-height: 2.4rem;
}

#main #outline {
padding: 0 10px;
}

#main #access {
padding: 0 10px;
}

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


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

#main  h3{
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 1.6rem;
	line-height: 1.8rem;
}

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

#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 .photo {
margin-bottom: 10px;
}

#main #access .photo ul{
margin-right: 0;
}

#main #access .photo li{
float: none;
padding-right: 0;
width: 100%;
margin-bottom: 20px;
}

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

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