/************** base config **************/
#breadcrumb,
.title-wrap {
  display: none; }

#main {
  padding: 0 !important; }

#main_wrap {
  width: 100% !important; }

#contents {
  float: none;
  width: 100%; }
  #contents p {
    margin-bottom: 0; }


#header {
  border-top: none !important; }

/************** lp config **************/
.head a:hover, .interview a:hover, .monitor a:hover img {
  opacity: 0.7; }

.head {
  background: url(./img/head_bg.png) repeat-x top center, url(./img/bg01.gif) repeat top center;
  position: relative; }
  .head div {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 135px;
    width: 865px;
    z-index: 1; }
    .head div b {
      font-family: 'Arial', 'Helvetica', 'sans-serif';
      color: #e40012;
      font-size: 58px;
      float: right;
      line-height: 1em;
      text-align: center;
      width: 65px; }
  .head h1 {
    display: flex;
    justify-content: center;
    height: 649px;
    overflow-x: hidden;
    position: relative; }
  .head p {
    margin: 0 auto;
    position: relative;
    width: 818px;
    z-index: 2; }
    .head p a {
      position: absolute;
      bottom: 100px; }

.point {
  background: url(./img/point_bg.jpg) no-repeat top center; }

.privilege {
  background: url(./img/bg01.gif) repeat top center; }

.conditions {
  background: url(./img/bg02.gif) repeat top center; }

.monitor {
  margin: 0 auto;
  position: relative;
  width: 922px; }
  .monitor ul li {
    position: absolute;
    top: 350px;
    right: 62px; }
  .monitor ul ol {
    position: absolute;
    top: 560px;
    left: 220px; }
  .monitor ul a {
    color: #09c; }
    .monitor ul a:hover {
      color: #49b6db; }
    .monitor ul a:active {
      color: #36009a; }
  .monitor div {
    position: absolute;
    top: 220px;
    right: 153px;
    z-index: 1; }
    .monitor div b {
      font-family: 'Arial', 'Helvetica', 'sans-serif';
      color: #e40012;
      display: block;
      font-size: 58px;
      line-height: 1em;
      text-align: center;
      width: 65px; }

@media only screen and (max-width: 480px) {
  .head {
    background: url(./img/bg01.gif) repeat top center;
    padding: 20px 0 0; }
    .head h1 {
      height: auto; }
    .head div {
      display: none; }
    .head p {
      padding: 10px 20px 0;
      text-align: center;
      width: auto; }
      .head p a {
        position: static; }

  .voice {
    padding: 0 39px 0 48px; }

  .monitor {
    padding-bottom: 60px;
    width: auto; }
    .monitor li, .monitor ol {
      position: static !important;
      text-align: center; }
    .monitor li {
      padding: 0 20px; }
    .monitor div {
      display: none; } }

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