@charset "utf-8";

/*------------------------------------------------------------
	about
------------------------------------------------------------*/
/*---- contents ----*/
section{
  width: 800px;
  margin: 0 auto;
  padding-bottom: 40px;
}

section h3{
  background: url(../img/common/title_bot_line.png) right bottom repeat-x;
  padding: 0 15px 12px 15px;
  margin-bottom: 24px;
  font-size: 1.5em;
  letter-spacing: 0.05em;
}

section h4{
  margin: 0 15px 10px;
  font-size: 1.2em;
  letter-spacing: 0.05em;
}

section h5{
  padding-bottom: 10px;
  font-size: 1.15em;
  letter-spacing: 0.03em;
}

section p{
  line-height: 1.6;
  margin-bottom: 28px;
}

section ol{
  margin: 0 4% 15px;
}

section ol li{
  padding-bottom: 10px;
  font-weight: bold;
}

section .name_txt{
  margin-bottom: 24px;
  font-size: 1.1em;
  line-height: 1.4;
  text-align: right;
}

section .img_l_float{
  width: 36%;
  margin: 0 26px 20px 0;
  float: left;
}

@media only screen and (max-width: 767px) {
  section{
    width: 92%;
    margin: 0 4%;
  }

  section h3{
    padding: 0 2% 8px;
    margin-bottom: 15px;
    font-size: 1em;
    letter-spacing: 0.05em;
  }
  
  section h4{
    font-size: 0.9em;
  }

  section p{
    line-height: 1.5;
    margin-bottom: 14px;
    font-size: 0.9em;
  }
  
  section .name_txt{
    margin-bottom: 14px;
    font-size: 0.95em;
    line-height: 1.2;
  }
}

/*---- aisatsu_list ----*/
.aisatsu_nav{
  position: relative;
}

.aisatsu_nav #aisatsu_title{
  padding: 15px 0 12px;
  margin-bottom: 15px;
  border-bottom: 1px solid #445E5B;
  font-size: 1.2em;
  text-align: center;
}

.aisatsu_nav .aisatsu_new_link{
  position: absolute;
  left: 3%;
  top: 18px;
  font-size: 0.9em;
}

.aisatsu_nav #aisatsu_list{
  margin: 0 15px;
  padding-bottom: 10px;
}

.aisatsu_nav #aisatsu_list li{
  width: 20%;
  float: left;
  margin: 0 20px 15px;
  font-size: 0.9em;
}

.aisatsu_nav #aisatsu_list li a{
  background: url(../img/common/arrow_s_g.png) left center no-repeat;
  padding-left: 12px;
}

@media only screen and (max-width: 767px) {
  .aisatsu_nav #aisatsu_title{
    font-size: 1em;
  }
  
  .aisatsu_nav .aisatsu_new_link{
    top: 18px;
    font-size: 0.7em;
  }
  
  .aisatsu_nav #aisatsu_list{
    margin: 0 0 0 4%;
    padding-bottom: 10px;
  }
  
  .aisatsu_nav #aisatsu_list li{
    width: 44%;
    margin: 0 4% 10px 0;
    font-size: 0.8em;
  }
}

/*---- special ----*/
.special_box_1{
  width: 700px;
  margin: 0 auto 30px;
  border: 3px solid #F90;
}

.special_box_1 h4{
  padding: 25px 0 20px;
  text-align: center;
  font-size: 1.2em;
  color: #F90;
}

.special_box_1 h5{
  padding-bottom: 20px;
  text-align: center;
  font-size: 1.1em;
  color: #2C2020;
}

.special_box_1 .title_b{
  margin: 0 3% 10px;
  padding: 0 0 8px 10px;
  border-bottom: 1px solid #3399CC;
  text-align: left;
  color: #3399CC;
  text-indent: -2em;
  padding-left: 2.5em;
}

.special_box_1 p{
  margin: 0 25px 20px;
}

.special_box_1 .houshin_list_1{
  margin: 0 20px;
  padding: 10px 0 15px;
}

.special_box_1 .houshin_list_1 li{
  border-bottom: 1px dotted #2C2020;
  padding: 0 0 10px 20px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.05em;
  text-align: left;
  line-height: 1.3;
  text-indent: -1em;
}

.special_box_1 .houshin_list_2{
  margin: 0 25px 15px;
}

.special_box_1 .houshin_list_2 li{
  padding-bottom: 5px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 0.9em;
  line-height: 1.2;
}

.special_box_2 p{
  text-indent: -1em;
  padding-left: 1em;
}

@media only screen and (max-width: 767px) {
  .special_box_1{
    width: 96%;
    margin: 0 2% 40px;
  }
  
  .special_box_1 h4{
    padding: 12px 0 15px;
    font-size: 1.1em;
  }
  
  .special_box_1 h5{
    margin: 0 3%;
    padding-bottom: 15px;
    font-size: 0.9em;
  }
  
  .special_box_1 p{
    margin: 0 4% 15px;
  }
  
  .special_box_1 .houshin_list_1{
    margin: 0 4%;
    padding: 5px 0 10px;
  }
  
  .special_box_1 .houshin_list_1 li{
    padding: 0 0 10px 5%;
    margin-bottom: 8px;
    font-size: 0.9em;
  }
}

/*---- report.html ----*/
.report_txt section .normal_txt{
  background: none;
  margin: 0 4%;
  padding: 0 0 15px 0;
}

.report_txt section p{
  background: url(../img/common/pdf_icon.png) left center no-repeat;
  padding: 10px 0 10px 32px;
  margin: 0 4% 4px;
  font-size: 0.9em;
}

.report_txt section h3{
  padding-top: 25px;
  padding-bottom: 8px;
  margin-bottom: 0;
  font-size: 1.3em;
}

.report_txt section h4{
  border-bottom: 1px dotted #445E5C;
  padding: 15px 2% 4px;
  margin-bottom: 8px;
  font-size: 1em;
}

.report_txt section p span{
  padding-left: 10px;
  font-size: 0.8em;
}

.report_txt section .kessan_btn{
  color: #445E5B;
}

.report_txt section .kessan_btn:hover{
  cursor: pointer;
  text-decoration: underline;
}

.report_txt section .houkoku_box{
  width: 86%;
  margin: 0 auto 40px;
  display: none;
}

.report_txt section .houkoku_box h5{
  margin-top: 25px;
  text-align: center;
}

.report_txt section .houkoku_box p{
  background: none;
  padding: 0;
  margin: 0;
}

.report_txt section .houkoku_box table{
  margin-bottom: 30px;
  border: 2px solid #7AA9A8;
  font-size: 0.8em;
}

.report_txt section .houkoku_box table td,
.report_txt section .houkoku_box table th{
  border: 1px solid #7AA9A8;
  padding: 5px 8px;
}

.report_txt section .houkoku_box table th{
  width: 50%;
  background-color: #DAE4E4;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.report_txt section .houkoku_box table .double_line{
  height: 2px;
  padding: 0;
  font-size: 0;
}

@media only screen and (max-width: 767px) {
  .report_txt section .houkoku_box{
    width: 96%;
    margin: 0 auto 40px;
    display: none;
    font-size: 0.85em;
    line-height: 1.2;
  }

  .report_txt section .houkoku_box table th{
    font-size: 1em;
  }
}

/*---- access.html ----*/
.access_map{
  margin-bottom: 30px;
  display: block;
  text-align: center;
}

#access_txt ul{
  margin: 0 5% 25px;
}

#access_txt ul li{
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 8px;
}

#access_txt ul li span{
  padding-right: 8px;
  color: #7AA9A8;
  font-size: 0.8em;
}

#access_txt .line_bot{
  margin: 0 0 8px;
  padding: 0 2% 8px;
  border-bottom: 1px solid #7AA9A8;
}

#access_txt p{
  margin: 0 2%;
}

#map_box{
  width: 798px;
  height: 360px;
  margin: 60px auto 0;
}

#address_txt{
  border-bottom: 1px solid #699F66;
  border-right: 1px solid #699F66;
  border-left: 1px solid #699F66;
}

#address_txt h4{
  color: #4B7247;
}

#map_box{
  border: 1px solid #699F66;
}

#address_txt{
  background-color: #FFF;
  padding: 15px;
  text-align: center;
}

#address_txt h4{
  font-size: 1.2em;
  padding-bottom: 6px;
}

#address_txt p{
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #access_txt h4{
    font-size: 1.1em;
    margin: 0 0 8px 0;
  }

  #access_txt ul li{
    line-height: 1.4;
    font-size: 0.9em;
  }

  #map_box{
    width: 99.5%;
    height: 260px;
    margin: 30px auto 0;
  }
  
  #address_txt h4{
    font-size: 1.1em;
  }
}

/*---- organization.html ----*/
#stafflist_box{
  padding-top: 40px;
}

#stafflist_box h4:before{
  content: "■";
  padding-right: 4px;
  color: #8DADA0;
  display: inline-block;
}

#stafflist_box h4{
  margin: 25px 6px 8px 10px;
}

#stafflist_box h5{
  margin: 15px 6px 4px 16px;
  padding: 0;
  font-size: 1.1em;
}

#stafflist_box p{
  margin-bottom: 5px;
  text-align: right;
}

#stafflist_box table,
#stafflist_box table td,
#stafflist_box table th{
  border: 1px solid #8DADA0;
  padding: 8px 12px;
  line-height: 1.3;
}

#stafflist_box table{
  width: 100%;
}

#stafflist_box table th{
  background-color: #C7E9E0;
  padding: 5px 12px;
  font-size: 0.96em;
}

#stafflist_box table td{
  font-size: 0.9em;
}

@media only screen and (max-width: 767px) {
  #stafflist_box h5{
    margin: 15px 6px 4px 16px;
    padding: 0;
    font-size: 0.9em;
  }

  #stafflist_box table th{
    width: 14%;
    padding: 4px;
    font-size: 0.8em;
  }
  
  #stafflist_box table td{
     padding: 4px;
    font-size: 0.7em;
  }
}

/*---- 404.html ----*/
.page404_box section{
  padding-bottom: 430px;
}

@media only screen and (max-width: 767px) {
  .page404_box section{
    padding-bottom: 260px;  
  }
  
  .page404_box section h2{
    font-size: 1.2em !important;
  }
  
  .page404_box p{
    text-align: left !important;
  }
}