@charset "UTF-8";
/*---------------------------------------
香川県 市町別 移住・定住促進対策一覧　/about/list.php
------------------------------------------*/
p,ul, ol, li, dl, dt, dd, table, th, td{
  font-size:1.6rem;
  line-height:1.5;
}
br.sp{
  display: none;
}
#list{
  width:100%;
}


#list nav ul li{
display: inline-block;
}
#list nav a {
	display: block;
	padding: 12px 24px;
	text-decoration: none;
  background:#fff;
  font-size:1.4rem;
  margin-bottom:8px;
  
}
#list nav li a:hover {
	background-color: #cecece;
}

.m_adjustment{
  padding-top:100px;
  margin-top:-60px;
}
.box_city{
  width:90%;
  margin:0 auto ;
  background:#fff;
  /*border:1px solid #999;*/
  padding:40px 40px 10px ;
}

.bg_gray .area_contents h2{
  font-size:2.8rem;
  margin:0 0 15px;
  padding-top:10px;
  text-align: center;
}
.bg_gray .area_contents h3{
  margin:30px 0 10px;
  font-size:1.8rem;
}
.bg_gray .area_contents h3 span{
  background-color:#fff;
}
.bg_gray .area_contents h4{
  font-size:1.6rem;
  margin:0 0 15px;
  text-align: center;
}
.bg_gray .area_contents p{
  font-size:1.6rem;
  line-height:1.5;
  letter-spacing: normal;
  margin-top:5px;
}
.bg_gray .area_contents p + p{
  margin-top:5px;
}

.contents_box{
  width:460px;
  margin:20px auto 40px;
  border:1px solid #999;
  padding:20px 50px;
}
#list dl dt{
  font-weight: bold;
}

#list ol li{
  list-style: none;
  padding-left: 1.3rem;
  text-indent: -1.3rem;
}

#list ul.disc,#list ul.disc_under{
  padding-left:16px;
}
#list ul.disc li:before, 
#list ul.disc_under li:before{
  position: relative;
  top:-2px;
  left:-5px;
  display: inline-block;
  width:2px;
  height: 2px;
  content:'';
  border-radius:100%;
  background:#999;
}
a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none!important;
}

.contents_box dl dd{
  word-break: break-all;
}

.contents_box dl dd.break_normal{
  word-break: normal;
}

.add_contents{
  border:1px dotted #d18383;
  padding:20px;
}
.add_contents p.add_title{
  text-align: center;
  font-size:2rem!important;
}

@media screen and (max-width: 768px) {
  a[href*="tel:"] {
    text-decoration: underline!important;
    pointer-events: auto;
  }
  p,ul, ol, li, dl, dt, dd, table, th, td{
  font-size:1.4rem;
  }
  .bg_gray .area_contents p{
    font-size:1.4rem;
  }
  br.sp{
    display: block;}
  .bg_gray .ttl_page{
    font-size:1.5rem;
    padding-left:10px;
  }
  .bg_gray .area_contents h2{
    font-size:2.4rem;
  }
  .bg_gray .area_contents h3{
    font-size:1.6rem;
    line-height: 1.1;
  }
  .bg_gray .area_contents h3{
   
  }
  .box_city{
    width:100%;
    padding:30px 10px 10px;
  }
  .contents_box{
    width:90%;
    padding:20px 10px;
  }

  #list ul.disc_under li{
    font-size:1.2rem;
    line-height:1.2;
  }
  
  #list nav a {
	padding: 8px 10px;
  }
}