/*company & tokusyo*/
#other section.other h1{
	text-align: center;
	color: #212121;
	padding: 10px 5px;
	background: #FAFAFA;
}

section.other{
	padding: 0 15px;
}

section.other p{
	margin: 30px 0;
}

#other section.other{
	max-width: 980px;
	margin: 0 auto;
}

#other table{
	width: 100%;
	margin: 20px 0;
	color: #212121;
}
#other th,td{
	padding: 10px;
	border: 1px solid #ddd;
}
#other th{
	background: #f4f4f4;
}

#other .table th {
	width: 30%;
	text-align: left;
}

#other .box {
	color: #212121;
	margin-bottom: 1rem;
}
#other .box h2{
	font-size: 1.2rem;
	margin: 1rem 0px;
}
#other main .box ul > li{
	font-size: 0.9rem;
	margin-bottom: 1rem;
}
#other .box ul > li > ul{
	padding: 5px;
}
#other .box ul > li > ul > li{
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
}
#other .box ul > li > ul > li:before{
	content: "・";
}
#other dl {
	color: #111;
	margin-bottom: 1rem;
}
#other dl dt {
	font-weight: bold;
	font-size: 1.1rem;
}
#other dl dd{
	padding: .5rem;
}

/*uploads*/
#uploads_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
#other #uploads_list .box {
	width: 50%;
	padding: 5px;
}
#other #uploads_list .box img {
	display: block;
	margin: 0.5rem 0px;
}
#other #uploads_list .box textarea {
	display: block;
	background: #FAFAFA;
	border: 1px solid #8d8d8d;
	width: 100%;
	resize: none;
}

#other a.link_goto{
	text-decoration: underline;
	color: #1111cc;
}

.ml20{
	margin-left: 20px;
}

@media only screen and (max-width:480px){
    .table {
    	/*margin: 0 -10px;*/
    }
    .table th,td{
	    width: 100% !important;
	    display: block;
	}
  .table tr:first-child th{
  	border-top: 1px solid #ddd;
  }
}


@media screen and (min-width: 768px){
	#other dl {
		width: 80%;
		margin: 1rem auto;
	}
	#other #uploads_list .box {
		width: 33.333%;
		padding: 5px;
	}
}