@charset "utf-8";

/* ==============================================================================

	Company

============================================================================== */



/* ==============================================================================

	スマホ表示用スタイル

============================================================================== */

.pageTitleWrap{
    position: relative;
    width: 100%;
    height: 25vh;
    background: url(../img/home/top_ph_access.jpg) no-repeat;
    background-size: cover;
	background-position: center right;
    color: #FFF;
}

.pageTitleWrap::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.2);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}


.pageTitleWrap .pageTitle{
    position: absolute;
    width: 100%;
}

.pageTitleWrap .pageTitle h1{
    width: 100%;
    margin: 0 auto;
    padding:10px 0 0 15px;
    font-size: 2.2rem;
	line-height: 1.1em;
}


.pageTitleWrap .pageTitle h1 span.title{
	display: inline-block;
	padding: 2px 12px 10px 12px ;

}

.pageTitleWrap .pageTitle h1 span span.shoulder{
    font-size: 1.2rem;
}

/*アクセス地図*/
#accessMap{
    padding:7vw 5vw;
}

#accessMap h2{
    margin-bottom: 1vw;
}

#accessMap h2 img{
    width: 40vw;
}

#accessMap h2 span{
    padding-left: 2vw;
}

#accessMap p{
    font-size: 1.3rem;
    margin-bottom: 2vw;
}

#accessMap .map {
	margin:0px 0 2vw;
	position: relative;
	padding-bottom: 80%;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
}
 
#accessMap .map iframe,
#accessMap .map object,
#accessMap .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*フッター*/
.ftph{
    margin: 10vh 0 0 0;
    line-height: 0;
}

#footer{
    margin:0;
}


/* ==============================================================================

	PC表示用スタイル

============================================================================== */

@media print, screen and (min-width: 1024px) {

.pageTitleWrap{
    position: relative;
    width: 100%;
    height: 280px;
    url(../img/home/top_ph_access.jpg) no-repeat;
    background-size: cover;
	background-position: center center;
}


.pageTitleWrap.mv_history::before{
	/* 透過した黒を重ねる このページでは使用しない*/
	background-color: rgba(0,0,0,0.2);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}

.pageTitleWrap .pageTitle{
    position: absolute;
    width: 100%;
}

.pageTitleWrap .pageTitle h1{
    width: 1024px;
    margin: 0 auto;
    padding: 35px 0 0 20px;
    font-size: 3.2rem;
	line-height: 1.3em;
}

.pageTitleWrap .pageTitle h1 span.title{
	padding: 1px 25px 7px ;

}

.pageTitleWrap .pageTitle h1 span span.shoulder{
    font-size: 1.8rem;
}


#contentsWrap .cont{
    width: 980px;
    margin: 80px auto 140px;
}
	
/*アクセス地図*/
#accessMap{
    padding:30px 0;
}

#accessMap .wrap{
    width: 1024px;
    margin: 30px auto;
}

#accessMap h2{
    margin-bottom: 10px;
}

#accessMap h2 img{
    width: 229px;
}

#accessMap h2 span{
    padding-left: 10px;
}

#accessMap p{
    font-size: 1.3rem;
    margin-bottom: 20px;
}

#accessMap .map {
	margin:0 0 20px;
	position: relative;
	padding-bottom: 80%;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
}
 
#accessMap .map iframe,
#accessMap .map object,
#accessMap .map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*フッター*/
.ftph{
    margin: 80px 0 0 0;
    line-height: 0;
}

.ftph img{
	width: 100%;
}


#footer{
    margin:0;
}


} /*min-width: 769px*/