@charset "UTF-8";
/**@file
 * common.css コンテンツスタイル定義
 * Copyright (C)2017 FUBIC CO., LTD.
 *
 * @author   Tomoaki Tsuchiya<t-tsuchiya@fubic.com>
 */
hr {
  margin: 0; }

/*リセット（bootstrapを読み込んでいる為必要最低限）*/
html, body,
header, footer,
h1, h2, h3, h4, h5,
div, ul, li, p, address {
  margin: 0;
  padding: 0; }

body {
  font-size: 12px;
  line-height: 2.0em;
  overflow-x: hidden;
  color: #4b4a4a;
  font-family: "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

li {
  list-style: none; }

.sp {
  display: none !important; }

/*共通ヘッダー*/
header {
  background: rgba(0, 0, 0, 0.9); }
  header a,
  header a:hover {
    color: #fff; }
  header .row {
    display: flex;
    flex-flow: row; }
  header h1 {
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: 15px;
    max-width: 100px; }
    header h1 img {
      width: 100%; }
  header nav ul.mainmenu {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    margin-top: 10px;
    margin-right: 40px; }
    header nav ul.mainmenu li {
      list-style: none;
      line-height: 50px;
      margin-right: 40px; }
    header nav ul.mainmenu li.icon {
      margin-right: 0; }
    header nav ul.mainmenu ul.submenu {
      display: none; }

.container {
  max-width: 1335px; }

/*共通フッター*/
footer {
  padding: 10px 0;
  background: #3d3d3d;
  color: #fff;
  text-align: center; }
  footer a,
  footer a:hover {
    color: #fff; }

/*iphone7plus以下（スマホ含む）*/
@media (max-width: 750px) {
  .pc {
    display: none !important; }
  .sp {
    display: inherit !important; }
	
  header {
    position: fixed;
    top: 0;
    left: 0;
    display: inherit;
    width: 100%;
    z-index: 300; }
    header h1 {
      width: 100%;
      text-align: center; }
      header h1 img {
        width: 100%;
        max-width: 50vw; }
    header #nav-toggle {
      position: absolute;
      left: 20px;
      top: 25px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      header #nav-toggle span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fff;
        left: 0;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out; }
      header #nav-toggle span:nth-child(1) {
        top: 0; }
      header #nav-toggle span:nth-child(2) {
        top: 10px; }
      header #nav-toggle span:nth-child(3) {
        top: 20px; }
    header nav ul.mainmenu {
      position: fixed;
      display: inherit;
      left: -100%;
      height: 100%;
      margin: 0;
      padding: 0 20px;
      z-index: 20;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      transition: .5s ease-in-out; }
      header nav ul.mainmenu a {
        color: #333; }
      header nav ul.mainmenu ul.submenu {
        display: block;
        position: absolute;
        bottom: 30px; }
        header nav ul.mainmenu ul.submenu hr {
          width: 50px;
          margin-bottom: 15px;
          border-bottom: 1px solid #4b4a4a; }
        header nav ul.mainmenu ul.submenu li {
          line-height: 40px;
          font-size: 12px;
          font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
    header nav.open ul.mainmenu {
      left: 0;
      background: #fff; }
    header nav.open #nav-toggle span:nth-child(1) {
      top: 11px;
      -webkit-transform: rotate(315deg);
      -moz-transform: rotate(315deg);
      transform: rotate(315deg); }
    header nav.open #nav-toggle span:nth-child(2) {
      width: 0;
      left: 50%; }
    header nav.open #nav-toggle span:nth-child(3) {
      top: 11px;
      -webkit-transform: rotate(-315deg);
      -moz-transform: rotate(-315deg);
      transform: rotate(-315deg); }
    header nav.open #menu {
      /* #global-nav top + #mobile-head height */
      -moz-transform: translateY(560px);
      -webkit-transform: translateY(560px);
      transform: translateY(560px); }
    header nav.open .blackbox {
      position: fixed;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 10;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      transition: .5s ease-in-out; } 
	#index .sec2 .for_seo_h3{
		  font-size:20px;
		  font-weight: 600;
	  }
}

/*iphone5対応*/
@media (max-width: 320px) {
  footer {
    font-size: 11px; } }

.install-icon {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #040404;
  padding: 10px 0;
  text-align: center; }

.ios-ic img,
.android-ic img {
  width: 47%; }

.download {
  max-width: 500px;
  margin: 0 auto; }