@charset "UTF-8";

.pc_only {display:block;}
.tb {display:none;}
.sp {display:none;}


.test{
  text-align: center;
  font-weight: bold;
  color: #4b4b4b;
  border-bottom: solid #fff116 3px;
}


ul.list-link{
}
ul.list-link a {
  color: #F06070;
}
ul.list-link li ::before {
  content: ">";
}

/*レスポンシブ YouTube*/
/*注意：親要素に style="overflow: hidden;" を追加する*/
.youtube {
  position: relative;
  float: right;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  bottom:0;
  right: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


.page_leffect .kyozai .change_elem_btn .change_btn {
    border-radius: 1rem 1rem 0 0;
    color: #fff;
    font-family: "keifont", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    width: 32%;
    padding: 0.3rem 0.3rem 0;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: visible;
}
.page_leffect .change_elem_btn .is-active::before,
.page_leffect .change_elem_btn .is-active::after {
  content: '';
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page_leffect .change_elem_btn .is-active::before {
  border-radius: 5em;
  z-index: -1;
  bottom: -1.4rem;
}

.link_three_points a,
.page_leffect .change_btn.yellow {
  background: #fff116;
}
.page_leffect .change_elem_btn .yellow.is-active::before {
  background: #fff116;
}

.link_three_points a,
.page_leffect .change_btn.lightblue {
  background: #67C6BF;
}
.page_leffect .change_elem_btn .lightblue.is-active::before {
  background: #67C6BF;
}
.link_three_points a,
.page_leffect .change_btn.deeporange {
  background: #E8652B;
}
.link_three_points a,
.page_leffect .change_btn.red {
  background: #e60012;
}
.page_leffect .change_elem_btn .deeporange.is-active::before {
  background: #E8652B;
}
/*.page_leffect .change_btn.yellow {
    background: #fff116;

}
.page_leffect .change_btn.yellow .ins {
    color: #67c6bf;
}*/
/*.page_leffect .change_elem_btn .is-active::before, .page_leffect .change_elem_btn .is-active::after {
    width: 4rem;
    height: 4rem;
}*/
h2.eizo{
  text-align: center;
  font-weight: bold;
  color: #4b4b4b;
  border-bottom: solid #fff116 3px;
  font-size: 2.6rem;
  width: 80%;
  margin: 0 auto;
  max-width: 180px;
}
.page_leffect .tit-eizo {
    background: #fff116;
    border-radius: 1rem 1rem 0 0;
    color: #67c6bf;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 2rem;
    margin: 2rem 0 0;
    position: relative;
}

h2.kateigakushu{
  text-align: center;
  font-weight: bold;
  color: #4b4b4b;
  border-bottom: solid #67c6bf 3px;
  font-size: 2.6rem;
  width: 80%;
  margin: 0 auto;
  max-width: 180px;
}
.page_leffect .tit-kateigakushu {
    background: #67c6bf;
    border-radius: 1rem 1rem 0 0;
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 2rem;
    margin: 2rem 0 0;
    position: relative;
}

h2.kyogu{
  text-align: center;
  font-weight: bold;
  color: #4b4b4b;
  border-bottom: solid #e8652b 3px;
  font-size: 2.6rem;
  width: 80%;
  margin: 0 auto;
  max-width: 180px;
}
.page_leffect .tit-kyogu {
    background: #e8652b;
    border-radius: 1rem 1rem 0 0;
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 2rem;
    margin: 2rem 0 0;
    position: relative;
}

@media screen and (max-width: 767px) {
  .pc {display:none;}
  .pc_only {display:none;}
  .tb {display:block;}
  .sp {display:block;}
}