@charset "utf-8";
table { border-collapse: collapse; margin-bottom: 20px; width: 100%; margin-top: 20px; font-size: 0.86em;}
td{border: 1px solid #999; padding: 10px;text-align: center;}
th{border: 1px solid #999; background: #69b1d2; color:#fff; text-align: center; padding: 10px;}
@media screen and (max-width: 640px) {
table { width: 700px;}
}
.fream { width: 100%; overflow-x: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; margin: 20px 0 1em;}
.fream::-webkit-scrollbar/*for iOS*/
{ -webkit-appearance: none; width: 14px; height: 14px; z-index: 100;}
.fream::-webkit-scrollbar-thumb/*for iOS*/
{border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); z-index: 100;}

#experience{ width: 1000px; margin:0 auto; position: relative; overflow:hidden; border: 1px solid #999; padding: 20px;background: #fff; }
* html #experience { zoom: 1; }
*+html #experience { zoom: 1; }
#experience:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
.experience-img { float: left; width: 30%;}
.experience-img img { width: 100%;}
.experience-txt { float: right; width: 67%; }
.experience-txt h3{ font-weight: bold; margin-bottom: 10px; }
@media screen and (max-width: 960px) {
#experience { width: 96%; margin: 0 2%;}
}
@media screen and (max-width: 640px) {
#experience { width: 96%; margin: 0 2%;}
.experience-img { float: none; width: 100%;}
.experience-img img { width: 100%;}
.experience-txt { float: none; width: 100%; }
}