@charset "utf-8";


#mf1 h2{
font-size: 1.5em;
font-weight: bold;
}
#mf1 h2 span{
font-size: 0.8em;
}
#mf1 table tr{
position: relative;
z-index: -1;
}
#mf1 table th.ctext{
position: relative;
}
#mf1 table th.ctext:before{
content: "";
width: 260px;
height: 83px;
background: url("../img/about/ic2.jpg") center center /cover no-repeat;
position: absolute;
top: 0;
left: 80px;
transform: translate(0,-110%);
}
#mf1 table tr.new td:nth-of-type(1){
position: relative;
}
#mf1 table tr.new td:nth-of-type(1):before{
content: "";
background: url("../img/about/ic1.png") center center /cover no-repeat;
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 0;
transform: translate(-95%,-50%);
}
#mf1 table tr:nth-of-type(1){
	font-weight: bold;
	color: #fff;
	background: #666666;
}
#mf1 table tr:nth-of-type(1) th{
	text-align: center;
}
#mf1 table th{
	border: solid 1px #000;
	padding: 10px 5px;
}
#mf1 table tr:nth-of-type(1) th span{
	font-size: 0.8em;
}

#mf1 table tr:nth-of-type(5) th,
#mf1 table tr:nth-of-type(25) th{
	vertical-align: top;
	padding-top: 24px;
}
#mf1 table td{
	border: solid 1px #000;
	padding: 10px;
}
#mf1 table td span{
	font-size: 0.9em;
	font-weight: normal;
}
#mf1 table th:nth-of-type(1){
	width: 14%;
}
#mf1 table th:nth-of-type(2){
	width: 14%;
}
#mf1 table th:nth-of-type(3){
	width: 14%;
}
#mf1 table th:nth-of-type(4){
	width: 11%;
	background: #fee39a;
	color: #000;
	font-weight: bold;
}
#mf1 table th:nth-of-type(5){
	width: 11%;
	background: #ffd154;
	color: #000;
	font-weight: bold;
}
#mf1 table th:nth-of-type(6){
	width: 11%;
	background: #ffbb03;
	color: #000;
	font-weight: bold;
}
#mf1 table th:nth-of-type(7){
	width: 13%;
}
#mf1 table td:nth-of-type(3){
	background: #fee39a;
	text-align: center;
}
#mf1 table td:nth-of-type(4){
	background: #ffd154;
	text-align: center;
}
#mf1 table td:nth-of-type(5){
	background: #ffbb03;
	text-align: center;
}
#mf1 table td.bold{
	font-weight: bold;
	font-size: 1.1em;
}
#mf1 table td.bold strong{
	font-size: 1.4em;
}
#mf1 p.t-right{
	text-align: right;
	margin-bottom: 6px;
}



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

#mf1 .mf-inner{
padding: 0 2vw;
}
#mf1 h2{
font-size: 1.3em;
margin: 0 0 2vw 0;
}
#mf1 .sp-scroll p{
text-align: right;
position: absolute;
top: 0;
right: 0;
left: 0;
transform: translate(0);
}


/*===========
.sp-scroll
===========*/
.sp-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.sp-scroll-inner{
padding: 8vw 0 0 0;
}
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.sp-scroll::-webkit-scrollbar {
  height: 4px;
}
/*スクロールバー全体の背景*/
.sp-scroll::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.sp-scroll::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.sp-scroll::-webkit-scrollbar-thumb:hover {
  background: #999;
}
	
#mf1 table{
width: 360vw;
font-size: 0.8em;
}
#mf1 table th,
#mf1 table td{
width: auto !important;
}
#mf1 table th{
	padding: 1vw;
	line-height: 1.5em;
}
#mf1 table td{
	padding: 1vw;
}
#mf1 table tr:nth-of-type(1) th span{
	font-size: 0.7em;
}
#mf1 table th:nth-of-type(1){
white-space: nowrap;
}
#mf1 table th:nth-of-type(2){
}
#mf1 table th:nth-of-type(3){
}
#mf1 table th:nth-of-type(4){
}
#mf1 table th:nth-of-type(5){
}
#mf1 table th:nth-of-type(6){
}
#mf1 table th:nth-of-type(7){
}

#mf1 table td:nth-of-type(1){
}
#mf1 table td:nth-of-type(2){
}
#mf1 table td:nth-of-type(3){
}
#mf1 table td:nth-of-type(4){
}
#mf1 table td:nth-of-type(5){

}


#mf1 table th.ctext:before{
max-width: 300px;
max-height: 95px;
width: 46.88vw;
height: 14.84vw;
left: 20vw;
}

#mf1 table td.bold{
	font-size: 1em;
}
#mf1 table td.bold strong{
	font-size: 1.2em;
}


}




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

#mf1 table th:nth-of-type(2){
	width: 17%;
}


#mf1 table tr.new td:nth-of-type(1):before{
max-width: 50px;
max-height: 50px;
width: 7.8vw;
height: 7.8vw;
}

}