@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------

accordion

------------------------------------------------- */

.accordion {
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #EEEEEE;
  background: #FFFFFF;
}
.accordion h6 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.accordion h6.social { color: #0F6247; }
.accordion h6.care { color: #7A4FA6; }
.accordion h6.psychology { color: #FF6B12; }
.accordion h6.future { color: #ED2A53; }
.accordion h6.mind { color: #0070C0; }
.accordion ul li {
  margin: 20px 0 0;
}
.accordion ul li div p.accordion_title {
  padding: 20px;
  font-weight: bold;
  border-bottom: 1px dotted #CCCCCC;
}
.accordion ul li div p.accordion_text {
  padding: 20px;
}

.accordion .accordion_child {
  display: none;
  margin: 0 0 -1px;
  padding: 0;
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
}
.accordion .accordion_child .accordion_menu {
  background: #EAEAEA;
  color: #5E5E5E;
}
.accordion .accordion_child .accordion_menu:hover {
  background: #D0D0D0;
}
.accordion .accordion_child > li {
  margin: 5px 0;
  padding: 0 15px;
  border-bottom: 1px dotted #DDDDDD;
}
.accordion .accordion_child > li:last-child {
  border-bottom: 0;
}
.switch .accordion_menu:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1.0rem;
  content: '≫';
  font-size: 1.5rem;
  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear;
  color: #336699;
}
.switch .accordion_menu.active:after {
  right: 15px;
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.accordion_menu {
  display: block;
  position: relative;
  margin: 1px 0 0;
  padding: 10px;
}
.accordion_list .accordion_menu {
  background: #EEEEEE;
}
.accordion_list .accordion_menu:hover {
  color: #333333;
  background: #FAFAFA;
  cursor: pointer;
}

.about_switch .accordion_menu:after {
  color: #FFFFFF !important;
}
.accordion_list .bg01 {
  color: #FFFFFF;
  background:#70AD47;
}
.accordion_list .bg02 {
  color: #FFFFFF;
  background:#FF5050;
}
.accordion_list .bg03 {
  color: #FFFFFF;
  background:#4472C4;
}
.accordion_list .bg01:hover {
  background: #b7d6a3;
  cursor: pointer;
}
.accordion_list .bg02:hover {
  background: #ffa7a7;
  cursor: pointer;
}
.accordion_list .bg03:hover {
  background: #a1b8e1;
  cursor: pointer;
}

@media screen and (max-width:1000px) {
    .accordion ul li div p.accordion_title {
      padding: 10px;
    }
    .accordion ul li div p.accordion_text {
      padding: 10px;
    }
}
@media screen and (max-width:600px) {
    .accordion ul li a {
      padding: 10px 30px 10px 10px;
    }
    .accordion h6 {
      font-size: 18px;
    }
}