@charset "UTF-8";
/*-------------
	変換関数
---------------*/
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#container {
  text-align: left;
  background: #FFF url("../img/index/body_bg.png") no-repeat center bottom/100% auto;
}

@media all and (max-width: 896px) {
  #container {
    background: #FFF url("../img/index/body_bg_sp.png") no-repeat center bottom/100% auto;
  }
}

#main {
  text-align: center;
  position: relative;
}

#main .top_logo {
  padding: 2.77778vw 0;
  width: 23.95833vw;
  margin: 0 auto;
}

#main .top_text01 {
  width: 55.79861vw;
  margin: 0 auto;
}

#main .mainImg {
  margin-top: 2.43056vw;
}

#main .tiger_bunny2_logo {
  position: absolute;
  width: 52.67361vw;
  top: 71.18056vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#main .kotetsu_name {
  position: absolute;
  width: 51.04167vw;
  top: 94.09722vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#main .text_img {
  position: absolute;
  width: 62.11806vw;
  top: 111.25vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#main .mainBox {
  margin: 5.55556vw auto 0;
  width: 1000px;
}

#main .mainBox .mainBox_text {
  text-align: center;
  font-weight: bold;
  font-size: 21px;
  color: #fff;
  line-height: 2.5;
}

@media all and (max-width: 896px) {
  #main .top_logo {
    padding: 4vw 0;
    width: 50.13333vw;
    margin: 0 auto;
  }
  #main .top_text01 {
    width: 83.46667vw;
    margin: 0 auto;
  }
  #main .mainImg {
    margin: -12vw 0 10px;
  }
  #main .mainImg img {
    width: 100%;
  }
  #main .tiger_bunny2_logo {
    position: absolute;
    width: 94.66667vw;
    top: 209.73333vw;
    left: 2.66667vw;
    -webkit-transform: none;
            transform: none;
  }
  #main .kotetsu_name {
    position: absolute;
    top: 253.06667vw;
    width: 91.73333vw;
    left: 2.66667vw;
    -webkit-transform: none;
            transform: none;
  }
  #main .text_img {
    position: absolute;
    top: 339.73333vw;
    width: 86vw;
    left: 6vw;
    -webkit-transform: none;
            transform: none;
  }
  #main .mainBox {
    width: inherit;
    margin: 18.66667vw 20px 0;
  }
  #main .mainBox .mainBox_text {
    text-align: center;
    font-size: 4.26667vw;
    color: #fff;
    line-height: 2.5;
  }
}

@media all and (max-width: 374px) {
  #main .mainBox p {
    font-size: 1.4rem;
  }
}

/*------------------------------------------------------------
	.snsBox
------------------------------------------------------------*/
.snsBox {
  padding: 6.25vw 0 12.5vw;
  text-align: center;
  color: #fff;
}

.snsBox h2 {
  margin-bottom: 20px;
  font-size: 21px;
}

.snsBox .dolk_white_logo img {
  width: 173px;
  margin-bottom: 40px;
}

.snsBox ul li {
  margin: 0 42px;
  display: inline-block;
  width: 67px;
}

.snsBox ul lia:hover {
  opacity: 0.7;
}

@media all and (max-width: 896px) {
  .snsBox {
    padding: 36vw 0 20vw;
    text-align: center;
    color: #fff;
  }
  .snsBox h2 {
    margin-bottom: 1em;
    font-size: 4.26667vw;
  }
  .snsBox .dolk_white_logo img {
    width: 34.4vw;
    margin-bottom: 21.33333vw;
  }
  .snsBox ul li {
    margin: 0 8.26667vw;
    display: inline-block;
    width: 14.53333vw;
  }
  .snsBox ul lia:hover {
    opacity: 0.7;
  }
}

@media all and (max-width: 359px) {
  .snsBox h2 {
    font-size: 1.7rem;
  }
  .snsBox p {
    font-size: 1.4rem;
  }
}
/*# sourceMappingURL=index.css.map */