/*委員会紹介*/
.ic_content1 {
  margin-bottom: 60px;
}
.ic_content2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:20px;
}
.icc_content h3 {
  background-color: #FFFFB6;
  border: solid 2px #0095E5;
  padding: 10px 0px;
  text-align: center;
  font-size: 18px;
  color: #0095E5;
  margin-bottom: 20px;
}
.icc_content img {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}
.icc_link {
  width: 100%;
  text-align: center;
}
.icc_link a {
  background-color: #0096E6;
  display: inline-block;
  padding: 10px;
  color: #FFF;
  font-size: 14px;
  text-decoration: none;
}
.icc_link a:after {
  content: "\f18e";
  font-family: FontAwesome;
  margin-left: 10px;
}

@media screen and (max-width: 640px) {
  /*委員会紹介*/
  .ic_content1,
  .ic_content2 {
    padding: 0px 15px;
    margin-bottom: 30px;
  }
  .ic_content2 {
    grid-template-columns: 1fr;
  }

  .icc_content1 {
    float: none;
    margin-bottom: 15px;
    width: 100%;
    border: none;
    border-bottom: dotted 1px #CCC;
    padding-bottom: 15px;
  }
}


/*委員会詳細ページ*/
.icm_content1_wrap{
  margin-bottom:40px;
  padding:0 10px;
}
.icm_content1_wrap .icmc1_head {
  font-size:16px;
  color: #333;
  border-bottom: solid 2px #A8DBF6;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.icm_content1_wrap .activities_list{
  display:grid;
  grid-template-columns: repeat(2 , 1fr);
  gap:5px;
  margin:0;
  padding:0;
}
.icm_content1_wrap .activities_list li::before{
  content:'◇';
  margin-right:5px;
}

.icmc2_head {
  text-align: center;
  background-color: #0096E6;
  color: #FFF;
  margin-bottom:15px;
}
.icm_content2_wrap{
  margin-bottom:40px;
  padding:0 10px;
}
.icm_content2_wrap .composition{
  display: grid;
  grid-template-columns: repeat(2 , 1fr);
  gap:24px;
}
.icm_content2_wrap .officer_list{
  display: grid;
  place-content: center;
  grid-template-columns: repeat(auto-fit, 140px);
  gap: 12px 8px;
}
.icm_content2_wrap .member_list{
  display: grid;
  place-content: center;
  text-align:center;
  grid-template-columns: repeat(3 , 1fr);
  gap: 12px 8px;
  margin:0;
  padding:0;
}

.icm_content3_wrap{
  margin-bottom:40px;
  padding:0 10px;
}
.icm_content3_bg{
  background-color: #0095E5;
}
.icm_content3_wrap .icmc3_block{
  padding:20px;
}
.icm_content3_wrap .icmc3_head{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  align-items:center;
  color:#FFFFFF;
  border-bottom:1px solid #FFFFFF;
  padding:12px 18px 6px;
}
.icm_content3_wrap .icmc3_head h3{
  font-size:18px;
}
.icm_content3_wrap .icmc3_head .beliefs{
  background-color: #FFF000;
  text-align: center;
  display: inline-block;
  font-size: 75%;
  font-weight:700;
  color: #0096E6;
  margin-left:8px;
  padding: 6px 18px;
}
.icm_content3_wrap .icmc3_head .name{
  font-size:18px;
  text-align:right;
  color:#FFFFFF;
  margin:5px;
}
.icm_content3_wrap .textarea{
  padding:12px;
}
.icm_content3_wrap .textarea p{
  line-height:1.8;
  text-indent:1em;
  color:#EEEEEE;
}
.icm_content3_wrap .textarea .heading{
  font-weight:700;
  text-indent:0;
}
.icm_content3_wrap .photoarea{
  display: grid;
  place-items: center;
  padding:12px 12px 24px;
}

.icm_content4_wrap{
  margin-bottom:40px;
  padding:0 10px;
}
.icm_content4_wrap .icmc4_head h3{
  width: 100%;
  border-bottom: solid 3px #FFF000;
  font-size: 16px;
  color: #FFF;
  background-color: #0095E5;
  margin-bottom: 25px;
  padding: 10px;
}
.icm_content4_wrap .project_list{
  counter-reset: number 0;
  margin:0;
  padding:0;
}
.icm_content4_wrap .project_list h4{
  font-size: 18px;
  font-weight:700;
  color: #0095E5;
  margin-bottom: 20px;
}
.icm_content4_wrap .project_list h4:before {
  counter-increment: number 1;
  content: counter(number) ".";
}
.icm_content4_wrap .project_list li{
  border-bottom:1px solid #CCC;
  margin-bottom:12px;
  padding:12px;
}
.icm_content4_wrap .project_list dl{
  display:grid;
  grid-template-columns: 140px auto;
  gap:16px;
}
.icm_content4_wrap .project_list dt{
  display: grid;
  place-items: center;
  background-color: #66C0F0;
  color: #FFF;
  border-radius: 5px;
  text-align: center;
  padding:16px;
}
.icm_content4_wrap .project_list dd{
  display: grid;
  align-items:center;
}
@media screen and (max-width: 640px) {
  .icm_content1_wrap .activities_list{
    display:grid;
    grid-template-columns: repeat(1 , 1fr);
  }
  .icm_content2_wrap .officer_list{
    display: grid;
    place-content: center;
    grid-template-columns: repeat(3 , auto);
    gap: 12px 8px;
  }
  .icm_content2_wrap .composition{
    display: grid;
    grid-template-columns: repeat(1 , 1fr);
  }
  .icm_content3_wrap .icmc3_head{
    display: block;
  }
}