@charset "UTF-8";
/*--------------------- .information .article_mv ---------------------*/
.information .article_mv { position: relative; }
.information .article_mv::after {
  background: url("/img/kaigo/fresh/meeting/bg.png") no-repeat;
  content: "";
  display: block;
  height: 136px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 389px;
}

/*--------------------- .info_read_box ---------------------*/
.info_read_box { padding: 50px; }
.info_read_box .read_txt {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 30px;
}
/*--------------------- .info_ttl ---------------------*/
.info_ttl { margin-bottom: 30px; text-align: center; }
.info_ttl img { width: 20%; }


/*--------------------- .flex_box.info ---------------------*/
.flex_box.info { margin: 0 35px; }
.flex_box.info .flex_img { order: 2; width: 40%; }
.flex_box.info .flex_txt {
  color: #4b4b4b;
  font-size: 16px;
  font-weight: 100;
  line-height: 2;
  width: 55%;
}


/*--------------------- .flex_box.map_box ---------------------*/
.flex_box.map_box { align-items: stretch; }
.map_box .flex_img { width: 60%; }
.map_box .flex_txt { width: 36%; }
.flex_img iframe { width: 100% !important; }

.info_add_txt {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 25px;
}


/*--------------------- .flex_box.map_box ---------------------*/
.info_map { width: 60%; }
.info_map iframe { width: 100% !important; }


/*--------------------- .f_acr ---------------------*/
.accordion { margin-bottom: 50px; }
.accordion .ac_list { margin-bottom: 12px; position: relative; }
.accordion .ac_inr { display: none; }
.accordion .ac_box {
  /*background: linear-gradient(90deg,#000 0%,#000 47px,#333 47px,#333 100%);*/
  background-color: #333;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 0.1em;
  padding: 10px 10px 10px 60px;
}
.accordion .ac_box::before {
  background-color: #fff;
  border-radius: 5px;
  content: "";
  height: 38px;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 38px;
}
.accordion .ac_inr li.ac_content{
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 20px 40px 30px;
}

/*--------------------- .icon_box ---------------------*/
/*.icon_box {
  background-color: #fff;
  border-radius: 5px;
  height: 35px;
  position: absolute;
  top: 7px;
  left: 6px;
  width: 35px;
}
.icon_box span {
  background-color: #333;
  height: 2px;
  position: absolute;
  top: 17px;
  left: 11px;
  width: 40%;
}*/

/*--------------------- .ac_icon ---------------------*/
.ac_icon,
.ac_icon span { display: inline-block; transition: all .4s; }
.ac_icon {
  float: left;
  height: 25px;
  position: absolute;
  top: 12px;
  left: 11px;
  width: 25px;
}
.ac_icon span {
  background-color: #333;
  height: 3px;
  position: absolute;
  left: 5px;
  width: 70%;
}
.ac_icon span:nth-of-type(1) {
  top: 11px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.ac_icon span:nth-of-type(2) {
  top: 11px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.ac_icon.active span:nth-of-type(1) { display: none; }
.ac_icon.active span:nth-of-type(2) {
  top: 11px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}


/*--------------------- .meeting_list ---------------------*/
.meeting_list {
  border-bottom: 1px dotted #333;
  overflow: hidden;
  padding: 25px 0;
  width: 100%;
}
.meeting_list.first { padding: 0 0 25px; }
.meeting_list.last { border-bottom: none; padding: 25px 0 0; }
.meeting_list dt {
  color: #377c48;
  float: left;
  font-weight: 400;
  letter-spacing: 0.1em;
  vertical-align: top;
}
.meeting_list dd { margin-left: 150px; }
.meeting_adr{ font-size: 12px; }
.meeting_qr{
  padding: 10px 20px;
}



@media only screen and (max-width: 768px) {
  /*--------------------- .information .article_mv ---------------------*/
  .information .article_mv::after {
    background-size: contain;
    height: 68px;
    width: 195px;
  }
  
  /*--------------------- .info_read_box ---------------------*/
  .info_read_box { padding: 60px 20px; }
  .info_read_box .read_txt { font-size: 16px; }
  
  /*--------------------- .flex_box.info ---------------------*/
  .flex_box.info { margin: 0; }
  .flex_box.info .flex_img { width: 100%; }
  .flex_box.info .flex_txt {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    width: 100%;
  }
  
  /*--------------------- .info_ttl ---------------------*/
  .info_ttl { margin-bottom: 20px; }
  .info_ttl img { width: 50%; }
  
  /*--------------------- .flex_box.map_box ---------------------*/
  .map_box .flex_img { margin-bottom: 15px; width: 100%; }
  .map_box .flex_txt { width: 100%; }
  .flex_img iframe { height: 300px !important; }
  
  /*--------------------- .flex_box.map_box ---------------------*/
  .info_map { width: 100%; }
  .info_map iframe { height: 300px !important; }

  /*--------------------- .f_acr ---------------------*/
  .accordion .ac_inr li.ac_content{ padding: 15px; }
  
  /*--------------------- .meeting_list ---------------------*/
  .meeting_list { padding: 15px 0; }
  .meeting_list.first { padding: 0 0 15px; }
  .meeting_list.last { padding: 15px 0 0; }
  .meeting_list dt { float: none; }
  .meeting_list dd { margin: 0 0 15px 0; }

  .meeting_adr{ font-size: 12px; }
  .meeting_qr{ padding: 20px 0; }
  .meeting_qr img{
    display: block;
    margin: 0 auto;
    transform: translateX(-1.4em);
  }
}