@charset "UTF-8";
/* CSS Document */



table.about-list01{
width:95%;
height:auto;
padding:0;
margin:0;
text-align:center;
border:1px solid #000000;
}

@media screen and (max-width: 600px) {
	
table.about-list01{
width:99.8%;
height:auto;
padding:0;
margin:0;
text-align:center;
border:1px solid #000000;
}	
	
}
	

table.about-list01 th{
width:100px;
margin:0;
padding:12px;
vertical-align:middle;
text-align:center;
line-height:150%;
border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}

table.about-list01 td{
width:auto;	
padding:12px;
margin:0 0 5px 0;
vertical-align:top;
text-align:left;
	border-bottom:1px solid #000000;
}


table.about-list02{
width:auto;
height:auto;
padding:0;
margin:0 0 0 -20px;
text-align:left;
border:none;
}

	

table.about-list02 th{
width:100px;
margin:0;
padding:12px;
vertical-align:top;
text-align:center;
line-height:130%;
}

table.about-list02 td{
width:auto;	
padding:12px;
margin:0 0 5px 0;
vertical-align:top;
text-align:left;
}

table.about-list01 a{
color:#096836;
text-decoration:underline;
}

table.about-list01 a:hover{
color:#096836;
text-decoration:none;
}


.section-box-list01{
	width:auto;
	height:auto;
	margin:0 0 6% 0;
	padding:0;
	position: relative;
	left:0;
	text-align:left;
}

.section-box-list02{
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	text-align:right;
	position: relative;
	right:0;
}

.section-box-list03{
	width:auto;
	height:auto;
	margin:20% 0 0 0;
	padding:0;
	text-align:right;
	position: relative;
	right:0;
}

.item-desc {
	overflow:hidden;
background-color: rgba(0,0,0,0.7);
color: white;
position: absolute;
text-transform: uppercase;
text-align: center;
padding:15px 0;
z-index: 0;
bottom: 0;
left: 0;
right: 0;
line-height:120%;
letter-spacing: 0;
}



.section-box-list04-left{
	
	width:54%;
	height:auto;
	margin:8% 2% 2% 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
}

.section-box-list04-right{
	
	width:44%;
	height:auto;
	margin:8% 0 2% 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:left;
}

@media screen and (max-width: 600px) {
	
	.section-box-list04-left{
	
	width:auto;
	height:auto;
	margin:15% 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:none;
}

.section-box-list04-right{
	
	width:auto;
	height:auto;
	margin:15% 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	float:none;
}
	
}




ul.list-box{width:auto;height:auto;margin:0 0 0 0;padding:6% 0 0 0;overflow:hidden;}
ul.list-box li{margin:0 0 3px 20px;padding:0;list-style-type: disc!important;}



.index-concept-list01{
	width:auto;
	height:auto;
	margin:0 0 4% 0;
	padding:0;
	text-align:left;
	letter-spacing: 0.3em;
}


@media screen and (max-width: 800px) {
	
	.index-concept-list01{
	width:auto;
	height:auto;
	margin:0 0 4% 0;
	padding:0;
	text-align:left;
	letter-spacing: 0.1em;
}
	
}

.sosiki-main{
	margin:4% 0 0 0;
	padding:0;
  height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 50%;
    background: url('/images/aboutus-contents-photo04.svg') 0 0 no-repeat;
    background-size: contain;
}


@media screen and (max-width: 640px) {
	
.sosiki-main{
	margin:6% 0 0 0;
	padding:0;
  height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 120%;
    background: url('/images/aboutus-contents-photo05.svg') 0 0 no-repeat;
    background-size: contain;
}

	
}





.area{
	width:auto;
	height:auto;
	text-align:center;
	padding:0 0 1% 0;
	margin:0 0 0 -1.5%;
	overflow:hidden;
	
	}


.twocolumnbox{
	width:46.5%;
	height: auto;
	margin:4% 1.5% 0 1.5%;
     padding:0;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
		*display: inline
  *zoom: 1
	}


@media screen and (max-width: 600px) {
	
	.twocolumnbox{
	width:auto;
	height: auto;
	margin:4% 0 12% 0;
     padding:0;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
	display:inherit;
	}
	
}


dl.twocolumnboxlist{
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
	font-size:12px;
	line-height:150%;
	border-bottom:1px solid #000000;
}

dl.twocolumnboxlist dt{
	width:20%;
	height:auto;
	margin:0;
	padding:2%;
	text-align:left;
	float:left;
	overflow:hidden;
}

dl.twocolumnboxlist dd{
	width:74%;
	height:auto;
	margin:0;
	padding:2% 0 2% 2%;
	text-align:left;
	float:left;
	overflow:hidden;
}


dl.twocolumnboxlist a{color : #096836!important;text-decoration: underline!important;}
dl.twocolumnboxlist a:hover{color : #096836 ;text-decoration: none!important;}







.threecolumnbox {
	width:22.5%;
	height: auto;
	margin:40px 1% 0 1%;
     padding:0;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
		*display: inline
  *zoom: 1
	}

@media screen and (max-width: 800px) {
	
	.threecolumnbox {
	
	width:46.5%;
	height: auto;
	margin:4% 1.5% 0 1.5%;
     padding:0;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
		*display: inline
  *zoom: 1
	}
	
}


@media screen and (max-width: 600px) {
	
	.threecolumnbox {
	
width:47%;
	height: auto;
	margin:4% 1% 12% 1%;
     padding:0;
	vertical-align:top;
	overflow:hidden;
	display:inline-block;
		*display: inline
  *zoom: 1
	}
	
}

.thumbnail-ttl{font-size:16px;text-align:left;margin:4% 0;font-weight:bold;padding:0;color : #096836;}

.thumbnail-txt{text-align:left;margin:2% 0;padding:0;color : #333333;font-size:14px;}
.thumbnail-txtb{text-align:left;margin:2% 0;padding:0;color:#333333;font-size:14px;}