@charset "UTF-8";
/* CSS Document */
@import url("facility-style.css");

/*  facility-main　jp：JOPP上五島
----------------------------------------------------*/

.title-image{
	height:500px;
	min-width:960px;
	background:url(../../../img/facility/ktp/title-image.png) center center no-repeat;
	overflow: hidden;
	background-size:cover;
}
.title-image .container{
	height:500px;
	position: relative;
}
.title-image .container p{
	position: absolute;
	bottom: 2px;
	left:0;
	font-size: 12px;
	color: #fff;
}


.title-bg{
	background-color:#f58b4b;
}
.facility-title{
	padding:20px 0;
}
.photo-title{
	position:relative;
	padding:40px 0 20px;
}
.photo-title p.photo-title-l{
	padding:5px 0 0;
}
.photo-title p.photo-title-s{
	line-height:1.7;
}
.text-box p:nth-of-type(1) span{
	color:#f79277;
}
.ktp-illust{
	padding: 40px 0 0;
}
.about-area{
	margin:0 auto;
	padding:30px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	width:702px;
	text-align:left;
}
.line{
	background:url(../../../img/facility/ktp/line.png) no-repeat center top;
	height:4px;
}
.about-box{
	background:url(../../../img/facility/ktp/illust1.png) no-repeat 10px center;
	padding:20px 0 20px 110px;
	
}
.about-box span{
	display:block;
	font-size:18px;
	padding-bottom:5px;
}

.message-area{
	padding:20px 0 30px;
}
.message-title{
	font-size:24px;
	line-height:1.8;
	margin-bottom:20px;
}
.message-text{
	font-size:16px;
	line-height:1.8;
	margin-bottom:20px;
}
.message-blog{
	font-size:16px;
	padding:50px 0 30px;
}
.info-left-boxes {
	margin: 0 auto;
	width: 990px;
}
.info-area{
	padding:0px 0;
}

.info-area .info-box{
	width: 320px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}
.info-area .box-left{
	margin: 0 0 0 auto;
	
}
.info-text-m{
	margin:0;
	padding:50px 0 0 0;
}
.info-add {
	font-size: 13px;
}

.info-left-box{
	vertical-align: top;
	width: 330px;
}
.info-right-box{
	vertical-align: bottom;
}

.map-left{
	width : 100%;
	height : 430px;
	vertical-align: top;
}
.map-right{
	width : 100%;
	height : 430px;
	vertical-align: top;
}

