@charset "UTF-8";

#main{
	padding-top:30px;
	padding-bottom:60px;
}

@media screen and (max-width: 640px){
	#main{
		padding:30px 15px 40px;
	}
}

#main .content-wrap h2>img{
	width:100%;
}
#main .table-wrap table{
	border-bottom:1px solid #ccc;
  	border-right: 1px solid #ccc;
  	width:100%;
}

#main .table-wrap table tr td{
	font-size: 14px;
  	line-height: 1.75;
  	text-align: center;
  	border-top:1px solid #ccc;
  	border-left:1px solid #ccc;
  	vertical-align: middle;
}
@media screen and (max-width: 640px){
	#main .table-wrap table tr td{
		font-size:12px;
	}
}
#main .num-list{
	margin-left: 1em;
}
#main .num-list>li{
	text-indent: -1.3em;
	margin-left: 1.3em;
	font-size: 14px;
  	line-height: 1.75;
}
#main .note-list{
	text-indent: -0.7em;
	margin-left: 0.7em;
	/*font-size: 12px !important;*/
}
#main .item-list{
	margin-left: 1em;
}
#main .item-list>li{
	text-indent: -1.3em;
	margin-left: 1.3em;
	font-size: 14px;
  	line-height: 1.75;
}

#main .content-wrap .text .red{
	color: #ff0000;
}
#main .content-wrap .text .red a{
	color: #ff0000;
	text-decoration: underline;
}
#main .content-wrap .text .red a:hover{
	text-decoration: none;
}
#main .content-wrap .text .link-txt{
	color:#333;
	font-weight: bold;
	text-decoration: underline;
	color: #ff0000;
}
#main .content-wrap .text .link-txt:hover{
	text-decoration: none;
}
#main .content-wrap .gazo img{
	width: 100%;
}

.mfp-image-holder .mfp-content{
	max-width: 90% !important;
}