:root {
--serif: 'Noto Serif JP', serif, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
--sans: 'Noto Sans JP', sans-serif, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.modoru{max-width: 500px;width: 80%;margin: 0 auto 0 auto}
.modoru a{border: 1px solid #CCC;text-decoration: none;font-weight: bold;color: #000;text-align: center;
display: block;padding: 20px;background-color: ThreeDFace}

.main{ background-color: #d3ecfb;padding: 35px 0px 25px 0px;text-align: center;width: 100%;font-size: 28px;font-weight: 900;}

.food_safety .contents{width:100%;padding-bottom:30px;padding-top:0;margin: 0 auto 0 auto;max-width: 865px;}
.main_text {text-align: center;padding: 15px 30px 30px 30px;}
.food_safety .contents .sec h3{background-color: #eeeeee;padding: 15px;font-size: 22px;font-weight: 900}
.food_safety .contents h4{padding: 15px 20px 15px 20px;border-bottom: solid 2px #a99280;font-size: 20px;margin: 0 0 15px 0;}


.info {padding-bottom: 0px;display: flex;justify-content: space-between;flex-wrap: wrap;height: auto;}

.info h3{width: 80px;padding: 22px 0 10px 0;display: block;color: #036eb7;margin: 0;font-size: 20px;}

.info ul{width: calc(100% - 120px);padding: 0;margin: 0;border-top: 1px solid #CCC;}
.info ul li{padding: 0;margin: 0;border-bottom: 1px solid #CCC;position: relative;}
.info ul li a{padding: 25px 15px 25px 15px;width: calc(100% - 30px);display: block;text-decoration: none;font-weight: bold;}
.info ul li a:hover{background-color:#F0F8FF }
.info ul li a span:nth-of-type(1){color: #000;display: inline-block;margin-right: 15px;}
.info ul li a span:nth-of-type(2){color: #000;}


.info ul li::before,
.info ul li::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 30px;
  width: 15px;
  height: 2px;
  border-radius: 9999px;
  background-color: #000;
  transform-origin: calc(100% - 1px) 50%;
}

.info ul li::before {
  transform: rotate(45deg);
}

.info ul li:after {
  transform: rotate(-45deg);
}



.to_news_list{padding-top: 30px;width: 250px;margin-left: auto;margin-bottom: 80px}
.to_news_list a{background-color: #EEEEEE;display: block;font-size: 15px}
.to_news_list a:hover{background-color: aliceblue}
.to_news_list a{display: block;height: calc(100% - 35px);text-decoration: none;color: #000;padding: 10px 15px 0px 15px;position: relative;min-height: 35px;width: calc(100% - 40px);font-weight: 600}
.to_news_list a::before,
.to_news_list a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 20px;
  width: 10px;
  height: 2px;
  border-radius: 9999px;
  background-color: #000;
  transform-origin: calc(100% - 1px) 50%;
}
.to_news_list a::before {
  transform: rotate(45deg);
}
.to_news_list a:after {
  transform: rotate(-45deg);
}


.sec.sec001 {padding-bottom: 80px;}
.sec.sec001 .sec001_inner{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 10px 20px 60px 20px;}
.sec.sec001 .sec001_inner.contens_01 {}
.sec.sec001 .sec001_inner.contens_01 .text {width: calc(100% - 300px);line-height: 28px;}
.sec.sec001 .sec001_inner.contens_01 .img {width: 250px;text-align: center}
.sec.sec001 .sec001_inner.contens_01 .img img{width: 100%;margin-bottom: 10px;}

.sec.sec001 .sec001_inner.contens_02 {align-items: center;}
.sec.sec001 .sec001_inner.contens_02 .img {width: 362px}
.sec.sec001 .sec001_inner.contens_02 .img img {width: 100%}
.sec.sec001 .sec001_inner.contens_02 .text {width: calc(100% - 382px);line-height: 28px;}

.sec.sec001 .sec001_inner.contens_03 {}
.sec.sec001 .sec001_inner.contens_03 .text {}
.sec.sec001 .sec001_inner .text ul li{display: block;position: relative;padding-left: 13px;margin-bottom: 5px;}
.sec.sec001 .sec001_inner .text ul li::before{display: block;position: absolute;left: 0;top:10px;height: 5px;width: 5px;border-radius: 5px;background-color: #333;content: ""}


.sec.sec001 .sec001_inner.contens_04 {}
.sec.sec001 .sec001_inner.contens_04 .img {width: 250px}
.sec.sec001 .sec001_inner.contens_04 .img img{width: 100%}
.sec.sec001 .sec001_inner.contens_04 .text {width: calc(100% - 270px)}

.sec.sec001 .sec001_inner.contens_05 {}


.sec.sec002 {}
.sec.sec002 .sec002_inner{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 10px 20px 60px 20px;}
.sec.sec002 .sec002_inner .text {width: calc(100% - 285px);margin-bottom: 20px;}
.sec.sec002 .sec002_inner .img {width: 265px}

.sec.sec002 .sec002_inner .text ul{}
.sec.sec002 .sec002_inner .text ul li{display: block;position: relative;padding-left: 13px;margin-bottom: 5px;}
.sec.sec002 .sec002_inner .text ul li::before{display: block;position: absolute;left: 0;top:10px;height: 5px;width: 5px;border-radius: 5px;background-color: #333;content: ""}
.sec.sec002 .sec002_inner .text ul li span{color: #036eb7}

.sec.sec002 .sec002_inner.contens_03 .img div:nth-of-type(1){margin-bottom: 15px;}

.sec.sec002 .sec002_inner.contens_04 {display: block}
.sec.sec002 .sec002_inner.contens_04 .text {}
.sec.sec002 .sec002_inner.contens_04 .img {display: flex;justify-content: flex-start;width: 100%}
.sec.sec002 .sec002_inner.contens_04 .img div:nth-of-type(1){width: 230px;margin-right: 20px;}
.sec.sec002 .sec002_inner.contens_04 .img div img{border: 1px solid #CCC}
.sec.sec002 .sec002_inner.contens_04 .img div:nth-of-type(2){width: 300px;}
.sec.sec002 .sec002_inner.contens_04 .img div img{width: 100%;}

.sec.sec003 {}
.sec.sec003 .sec003_inner{padding: 10px 20px 60px 20px;}
.sec.sec003 .sec003_inner.contens_01 {display: flex;justify-content: flex-start;}
.sec.sec003 .sec003_inner.contens_01 .text {width: calc(100% - 600px);margin-bottom: 20px;}
.sec.sec003 .sec003_inner .text ul{}
.sec.sec003 .sec003_inner .text ul li{display: block;position: relative;padding-left: 13px;margin-bottom: 5px;font-size: 16px;font-weight: 600}
.sec.sec003 .sec003_inner .text ul li::before{display: block;position: absolute;left: 0;top:10px;height: 5px;width: 5px;border-radius: 5px;background-color: #333;content: ""}
.sec.sec003 .sec003_inner .text ul li span{color: #036eb7}
.sec.sec003 .sec003_inner.contens_01 .list {width: 660px;  border: 1px solid #CCC;  padding: 20px;}
.sec.sec003 .sec003_inner.contens_01 .list dl{}
.sec.sec003 .sec003_inner.contens_01 .list dl dt{font-size: 18px;font-weight: 600;padding: 0px 0px 10px 0px;margin: 0px 0px 10px 0px;border-bottom: 1px solid #CCC; }
.sec.sec003 .sec003_inner.contens_01 .list dl dd:nth-of-type(1){margin-bottom: 20px;

}

.sec.sec003 .sec003_inner.contens_01 .list dl dd ul li{display: block;position: relative;padding-left: 13px;margin-bottom: 5px;}
.sec.sec003 .sec003_inner.contens_01 .list dl dd ul li::before{display: block;position: absolute;left: 0;top:10px;height: 5px;width: 5px;border-radius: 5px;background-color: #333;content: ""}

.sec.sec003 .sec003_inner > dl{display: flex;justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #CCC}
.sec.sec003 .sec003_inner > dl > dt{width: 130px;border: 1px solid #CCC;border-top: none;background-color: #d3ecfb;padding: 20px;font-weight: 600;}
.sec.sec003 .sec003_inner > dl > dd{width: calc(100% - 214px);border: 1px solid #CCC;border-top: none;border-left: none;padding: 20px;}


.sec.sec003 .sec003_inner > dl > dd span:nth-child(1){font-size: 16px;font-weight: bold;}
.sec.sec003 .sec003_inner > dl > dd span:nth-child(2){font-size: 14px;font-weight: 400;}

.sec.sec003 .sec003_inner.contens_02 {}
.sec.sec003 .sec003_inner.contens_03 {}
.sec.sec003 .sec003_inner.contens_04 {}




/*  投稿                 */
.date{padding-left: 20px;font-weight: bold}
.post_contents{padding: 0;width: 100%}
.post_contents .red{color: red;text-align: right;width: 100%;margin-bottom: 15px;}
.post_contents .content{margin-bottom: 80px;}
.post_contents .content:last-child{margin-bottom: 0px;}


.post_contents ul{ display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 20px 0 20px;}
.post_contents ul li{text-align: center;width: 215px;font-size: 14px;font-weight: bold}
.post_contents ul li .img{margin-bottom: 10px;}
.post_contents ul li .img img{width: 100%}
.post_contents ul li:nth-child(n+1):nth-child(-n+3) {
margin-bottom: 25px;
}







@media screen and (max-width: 479px){
.food_safety_space{padding: 20px;}
.main{ background-color: #d3ecfb;padding: 35px 0px 25px 0px;text-align: center;width: 100%;font-size: 20px;font-weight: 900;}
.main_text {text-align: left;padding: 10px 20px 20px 20px;}
.main_text br{display: none}
    
.food_safety .contents .sec h3{background-color: #eeeeee;padding: 15px;font-size: 18px;font-weight: 900;margin-bottom: 5px;}
.food_safety .contents h4{padding: 15px 15px 10px 0px;border-bottom: solid 2px #a99280;font-size: 18px;margin: 0 0 20px 0;}
    
.sec.sec001 .sec001_inner{display: block;}
.sec.sec001 .sec001_inner.contens_01 .text {width: 100%;line-height: 28px;margin-bottom: 10px;}
.sec.sec001 .sec001_inner.contens_01 .img {width: 250px;text-align: center;margin: 0 auto 0 auto;font-weight: 600}  
  
.sec.sec001 .sec001_inner.contens_02 .img {width: 90%;margin: 0 auto 30px auto;}
.sec.sec001 .sec001_inner.contens_02 .text {width: 100%;line-height: 28px;}
  
  
.sec.sec001 .sec001_inner.contens_03 {}
.sec.sec001 .sec001_inner.contens_03 .text {}
.sec.sec001 .sec001_inner .text ul li{margin-bottom: 10px;}
.sec.sec001 .sec001_inner .text ul li br{display: none}

.sec.sec001 .sec001_inner.contens_04 {}
.sec.sec001 .sec001_inner.contens_04 .img {width: 250px;margin: 0 auto 15px auto;}
.sec.sec001 .sec001_inner.contens_04 .img img{width: 100%}
.sec.sec001 .sec001_inner.contens_04 .text {width: 100%}

  
.sec.sec002 .sec002_inner{display: block;justify-content: space-between;flex-wrap: wrap;padding: 10px 20px 60px 20px;}
.sec.sec002 .sec002_inner .text {width: 100%;margin-bottom: 20px;}
.sec.sec002 .sec002_inner .img {margin: 0 auto 0 auto;text-align: center}
  
.sec.sec002 .sec002_inner.contens_04 .img {display: block}
.sec.sec002 .sec002_inner.contens_04 .img div:nth-of-type(1){margin: 0 auto 30px auto;}
.sec.sec002 .sec002_inner.contens_04 .img div:nth-of-type(2){margin: 0 auto 0 auto;}
  
  
.sec.sec003 .sec003_inner.contens_01 {display:block}
.sec.sec003 .sec003_inner.contens_01 .text {width: 100%}
.sec.sec003 .sec003_inner.contens_01 .list {width:  90%;  border: 1px solid #CCC;  padding: 20px;}
  
.sec.sec003 .sec003_inner > dl > dt{width: 130px;border: 1px solid #CCC;border-top: none;background-color: #d3ecfb;padding: 10px;font-weight: 600;}
.sec.sec003 .sec003_inner > dl > dd{width: calc(100% - 174px);border: 1px solid #CCC;border-top: none;border-left: none;padding: 10px;}
  
  
  .sec.sec001 .sec001_inner.contens_05 {padding-top: 0px}
.tab-contents .content:nth-child(n+1):nth-child(-n+3) p{color: red;text-align: center;font-size: 14px;padding-bottom: 20px;padding-right:0px;} 
  .tab-scr{  overflow:scroll;}
  .tab-buttons {
    width: 640px;
   white-space:nowrap;

  }  
  
.tab-buttons button {
  font-size: 14px;
  padding: 7px 10px;
}
.tab-buttons button:nth-of-type(1){width: 180px;}
.tab-buttons button:nth-of-type(2){width: 100px;}
.tab-buttons button:nth-of-type(3){width: 120px;}
.tab-buttons button:nth-of-type(4){width: 160px;}
.tab-buttons button:nth-of-type(5){width: 80px;}
  
  
.tab-contents .content ul{ padding: 0 0 0 0;}
.tab-contents .content ul li{text-align: left;width: calc(95% / 2);font-size: 12px;font-weight: bold}
.tab-contents .content ul li .img{margin-bottom: 10px;}
.tab-contents .content ul li .img img{width: 100%}
.tab-contents .content ul li:nth-child(n+1):nth-child(-n+3) {
margin-bottom: 0x;
}
  
  
}