@charset "utf-8";

/* =======================================

	CommonElements

======================================= */

.btnarea{
overflow: hidden;
}


.kyoushitu_btn {
    color: #FFF;
    text-align: center;
    font-size: 30px;
    padding: 30px;
    width: 50%;
    background-image: url(/images/btnbg.jpg);
    font-family: "ヒラギノ角ゴ Pro W3", "Open-Sans", "メイリオ", "Meiryo", verdana, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
    float: left;
}

.ol_btn {
    color: #FFF;
    text-align: center;
    font-size: 30px;
    padding: 30px;
    width: 50%;
    background-image: url(/images/olbtnbg.jpg);
    float: right;
}

.kyoushitu_btn h3,.ol_btn h3{
    font-family: "ヒラギノ角ゴ Pro W3", "Open-Sans", "メイリオ", "Meiryo", verdana, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
}
span.iconright {
    padding: 0 10px;
}
li.kyoushitu_btn:hover,li.ol_btn:hover {
    opacity: 0.7;
}
.ol_btn a,.kyoushitu_btn a{
	color: #FFF;
	text-align: center;
}
.pcview {
    display: block;
}
.spview {
    display: none;
}
@media screen and (max-width: 420px) {
  .pcview {
      display: none;
  }
  .spview {
      display: block;
  }
    .kyoushitu_btn {
      color: #FFF;
      text-align: center;
    font-size: 1.8em;
    padding: 0.7em;
      width: 100%;
      background-image: url(/images/btnbg.jpg);
      font-family: "ヒラギノ角ゴ Pro W3", "Open-Sans", "メイリオ", "Meiryo", verdana, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Sans-Serif";
      float: none;
  }
  .ol_btn {
      color: #FFF;
      text-align: center;
      font-size: 1.8em;
      padding: 0.7em;
      width: 100%;
      background-image: url(/images/olbtnbg.jpg);
      float: none;
  }
}