.c5-container {
  padding-top: 4.16667%; }

.c5-container * {
  line-height: 1.8;
  margin: 0; }

.c5-container img {
  max-width: 100%;
  vertical-align: bottom; }

@media screen and (max-width: 767px) {
  .c5-container {
    padding-top: 5.33333%; } }

.c5-mv-caption {
  margin-top: 1rem;
  font-size: 0.813rem !important;
  font-weight: 700; }

@media screen and (max-width: 767px) {
  .c5-mv-caption {
    margin-left: 30px; }
  .c5-mv-caption.c5-ml0 {
    margin-left: 0; } }

.c5-container__heading {
  margin-bottom: 1.16667%; }

.c5-container__heading a:hover {
  opacity: .7; }

.c5-container__heading + p a {
  text-decoration: underline; }

.c5-container__heading + p a:hover {
  text-decoration: none;
  opacity: .7; }

.c5-mt-25 {
  margin-top: 25px; }

.c5-mb-0 {
  margin-bottom: 0 !important; }

.c5-mb-15 {
  margin-bottom: 15px; }

.c5-br {
  padding-left: 1em;
  text-indent: -1em; }

.c5-fwb {
  font-weight: 700; }

.c5-container__ttl {
  font-size: 28px;
  text-align: center;
  margin-bottom: 2.5%;
  font-weight: 700; }

@media screen and (max-width: 768px) {
  .c5-container__ttl {
    font-size: 20px; } }

.c5-anchor__main {
  position: relative; }

.c5-anchor__main ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 100; }

@media screen and (max-width: 768px) {
  .c5-anchor__main ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

.c5-anchor__main ul.fixed {
  position: fixed;
  top: 0;
  max-width: 1200px; }

@media screen and (max-width: 768px) {
  .c5-anchor__main ul.fixed {
    width: 89.33%; } }

.c5-anchor__main ul li {
  width: 33.33%;
  text-align: center;
  list-style: none; }

.c5-anchor__main ul li a {
  display: block;
  padding: 10px 0 20px;
  position: relative;
  text-decoration: none;
  font-weight: 700; }

@media screen and (max-width: 768px) {
  .c5-anchor__main ul li a {
    font-size: 10px; } }

.c5-anchor__main ul li a:before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000; }

.c5-anchor__main ul li a:hover {
  opacity: .7; }

.c5-anchor__main ul li.current a {
  color: #fff; }

.c5-anchor__main ul li.current a:before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff; }

.c5-anchor__main ul li.c5-anchor__01 {
  background: #ece1f3;
  border-top: 3px solid #9f6bc2; }

.c5-anchor__main ul li.c5-anchor__01.current {
  background: #9f6bc2;
  border-top: none; }

.c5-anchor__main ul li.c5-anchor__02 {
  background: #f6dfe7;
  border-top: 3px solid #d16087; }

.c5-anchor__main ul li.c5-anchor__02.current {
  background: #d16087;
  border-top: none; }

.c5-anchor__main ul li.c5-anchor__03 {
  background: #cee2e7;
  border-top: 3px solid #0c6c85; }

.c5-anchor__main ul li.c5-anchor__03.current {
  background: #0c6c85;
  border-top: none; }

.c5-anchor__main ul li.c5-anchor__04 {
  background: #d3e8d4;
  border-top: 3px solid #238c2a; }

.c5-anchor__main ul li.c5-anchor__04.current {
  background: #238c2a;
  border-top: none; }

.c5-anchor__main ul li.c5-anchor__05 {
  background: #fcf1ce;
  border-top: 3px solid #f2b90c; }

.c5-anchor__main ul li.c5-anchor__05.current {
  background: #f2b90c;
  border-top: none; }

.c5-anchor__main ul li.c5-anchor__06 {
  background: #e8e7dc;
  border-top: 3px solid #8c8751; }

.c5-anchor__main ul li.c5-anchor__06.current {
  background: #8c8751;
  border-top: none; }

.c5-sec {
  padding: 5.16667% 0; }

@media screen and (max-width: 768px) {
  .c5-sec {
    margin: -30% 0 13.02%;
    padding-top: 30%; } }

.c5-sec__ttl {
  font-size: 24px;
  padding-left: 3.33%;
  margin-bottom: 1.2%;
  position: relative; }

@media screen and (max-width: 768px) {
  .c5-sec__ttl {
    font-size: 20px;
    padding-left: 6.66%; } }

.c5-sec__ttl:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #9f6bc2; }

@media screen and (max-width: 768px) {
  .c5-sec__ttl:before {
    top: 24%;
    width: 20px;
    height: 20px; } }

.c5-sec__ttl:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 7px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff; }

@media screen and (max-width: 768px) {
  .c5-sec__ttl:after {
    top: 38%;
    left: 1.4%;
    width: 10px;
    height: 10px; } }

.c5-sec__anchor {
  margin-bottom: 2.08%; }

@media screen and (max-width: 768px) {
  .c5-sec__anchor {
    margin-bottom: 15px; } }

.c5-sec__anchor ul {
  padding: 10px;
  border-radius: 10px;
  overflow: hidden; }

.c5-sec__anchor ul li {
  float: left;
  padding-left: 15px;
  margin-right: 15px;
  list-style: none;
  position: relative; }

.c5-sec__anchor ul li a {
  word-wrap: break-word;
  font-size: 16px;
  text-decoration: underline; }

@media screen and (max-width: 768px) {
  .c5-sec__anchor ul li a {
    font-size: 14px; } }

.c5-sec__anchor ul li:hover a {
  text-decoration: none; }

.c5-sec__anchor ul li:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  border-top: 8px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent; }

@media screen and (max-width: 768px) {
  .c5-sec__anchor ul li:before {
    top: 30%; } }

.c5-sec__headding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #999;
  padding-bottom: 15px;
  margin-bottom: 15px; }

@media screen and (max-width: 768px) {
  .c5-sec__headding {
    display: block; } }

.c5-sec h3 {
  font-size: 20px;
  line-height: 1.2; }

@media screen and (max-width: 768px) {
  .c5-sec h3 {
    font-size: 16px;
    line-height: 1.5; } }

.c5-sec h3 .c5-sec__caption {
  font-size: 16px;
  margin-left: 5px; }

@media screen and (max-width: 768px) {
  .c5-sec h3 .c5-sec__caption {
    font-size: 12px; } }

.c5-sec__sub {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 10px;
  margin-right: 10px;
  color: #fff;
  border-radius: 0 15px 15px 0; }

@media screen and (max-width: 768px) {
  .c5-sec__sub {
    font-size: 13px;
    margin-bottom: 15px; } }

.c5-sec__01 {
  margin-top: 10%; }

.c5-sec__01 .c5-sec__ttl:before {
  background: #9f6bc2; }

.c5-sec__01 .c5-sec__anchor ul {
  background: #f5f0f9; }

.c5-sec__01 .c5-sec__sub {
  background: #9f6bc2; }

.c5-sec__02 .c5-sec__ttl:before {
  background: #d16087; }

.c5-sec__02 .c5-sec__anchor ul {
  background: #faeff3; }

.c5-sec__02 .c5-sec__sub {
  background: #d16087; }

.c5-sec__03 .c5-sec__ttl:before {
  background: #0c6c85; }

.c5-sec__03 .c5-sec__anchor ul {
  background: #e6f0f3; }

.c5-sec__03 .c5-sec__sub {
  background: #0c6c85; }

.c5-sec__04 .c5-sec__ttl:before {
  background: #238c2a; }

.c5-sec__04 .c5-sec__anchor ul {
  background: #e9f3e9; }

.c5-sec__04 .c5-sec__sub {
  background: #238c2a; }

.c5-sec__05 .c5-sec__ttl:before {
  background: #f2b90c; }

.c5-sec__05 .c5-sec__anchor ul {
  background: #fef8e6; }

.c5-sec__05 .c5-sec__sub {
  background: #f2b90c; }

.c5-sec__06 .c5-sec__ttl:before {
  background: #8c8751; }

.c5-sec__06 .c5-sec__anchor ul {
  background: #f3f3ed; }

.c5-sec__06 .c5-sec__sub {
  background: #8c8751; }

.c5-sec__txt {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 15px; }

@media screen and (max-width: 768px) {
  .c5-sec__txt {
    font-size: 13px;
    line-height: 1.85; } }

.c5-sec__note {
  font-size: 14px;
  line-height: 1.42;
  color: #83838f;
  padding-left: 1em;
  text-indent: -1em; }

@media screen and (max-width: 768px) {
  .c5-sec__note {
    font-size: 13px;
    word-break: break-all;
    line-height: 1.85; } }

.c5-sec__img {
  margin-top: 30px;
  text-align: center; }

.c5-sec__wrap {
  margin-top: -40px;
  padding-top: 80px; }

@media screen and (max-width: 768px) {
  .c5-sec__wrap {
    margin-top: -30%;
    padding-top: 40%; } }

.c5-sec__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 768px) {
  .c5-sec__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.c5-sec__flex__left {
  width: 48.33%; }

@media screen and (max-width: 768px) {
  .c5-sec__flex__left {
    width: 100%; } }

.c5-sec__flex__left.c5-w70 {
  width: 65.833%; }

@media screen and (max-width: 768px) {
  .c5-sec__flex__left.c5-w70 {
    width: 100%; } }

.c5-sec__flex__right {
  width: 48.33%; }

@media screen and (max-width: 768px) {
  .c5-sec__flex__right {
    width: 100%;
    margin-top: 30px; } }

.c5-sec__flex__right.c5-w30 {
  width: 31.66%; }

@media screen and (max-width: 768px) {
  .c5-sec__flex__right.c5-w30 {
    width: 100%; } }

.c5-sec__flex .c5-sec__img {
  margin-top: 0; }

.c5-bnr {
  margin-top: 100px; }

@media screen and (max-width: 768px) {
  .c5-bnr {
    margin-top: 50px; } }

.c5-bnr__txt {
  font-size: 20px;
  font-weight: 700; }

@media screen and (max-width: 768px) {
  .c5-bnr__txt {
    font-size: 16px; } }

.c5-bnr__img {
  margin-top: 10px; }

.c5-bnr__img a {
  display: block;
  text-align: center; }

.c5-bnr__img a:hover {
  opacity: .7; }

.c5-button {
  width: 400px;
  margin: 50px auto 0; }

@media screen and (max-width: 768px) {
  .c5-button {
    width: 73.8%; } }

.c5-button a {
  display: block;
  text-align: center; }

.c5-sec__logo01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 768px) {
  .c5-sec__logo01 {
    width: 100%; } }

.c5-sec__logo01__left {
  width: 85%; }

.c5-sec__logo01__left figure {
  display: none; }

@media screen and (max-width: 768px) {
  .c5-sec__logo01__left {
    width: 100%; }
  .c5-sec__logo01__left figure {
    display: block;
    width: 30%;
    margin: 0 auto 3%; }
  .c5-sec__logo01__left figure img {
    width: 100%; } }

.c5-sec__logo01__right {
  width: 15%; }

@media screen and (max-width: 768px) {
  .c5-sec__logo01__right {
    display: none; } }

.c5-sec__logo02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 768px) {
  .c5-sec__logo02 {
    width: 100%; } }

.c5-sec__logo02__left {
  width: 70%; }

.c5-sec__logo02__left figure {
  display: none; }

@media screen and (max-width: 768px) {
  .c5-sec__logo02__left {
    width: 100%; }
  .c5-sec__logo02__left figure {
    display: block;
    width: 70%;
    margin: 0 auto 3%; }
  .c5-sec__logo02__left figure img {
    width: 100%; } }

.c5-sec__logo02__right {
  width: 30%;
  padding: 0 2.28%; }

@media screen and (max-width: 768px) {
  .c5-sec__logo02__right {
    display: none; } }

.c5-sec__logo03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 768px) {
  .c5-sec__logo03 {
    width: 100%; } }

.c5-sec__logo03__left {
  width: 80%; }

.c5-sec__logo03__left figure {
  display: none; }

@media screen and (max-width: 768px) {
  .c5-sec__logo03__left {
    width: 100%; }
  .c5-sec__logo03__left figure {
    display: block;
    width: 38%;
    margin: 5% auto 3%; }
  .c5-sec__logo03__left figure img {
    width: 100%; } }

.c5-sec__logo03__right {
  width: 20%;
  padding: 0 0 0 5%; }

@media screen and (max-width: 768px) {
  .c5-sec__logo03__right {
    display: none; } }

.c5-sec__logo04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media screen and (max-width: 768px) {
  .c5-sec__logo04 {
    width: 100%; } }

.c5-sec__logo04__left {
  width: 70%; }

.c5-sec__logo04__left figure {
  display: none; }

@media screen and (max-width: 768px) {
  .c5-sec__logo04__left {
    width: 100%; }
  .c5-sec__logo04__left figure {
    display: block;
    width: 70%;
    margin: 0 auto 3%; }
  .c5-sec__logo04__left figure img {
    width: 100%; } }

.c5-sec__logo04__right {
  width: 30%;
  padding: 0 2.28%; }

@media screen and (max-width: 768px) {
  .c5-sec__logo04__right {
    display: none; } }

.c5-sec__feat01_04 {
  width: 90%;
  margin: 1% auto; }

@media screen and (max-width: 768px) {
  .c5-sec__feat01_04 {
    width: 100%; } }
.c5-flex-reverse {
  flex-direction: column;
}
.c5-flex-reverse__item {
  width: 100%;
  margin-bottom: 15px;
}