@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : misc.css
 author     : Ability Consultant
 style info : エラー
=================================================================== */
.con_misc {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .con_misc {
    width: 91.66667%;
  }
}

@font-face {
  font-family: 'monotype_corsiva';
  src: url("../css/font/monotype-corsiva.woff") format("woff"), url("../css/font/monotype-corsiva.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* -----------------------------------------------------------
	#アニメーション
----------------------------------------------------------- */
@-moz-keyframes wave {
  0% {
    -moz-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -moz-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes wave {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wave {
  0% {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.con_misc {
  margin: 110px auto 100px;
}
@media only screen and (max-width: 767px) {
  .con_misc {
    margin: 5% auto 12%;
  }
}
.con_misc h3 {
  font-weight: normal;
  font-size: 129%;
  color: #03557e;
  letter-spacing: .36em;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .con_misc h3 {
    font-size: 122%;
  }
}
@media only screen and (max-width: 767px) {
  .con_misc h3 {
    font-size: 108%;
  }
}
.con_misc h3:before {
  content: '';
  background: #03557e;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: .5em;
  vertical-align: middle;
}
.con_misc h3:before {
  display: none;
}
.con_misc .txt {
  margin-top: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_misc .txt {
    margin-top: 4%;
    text-align: left;
  }
}

#topicpath li:last-child {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  width: 75%;
}