@charset "utf-8";

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

FileName:sp.css

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

#header{
	width:100%;
	height:60px;
}

#header .hedLbox{
	width:100%;
	float:none;	
	text-align:center;
	margin-top:20px;
}
#header .hedLbox h1, #header .hedLbox p{
	float:left;	
	margin:0;
}

#header .hedLbox h1 , #header .hedLbox p {
	width:45%;
}

#header .hedLbox h1 img, #header .hedLbox p img{
	width:95%;
	height:auto;
}


#header .hedLbox h1{
	margin-left:10px;
}

#header .hedLbox div{
	clear:both;
	font-size:13px; font-size:1.3rem;
	text-align:center;
	margin:0;padding:8px;
	width:100%;
}

#header .hedRbox{
	display:none;
}


#header .hedCbox{
	width:100%;
	float:none;	
	clear:both;
	text-align:center;
}

#header .hedCbox p{
	padding-top:2px;
	padding-right:0;
	text-align:center;	
}


#gnav{
	display:none;
	
}


#footer{
	/*display:none;*/
	padding:20px 0;
}

#footer .finr{
	width:100%;
}

#fotLbox{
	margin:0 20px;
}

#fotLbox p img:last-child{
	display:none;
}


#fotRbox{
	display:none;
}

.fbtm{
	margin:0 10px;
}



#pageTop{
	display:none;
}

#pageTop_f{
	display:block;
	margin-bottom:0;
	height:60px;
}

#pageTop_f a{
	margin-top:2em;
	background-color:#439A3C;
	display:block;
	text-align:center;
}

.addBox{
	width:94%;
}

.btnBox{
	width:100%;
}

.btnBox li{
	margin-bottom:1em;
}


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

top

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

#index #header{
	width:100%;
	height:80px;
}

#kv{
	background-position:center 0 ;
	background-image:url(../../images/bg_kv_sp.jpg) ;
	background-repeat:no-repeat;
	width:100%;	
	height:auto;
	background-size:auto 250px;
}
#kv .kninr{
	margin:0 auto;
	padding-top:270px;
	text-align:center;
	width:100%;
}

#kv .kninr img{
	width:90%;
	height:auto;
}

#indexArea01{
	width:100%;
	padding:24px 0;
}

#indexArea01 p{
	padding:0 10px;
}

#indexArea02{
	width:100%;
}

#indexArea02 ul{
	margin: 0 3% 2%;
}

#indexArea02 ul li{
	padding:0 5px 10px 10px;
}

#indexArea02 li span{
	max-width:100%;
}

#indexArea02 p{
	margin-right:10px;
}

#indexArea02 p a{
	display: inline-block;
}

#indexArea03{
	margin:60px 10px 0;
	width:auto;
}


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



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

/* ------------------------------
　layout
------------------------------ */

#ttlArea{
	height:140px;
	/*background-position:center;*/
}

.about01{background-image:url(../../about/images/bg_ttl_01.png); background-size:cover;}
.about02{background-image:url(../../about/images/bg_ttl_02_sp.png); background-size:cover; background-repeat:no-repeat; background-color:#f8f8f8;}
.about03{background-image:url(../../about/images/bg_ttl_03_sp.png); background-size:cover; background-position:-1000px -1000px;}
.about04{background-image:url(../../about/images/bg_ttl_04.png); background-size:cover; color:#fff;}
.meeting01{background-image:url(../../meeting/images/bg_ttl_01.png); background-size:cover; color:#333;}
.meeting02{background-image:url(../../meeting/images/bg_ttl_02.png); background-size:cover;}
.meeting03{background-image:url(../../meeting/images/bg_ttl_03.png); background-size:cover;}
.event{background-image:url(../../event/images/bg_ttl_01.png); background-size:cover;}
.voice{background:url(../../voice/images/bg_ttl_01.png); background-size:cover; color:#fff;}
.books01{background-image:url(../../books/images/bg_ttl_01.png); background-size:cover; color:#333;}
.books02{background-image:url(../../books/images/bg_ttl_02.png); background-size:cover; color:#333;}


.topicspath{
	display:none;
}
	
#ttlBox{
	width:100%;
	height:140px;
}

#ttlBox h2{
	line-height:140px;
}

#link .link,
#meeting .meeting02{
	height:auto;
}


.about03 #ttlBox h2,
#meeting .meeting02 h2{
	font-size: 28px; font-size: 2.8rem;
	line-height:1.4;
	padding-top:25px;
}

#conTop{
	width:100%;
}

.sMenu{
	width:100%;
}

.sMenu li{
	margin:0 0 2px;
	padding:0;
	width:100%;
	display:block;
}

.sMenu li a{
	background:#439a3c url(../images/ico_arw02.jpg) 95% 50% no-repeat;
	width:100%;
	display:block;
	line-height:2.2;
	padding:0;
	margin:0;
}


h3{
	border-top:solid 4px #439a3c;
	display:block;
}


.contents01,
.contents02{
	width:100%;
}

.contents01 p,
.contents02 p{
	margin-left:10px;
	margin-right:10px;
}


.detailBox{
	width:auto;
	margin-left:10px;
	margin-right:10px;
}

.detailBox li div.area_caption{
	position: relative;
	top:0;
	left:0;
	font-size: 16px;
}

.detailBox dl{
	color:#000;
	font-weight:normal;
	margin-left:0;
	margin-top:0;
}
.detailBox dt{
	width:100%;
}
.detailBox dd{
	line-height:1.8;
	font-size: 14px; font-size: 1.4rem;
	padding-left:0;
	text-indent:0;
}
.detailBox dd strong{
	padding:1px 5px;
	background:#d8fbd5;
	font-size: 14px; font-size: 1.4rem;
}

.detailBox dd.btn{
	padding:8px 20px 9px 15px;
	margin-bottom:1em;
	display:block;
	text-indent:0;
	margin-left:0;
	width:auto;
	text-align:center;
}

.detailBox span.btn{
	padding:8px 20px 9px 15px;
	margin-bottom:1em;
	display:block;
	text-indent:0;
	margin-left:0;
	width:auto;
	text-align:center;
}

.txtTop{
	padding:30px 0 0;
}


/* ------------------------------
　about
------------------------------ */


/*checklist*/
.checklistBox{
	width:100%;
}

.checklistBox li{
	margin:20px 0 0 0;
	padding:5px ;
	width:95%;
}

.checklistBox li p{
	margin:0;
	width:75%;
}

.checklistBox p{
	margin:40px 10px;
	padding:0;
	display:block;
	line-height:1.4;
}


/*propertyBox*/

.propertyBox01{
	margin-left:10px;
	margin-right:10px;
}


/* ------------------------------
　books
------------------------------ */

.booksArea01{
	width:100%;
}

.booksArea02{
	width:100%;
}


.booksBox{
	margin-right:30px;
	float:left;
	padding:20px 25px;
	border:solid 1px #ebebeb;
	line-height:1.6;
}

.booksBox p.label{
	text-indent:-0.5em;
}
.booksArea01 .booksBox{
	width:423px;
	text-align:left;
}
.booksArea01 .booksBox img{
	margin-right:20px;
	width:120px;
	float:left;
}
.booksArea01 .booksBox p{
	line-height:1;
	margin-top:0;
}
.booksArea01 .booksBox dl{
	margin-top:3px;
	width:283px;
	float:left;
}

.booksArea02 .booksBox{
	width:34%;
	text-align:center;
	margin-right:5px;
}

.booksArea02 .booksBox:nth-of-type(2n){
	margin-right:0;

}


.booksArea03 .booksBox .txtBox{
	margin-top:20px;
	width:100%;
}


.stxt{
	padding-left:10px;
	padding-right:10px;
}


/* ------------------------------
　meeting
------------------------------ */

.mapBox img{
	display:none;
}

.mapBox .txtBox{
	width:auto;
	float:none;
	margin-left:10px;
	margin-right:10px;
}

.mapBox dl{
	padding:0 10px;
}

.faqBox{
	margin-left:10px;
	margin-right:10px;
}

.SPdetailBox,
.SPdetailBox_index{
	box-sizing:border-box;
	padding:20px 0;
	margin:0 10px 20px 20px;
	width:auto;
}
.SPdetailBox li,
.SPdetailBox_index li{
	border-bottom:solid 6px #F0B9BF;
}

.SPdetailBox li span.areaname,
.SPdetailBox_index li span.areaname{
	position:relative;
	display:block;
	top:0;left:0;
}

.SPdetailBox dl{
	color:#000;
	font-weight:normal;
	margin:0 auto;
	display:block;
}

.SPdetailBox_index dl{
	color:#000;
	font-weight:normal;
	display:block;
	margin:0;
}

.SPdetailBox dd,
.SPdetailBox_index dd{
	padding-left:0;
	text-indent:0;
}
.SPdetailBox .btn,
.SPdetailBox_index .btn{
	padding:8px 20px 9px 15px;
	margin-bottom:1em;
	display:block;
	text-indent:0;
	margin-left:0;
	width:auto;
	text-align:center;
}


/* ------------------------------
　link
------------------------------ */



.linkBox{
	margin-left:10px;
	margin-right:10px;
}



/* ------------------------------
　navi
------------------------------ */

#spmenu{
	display:block;
	font-size:13px; font-size:1.3rem;
	width:100%;
}

#spmenu label {
    background: green;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}

#spmenu input[type="checkbox"].on-off{
    display: none;
}

#spmenu ul {
	width:100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
	text-align:center;
}

#spmenu li {
	width:100%;
}

#spmenu li a{
    background-color:#EEFBEA;
    padding: 5px;
	display:block;
	border-bottom:1px solid #fff;
}



#spmenu input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

#spmenu input[type="checkbox"].on-off:checked + ul{
    height: 304px;
}