/******************************************************************
PARTIALS -- Common
******************************************************************/
/* === header スクロール時 === */

.header{width:100%;position:fixed;z-index:5;background:#fff;top: 0;}
.header__body{position:relative;justify-content: space-between;width: 100%;margin:auto;background-color: #fff;z-index: 99999999;padding:0 30px; margin-top: 0 !important;}
.menu__item a{color:#000;}
.isScroll .menu__item a{color:#181818;}
.header__nav {margin:30px 320px auto auto;text-align: right;float: right;font-size: .68em;}
.header__nav ul {position: relative;margin: 0;padding: 0;list-style: none;}
.header__nav ul::after {display: block;clear: both;content: '';}
.header__nav ul li {position: relative;float: left;padding: 0 .4em;content:"\003e"; font-weight:bold;color: #111;font-size: 1.5em; margin-right: 0.1em;}
.header__nav ul li a {display: inline-block;line-height: 1;text-align: center;text-decoration: none;white-space: nowrap;}
.header__nav ul li ul li a{font-size:.666rem;padding:1em;outline:none;}
.header__nav ul ul {position: absolute;top: 100%;text-align: left;float: left;}
.header__nav ul ul li {float: none;margin: 0;padding:0;background-color: rgba(255,255,255,1);}
.header__nav ul ul {display: none;padding-top: 12px;}
.header__nav ul li:hover > ul {display: block;}
.isScroll .header__nav ul ul li {background:white;border:1px solid #eee;color:#181818;text-align: left;margin:-1px auto auto;}
.isScroll .header__nav ul li ul li a{padding:1em 2.25em;}
.header_nav__item a i.fa{display: none !important;}
.header.isScroll{z-index:100;color:inherit;}
.sticky {position: fixed;top: 0;width: 100%;z-index: 999999999;min-height: 80px;background-color: #fff;}
.header__logo{width:148px;margin:20px 0;display: inline-table;padding-left: 0;}


.lp-contact-btn{display:inline-table;width: 240px; height: 40px;float: right; margin:-10px 0 0 0; padding:0;}
.lp-contact-btn a{
    color: white !important;
    display: table;
    padding: 0.888em 0;
    width: 240px;
    margin: 0 auto;
    border: none;
    font-size: 1.2em;
    line-height: 1;
    position: relative;
    background: #e13138;
    background: -moz-linear-gradient(to right, #e13138, #ff768a);
    background: -webkit-gradient(to right, #e13138, #ff768a);
    background: -webkit-linear-gradient(to right, #e13138, #ff768a);
    background: -o-linear-gradient(to right, #e13138, #ff768a);
    background: -ms-linear-gradient(to right, #e13138, #ff768a);
    background: linear-gradient(to right, #e13138, #ff768a);
    border-radius: 3.111em;
    box-shadow: 0px 1px 1px #dedede;
    letter-spacing: .1em;
    font-weight: bold;
    text-align: center;
}


/*footer==================================================*/
.footer{
  background:#1e1b3a;
  color:white;
  padding:0 0;
}

.footer a{
  color:white;
}

.footer__basic-info{
  bottom: calc(40px + 70px);
  margin: auto;
  text-align: center;
  display: table;
}

.footer__logos{
  text-align:left;
}

.footer__logo{
  display:inline-block;
  margin:4px;
  vertical-align: top;
}
img.p_mark{
  max-height: 66px;
  background-color: #fff;
  padding:5px;
  margin-left: 20px;
}

.unit--footerIn{
  padding:40px 0 0;
  position:relative;
}

.footer__links li{
  margin-bottom:.5em;
  font-size: 1.1em;
}


.footer-grid{margin:auto;text-align: center;display: table;}
.footer-box{display: table-cell;text-align: left;}
.footer-box ul.footer__links{padding:0 20px;}
li.menu-sp-sp{display: none;}
/*add 2020/1/17*/
.footer-box .outside-group{}
.footer-box .ss-logo{ margin:auto auto 20px auto; }
.footer-box .ss-logo img{ width: 140px; }
.footer-box .ss-address{ font-size: 12px; margin-right: 30px; }
.footer-box .ss-address br{display: block;}
.footer-box .logo-sns{ margin:30px auto; text-align: left; }
.footer-box .logo-sns a{ margin:auto 8px auto auto; }
.footer-box .logo-sns img{ width: 26px; }
.footer-box .jqa{ text-align: left; }
.footer__links a:hover{ text-decoration: underline; }
.footer__links .footer__logos{text-align: left;}
.logo {width: 200px;height: 200px;background: #1a1a1a;border-radius: 50%;}
.support {position: fixed;bottom: 24px;color: rgba(0, 0, 0, 0.6);}
@media (max-width:1100px){
  .header__nav ul li{font-size: 1.2em;}
}
@media (max-width:1000px){
  .header__nav ul li{font-size: 1.1em;}
}
@media (max-width:960px){
  .header__nav{margin-right: 220px;}
}

/******************************************************************
PARTIALS -- Common MENU
******************************************************************/


@media (max-width: 850px) {
    .lp-insightsuite-link,.lp-contact-contact{
      display: none;
    }
    .sticky {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999999999;
      min-height: 80px;
      background-color: #fff;
    }
    .header__body{
      position:relative;
      justify-content: space-between;
      width: 100%;
      margin:auto;
      background-color: #fff;
      z-index: 99999999;
    }
    .header__logo{margin:20px auto; text-align: center; max-width: 120px; display: table;}
    .header__nav{margin:0;}

    .header__nav ul ul{
      display:block;
    }
    .seg-main .main__body {
        padding-top: 6em;
    }
    .header__nav ul li{
      font-size: 1.1rem;
      padding: 1.3em .5em;
      text-align: left;
      border-bottom: 1px solid #999;
      display: block;
      width: 90%;
    }
    .header__nav a{
      color:#181818;
    }
    .header_nav__item a i.fa{float: right !important; display: inline-table; text-align: right;font-size: 1.4em; color: #999; }
    .header__nav ul ul{
      margin-top:.8em;
      width: 100%;
      display: block;
      position: relative;
    }
    .header__nav ul li a{
      display: block;
      text-align: left;
    }
    .header__nav ul ul li {
      font-size: 0.8rem;
      border:1px solid #eee;
      color:#181818;
      text-align: left;
      padding:.4em 0;
      margin:-1px 0 0 0;
      display: block;
      width: 100%;
    }
    .header_nav__item a i.fa{
      display: block !important;
    }
    .header__nav ul li ul li a{
      padding:.6em 1.25em;
      display: block;
      text-align: left;
      color:#181818;
    }
    .menu__item_parent{
      display:none;
    }
    .burger {
      position: absolute;
      z-index: 10;
      right: 15px;
      cursor: pointer;
      -webkit-transform: rotateY(0);
      transform: rotateY(0);
      -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .burger__patty {
      width: 28px;
      height: 2px;
      margin: 0 0 6px 0;
      background: #333;
      -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .isScroll .burger__patty{
        background: #444;
    }

    .burger__patty:last-child {
      margin-bottom: 0;
    }
    .burger--close {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
          position: fixed;
    }
    .burger--close .burger__patty:nth-child(1) {
      -webkit-transform: rotate(45deg) translate(7px, 6px);
              transform: rotate(45deg) translate(7px, 6px);
    }
    .burger--close .burger__patty:nth-child(2) {
      opacity: 0;
    }
    .burger--close .burger__patty:nth-child(3) {
      -webkit-transform: rotate(-45deg) translate(6px, -4px);
              transform: rotate(-45deg) translate(6px, -4px);
    }
    .burger--close .burger__patty{
        background:#181818 !important;
    }
    .header__nav ul li a{
      line-height: 1.5;
    }
    .menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      visibility: hidden;
      height: 100%;
      overflow-x: scroll;
    }
    .menu--active {
      visibility: visible;
    }
    .menu__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 50%;
      __height: 100vh;
      overflow: hidden;
      __background-color: red;
    }
    .menu__list {
      margin: 0;
      padding: 0;
      background: white;
      color:#181818;
      list-style-type: none;
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0);
      -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .menu__list--active {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .menu__brand {
      background: #eee;
      -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      -webkit-transform: translate3d(0, 100%, 0);
              transform: translate3d(0, 100%, 0);
    }
    .menu__brand--active {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .menu__item {
      -webkit-transform: translate3d(500px, 0, 0);
              transform: translate3d(500px, 0, 0);
      -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .menu__item--active {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    ul.menu__list,
    div.menu__brand {
      float: none;
      width: 100%;
      min-height: 0;
    }
    ul.menu__list--active,
    div.menu__brand--active {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
          box-shadow: 0px 5px 5px #ccc;
          padding-bottom: 5.0em;
          padding-top: 5.0em;
    }

    .menu__list {
      -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0);
    }

    .menu__brand {
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
    }
    .menu__brand .logo {
      width: 90px;
      height: 90px;
    }
}/*end max 800*/


/*end add 2020/1/17*/
@media (max-width: 768px){
    .footer-grid{width: 100%;}
    .footer-box{display: table;width: 100%; padding-bottom: 1.8em;}
    .footer-box ul.footer__links{padding:0 10px;}
    li.menu-sp-sp{display: block;}
    .footer-box .outside-group{ display: block;margin:auto; text-align: left; position: relative; width: 96%;}
    .footer-box .ss-logo{ margin-bottom: 10px; }
    .footer-box .ss-address{ margin: auto auto auto 2px;display: block;}
    .footer-box .logo-sns{text-align: left; margin:20px auto;}
    .footer__logos{ text-align: left;}
    .footer-box .jqa{ text-align: left; padding-left: 2px; }
    .footer-box .logo-sns img{ width: 28px; margin:auto 8px auto -3px;}
    .footer__logo img{ width: 40px; }
    img.p_mark {
      max-height: 49px;
      margin-left: 10px;
      width: auto !important;
  }
    .footer-box .ss-logo img{ width: 160px; }
    .footer{
      background:#1e1b3a;
      color:white;
      padding:0;
    }
    .footer__links li.f-115 {
        font-size: 0.88rem;
    }
    .unit--footerIn{padding:40px 0 0;}

}

.autoreplyInstantwin_lp,.followRetweet_lp,.hashtagVote_lp,.instaTwitter{
  /*margin-top: -40px;*/
}
#container{margin-top: 0;}
@media (max-width: 850px){
  #container {
      margin-top: 0;
  }
