/*高知青年会議所とは*/
.au_content1 p {
  font-size: 16px;
  font-weight: bold;
  line-height: 200%;
  margin-bottom: 50px;
}
.ac1_img {
  text-align: center;
  margin-bottom: 40px;
}

.au_content2 ul {
  padding: 0px;
  margin: 0px;
}
.au_content2 li {
  width: 30%;
  background-color: #0096E6;
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
}

.au_content2 a {
  display: block;
  width: 100%;
  padding: 15px 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 16px;
}

.au_content2 a:after {
  content: "\f18e";
  font-family: FontAwesome;
  margin-left: 10px;
}

.ac2_img {
  margin-top: 20px;
}

.au_content3 {
  margin-top: 70px;
  padding: 50px 15px 15px 15px;
  background-color: #FFFFE9;
  border: solid 1px #0090D5;
  position: relative;
  margin-bottom: 10px;
}

.au_content3 h3 {
  position: absolute;
  top: -25px;
  left: -1px;
  padding: 10px 40px;
  background-color: #0090D5;
  color: #FFF;
}

.ac3_head {
  padding-right: 320px;
  background: url(/img/single_title_back2.png) 90% 10% no-repeat;
  border-bottom: dotted 2px #0090D5;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.ac3_body1 {
  border-bottom: dotted 2px #0090D5;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.ac3b_content {
  width: 32%;
  margin-right: 15px;
  float: left;
}

.ac3b_content h4 {
  width: 100%;
  padding: 5px;
  background-color: #FFF;
  border: solid 1px #0090D5;
  color: #0090D5;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}

.c_end {
  margin-right: 0px;
}

.ac3b_content2 {
  margin-bottom: 10px;
}

.activereport {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.au_content4 {
  margin-top: 10px;
  margin-bottom: 50px;
}

.au_content4 h3,
.au_content5 h3,
.au_content6 h3 {
  background-color: #0095E5;
  padding: 10px;
  width: 100%;
  border-bottom: solid 3px #FFF000;
  margin-bottom: 25px;
  font-size: 16px;
  color: #FFF;
}

.ac4_body1 p {
  font-size: 24px;
}

.ac4_body1,
.ac4_body2 {
  margin-bottom: 30px;
}

.ac4_body3 ul {
  padding: 0px;
  margin: 0px;
}

.au_content5 {
  margin-bottom: 50px;
}

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 640px) {
  /*高知JCとは*/
  .ac1_img img {
    width: 100%;
  }

  .au_content1 p {
    padding: 0px 15px;
    font-size: 14px;
  }

  .au_content2 ul {
    padding: 0px 15px;
    display: flex;
    flex-wrap: wrap;
  }

  .au_content2 ul:before {
    display: none;
  }

  .au_content2 ul li {
    display: flex;
    align-items: center;
  }

  .au_content2 {
    margin-bottom: 40px;
  }

  .au_content2 a:after {
    display: none;
  }

  .ac2_img {
    padding: 0px 15px;
  }

  .ac2_img a img {
    width: 100%;
  }

  .au_content3 {
    margin: 15px;
  }


  /*高知JCとは*/
  .ac3b_content {
    width: 100%;
    float: none;
    margin: 20px 0px;
  }

  .ac3_head {
    padding-right: 0px;
    background: none;
  }

  .ac4_body1,
  .ac4_body2,
  .ac4_body3 {
    padding: 0px 15px;
  }

  .au_content6 {
    margin-bottom: 40px;
  }
}