@charset "UTF-8";

.contetPage-keyV {
    background-image: url(../img/info/keyV.jpg);
}
.greeting {
	width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 6em;
}
.greeting_cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.greeting_cont .picbox {
    width: 230px;
}
.greeting_cont .txtbox {
    width: calc( 100% - 230px - 5% );
    line-height: 26px;
}
.greeting_cont .txtbox_name {
    text-align: right;
    margin-top: 2em;
}
.chart { 
	width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 6em;
}
.chart_cont {
    margin-bottom: 5em;
}
.chart_cont_pic {
    text-align: center;
}
.chart_cont .list {
}
.chart_cont .list_item {
	background-color: #efefef;
	border-bottom: 1px solid #d9d9d9;
	padding: 2em 0em 2em 5em;
}
.chart_cont .list_item:nth-child(even) {
	background-color: #f8f8f8;
}
.chart_cont .list_item dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.chart_cont .list_item .tit {
    width: 25%;
	padding-right: 5%;
}
.chart_cont .list_item .text {
	width: 75%;
}

@media screen and (max-width:1024px){
}


@media screen and (max-width:768px){
}


@media screen and (max-width:480px){
	.greeting_cont .picbox {
		width: 100%;
		text-align: center;
		margin-bottom: 1.5em;
	}
	.greeting_cont .txtbox {
		width: 100%;
	}
  .chart_cont .list_item {
		padding: 1em 2em;
	}
	.chart_cont .list_item .tit {
    	width: 100%;
		font-weight: bold;
		margin-bottom: .5em;
	}
	.chart_cont .list_item .text {
		width: 100%;
	}
}