@charset "UTF-8";
.pc {
  display: block; }
  @media screen and (max-width: 768px) {
    .pc {
      display: none; } }

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

.sdk_contents * {
  font-family: 'Noto Sans Japanese', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", Verdana, Helvetica, sans-serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
.sdk_contents .lead_area {
  padding-top: 15px;
  margin-bottom: 50px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .sdk_contents .lead_area {
      margin-bottom: 25px; } }
  .sdk_contents .lead_area p.txt {
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .sdk_contents .lead_area p.txt {
        font-size: 14px; } }
  .sdk_contents .lead_area ul {
    margin: 25px 0;
    list-style: none; }
    @media screen and (max-width: 768px) {
      .sdk_contents .lead_area ul {
        margin: 15px 0; } }
    .sdk_contents .lead_area ul li {
      font-size: 16px;
      padding-left: 1em;
      text-indent: -1em; }
      @media screen and (max-width: 768px) {
        .sdk_contents .lead_area ul li {
          font-size: 14px; } }
  .sdk_contents .lead_area p.note {
    font-size: 14px;
    color: #83838f;
    padding-left: 1em;
    text-indent: -1em; }
    @media screen and (max-width: 768px) {
      .sdk_contents .lead_area p.note {
        font-size: 12px; } }
.sdk_contents .app_area {
  width: 100%;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .sdk_contents .app_area {
      margin-bottom: 20px; } }
  .sdk_contents .app_area p.ttl_bd {
    width: 100%;
    font-size: 20px;
    border-bottom: 1px solid  #000;
    color: #2f353d;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .sdk_contents .app_area p.ttl_bd {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 15px; } }
  .sdk_contents .app_area p.txt {
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .sdk_contents .app_area p.txt {
        font-size: 14px; } }
  .sdk_contents .app_area ul.img {
    margin: 35px auto 10px;
    display: flex;
    justify-content: center;
    list-style: none; }
    @media screen and (max-width: 768px) {
      .sdk_contents .app_area ul.img {
        display: block;
        margin: 20px auto 10px; } }
    .sdk_contents .app_area ul.img li {
      text-align: center; }
      .sdk_contents .app_area ul.img li:not(:last-child) {
        margin-right: 20px; }
        @media screen and (max-width: 768px) {
          .sdk_contents .app_area ul.img li:not(:last-child) {
            margin: 0 0 20px; } }
      .sdk_contents .app_area ul.img li .img {
        margin-bottom: 5px; }
        .sdk_contents .app_area ul.img li .img img {
          width: 100%; }
      .sdk_contents .app_area ul.img li p.cap {
        font-size: 14px;
        color: #707070; }
        @media screen and (max-width: 768px) {
          .sdk_contents .app_area ul.img li p.cap {
            font-size: 12px; } }
  .sdk_contents .app_area p.notice {
    font-size: 12px;
    text-align: center;
    color: #000;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .sdk_contents .app_area p.notice {
        font-size: 11px;
        margin-bottom: 30px; } }
  .sdk_contents .app_area ul.note {
    list-style: none;
    margin-bottom: 75px; }
    @media screen and (max-width: 768px) {
      .sdk_contents .app_area ul.note {
        margin-bottom: 35px; } }
    .sdk_contents .app_area ul.note li {
      font-size: 14px;
      color: #83838f;
      padding-left: 1em;
      text-indent: -1em; }
      @media screen and (max-width: 768px) {
        .sdk_contents .app_area ul.note li {
          font-size: 12px; } }
  .sdk_contents .app_area .bnr_area a img {
    width: 100%; }
.sdk_contents .notice_area {
  width: 100%;
  text-align: left;
  margin: 60px auto 0px; }
  @media screen and (max-width: 768px) {
    .sdk_contents .notice_area {
      margin: 30px auto 0px; } }
  .sdk_contents .notice_area dl {
    font-size: 14px;
    color: #83838f; }
    .sdk_contents .notice_area dl dd:not(:last-child) {
      margin-bottom: 55px; }
    .sdk_contents .notice_area dl dd ul {
      list-style: none; }
.sdk_contents p.gotop {
  text-align: right;
  margin: 30px auto 90px; }
  @media screen and (max-width: 768px) {
    .sdk_contents p.gotop {
      margin: 20px auto 50px; } }
  .sdk_contents p.gotop a {
    font-size: 10px; }

/* -------------------------------------------------------------------- */
.ov {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.ov:hover {
  opacity: .7;
  -webkit-opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);
  /* IE lt 8 */
  -ms-filter: "alpha(opacity=70)";
  /* IE 8 */ }

/*# sourceMappingURL=layout.css.map */