@charset "UTF-8";
/* Scss Document */ /* CSS Document */
@media (min-width: 768px) {
  #contents,
  #sub_sidebar {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 50px;
  }
  #contents .fullarea,
  #sub_sidebar .fullarea {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
  }
  #contents .widearea,
  #sub_sidebar .widearea {
    margin: 0 -50px;
  }
  #contents .widearea .normalarea,
  #sub_sidebar .widearea .normalarea {
    margin: 0 50px;
  }
  #contents .narrowarea,
  #sub_sidebar .narrowarea {
    margin: 0 50px;
  }
  .w-wide {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
  }
  .w-normal {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 50px;
  }
  .w-narrow {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 50px;
  }
  #content {
    max-width: 980px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  #contents,
  :not(#contents) .w-wide,
  :not(#contents) .w-normal,
  :not(#contents) .w-narrow {
    padding: 0 5vw;
  }
  #contents .fullarea {
    margin: 0 -5vw;
  }
  #contents .widearea {
    margin: 0 -5vw;
  }
  #contents .widearea .normalarea {
    margin: 0 5vw;
  }
}
#sub_sidebar {
  margin: 10vw auto 10vw;
}
@media (min-width: 768px) {
  #sub_sidebar {
    margin: 80px auto 80px;
    padding: 0;
  }
}

main section {
  margin: 10vw 0;
}
@media (min-width: 768px) {
  main section {
    margin: 80px 0;
  }
}

/*------------------------------------------*/
span.color_default {
  color: #9c1b50 !important;
}
span.color_sc {
  color: #e98d12 !important;
}
span.color_skill {
  color: #295ea4 !important;
}
span.color_member {
  color: #f75442 !important;
}
span.color_support {
  color: #4e8a74 !important;
}

/*------------------------------------------*/
table.colorsample {
  margin: 0 auto;
  width: auto;
}
table.colorsample thead th {
  background: none;
  text-align: center;
  font-weight: normal;
  padding: 0;
}
table.colorsample thead th:nth-of-type(2) {
  color: #e98d12;
}
table.colorsample thead th:nth-of-type(3) {
  color: #295ea4;
}
table.colorsample thead th:nth-of-type(4) {
  color: #f75442;
}
table.colorsample thead th:nth-of-type(5) {
  color: #4e8a74;
}
table.colorsample thead th:nth-of-type(6) {
  color: #9c1b50;
}
table.colorsample thead th:nth-of-type(7) {
  color: #999999;
}
table.colorsample tbody tr {
  background: none !important;
}
table.colorsample tbody th {
  font-weight: normal;
}
table.colorsample tbody tr:nth-of-type(1) td {
  width: 120px;
}
table.colorsample tbody tr:nth-of-type(1) td:nth-of-type(1) {
  background: #a46313;
}
table.colorsample tbody tr:nth-of-type(1) td:nth-of-type(2) {
  background: #1c4170;
}
table.colorsample tbody tr:nth-of-type(1) td:nth-of-type(3) {
  background: #c74848;
}
table.colorsample tbody tr:nth-of-type(1) td:nth-of-type(4) {
  background: #396855;
}
table.colorsample tbody tr:nth-of-type(1) td:nth-of-type(5) {
  background: #691236;
}
table.colorsample tbody tr:nth-of-type(1) td:nth-of-type(6) {
  background: #444444;
}
table.colorsample tbody tr:nth-of-type(2) td:nth-of-type(1) {
  background: #e98d12;
}
table.colorsample tbody tr:nth-of-type(2) td:nth-of-type(2) {
  background: #295ea4;
}
table.colorsample tbody tr:nth-of-type(2) td:nth-of-type(3) {
  background: #f75442;
}
table.colorsample tbody tr:nth-of-type(2) td:nth-of-type(4) {
  background: #4e8a74;
}
table.colorsample tbody tr:nth-of-type(2) td:nth-of-type(5) {
  background: #9c1b50;
}
table.colorsample tbody tr:nth-of-type(2) td:nth-of-type(6) {
  background: #999999;
}
table.colorsample tbody tr:nth-of-type(3) td:nth-of-type(1) {
  background: #ffdaae;
}
table.colorsample tbody tr:nth-of-type(3) td:nth-of-type(2) {
  background: #add4ff;
}
table.colorsample tbody tr:nth-of-type(3) td:nth-of-type(3) {
  background: #ffb1b1;
}
table.colorsample tbody tr:nth-of-type(3) td:nth-of-type(4) {
  background: #c2f1e0;
}
table.colorsample tbody tr:nth-of-type(3) td:nth-of-type(5) {
  background: #fbd0e8;
}
table.colorsample tbody tr:nth-of-type(3) td:nth-of-type(6) {
  background: #dddddd;
}
table.colorsample tbody tr:nth-of-type(4) td:nth-of-type(1) {
  background: #fff7ee;
}
table.colorsample tbody tr:nth-of-type(4) td:nth-of-type(2) {
  background: #eef6fe;
}
table.colorsample tbody tr:nth-of-type(4) td:nth-of-type(3) {
  background: #ffefef;
}
table.colorsample tbody tr:nth-of-type(4) td:nth-of-type(4) {
  background: #f2fcf8;
}
table.colorsample tbody tr:nth-of-type(4) td:nth-of-type(5) {
  background: #fef3f9;
}
table.colorsample tbody tr:nth-of-type(4) td:nth-of-type(6) {
  background: #f4f4f4;
}

/*------------------------------------------*/
.category_bg {
  background: #fbd0e8;
}
.page-sc .category_bg {
  background: #ffdaae;
}
.page-skill .category_bg {
  background: #add4ff;
}
.page-member .category_bg {
  background: #ffb1b1;
}
.page-support .category_bg {
  background: #c2f1e0;
}

.bg.color_default {
  background: #fef3f9 !important;
}
.bg.color_sc {
  background: #fff7ee !important;
}
.bg.color_skill {
  background: #eef6fe !important;
}
.bg.color_member {
  background: #ffefef !important;
}
.bg.color_support {
  background: #f2fcf8 !important;
}
.bg.color_gray {
  background: #f4f4f4 !important;
}

.full_bg {
  position: relative;
}
.full_bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  z-index: -1;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
}
.full_bg.color_default::before {
  background: #fef3f9 !important;
}
.full_bg.color_sc::before {
  background: #fff7ee !important;
}
.full_bg.color_skill::before {
  background: #eef6fe !important;
}
.full_bg.color_member::before {
  background: #ffefef !important;
}
.full_bg.color_support::before {
  background: #f2fcf8 !important;
}
.full_bg.color_gray::before {
  background: #f4f4f4 !important;
}

/*------------------------------------------*/
h1 {
  font-size: 26px;
  color: #9c1b50;
  border-bottom: 5px solid #fbd0e8;
  background: #fef3f9;
  padding: 10px 20px;
  margin: 0 -5vw 5vw;
  text-align: center;
  font-weight: normal;
  line-height: 1.4;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  h1 {
    font-size: 34px;
    border-bottom-width: 10px;
    margin: 0 0 50px;
    padding: 15px 30px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
  }
}
.page-sc h1 {
  color: #e98d12;
  border-bottom-color: #ffdaae;
  background: rgba(255, 247, 238, 0.9);
}
.page-skill h1 {
  color: #295ea4;
  border-bottom-color: #add4ff;
  background: rgba(238, 246, 254, 0.9);
}
.page-member h1 {
  color: #f75442;
  border-bottom-color: #ffb1b1;
  background: rgba(255, 239, 239, 0.9);
}
.page-support h1 {
  color: #4e8a74;
  border-bottom-color: #c2f1e0;
  background: rgba(242, 252, 248, 0.9);
}
h1.color_default {
  color: #9c1b50 !important;
  border-bottom-color: #fbd0e8 !important;
  background: rgba(254, 243, 249, 0.9) !important;
}
h1.color_sc {
  color: #e98d12 !important;
  border-bottom-color: #ffdaae !important;
  background: rgba(255, 247, 238, 0.9) !important;
}
h1.color_skill {
  color: #295ea4 !important;
  border-bottom-color: #add4ff !important;
  background: rgba(238, 246, 254, 0.9) !important;
}
h1.color_member {
  color: #f75442 !important;
  border-bottom-color: #ffb1b1 !important;
  background: rgba(255, 239, 239, 0.9) !important;
}
h1.color_support {
  color: #4e8a74 !important;
  border-bottom-color: #c2f1e0 !important;
  background: rgba(242, 252, 248, 0.9) !important;
}
h1.color_gray {
  color: #999999 !important;
  border-bottom-color: #dddddd !important;
  background: rgba(244, 244, 244, 0.9) !important;
}
h1 .sub {
  display: block;
  font-size: 14px;
}
@media (min-width: 768px) {
  h1 .sub {
    font-size: 20px;
  }
}
h1 .subtitle {
  display: block;
}

.h1_bg .bg {
  background: no-repeat center top/cover #f1f1f1;
  height: 260px;
  margin: 0 -5vw;
}
@media (min-width: 768px) {
  .h1_bg .bg {
    font-size: 42px;
    border-bottom-width: 10px;
    margin: 0;
    padding: 10px 30px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
  }
}
.h1_bg h1 {
  margin-left: 0;
  margin-right: 0;
  margin-top: -30px;
}
@media (min-width: 768px) {
  .h1_bg h1 {
    margin-top: -60px;
    left: 0;
    transform: none;
    width: auto;
  }
}

h1.h1_image {
  margin-left: -5vw;
  margin-right: -5vw;
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  h1.h1_image {
    margin-left: 0;
    margin-right: 0;
    padding: 0 8px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
  }
}

/*------------------------------------------*/
h2 {
  border: 5px solid #9c1b50;
  background: #fef3f9;
  color: #9c1b50;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.4;
  margin: 10vw 0 20px;
  padding: 15px 20px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 28px;
    margin: 50px 0 30px;
  }
}
.page-sc h2 {
  border-color: #e98d12;
  background: #fff7ee;
  color: #e98d12;
}
.page-skill h2 {
  border-color: #295ea4;
  background: #eef6fe;
  color: #295ea4;
}
.page-member h2 {
  border-color: #f75442;
  background: #ffefef;
  color: #f75442;
}
.page-support h2 {
  border-color: #4e8a74;
  background: #f2fcf8;
  color: #4e8a74;
}
h2.color_default {
  border-color: #9c1b50 !important;
  background: #fef3f9 !important;
  color: #9c1b50 !important;
}
h2.color_sc {
  border-color: #e98d12 !important;
  background: #fff7ee !important;
  color: #e98d12 !important;
}
h2.color_skill {
  border-color: #295ea4 !important;
  background: #eef6fe !important;
  color: #295ea4 !important;
}
h2.color_member {
  border-color: #f75442 !important;
  background: #ffefef !important;
  color: #f75442 !important;
}
h2.color_support {
  border-color: #4e8a74 !important;
  background: #f2fcf8 !important;
  color: #4e8a74 !important;
}
h2.color_gray {
  border-color: #999999 !important;
  background: #f4f4f4 !important;
  color: #999999 !important;
}

h2.h2_bg,
h2.h2_image {
  border: none;
  color: #fff !important;
  background: #9c1b50;
}
.page-sc h2.h2_bg,
.page-sc h2.h2_image {
  background: #e98d12;
}
.page-skill h2.h2_bg,
.page-skill h2.h2_image {
  background: #295ea4;
}
.page-member h2.h2_bg,
.page-member h2.h2_image {
  background: #f75442;
}
.page-support h2.h2_bg,
.page-support h2.h2_image {
  background: #4e8a74;
}
h2.h2_bg.color_default,
h2.h2_image.color_default {
  background: #9c1b50 !important;
}
h2.h2_bg.color_sc,
h2.h2_image.color_sc {
  background: #e98d12 !important;
}
h2.h2_bg.color_skill,
h2.h2_image.color_skill {
  background: #295ea4 !important;
}
h2.h2_bg.color_member,
h2.h2_image.color_member {
  background: #f75442 !important;
}
h2.h2_bg.color_support,
h2.h2_image.color_support {
  background: #4e8a74 !important;
}
h2.h2_bg.color_gray,
h2.h2_image.color_gray {
  background: #999999 !important;
}

h2.h2_noeffect {
  background: none !important;
  padding: 5px 0 5px 15px;
  border-left: 10px solid #9c1b50;
  color: #9c1b50;
}
@media (min-width: 768px) {
  h2.h2_noeffect {
    padding-left: 20px;
  }
}
.page-sc h2.h2_noeffect {
  border-color: #e98d12;
  color: #e98d12;
}
.page-skill h2.h2_noeffect {
  border-color: #295ea4;
  color: #295ea4;
}
.page-member h2.h2_noeffect {
  border-color: #f75442;
  color: #f75442;
}
.page-support h2.h2_noeffect {
  border-color: #4e8a74;
  color: #4e8a74;
}
h2.h2_noeffect.color_default {
  border-color: #9c1b50 !important;
  color: #9c1b50 !important;
}
h2.h2_noeffect.color_sc {
  border-color: #e98d12 !important;
  color: #e98d12 !important;
}
h2.h2_noeffect.color_skill {
  border-color: #295ea4 !important;
  color: #295ea4 !important;
}
h2.h2_noeffect.color_member {
  border-color: #f75442 !important;
  color: #f75442 !important;
}
h2.h2_noeffect.color_support {
  border-color: #4e8a74 !important;
  color: #4e8a74 !important;
}
h2.h2_noeffect.color_gray {
  border-color: #999999 !important;
  color: #999999 !important;
}
h2.h2_noeffect.color_black {
  border-color: #333 !important;
  color: #333 !important;
}

h2.h2_noeffect {
  padding: 0;
  border: none !important;
}

h2.h2_image {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
}
h2.h2_image span {
  display: block;
  width: calc(100% - 80px);
  padding: 10px 15px;
  font-weight: normal;
  box-sizing: border-box;
  min-height: 70px;
  display: flex;
  align-items: center;
  line-height: 1.3;
}
@media (min-width: 768px) {
  h2.h2_image span {
    width: calc(100% - 300px);
    padding: 10px 20px;
    min-height: 100px;
  }
}
h2.h2_image .image {
  width: 120px;
  background: no-repeat center center/cover;
}
@media (min-width: 768px) {
  h2.h2_image .image {
    width: 300px;
  }
}

.postlsit {
  margin: 0 0 5vw;
}
@media (min-width: 768px) {
  .postlsit {
    margin: 0 0 20px;
    overflow: hidden;
  }
}
.postlsit .past_event,
.postlsit .post_category {
  display: table;
  border-collapse: separate;
  background: #9c1b50;
  color: #fff;
  font-size: 13px;
  padding: 5px 10px 3px;
  line-height: 1;
}
.page-sc .postlsit .past_event, .page-skill .postlsit .past_event, .page-member .postlsit .past_event, .page-support .postlsit .past_event,
.page-sc .postlsit .post_category,
.page-skill .postlsit .post_category,
.page-member .postlsit .post_category,
.page-support .postlsit .post_category {
  background: #999999;
}
.postlsit .past_event.color_default,
.postlsit .post_category.color_default {
  background: #9c1b50 !important;
}
.postlsit .past_event.color_sc,
.postlsit .post_category.color_sc {
  background: #e98d12 !important;
}
.postlsit .past_event.color_skill,
.postlsit .post_category.color_skill {
  background: #295ea4 !important;
}
.postlsit .past_event.color_member,
.postlsit .post_category.color_member {
  background: #f75442 !important;
}
.postlsit .past_event.color_support,
.postlsit .post_category.color_support {
  background: #4e8a74 !important;
}
.postlsit .past_event.color_gray,
.postlsit .post_category.color_gray {
  background: #999999 !important;
}
.postlsit .past_event.cat14, .postlsit .past_event.cat15, .postlsit .past_event.cat78, .postlsit .past_event.cat112, .postlsit .past_event.cat113,
.postlsit .post_category.cat14,
.postlsit .post_category.cat15,
.postlsit .post_category.cat78,
.postlsit .post_category.cat112,
.postlsit .post_category.cat113 {
  background: #e98d12;
}
.postlsit .past_event.cat16, .postlsit .past_event.cat81, .postlsit .past_event.cat98, .postlsit .past_event.cat101,
.postlsit .post_category.cat16,
.postlsit .post_category.cat81,
.postlsit .post_category.cat98,
.postlsit .post_category.cat101 {
  background: #295ea4;
}
.postlsit .past_event.cat50, .postlsit .past_event.cat51, .postlsit .past_event.cat99, .postlsit .past_event.cat100,
.postlsit .post_category.cat50,
.postlsit .post_category.cat51,
.postlsit .post_category.cat99,
.postlsit .post_category.cat100 {
  background: #f75442;
}
.postlsit .past_event.cat114, .postlsit .past_event.cat115, .postlsit .past_event.cat116,
.postlsit .post_category.cat114,
.postlsit .post_category.cat115,
.postlsit .post_category.cat116 {
  background: #4e8a74;
}
.postlsit .post_category {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: top;
}
.postlsit .p_title .f_year {
  margin-top: -5px;
  margin-bottom: -5px;
  font-size: 12px;
}
.postlsit .p_title h3 {
  border: none;
  background: none;
  margin: 10px 0;
  padding: 0 0 0 5px;
  font-size: 17px;
}
@media (min-width: 768px) {
  .postlsit .p_title h3 {
    font-size: 20px;
  }
}
.postlsit .p_title h3 a {
  color: #9c1b50 !important;
}
.page-sc .postlsit .p_title h3 a {
  color: #e98d12 !important;
}
.page-skill .postlsit .p_title h3 a {
  color: #295ea4 !important;
}
.page-member .postlsit .p_title h3 a {
  color: #f75442 !important;
}
.page-support .postlsit .p_title h3 a {
  color: #4e8a74 !important;
}

.post_title {
  margin: 0 0 20px;
}
.post_title > a {
  display: block;
  text-decoration: none;
  border: 4px solid #9c1b50;
  padding: 10px 30px 10px 10px;
  text-decoration: none;
  position: relative;
}
@media (min-width: 768px) {
  .post_title > a {
    padding: 10px 30px 10px 10px;
    border-width: 5px;
  }
}
.post_title > a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  border-left: 6px solid #691236;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .post_title > a::after {
    border-top-width: 8px !important;
    border-bottom-width: 8px !important;
    border-left-width: 10px;
    right: 20px;
  }
}
.page-sc .post_title > a {
  border-color: #e98d12;
  color: #e98d12;
}
.page-sc .post_title > a:after {
  border-color: #a46313;
}
.page-skill .post_title > a {
  border-color: #295ea4;
  color: #295ea4;
}
.page-skill .post_title > a:after {
  border-color: #1c4170;
}
.page-member .post_title > a {
  border-color: #f75442;
  color: #f75442;
}
.page-member .post_title > a:after {
  border-color: #c74848;
}
.page-support .post_title > a {
  border-color: #4e8a74;
  color: #4e8a74;
}
.page-support .post_title > a:after {
  border-color: #396855;
}
.post_title > a.color_default {
  border-color: #9c1b50 !important;
  color: #9c1b50 !important;
}
.post_title > a.color_default:after {
  border-color: #691236 !important;
}
.post_title > a.color_sc {
  border-color: #e98d12 !important;
  color: #e98d12 !important;
}
.post_title > a.color_sc:after {
  border-color: #a46313 !important;
}
.post_title > a.color_skill {
  border-color: #295ea4 !important;
  color: #295ea4 !important;
}
.post_title > a.color_skill:after {
  border-color: #1c4170 !important;
}
.post_title > a.color_member {
  border-color: #f75442 !important;
  color: #f75442 !important;
}
.post_title > a.color_member:after {
  border-color: #c74848 !important;
}
.post_title > a.color_support {
  border-color: #4e8a74 !important;
  color: #4e8a74 !important;
}
.post_title > a.color_support:after {
  border-color: #396855 !important;
}
.post_title > a.color_gray {
  border-color: #999999 !important;
  color: #999999 !important;
}
.post_title > a.color_gray:after {
  border-color: #444444 !important;
}
.post_title > a.color_black {
  border-color: #333 !important;
  color: #333 !important;
}
.post_title > a.color_black:after {
  border-color: #000 !important;
}
.post_title h2 {
  margin: 5px 0;
  font-size: 20px;
  border: none;
  padding: 0;
  color: inherit !important;
  text-decoration: underline;
  background: none !important;
}
@media (min-width: 768px) {
  .post_title h2 {
    margin: 5px 0 0;
    font-size: 24px;
  }
}

/*------------------------------------------*/
h3 {
  background: #9c1b50;
  color: #fff;
  font-size: 18px;
  padding: 5px 10px;
  font-weight: normal;
  line-height: 1.3;
  margin: 30px 0 15px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  h3 {
    font-size: 22px;
    margin: 30px 0 20px;
    padding: 10px 20px;
  }
}
h3 a {
  color: #fff !important;
}
.page-sc h3 {
  background: #e98d12;
}
.page-skill h3 {
  background: #295ea4;
}
.page-member h3 {
  background: #f75442;
}
.page-support h3 {
  background: #4e8a74;
}
h3.color_default {
  background: #9c1b50 !important;
}
h3.color_sc {
  background: #e98d12 !important;
}
h3.color_skill {
  background: #295ea4 !important;
}
h3.color_member {
  background: #f75442 !important;
}
h3.color_support {
  background: #4e8a74 !important;
}

h3.h3_search {
  background: none;
}

h3.h3_noeffect {
  padding: 0;
  border: none !important;
  background: none;
  color: #333;
}
h3.h3_noeffect.color_default {
  color: #9c1b50 !important;
}
h3.h3_noeffect.color_sc {
  color: #e98d12 !important;
}
h3.h3_noeffect.color_skill {
  color: #295ea4 !important;
}
h3.h3_noeffect.color_member {
  color: #f75442 !important;
}
h3.h3_noeffect.color_support {
  color: #4e8a74 !important;
}
h3.h3_noeffect.color_gray {
  color: #999999 !important;
}

h3.h3_frame {
  text-align: center;
  color: #9c1b50;
  border: 2px solid #fbd0e8;
  background: #fef3f9;
  padding: 10px 20px;
}
.page-sc h3.h3_frame {
  color: #e98d12;
  border-color: #ffdaae;
  background: #fff7ee;
}
.page-skill h3.h3_frame {
  color: #295ea4;
  border-color: #add4ff;
  background: #eef6fe;
}
.page-member h3.h3_frame {
  color: #f75442;
  border-color: #ffb1b1;
  background: #ffefef;
}
.page-support h3.h3_frame {
  color: #4e8a74;
  border-color: #c2f1e0;
  background: #f2fcf8;
}
h3.h3_frame.color_default {
  color: #9c1b50 !important;
  border-color: #fbd0e8 !important;
  background: #fef3f9 !important;
}
h3.h3_frame.color_sc {
  color: #e98d12 !important;
  border-color: #ffdaae !important;
  background: #fff7ee !important;
}
h3.h3_frame.color_skill {
  color: #295ea4 !important;
  border-color: #add4ff !important;
  background: #eef6fe !important;
}
h3.h3_frame.color_member {
  color: #f75442 !important;
  border-color: #ffb1b1 !important;
  background: #ffefef !important;
}
h3.h3_frame.color_support {
  color: #4e8a74 !important;
  border-color: #c2f1e0 !important;
  background: #f2fcf8 !important;
}
h3.h3_frame.color_gray {
  color: #999999 !important;
  border-color: #dddddd !important;
  background: #f4f4f4 !important;
}

/*------------------------------------------*/
h4 {
  border-left: 5px solid #9c1b50;
  font-size: 17px;
  padding: 5px 0 5px 15px;
  font-weight: normal;
  line-height: 1.3;
  margin: 10px 0 10px;
  line-height: 1.4;
  color: #9c1b50;
}
@media (min-width: 768px) {
  h4 {
    font-size: 18px;
    margin: 10px 0 10px;
    padding-left: 20px;
  }
}
.page-sc h4 {
  border-color: #e98d12;
  color: #e98d12;
}
.page-skill h4 {
  border-color: #295ea4;
  color: #295ea4;
}
.page-member h4 {
  border-color: #f75442;
  color: #f75442;
}
.page-support h4 {
  border-color: #4e8a74;
  color: #4e8a74;
}
h4.color_default {
  border-color: #9c1b50 !important;
  color: #9c1b50 !important;
}
h4.color_sc {
  border-color: #e98d12 !important;
  color: #e98d12 !important;
}
h4.color_skill {
  border-color: #295ea4 !important;
  color: #295ea4 !important;
}
h4.color_member {
  border-color: #f75442 !important;
  color: #f75442 !important;
}
h4.color_support {
  border-color: #4e8a74 !important;
  color: #4e8a74 !important;
}
h4.color_gray {
  border-color: #999999 !important;
  color: #999999 !important;
}
h4.color_black {
  border-color: #333 !important;
  color: #333 !important;
}

h4.h4_noeffect {
  padding: 0;
  border: none !important;
}

h4.h4_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 0;
}
h4.h4_icon i {
  display: block;
  margin-right: 15px;
  font-size: 1px;
  width: 30px;
}
@media (min-width: 768px) {
  h4.h4_icon i {
    width: 50px;
  }
}

/*------------------------------------------*/
h5 {
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  margin: 20px 0 15px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  h5 {
    font-size: 20px;
  }
}
.page-sc h5 {
  color: #e98d12;
}
.page-skill h5 {
  color: #295ea4;
}
.page-member h5 {
  color: #f75442;
}
.page-support h5 {
  color: #4e8a74;
}
h5.color_default {
  color: #9c1b50 !important;
}
h5.color_sc {
  color: #e98d12 !important;
}
h5.color_skill {
  color: #295ea4 !important;
}
h5.color_member {
  color: #f75442 !important;
}
h5.color_support {
  color: #4e8a74 !important;
}
h5.color_gray {
  color: #999999 !important;
}
h5.color_black {
  color: #333 !important;
}

/*------------------------------------------*/
h6 {
  font-weight: normal;
  text-align: left;
  font-size: 16px;
  margin: 20px 0 15px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  h6 {
    font-size: 18px;
  }
}

/*------------------------------------------*/
.fs_90 {
  font-size: 90%;
}

.fs_110 {
  font-size: 110%;
}

.fs_120 {
  font-size: 120%;
}

.fs_130 {
  font-size: 130%;
}

strong {
  font-weight: bold;
}

/*------------------------------------------*/
mark {
  display: inline-block;
  padding: 0 5px;
  color: #fff;
  background: #9c1b50;
}
.page-sc mark {
  background: #e98d12;
}
.page-skill mark {
  background: #295ea4;
}
.page-member mark {
  background: #f75442;
}
.page-support mark {
  background: #4e8a74;
}
mark.color_default {
  background: #9c1b50 !important;
}
mark.color_sc {
  background: #e98d12 !important;
}
mark.color_skill {
  background: #295ea4 !important;
}
mark.color_member {
  background: #f75442 !important;
}
mark.color_support {
  background: #4e8a74 !important;
}
mark.color_gray {
  background: #999999 !important;
}
mark.color_black {
  background: #333 !important;
}

.mark_sub {
  display: inline-block;
  padding: 0 5px;
  color: #9c1b50;
}
.page-sc .mark_sub {
  color: #e98d12;
}
.page-skill .mark_sub {
  color: #295ea4;
}
.page-member .mark_sub {
  color: #f75442;
}
.page-support .mark_sub {
  color: #4e8a74;
}
.mark_sub.color_default {
  color: #9c1b50 !important;
}
.mark_sub.color_sc {
  color: #e98d12 !important;
}
.mark_sub.color_skill {
  color: #295ea4 !important;
}
.mark_sub.color_member {
  color: #f75442 !important;
}
.mark_sub.color_support {
  color: #4e8a74 !important;
}
.mark_sub.color_gray {
  color: #999999 !important;
}
.mark_sub.color_black {
  color: #333 !important;
}

/*------------------------------------------*/
.page-sc #contents a.pdf::after {
  background: #e98d12;
}
.page-skill #contents a.pdf::after {
  background: #295ea4;
}
.page-member #contents a.pdf::after {
  background: #f75442;
}
.page-support #contents a.pdf::after {
  background: #4e8a74;
}
.page-sc #contents a.arrow::before {
  border-left-color: #e98d12;
}
.page-skill #contents a.arrow::before {
  border-left-color: #295ea4;
}
.page-member #contents a.arrow::before {
  border-left-color: #f75442;
}
.page-support #contents a.arrow::before {
  border-left-color: #4e8a74;
}

a,
a:visited {
  color: #9c1b50;
}
.page-sc a,
.page-sc a:visited {
  color: #e98d12;
}
.page-skill a,
.page-skill a:visited {
  color: #295ea4;
}
.page-member a,
.page-member a:visited {
  color: #f75442;
}
.page-support a,
.page-support a:visited {
  color: #4e8a74;
}
a.color_default,
a:visited.color_default {
  color: #9c1b50 !important;
}
a.color_sc,
a:visited.color_sc {
  color: #e98d12 !important;
}
a.color_skill,
a:visited.color_skill {
  color: #295ea4 !important;
}
a.color_member,
a:visited.color_member {
  color: #f75442 !important;
}
a.color_support,
a:visited.color_support {
  color: #4e8a74 !important;
}
a.color_gray,
a:visited.color_gray {
  color: #999999 !important;
}
a.icon_arrow, a.icon_arrow_down,
a:visited.icon_arrow,
a:visited.icon_arrow_down {
  position: relative;
}
a.icon_arrow::after, a.icon_arrow_down::after,
a:visited.icon_arrow::after,
a:visited.icon_arrow_down::after {
  content: "";
  display: inline-block;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  font-size: 0.8em;
  margin-left: 0.2em;
  border-radius: 100px;
  background: url(../images/arrow_r.svg) no-repeat center center/contain;
  background-color: #9c1b50;
}
.page-sc a.icon_arrow::after, .page-sc a.icon_arrow_down::after,
.page-sc a:visited.icon_arrow::after,
.page-sc a:visited.icon_arrow_down::after {
  background-color: #e98d12;
}
.page-skill a.icon_arrow::after, .page-skill a.icon_arrow_down::after,
.page-skill a:visited.icon_arrow::after,
.page-skill a:visited.icon_arrow_down::after {
  background-color: #295ea4;
}
.page-member a.icon_arrow::after, .page-member a.icon_arrow_down::after,
.page-member a:visited.icon_arrow::after,
.page-member a:visited.icon_arrow_down::after {
  background-color: #f75442;
}
.page-support a.icon_arrow::after, .page-support a.icon_arrow_down::after,
.page-support a:visited.icon_arrow::after,
.page-support a:visited.icon_arrow_down::after {
  background-color: #4e8a74;
}
a.icon_arrow.color_default::after, a.icon_arrow_down.color_default::after,
a:visited.icon_arrow.color_default::after,
a:visited.icon_arrow_down.color_default::after {
  background-color: #9c1b50 !important;
}
a.icon_arrow.color_sc::after, a.icon_arrow_down.color_sc::after,
a:visited.icon_arrow.color_sc::after,
a:visited.icon_arrow_down.color_sc::after {
  background-color: #e98d12 !important;
}
a.icon_arrow.color_skill::after, a.icon_arrow_down.color_skill::after,
a:visited.icon_arrow.color_skill::after,
a:visited.icon_arrow_down.color_skill::after {
  background-color: #295ea4 !important;
}
a.icon_arrow.color_member::after, a.icon_arrow_down.color_member::after,
a:visited.icon_arrow.color_member::after,
a:visited.icon_arrow_down.color_member::after {
  background-color: #f75442 !important;
}
a.icon_arrow.color_support::after, a.icon_arrow_down.color_support::after,
a:visited.icon_arrow.color_support::after,
a:visited.icon_arrow_down.color_support::after {
  background-color: #4e8a74 !important;
}
a.icon_arrow.color_gray::after, a.icon_arrow_down.color_gray::after,
a:visited.icon_arrow.color_gray::after,
a:visited.icon_arrow_down.color_gray::after {
  background-color: #999999 !important;
}
a.icon_arrow_down::after,
a:visited.icon_arrow_down::after {
  background-image: url(../images/arrow_b.svg);
}
a.icon_pdf::after,
a:visited.icon_pdf::after {
  content: "PDF";
  display: inline-block;
  background: #9c1b50;
  color: #fff;
  padding: 3px 4px 0;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1;
  margin-left: 0.2em;
  transform: translateY(-10%);
}
a.icon_external::after,
a:visited.icon_external::after {
  content: "";
  display: inline-block;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  font-size: 0.8em;
  margin-left: 0.2em;
  background: url(../images/icon_external.svg) no-repeat center center/contain;
}
a.btnA,
a:visited.btnA {
  display: inline-block;
  border: 1px dashed #ddd;
  padding: 5px 20px;
  color: #333;
  text-decoration: none;
}
a.btnA.color_default,
a:visited.btnA.color_default {
  color: #9c1b50 !important;
}
a.btnA.color_sc,
a:visited.btnA.color_sc {
  color: #e98d12 !important;
}
a.btnA.color_skill,
a:visited.btnA.color_skill {
  color: #295ea4 !important;
}
a.btnA.color_member,
a:visited.btnA.color_member {
  color: #f75442 !important;
}
a.btnA.color_support,
a:visited.btnA.color_support {
  color: #4e8a74 !important;
}
a.btnA.color_gray,
a:visited.btnA.color_gray {
  color: #999999 !important;
}
a.btnA.arrow_color_default::after,
a:visited.btnA.arrow_color_default::after {
  background-color: #9c1b50 !important;
}
a.btnA.arrow_color_sc::after,
a:visited.btnA.arrow_color_sc::after {
  background-color: #e98d12 !important;
}
a.btnA.arrow_color_skill::after,
a:visited.btnA.arrow_color_skill::after {
  background-color: #295ea4 !important;
}
a.btnA.arrow_color_member::after,
a:visited.btnA.arrow_color_member::after {
  background-color: #f75442 !important;
}
a.btnA.arrow_color_support::after,
a:visited.btnA.arrow_color_support::after {
  background-color: #4e8a74 !important;
}
a.btnA.arrow_color_gray::after,
a:visited.btnA.arrow_color_gray::after {
  background-color: #999999 !important;
}
a.btnA i,
a:visited.btnA i {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  margin-left: 0.2em;
  transform: translateY(-0.1em);
}
a.btnA i img,
a:visited.btnA i img {
  vertical-align: middle;
}
.btn_link a,
.btn_link a:visited {
  position: relative;
}
.btn_link a i,
.btn_link a:visited i {
  margin-right: 6px;
}
.btn_link a::after,
.btn_link a:visited::after {
  content: "";
  display: inline-block;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  font-size: 0.8em;
  margin: 0 -0.3em 0 0.5em;
  border-radius: 100px;
  background: url(../images/arrow_r.svg) no-repeat center center/contain;
}
.btn_link a, a.btnB,
.btn_link a:visited,
a:visited.btnB {
  display: inline-block;
  color: #fff !important;
  border-radius: 100px;
  text-decoration: none;
  background: #9c1b50;
  padding: 5px 20px;
}
.page-sc .btn_link a, .page-sc a.btnB,
.page-sc .btn_link a:visited,
.page-sc a:visited.btnB {
  background: #e98d12;
}
.page-skill .btn_link a, .page-skill a.btnB,
.page-skill .btn_link a:visited,
.page-skill a:visited.btnB {
  background: #295ea4;
}
.page-member .btn_link a, .page-member a.btnB,
.page-member .btn_link a:visited,
.page-member a:visited.btnB {
  background: #f75442;
}
.page-support .btn_link a, .page-support a.btnB,
.page-support .btn_link a:visited,
.page-support a:visited.btnB {
  background: #4e8a74;
}
.btn_link a.color_default, a.btnB.color_default,
.btn_link a:visited.color_default,
a:visited.btnB.color_default {
  background: #9c1b50 !important;
}
.btn_link a.color_sc, a.btnB.color_sc,
.btn_link a:visited.color_sc,
a:visited.btnB.color_sc {
  background: #e98d12 !important;
}
.btn_link a.color_skill, a.btnB.color_skill,
.btn_link a:visited.color_skill,
a:visited.btnB.color_skill {
  background: #295ea4 !important;
}
.btn_link a.color_member, a.btnB.color_member,
.btn_link a:visited.color_member,
a:visited.btnB.color_member {
  background: #f75442 !important;
}
.btn_link a.color_support, a.btnB.color_support,
.btn_link a:visited.color_support,
a:visited.btnB.color_support {
  background: #4e8a74 !important;
}
.btn_link a.color_gray, a.btnB.color_gray,
.btn_link a:visited.color_gray,
a:visited.btnB.color_gray {
  background: #999999 !important;
}
a.btn_large,
a:visited.btn_large {
  font-size: 16px;
  padding: 8px 30px;
}
@media (min-width: 768px) {
  a.btn_large,
  a:visited.btn_large {
    font-size: 24px;
  }
}
a.btn_medium,
a:visited.btn_medium {
  font-size: 14px;
  padding: 5px 20px;
}
@media (min-width: 768px) {
  a.btn_medium,
  a:visited.btn_medium {
    font-size: 20px;
  }
}
a.btn_small,
a:visited.btn_small {
  font-size: 13px;
  padding: 5px 20px;
}
@media (min-width: 768px) {
  a.btn_small,
  a:visited.btn_small {
    font-size: 16px;
  }
}
a.btn_xsmall,
a:visited.btn_xsmall {
  font-size: 12px;
  padding: 3px 20px;
}
@media (min-width: 768px) {
  a.btn_xsmall,
  a:visited.btn_xsmall {
    font-size: 14px;
  }
}

a.modalimage {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
a.modalimage::before {
  content: "";
  width: 120px;
  height: 120px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.8);
  display: block;
  position: absolute;
  right: -60px;
  bottom: -60px;
}
a.modalimage::after {
  content: "";
  background: url(../images/icon_zoom.svg) no-repeat center center/contain;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

/*------------------------------------------*/
ul {
  padding: 0;
}
ul li {
  margin: 10px 0;
  text-indent: -15px;
  padding-left: 15px;
  list-style: none;
}
ul li:after, ul li:before,
ul li * {
  text-indent: 0;
}
ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 8px;
  text-indent: 0;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100px;
  background: #9c1b50;
}
.page-sc ul li::before {
  background: #e98d12;
}
.page-skill ul li::before {
  background: #295ea4;
}
.page-member ul li::before {
  background: #f75442;
}
.page-support ul li::before {
  background: #4e8a74;
}
ul.color_default li::before {
  background: #9c1b50 !important;
}
ul.color_sc li::before {
  background: #e98d12 !important;
}
ul.color_skill li::before {
  background: #295ea4 !important;
}
ul.color_member li::before {
  background: #f75442 !important;
}
ul.color_support li::before {
  background: #4e8a74 !important;
}
ul.color_gray li::before {
  background: #999999 !important;
}

.entry-content li,
.comment-content li,
.mu_register li {
  margin-left: 20px;
}

/*------------------------------------------*/
ol.note,
ul.note {
  padding: 0;
}
ol.note li,
ul.note li {
  margin: 10px 0;
  text-indent: -1em;
  padding-left: 1em;
  list-style: none;
}
ol.note li::before,
ul.note li::before {
  display: none;
}
ol.note li span,
ul.note li span {
  text-indent: 0;
  width: 1em;
  display: inline-block;
  text-align: right;
}
ol.note.num0,
ul.note.num0 {
  font-size: 12px;
}
@media (min-width: 768px) {
  ol.note.num0,
  ul.note.num0 {
    font-size: 14px;
  }
}
ol.note.num0 li,
ul.note.num0 li {
  text-indent: -2em;
  padding-left: 2em;
}
ol.note.num0 li span,
ul.note.num0 li span {
  width: 2em;
}
ol.note.num1,
ul.note.num1 {
  font-size: 12px;
}
@media (min-width: 768px) {
  ol.note.num1,
  ul.note.num1 {
    font-size: 14px;
  }
}
ol.note.num1 li,
ul.note.num1 li {
  text-indent: -2.5em;
  padding-left: 2.5em;
}
ol.note.num1 li span,
ul.note.num1 li span {
  width: 2.5em;
}
ol.note.num2,
ul.note.num2 {
  font-size: 12px;
}
@media (min-width: 768px) {
  ol.note.num2,
  ul.note.num2 {
    font-size: 14px;
  }
}
ol.note.num2 li,
ul.note.num2 li {
  text-indent: -3em;
  padding-left: 3em;
}
ol.note.num2 li span,
ul.note.num2 li span {
  width: 3em;
}
ol.note.num3,
ul.note.num3 {
  font-size: 12px;
}
@media (min-width: 768px) {
  ol.note.num3,
  ul.note.num3 {
    font-size: 14px;
  }
}
ol.note.num3 li,
ul.note.num3 li {
  text-indent: -3.5em;
  padding-left: 3.5em;
}
ol.note.num3 li span,
ul.note.num3 li span {
  width: 3.5em;
}

/*------------------------------------------*/
.column {
  margin: 20px 0;
}
@media (max-width: 767px) {
  .column .col2 .col2_widearea_l,
  .column .col2 .col2_widearea_r {
    margin: 0 -5vw;
  }
}
@media (min-width: 768px) {
  .column {
    display: flex;
    grid-gap: 20px;
    flex-wrap: wrap;
  }
  .column .col2 {
    width: calc((100% - 20px) / 2);
  }
  .column .col2 .col2_widearea_l {
    margin: 0 0 0 -50px;
  }
  .column .col2 .col2_widearea_r {
    margin: 0 -50px 0 0;
  }
  .column .col3 {
    width: calc((100% - 40px) / 3);
  }
  .column .col3plus {
    width: calc((100% - 40px) / 3 * 2);
    margin-right: 20px;
  }
  .column .col4 {
    width: calc((100% - 60px) / 4);
  }
}

/*------------------------------------------*/
.border_box,
.border_box2 {
  margin: 30px 0;
  padding: 10px 20px;
  border: 1px solid #9c1b50;
  background: #fff;
}
.page-sc .border_box,
.page-sc .border_box2 {
  border-color: #e98d12;
}
.page-skill .border_box,
.page-skill .border_box2 {
  border-color: #295ea4;
}
.page-member .border_box,
.page-member .border_box2 {
  border-color: #f75442;
}
.page-support .border_box,
.page-support .border_box2 {
  border-color: #4e8a74;
}
.border_box.color_default,
.border_box2.color_default {
  border-color: #9c1b50 !important;
}
.border_box.color_sc,
.border_box2.color_sc {
  border-color: #e98d12 !important;
}
.border_box.color_skill,
.border_box2.color_skill {
  border-color: #295ea4 !important;
}
.border_box.color_member,
.border_box2.color_member {
  border-color: #f75442 !important;
}
.border_box.color_support,
.border_box2.color_support {
  border-color: #4e8a74 !important;
}
.border_box.color_gray,
.border_box2.color_gray {
  border-color: #999999 !important;
}
.border_box.color_black,
.border_box2.color_black {
  border-color: #333 !important;
}

.border_box2 {
  border-style: double;
  border-width: 4px;
}

.color_box,
.color_box2 {
  margin: 30px 0;
  padding: 10px 20px;
  background: #fef3f9;
  border-color: #9c1b50;
}
.page-sc .color_box,
.page-sc .color_box2 {
  background: #fff7ee;
  border-color: #e98d12;
}
.page-skill .color_box,
.page-skill .color_box2 {
  background: #eef6fe;
  border-color: #295ea4;
}
.page-member .color_box,
.page-member .color_box2 {
  background: #ffefef;
  border-color: #f75442;
}
.page-support .color_box,
.page-support .color_box2 {
  background: #f2fcf8;
  border-color: #4e8a74;
}
.color_box.color_default,
.color_box2.color_default {
  background: #fef3f9 !important;
  border-color: #9c1b50 !important;
}
.color_box.color_sc,
.color_box2.color_sc {
  background: #fff7ee !important;
  border-color: #e98d12 !important;
}
.color_box.color_skill,
.color_box2.color_skill {
  background: #eef6fe !important;
  border-color: #295ea4 !important;
}
.color_box.color_member,
.color_box2.color_member {
  background: #ffefef !important;
  border-color: #f75442 !important;
}
.color_box.color_support,
.color_box2.color_support {
  background: #f2fcf8 !important;
  border-color: #4e8a74 !important;
}
.color_box.color_gray,
.color_box2.color_gray {
  background: #f4f4f4 !important;
  border-color: #999999 !important;
}
.color_box h3.h3_frame,
.color_box2 h3.h3_frame {
  background: #fff !important;
}

.color_box2 {
  border-left: 5px solid;
}

.memo_box,
.attention_box,
.ribon_box,
.caution_box,
.point_box {
  margin: 30px 0;
  padding: 17px 20px 20px 20px;
}
@media (min-width: 768px) {
  .column > * > .memo_box,
  .column > * > .attention_box,
  .column > * > .ribon_box,
  .column > * > .caution_box,
  .column > * > .point_box {
    margin: 0;
    height: 100%;
    box-sizing: border-box;
  }
}
.memo_box .title,
.attention_box .title,
.ribon_box .title,
.caution_box .title,
.point_box .title {
  font-size: 20px;
  line-height: 1.4;
  position: relative;
  margin: 0 0 13px;
  padding: 0.2em 0 0.1em 2em;
  border: none;
  background: none;
}
@media (min-width: 768px) {
  .memo_box .title,
  .attention_box .title,
  .ribon_box .title,
  .caution_box .title,
  .point_box .title {
    font-size: 24px;
  }
}
.memo_box .title.small,
.attention_box .title.small,
.ribon_box .title.small,
.caution_box .title.small,
.point_box .title.small {
  font-size: 18px;
}
@media (min-width: 768px) {
  .memo_box .title.small,
  .attention_box .title.small,
  .ribon_box .title.small,
  .caution_box .title.small,
  .point_box .title.small {
    font-size: 20px;
  }
}
.memo_box .title::before,
.attention_box .title::before,
.ribon_box .title::before,
.caution_box .title::before,
.point_box .title::before {
  content: "";
  width: 1.6em;
  height: 1.6em;
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  background: no-repeat center center/contain;
}

.memo_box {
  background: #f4f4f4;
}
.memo_box .title {
  color: #444444;
}
.memo_box .title::before {
  background-image: url(../images/icon_memo.svg);
}

.attention_box {
  background: #f4f4f4;
}
.attention_box .title {
  color: #9c1b50;
}
.attention_box .title::before {
  background-image: url(../images/icon_attention.svg);
}

.ribon_box {
  background: #fff;
  border: 4px solid #add4ff;
  border-radius: 10px;
}
.ribon_box .title {
  color: #295ea4;
}
.ribon_box .title::before {
  background-image: url(../images/icon_ribon.svg);
}

.caution_box {
  background: #fff;
  border: 4px solid #ffb1b1;
  border-radius: 10px;
}
.caution_box .title {
  color: #f75442;
}
.caution_box .title::before {
  background-image: url(../images/icon_caution.svg);
}

.point_box {
  background: #fff;
  border: 4px solid #e98d12;
  border-radius: 10px;
  overflow: hidden;
}
.point_box .title {
  margin: -17px 0 20px -20px;
  padding: 10px 25px 10px 20px;
  padding-left: calc(2em + 20px);
  color: #fff;
  background: #e98d12;
  display: table;
}
.point_box .title::before {
  background-image: url(../images/icon_point.svg);
  left: 20px;
}

.common_box {
  background: #fef3f9;
  padding: 20px;
}
@media (min-width: 768px) {
  .column > * > .common_box {
    margin: 0;
    height: 100%;
    box-sizing: border-box;
  }
}
.common_box .title {
  text-align: center;
  background: #9c1b50;
  color: #fff;
  border: none;
  margin: -20px -20px 20px -20px;
}
/*------------------------------------------*/
table {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
}
table th, table td {
  padding: 3px 10px;
  border: 1px solid #444444;
}
table thead th, table thead td {
  background: #f4f4f4;
}
table tbody tr {
  background: #fff;
}

table.table_noborder th, table.table_noborder td {
  border: none;
}
table.table_noborder thead th, table.table_noborder thead td {
  background: #dddddd;
}
table.table_noborder tbody tr:nth-of-type(2n) {
  background: #f4f4f4;
}

table.books_table_border_none {
  background: none;
}
table.books_table_border_none thead th, table.books_table_border_none thead td, table.books_table_border_none tbody th, table.books_table_border_none tbody td {
  background: none;
  border: none;
}

@media screen and (max-width: 767px) {
  .sp_scrolltable {
    max-width: 200% !important;
    overflow-x: auto;
  }
  .sp_scrolltable::-webkit-scrollbar {
    width: 8px;
    background: #eee;
  }
  .sp_scrolltable::-webkit-scrollbar:horizontal {
    height: 8px;
    background: #eee;
  }
  .sp_scrolltable::-webkit-scrollbar-thumb {
    background: #aaa;
  }
  .sp_scrolltable::-webkit-scrollbar-thumb:horizontal {
    background: #aaa;
  }
  .sp_scrolltable table {
    width: 1000px !important;
    min-width: 100% !important;
    max-width: 1000px !important;
    margin: 0 !important;
  }
}
/*------------------------------------------*/
ul.panel_link {
  margin: 5vw 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  grid-gap: 10px;
}
@media (min-width: 768px) {
  ul.panel_link {
    margin: 50px 0px;
    grid-gap: 20px;
  }
}
ul.panel_link + ul.panel_link {
  margin-top: calc(10px - 5vw);
}
@media (min-width: 768px) {
  ul.panel_link + ul.panel_link {
    margin-top: -30px;
  }
}
ul.panel_link li {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  text-indent: 0;
  width: 100%;
}
ul.panel_link li::before {
  display: none;
}
@media (min-width: 768px) {
  ul.panel_link li.col1 {
    width: 100%;
  }
  ul.panel_link li.col2 {
    width: calc((100% - 20px) / 2);
  }
  ul.panel_link li.col3 {
    width: calc((100% - 40px) / 3);
  }
  ul.panel_link li.col4 {
    width: calc((100% - 60px) / 4);
  }
}
ul.panel_link li.large {
  border-left: 10px solid;
}
ul.panel_link li.large > a {
  font-size: 20px;
  padding-left: 35px;
}
@media (min-width: 768px) {
  ul.panel_link li.large > a {
    font-size: 28px;
    padding-left: 42px;
  }
}
ul.panel_link li.large > a::before {
  top: 7px;
}
@media (min-width: 768px) {
  ul.panel_link li.large > a::before {
    top: 10px;
  }
}
ul.panel_link li.small {
  border-left: 5px solid;
}
ul.panel_link li.small > a {
  font-size: 16px;
  padding-left: 27px;
}
@media (min-width: 768px) {
  ul.panel_link li.small > a {
    font-size: 18px;
    padding-left: 33px;
  }
}
ul.panel_link li.small > a::before {
  top: 5px;
  left: 6px;
  transform: rotate(90deg) scale(0.7);
}
@media (min-width: 768px) {
  ul.panel_link li.small > a::before {
    top: 3px;
  }
}
ul.panel_link li.small p {
  font-size: 12px;
}
@media (min-width: 768px) {
  ul.panel_link li.small p {
    font-size: 14px;
  }
}
.page-sc ul.panel_link li {
  border-color: #e98d12;
}
.page-sc ul.panel_link li > a {
  color: #e98d12;
}
.page-sc ul.panel_link li > a::before {
  background: #e98d12;
}
.page-sc ul.panel_link li p {
  border-color: #e98d12;
}
.page-skill ul.panel_link li {
  border-color: #295ea4;
}
.page-skill ul.panel_link li > a {
  color: #295ea4;
}
.page-skill ul.panel_link li > a::before {
  background: #295ea4;
}
.page-skill ul.panel_link li p {
  border-color: #295ea4;
}
.page-member ul.panel_link li {
  border-color: #f75442;
}
.page-member ul.panel_link li > a {
  color: #f75442;
}
.page-member ul.panel_link li > a::before {
  background: #f75442;
}
.page-member ul.panel_link li p {
  border-color: #f75442;
}
.page-support ul.panel_link li {
  border-color: #4e8a74;
}
.page-support ul.panel_link li > a {
  color: #4e8a74;
}
.page-support ul.panel_link li > a::before {
  background: #4e8a74;
}
.page-support ul.panel_link li p {
  border-color: #4e8a74;
}
ul.panel_link li.color_default {
  border-color: #9c1b50 !important;
}
ul.panel_link li.color_default > a {
  color: #9c1b50 !important;
}
ul.panel_link li.color_default > a::before {
  background: #9c1b50 !important;
}
ul.panel_link li.color_default p {
  border-color: #9c1b50 !important;
}
ul.panel_link li.color_sc {
  border-color: #e98d12 !important;
}
ul.panel_link li.color_sc > a {
  color: #e98d12 !important;
}
ul.panel_link li.color_sc > a::before {
  background: #e98d12 !important;
}
ul.panel_link li.color_sc p {
  border-color: #e98d12 !important;
}
ul.panel_link li.color_skill {
  border-color: #295ea4 !important;
}
ul.panel_link li.color_skill > a {
  color: #295ea4 !important;
}
ul.panel_link li.color_skill > a::before {
  background: #295ea4 !important;
}
ul.panel_link li.color_skill p {
  border-color: #295ea4 !important;
}
ul.panel_link li.color_member {
  border-color: #f75442 !important;
}
ul.panel_link li.color_member > a {
  color: #f75442 !important;
}
ul.panel_link li.color_member > a::before {
  background: #f75442 !important;
}
ul.panel_link li.color_member p {
  border-color: #f75442 !important;
}
ul.panel_link li.color_support {
  border-color: #4e8a74 !important;
}
ul.panel_link li.color_support > a {
  color: #4e8a74 !important;
}
ul.panel_link li.color_support > a::before {
  background: #4e8a74 !important;
}
ul.panel_link li.color_support p {
  border-color: #4e8a74 !important;
}
ul.panel_link li.color_gray {
  border-color: #999999 !important;
}
ul.panel_link li.color_gray > a {
  color: #999999 !important;
}
ul.panel_link li.color_gray > a::before {
  background: #999999 !important;
}
ul.panel_link li.color_gray p {
  border-color: #999999 !important;
}
ul.panel_link li > a {
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  position: relative;
  line-height: 1.3;
}
ul.panel_link li > a::before {
  content: "▲";
  border-radius: 100px;
  display: block;
  position: absolute;
  left: 10px;
  transform: rotate(90deg);
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  top: 10px;
  font-size: 10px;
  line-height: 20px;
}
@media (min-width: 768px) {
  ul.panel_link li > a::before {
    width: 27px;
    height: 27px;
    font-size: 12px;
    line-height: 27px;
  }
}
ul.panel_link li > a i {
  font-style: normal;
  background: #9c1b50;
  color: #fff;
  display: inline-block;
  padding: 4px 5px;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}
ul.panel_link p {
  border-top: 1px solid;
  padding: 10px;
  margin: 0;
}
ul.panel_link .btnB {
  margin: 5px 10px;
}

/*------------------------------------------*/
ul.datelist {
  margin: 20px 0;
  padding: 0;
}
ul.datelist li {
  margin: 7px 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
}
ul.datelist li::before {
  display: none;
}
ul.datelist time {
  display: block;
  margin-right: 20px;
}
@media (min-width: 768px) {
  ul.datelist time {
    float: left;
  }
}
ul.datelist p {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/*------------------------------------------*/
dl.datalist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-gap: 10px;
}
@media (min-width: 768px) {
  dl.datalist {
    grid-gap: 18px;
  }
}
dl.datalist > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  dl.datalist > div {
    width: calc(50% - 10px);
  }
  dl.datalist > div.fullwidth {
    width: 100%;
  }
}
dl.datalist > div dt {
  margin: 0;
  color: #9c1b50;
  border: 1px solid #9c1b50;
  padding: 5px 10px;
  box-sizing: border-box;
  width: 120px;
  align-self: flex-start;
}
@media (min-width: 768px) {
  dl.datalist > div dt {
    width: 160px;
  }
}
.page-sc dl.datalist > div dt {
  color: #e98d12;
  border-color: #e98d12;
}
.page-skill dl.datalist > div dt {
  color: #295ea4;
  border-color: #295ea4;
}
.page-member dl.datalist > div dt {
  color: #f75442;
  border-color: #f75442;
}
.page-support dl.datalist > div dt {
  color: #4e8a74;
  border-color: #4e8a74;
}
dl.datalist > div dd {
  margin: 0;
  padding: 0;
  width: calc(100% - 135px);
}
@media (min-width: 768px) {
  dl.datalist > div dd {
    width: calc(100% - 175px);
  }
}

/*------------------------------------------*/
.tabarea .tab_top .tab_select li {
  border-top: 4px solid #fff;
}
.tabarea .tab_bottom .tab_select li {
  border-bottom: 4px solid #fff;
}
.tabarea .tab_select {
  display: flex;
  align-items: stretch;
  -moz-column-gap: 1px;
       column-gap: 1px;
  margin: 0;
  padding: 0;
}
.tabarea .tab_select li {
  width: 100%;
  margin: 0;
  padding: 7px 5px 5px 5px;
  text-indent: 0;
  text-align: center;
  background: #fbd0e8;
  color: #691236;
  font-size: 20px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .tabarea .tab_select li {
    font-size: 24px;
  }
}
.page-sc .tabarea .tab_select li {
  background: #ffdaae;
  color: #a46313;
}
.page-skill .tabarea .tab_select li {
  background: #add4ff;
  color: #1c4170;
}
.page-member .tabarea .tab_select li {
  background: #ffb1b1;
  color: #c74848;
}
.page-support .tabarea .tab_select li {
  background: #c2f1e0;
  color: #396855;
}
.tabarea .tab_select li.color_default {
  background: #fbd0e8 !important;
  color: #691236 !important;
}
.tabarea .tab_select li.color_sc {
  background: #ffdaae !important;
  color: #a46313 !important;
}
.tabarea .tab_select li.color_skill {
  background: #add4ff !important;
  color: #1c4170 !important;
}
.tabarea .tab_select li.color_member {
  background: #ffb1b1 !important;
  color: #c74848 !important;
}
.tabarea .tab_select li.color_support {
  background: #c2f1e0 !important;
  color: #396855 !important;
}
.tabarea .tab_select li.color_gray {
  background: #dddddd !important;
  color: #444444 !important;
}
.tabarea .tab_select li::before {
  display: none;
}
.tabarea .tab_select li.active {
  background: #fef3f9;
  border-color: #9c1b50;
  color: #9c1b50;
}
.page-sc .tabarea .tab_select li.active {
  background: #fff7ee;
  border-color: #e98d12;
  color: #e98d12;
}
.page-skill .tabarea .tab_select li.active {
  background: #eef6fe;
  border-color: #295ea4;
  color: #295ea4;
}
.page-member .tabarea .tab_select li.active {
  background: #ffefef;
  border-color: #f75442;
  color: #f75442;
}
.page-support .tabarea .tab_select li.active {
  background: #f2fcf8;
  border-color: #4e8a74;
  color: #4e8a74;
}
.tabarea .tab_select li.active.color_default {
  background: #fef3f9 !important;
  border-color: #9c1b50 !important;
  color: #9c1b50 !important;
}
.tabarea .tab_select li.active.color_sc {
  background: #fff7ee !important;
  border-color: #e98d12 !important;
  color: #e98d12 !important;
}
.tabarea .tab_select li.active.color_skill {
  background: #eef6fe !important;
  border-color: #295ea4 !important;
  color: #295ea4 !important;
}
.tabarea .tab_select li.active.color_member {
  background: #ffefef !important;
  border-color: #f75442 !important;
  color: #f75442 !important;
}
.tabarea .tab_select li.active.color_support {
  background: #f2fcf8 !important;
  border-color: #4e8a74 !important;
  color: #4e8a74 !important;
}
.tabarea .tab_select li.active.color_gray {
  background: #f4f4f4 !important;
  border-color: #999999 !important;
  color: #999999 !important;
}
.tabarea .tab_contents {
  background: #fef3f9;
  padding: 5vw;
}
@media (min-width: 768px) {
  .tabarea .tab_contents {
    padding: 50px;
  }
}
.page-sc .tabarea .tab_contents {
  background: #fff7ee;
}
.page-skill .tabarea .tab_contents {
  background: #eef6fe;
}
.page-member .tabarea .tab_contents {
  background: #ffefef;
}
.page-support .tabarea .tab_contents {
  background: #f2fcf8;
}
.tabarea .tab_contents.color_default {
  background: #fef3f9 !important;
}
.tabarea .tab_contents.color_sc {
  background: #fff7ee !important;
}
.tabarea .tab_contents.color_skill {
  background: #eef6fe !important;
}
.tabarea .tab_contents.color_member {
  background: #ffefef !important;
}
.tabarea .tab_contents.color_support {
  background: #f2fcf8 !important;
}
.tabarea .tab_contents.color_gray {
  background: #f4f4f4 !important;
}
.tabarea .tab_contents .tab_content {
  display: none;
}
.tabarea .tab_contents .tab_content.active {
  display: block;
}

/*------------------------------------------*/
#category_mv {
  position: relative;
  margin: 0 0 50px;
}
@media (min-width: 768px) {
  #category_mv {
    padding: 10px;
    margin: 0 0 100px;
  }
}
#category_mv .slideshow {
  width: 100%;
  height: 33vw;
  z-index: 1;
  opacity: 0;
  transition: 0.5s;
}
@media (min-width: 768px) {
  #category_mv .slideshow {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
#category_mv .slideshow.slick-initialized {
  opacity: 1;
}
#category_mv .slideshow .child {
  background: no-repeat center top/cover #f1f1f1;
  display: block;
  width: 100%;
  height: 100%;
}
#category_mv .slick-list,
#category_mv .slick-track,
#category_mv .slick-slide,
#category_mv .slick-slide > div {
  height: 100%;
}
#category_mv .slick-dots {
  margin: 0;
  padding: 0;
}
#category_mv .slick-dots li {
  margin: 0 10px;
  padding: 0;
  width: 30px;
  height: 3px;
}
@media (min-width: 768px) {
  #category_mv .slick-dots li {
    width: 90px;
  }
}
#category_mv .slick-dots li::before {
  display: none;
}
#category_mv .slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
}
#category_mv .slick-dots li button::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #dddddd;
  opacity: 1;
}
.page-sc #category_mv .slick-dots li.slick-active button::before {
  background: #e98d12;
}
.page-skill #category_mv .slick-dots li.slick-active button::before {
  background: #295ea4;
}
.page-member #category_mv .slick-dots li.slick-active button::before {
  background: #f75442;
}
.page-support #category_mv .slick-dots li.slick-active button::before {
  background: #4e8a74;
}
#category_mv .box {
  background: #aaa;
  color: #fff;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  padding: 20px 10px 20px;
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 768px) {
  #category_mv .box {
    width: 390px;
    height: 390px;
    padding: 15px 25px;
    min-height: none;
    box-sizing: border-box;
  }
}
.page-sc #category_mv .box {
  background: rgba(233, 141, 18, 0.9);
}
.page-skill #category_mv .box {
  background: rgba(41, 94, 164, 0.9);
}
.page-member #category_mv .box {
  background: rgba(247, 84, 66, 0.9);
}
.page-support #category_mv .box {
  background: rgba(78, 138, 116, 0.9);
}
#category_mv .box h1 {
  text-align: center;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 5px;
  background: none;
  padding: 0;
  border: none;
  color: #fff;
  font-weight: normal;
}
@media (min-width: 768px) {
  #category_mv .box h1 {
    margin: 0;
    font-size: 28px;
  }
}
#category_mv .box .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
}
@media (min-width: 768px) {
  #category_mv .box .icon {
    position: static;
    transform: none;
    opacity: 1;
    text-align: center;
    margin: 20px 0;
  }
}
#category_mv .box .icon img {
  width: auto;
  height: 135px;
  vertical-align: top;
}
@media (min-width: 768px) {
  #category_mv .box .icon img {
    height: 120px;
  }
}
#category_mv .box p {
  margin: 0;
  font-size: 14px;
}
@media (min-width: 768px) {
  #category_mv .box p {
    font-size: 16px;
  }
}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
.magazine_list {
  margin: 10vw 0;
}
@media (min-width: 768px) {
  .magazine_list {
    margin: 80px 0;
  }
}
.magazine_list h2 {
  text-align: center;
}
.magazine_list .frame {
  padding: 5vw;
}
@media (min-width: 768px) {
  .magazine_list .frame {
    padding: 30px 50px;
  }
}
.magazine_list .frame ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 20px;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .magazine_list .frame ul {
    grid-gap: 50px;
  }
}
.magazine_list .frame ul li {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style: none;
  width: calc((100% - 20px) / 2);
}
@media (min-width: 768px) {
  .magazine_list .frame ul li {
    width: calc((100% - 150px) / 4);
  }
}
.magazine_list .frame ul li::before {
  display: none;
}
.magazine_list .frame ul li p {
  margin: 10px 0 20px;
}

/*------------------------------------------*/
.pagelink_navi {
  margin: 10vw 0;
}
@media (min-width: 768px) {
  .pagelink_navi {
    margin: 80px 0;
  }
}

/*------------------------------------------*/
.member_profile_data .logo {
  border: 1px solid #f75442;
  width: 100%;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px 0;
  padding: 10px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .member_profile_data .logo {
    float: left;
    width: 240px;
    height: 240px;
    margin: 0 30px 0 0;
  }
}
.member_profile_data .logo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
/*------------------------------------------*/
.sc_magazine_back {
  background: #fff7ee;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 10px;
  grid-gap: 20px;
}
@media (min-width: 768px) {
  .sc_magazine_back {
    padding: 20px;
  }
}
.sc_magazine_back .magazine_box {
  margin: 0;
  width: 110px;
}

.magazine_box {
  display: inline-block;
  text-align: center;
  margin: 15px;
  font-size: 12px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .magazine_box {
    font-size: 13px;
  }
}
.magazine_box img {
  margin: 0 0 8px;
  width: 110px;
}

/*------------------------------------------*/
table.outlet_table th {
  font-size: 16px;
  background: #dddddd;
  white-space: nowrap;
}
table.outlet_table td {
  font-size: 12px;
}

/*------------------------------------------*/
.page_head_title {
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 8px;
}
@media (min-width: 768px) {
  .page_head_title {
    font-size: 24px;
  }
}
.page_head_title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  z-index: -1;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background: #9c1b50;
}
.page-sc .page_head_title::before {
  background-color: #e98d12;
}
.page-skill .page_head_title::before {
  background-color: #295ea4;
}
.page-member .page_head_title::before {
  background-color: #f75442;
}
.page-support .page_head_title::before {
  background-color: #4e8a74;
}
.page_head_title.color_default::before {
  background: #9c1b50 !important;
}
.page_head_title.color_sc::before {
  background: #e98d12 !important;
}
.page_head_title.color_skill::before {
  background: #295ea4 !important;
}
.page_head_title.color_member::before {
  background: #f75442 !important;
}
.page_head_title.color_support::before {
  background: #4e8a74 !important;
}
.page_head_title.color_gray::before {
  background: #999999 !important;
}

/*------------------------------------------*/
@media (max-width: 767px) {
  .mailmagsample {
    display: flex;
    justify-content: space-between;
  }
  .mailmagsample .col2 {
    width: calc((100% - 10px) / 2);
  }
}
.mailmagsample a {
  border: 1px solid #999999;
}
.mailmagsample img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.mailmagform dl {
  margin: 0;
  padding: 0;
}
.mailmagform dl dt {
  margin: 0;
  padding: 0;
}
.mailmagform dl dt em {
  background: #9c1b50;
  color: #fff;
  font-style: normal;
  display: inline-block;
  padding: 0 5px;
  line-height: 1.6;
  font-size: 80%;
  vertical-align: top;
  transform: translateY(3px);
}
.mailmagform dl dd {
  margin: 0 0 10px;
  padding: 0;
}
.mailmagform input[type=text] {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .mailmagform input[type=text] {
    height: 35px;
  }
}
.mailmagform input[type=submit] {
  width: 200px;
  height: 40px;
  box-sizing: border-box;
  padding: 0;
  border-radius: 100px;
  color: #fff;
  background: #9c1b50;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  margin: 20px auto;
  display: block;
  cursor: pointer;
}

/*------------------------------------------*/
ol.join_flow {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  ol.join_flow {
    display: flex;
    justify-content: center;
    align-items: stretch;
    grid-gap: 30px;
  }
}
ol.join_flow li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  padding: 0;
  list-style: none;
  border: 4px solid #fbd0e8;
  position: relative;
  padding: 15px;
}
@media (min-width: 768px) {
  ol.join_flow li {
    width: 30%;
    max-width: 250px;
    padding: 30px;
    box-sizing: border-box;
    aspect-ratio: 1;
    border-radius: 1000px;
    margin: 0;
  }
}
ol.join_flow li::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 13px solid #9c1b50;
  position: absolute;
  display: block;
  top: -22px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}
@media (min-width: 768px) {
  ol.join_flow li::before {
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
  }
}
ol.join_flow li:first-child::before {
  display: none;
}

/*------------------------------------------*/
.mw_wp_form_confirm .input_only,
.mw_wp_form_input .confirm_only {
  display: none !important;
}

.joinusform dl {
  margin: 20px 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .joinusform dl {
    display: table;
    border-collapse: collapse;
    border: 1px solid #dddddd;
    margin: 30px 0;
  }
}
@media (min-width: 768px) {
  .joinusform dl > div {
    display: table-row;
  }
}
.joinusform dl dt {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
@media (min-width: 768px) {
  .joinusform dl dt {
    display: table-cell;
    border: 1px solid #dddddd;
    background: #f4f4f4;
    padding: 15px;
    width: 30%;
    min-width: 180px;
    font-weight: normal;
  }
}
.joinusform dl dt em {
  background: #9c1b50;
  color: #fff;
  font-style: normal;
  display: inline-block;
  padding: 0 5px;
  line-height: 1.6;
  font-size: 80%;
  vertical-align: top;
  transform: translateY(3px);
}
.joinusform dl dd {
  margin: 0 0 10px;
  padding: 0;
}
@media (min-width: 768px) {
  .joinusform dl dd {
    display: table-cell;
    border: 1px solid #dddddd;
    padding: 15px;
  }
}
.joinusform input[type=text],
.joinusform input[type=email] {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .joinusform input[type=text],
  .joinusform input[type=email] {
    height: 35px;
    max-width: 400px;
  }
}
.joinusform textarea {
  width: 100%;
  height: 200px;
  box-sizing: border-box;
  padding: 5px 10px;
  vertical-align: top;
}
@media (min-width: 768px) {
  .joinusform textarea {
    height: 150px;
  }
}
.joinusform .form_btns {
  display: flex;
  justify-content: center;
  grid-gap: 20px;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .joinusform .form_btns {
    margin: 20px 0;
  }
}
.joinusform button[type=submit] {
  width: 200px;
  height: 40px;
  box-sizing: border-box;
  padding: 0;
  border-radius: 100px;
  color: #fff;
  background: #9c1b50;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  margin: 0;
  display: block;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .joinusform button[type=submit] {
    height: 60px;
    width: 300px;
    font-size: 20px;
  }
}
.joinusform button[type=submit].color_gray {
  background-color: #f4f4f4 !important;
  color: #999999 !important;
}
.joinusform .check {
  text-align: center;
}
.joinusform .check label {
  display: inline-block;
  background: #fff;
  padding: 5px 50px;
  border-radius: 100px;
}
.joinusform .check label span::after {
  content: "必須";
  background: #9c1b50;
  color: #fff;
  font-style: normal;
  display: inline-block;
  padding: 0 5px;
  margin-left: 0.5em;
  line-height: 1.6;
  font-size: 80%;
  vertical-align: top;
  transform: translateY(3px);
}

/*------------------------------------------*/
@media (min-width: 768px) {
  .accordionbox {
    justify-content: center;
  }
}
.accordionbox h3 {
  position: relative;
  font-size: 18px;
  background: #9c1b50;
  margin: 10px 0 0;
  padding: 10px;
}
@media (min-width: 768px) {
  .accordionbox h3 {
    font-size: 20px;
    padding: 10px 20px;
  }
}
.accordionbox h3.accordion_head {
  padding-right: 50px;
  cursor: pointer;
}
#sub_sidebar_mini .accordionbox h3.accordion_head {
  cursor: auto;
}
.accordionbox h3.accordion_head::after {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translate(-50%, -70%) rotate(45deg);
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
}
#sub_sidebar_mini .accordionbox h3.accordion_head::after {
  display: none;
}
.accordionbox h3.accordion_head.open::after {
  transform: translate(-50%, -30%) rotate(225deg);
}
.accordionbox h3.accordion_head + * {
  display: none;
}
#sub_sidebar_mini .accordionbox h3.accordion_head + * {
  display: block !important;
  height: auto !important;
}
.page-sc .accordionbox h3 {
  background: #e98d12;
}
.page-skill .accordionbox h3 {
  background: #295ea4;
}
.page-member .accordionbox h3 {
  background: #f75442;
}
.page-support .accordionbox h3 {
  background: #4e8a74;
}
.accordionbox h3 a {
  color: #fff !important;
}
.accordionbox ul {
  margin: 0;
  padding: 0;
  border: 2px solid #9c1b50;
  background: #fbd0e8;
  border-top: none;
}
@media (min-width: 768px) {
  .accordionbox ul {
    border-width: 3px;
  }
}
.page-sc .accordionbox ul {
  border-color: #e98d12;
  background: #ffdaae;
}
.page-skill .accordionbox ul {
  border-color: #295ea4;
  background: #add4ff;
}
.page-member .accordionbox ul {
  border-color: #f75442;
  background: #ffb1b1;
}
.page-support .accordionbox ul {
  border-color: #4e8a74;
  background: #c2f1e0;
}
.accordionbox ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
  border-bottom: 2px solid #9c1b50;
}
@media (min-width: 768px) {
  .accordionbox ul li {
    border-width: 3px;
  }
}
.page-sc .accordionbox ul li {
  border-color: #e98d12;
}
.page-skill .accordionbox ul li {
  border-color: #295ea4;
}
.page-member .accordionbox ul li {
  border-color: #f75442;
}
.page-support .accordionbox ul li {
  border-color: #4e8a74;
}
.accordionbox ul li:last-child {
  border-bottom: none;
}
.accordionbox ul li::before {
  display: none;
}
.accordionbox ul li a {
  display: block;
  padding: 10px;
  line-height: 1.4;
  color: #000 !important;
}
.accordionbox ul li ul {
  border: none;
  border-top-width: 1px;
  border-top-style: dotted;
  background: #fef3f9;
}
.page-sc .accordionbox ul li ul {
  background: #fff7ee;
}
.page-skill .accordionbox ul li ul {
  background: #eef6fe;
}
.page-member .accordionbox ul li ul {
  background: #ffefef;
}
.page-support .accordionbox ul li ul {
  background: #f2fcf8;
}
.accordionbox ul li ul li {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}
.accordionbox ul li ul li a {
  font-size: 12px;
  padding: 5px 10px 5px 20px;
}
.accordionbox ul a {
  text-decoration: none;
}

/*------------------------------------------*/
.btn_link {
  margin: 30px 0;
}

/*------------------------------------------*/
.ibd_item {
  width: 100%;
  margin: 8px 0;
  border: 1px solid #776f73;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  min-height: 142px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}
.ibd_item .post_img {
  width: 36%;
  margin: 0;
  padding: 0;
  background: #eee;
}
.ibd_item .post_img .bg_img {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ibd_item .post_txt {
  padding: 20px;
  box-sizing: border-box;
}
.ibd_item .post_img + .post_txt {
  width: 64%;
}
.ibd_item h4 {
  margin: 0;
  padding: 0;
  border: none;
  font-weight: bold;
}
.ibd_item .post_term a {
  display: inline-block;
  background: #fef3f9;
  margin: 0 10px 0 0;
  padding: 0 10px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 80%;
}

/*------------------------------------------*/
table.academy_table .date {
  width: 100px;
  text-align: center;
}
table.academy_table .date2 {
  width: 130px;
  text-align: center;
}
table.academy_table .num {
  width: 50px;
  text-align: center;
}
table.academy_table .num2 {
  width: 30px;
  text-align: center;
}
table.academy_table th.kamoku, table.academy_table td.kamoku {
  width: 30%;
}

#efforts_list h3 {
  position: relative;
  padding-right: 80px;
}
#efforts_list h3 .btnB {
  background: #fff !important;
  color: #9c1b50 !important;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

#content.with_sidearea {
  max-width: 100%;
}
@media (min-width: 768px) {
  #content.with_sidearea .contents_view {
    display: flex;
    justify-content: space-between;
  }
  #content.with_sidearea .contents_view #sub_sidebar_mini {
    width: 200px;
    order: 2;
  }
  #content.with_sidearea .contents_view .entry-content {
    width: calc(100% - 230px);
    order: 1;
  }
}
@media print {
  #content.with_sidearea .contents_view #sub_sidebar_mini {
    display: none;
  }
  #content.with_sidearea .contents_view .entry-content {
    width: 100%;
  }
}

/*------------------------------------------*/
.post_items .post_item {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px dotted #999999;
}
@media (min-width: 768px) {
  .post_items .post_item {
    margin: 0 0 30px;
    padding: 0 0 30px;
    display: flex;
    justify-content: space-between;
  }
}
.post_items .post_item:last-child {
  border: none;
  padding: 0;
}
.post_items .post_img {
  text-align: center;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .post_items .post_img {
    width: 320px;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .post_items .post_txt {
    width: calc(100% - 350px);
  }
}
.post_items .post_category {
  margin-right: 10px;
}
.post_items .subtitle {
  margin-top: 10px;
}
.post_items .title {
  font-size: 120%;
  margin-top: 10px;
}

.pt_meister_mov_top .post_item {
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .pt_meister_mov_top .post_item {
    margin: 0 0 50px;
  }
}
.pt_meister_mov_top .entry-content {
  margin: 10px 0 0 0;
}
.pt_meister_mov_top .movie_area {
  margin: 0 0 10px;
}

blockquote {
  background: #f1f1f1;
  padding: 15px;
  border-radius: 10px;
  border-left: 3px solid #ccc;
  border-right: 3px solid #ccc;
  margin: 20px 0;
}
@media (min-width: 768px) {
  blockquote {
    padding: 20px;
    margin: 30px 0;
  }
}/*# sourceMappingURL=module.css.map */