/* global
------------------------------------- */
#mainImg { background-image: url(../img/shiga/mainimg01_sp.png); }

#mainImg .tit:before { top: -18px; left: -62px; width: 180px; height: 34px; background-image: url(../img/shiga/txt_mainimg01.png); }

@media all and (min-width: 600px) { #mainImg { background-image: url(../img/shiga/mainimg01_pc.png); }
  #mainImg .tit:before { top: -20px; left: -84px; width: 230px; height: 40px; } }

.areaImg { margin-bottom: 30px; }

.areaImg .img { margin-bottom: 16px; }

.areaImg .areaTxt .head { line-height: 1.6; font-size: 1.8rem; text-align: center; font-weight: 500; margin-bottom: 10px; }

.areaImg .areaTxt .head span { background: #7cbc00; color: #fff; font-size: 1.6rem; margin-bottom: 4px; padding: 0 5px; box-sizing: border-box; display: inline-block; font-weight: normal; }

.areaImg .areaTxt .note { color: #b6b5b5; }

@media all and (min-width: 600px) { .areaImg { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; }
  .areaImg .img { max-width: 540px; min-width: 540px; }
  .areaImg .areaTxt { padding-left: 40px; box-sizing: border-box; }
  .areaImg .areaTxt .head { font-size: 2.6rem; text-align: left; margin-bottom: 15px; }
  .areaImg .areaTxt .head span { margin-bottom: 10px; }
  .areaImg .areaTxt .note { margin-top: 10px; } }

/* ollist
------------------------------------- */
#shiga .olList01 { counter-reset: shiga; margin: 10px 0; padding: 15px; background-color: #f5f5f5; }

#shiga .olList01 .list { counter-increment: shiga; position: relative; padding-left: 24px; line-height: 1.6; }

#shiga .olList01 .list:before { content: counter(shiga); display: block; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; overflow: hidden; line-height: 16px; text-align: center; color: #fff; font-size: 1.2rem; font-weight: 500; letter-spacing: 0; border-radius: 9px; background-color: #7cbc00; }

#shiga .olList01 .list:nth-child(n+2) { margin-top: 8px; }

@media all and (min-width: 600px) { #shiga .olList01 { margin: 20px 0 25px; padding: 20px 25px; }
  #shiga .olList01 .list { padding-left: 28px; }
  #shiga .olList01 .list:before { width: 20px; height: 20px; line-height: 18px; font-size: 1.3rem; border-radius: 10px; }
  #shiga .olList01 .list:nth-child(n+2) { margin-top: 10px; } }

/* #intro
------------------------------------- */
/* #about
------------------------------------- */
#about .tit { margin-bottom: 40px; }

#about .lead { text-align: center; margin-bottom: 40px; color: #b6b5b5; }

#about .notice { padding: 15px; background-color: #fff; border-radius: 10px; border: 1px solid #b6b5b5; margin-top: 15px; }

@media all and (min-width: 600px) { #about { padding-bottom: 30px; }
  #about .secTit { text-align: center; }
  #about .lead { margin-bottom: 60px; }
  #about .notice { padding: 20px; border-radius: 25px; margin-top: 20px; } }

/* #replanting
------------------------------------- */
#replanting { padding-bottom: 30px; }

#replanting .tit { margin-bottom: 40px; }

#replanting .lead { text-align: center; margin-bottom: 40px; }

#replanting .areaImg .areaTxt .head { margin-bottom: 0; }

#replanting .notice { padding: 15px; background-color: #fff; border-radius: 10px; border: 1px solid #b6b5b5; margin-top: 15px; }

@media all and (min-width: 600px) { #replanting .tit { margin-bottom: 60px; }
  #replanting .secTit { text-align: center; }
  #replanting .lead { margin-bottom: 60px; }
  #replanting .olList01 { margin-top: 12px; }
  #replanting .notice { padding: 20px; border-radius: 25px; margin-top: 20px; } }

/* #other
------------------------------------- */
#other { padding-bottom: 30px; }

#other .tit { margin-bottom: 40px; }

#other .lead { text-align: center; margin-bottom: 40px; }

#other .notice { padding: 15px; background-color: #fff; border-radius: 10px; border: 1px solid #b6b5b5; margin-top: 15px; }

@media all and (min-width: 600px) { #other .tit { margin-bottom: 60px; }
  #other .secTit { text-align: center; }
  #other .lead { margin-bottom: 60px; }
  #other .notice { padding: 20px; border-radius: 25px; margin-top: 20px; } }