@charset "UTF-8";

.contents{ width: 1000px; margin: 0 auto; padding-bottom: 46px; text-align: left;}
.heading{ font-size: 4.0rem; margin-top: 20px;}
.title{ font-size: 3.0rem; border-bottom: 3px #ED7901 solid; margin-bottom: 30px;}

.contents-wrapper-left{ width: 800px; float: left; z-index: 10;}
.contents-wrapper-right{ width: 180px; float: right; margin-top: 33px; z-index: 10;}
.contents-wrapper-right .side-menu-item{ margin-bottom: 15px;}
.contents-wrapper-right .side-menu-item a:hover{ filter:Alpha(opacity=75); opacity:0.75;}

.articles{ margin: 60px 0;}
.articles p{ font-size: 1.4rem; line-height: 1.8;}

.section{ margin: 30px 0;}
.section-title{ font-size: 2.4rem; line-height: 2.4; color: #333; margin-bottom: 0;}
.sub-title{ font-size: 2.2rem; line-height: 2.0; color: #ED7901; font-weight: bold;}

.task-list,.haccp-list{ margin-top: 20px;}
.task-title{ font-size: 1.8rem; line-height: 2.0; color: #333; margin-bottom: 0;}
.task-list .task-item,
.haccp-list .haccp-list-item{ font-size: 1.4rem; line-height: 1.8; margin-bottom: 10px;}
.task-list .task-item .indent{ margin-left: 2em;}
.mini-task-list{ margin-top: 6px; margin-left: 3em;}
.mini-task-list .mini-task-item{ font-size: 1.4rem; line-height: 1.8;}

.indent{ text-indent: -1.0em; margin-left: 1.0em;}

.link{ margin-top: 30px;}
.link-item-pdf{ padding-left: 30px; background: url(../about/images/Adobe_icon.png) no-repeat left center; font-size: 1.4rem;}
.link-item-page{ margin-left: 14px; padding-left: 16px; background: url(../images/triangle.png)no-repeat left center; font-size: 1.4rem;}

.link2{ margin-top: 10px;}
.link-item-page2{ padding-left: 16px; background: url(../images/triangle.png)no-repeat left center; font-size: 1.4rem;}

.list{ margin-top: 30px;}
.list-item{ font-size: 1.4rem;}


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

.contents{ width: 90%; margin-top: 100px;}
.heading{ font-size: 3.0rem; margin-top: 20px;}
.title{ font-size: 2.0rem; margin-bottom: 20px;}

.contents-wrapper-left{ width: 100%; float: none;}
.articles{ margin: 30px 0;}

.section{ margin: 30px 0;}
.section-title{ font-size: 1.8rem;}

.task-title{ font-size: 1.6rem;}

.haccp,.material{ margin-top: -100px; padding-top: 100px;}

}