@charset "UTF-8";
/*CSSをリセットする*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/*=======================
NAV
=========================*/
#navi, #fixNav {
  background: #970c0c;
  height: 100px;
  overflow: hidden; }

#fixNav {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 100; }

/*=======================
COMMON
=========================*/
p {
  text-align: justify;
  text-justify: inter-ideograph; }

.lef {
  float: left; }

.rig {
  float: right; }

.tx-lef {
  text-align: left; }

.tx-rig {
  text-align: right; }

.fullwidth {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative; }

.fullwidth-h {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden; }

.contents {
  width: 1000px;
  margin: 0 auto;
  position: relative; }

.abso {
  position: absolute; }

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

.italic {
  font-style: italic; }

/*=======================
#header
=========================*/
#header {
  height: 50px;
  background: #000; }
  #header #h_logo_tvg {
    left: 10px;
    top: 12px; }
  #header #h_logo_skp {
    right: 90px;
    top: 12px; }
  #header #h_logo_fox {
    right: 10px;
    top: 12px; }

/*=======================
#visual
=========================*/
#visual {
  height: 520px;
  color: white;
  background: #000; }
  #visual #visual-inner {
    background: url(../img/v_img.jpg) no-repeat left top;
    height: 520px; }
  #visual #v_title {
    top: 150px;
    left: -10px; }
  #visual #v_catch {
    top: 180px;
    right: 0px; }
  #visual #v_catch2 {
    bottom: 0px;
    left: 0px; }
  #visual #v_link {
    bottom: 75px;
    right: 10px; }

/*=======================
#sp1
=========================*/
#sp1 {
  background: url(../img/sp1_bg.jpg) repeat left top #333; }
  #sp1 .introduction {
    padding-bottom: 50px; }
  #sp1 h2 {
    width: 938px;
    margin: 0 auto;
    padding-top: 25px; }
  #sp1 h3 {
    text-align: center; }
  #sp1 .sp1set {
    margin: 35px auto;
    width: 938px; }
  #sp1 h3 + .sp1set {
    margin-top: 0px; }
  #sp1 .sp1set-txt {
    width: 665px; }
    #sp1 .sp1set-txt h4 {
      color: #fff004;
      font-size: 18px;
      font-weight: bold; }
    #sp1 .sp1set-txt p {
      color: white;
      font-size: 15px;
      line-height: 26px; }

/*=======================
#sp2
=========================*/
#sp2 {
  background: white;
  padding-bottom: 50px;
  border-top: solid 8px #00aeef; }
  #sp2 h2 {
    padding: 25px 0 0;
    width: 990px;
    margin: 0 auto; }
  #sp2 .sp2content {
    width: 1000px;
    box-sizing: border-box;
    padding: 0 15px; }
  #sp2 .row {
    margin: 0 -15px;
    box-sizing: border-box; }
  #sp2 span.num {
    display: block;
    background: #00aeef;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    font-family: 'Oswald', sans-serif; }
  #sp2 h3 {
    color: #00aeef;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
    padding: 7px 0 15px; }
  #sp2 p {
    font-size: 15px;
    line-height: 22px; }
  #sp2 a {
    display: inline-block;
    text-decoration: none;
    color: #00aeef;
    margin-top: 10px; }
  #sp2 .link-cp {
    font-size: 18px;
    font-weight: bold;
    color: #ff6400;
    display: block;
    border: solid 1px #ff6400;
    text-align: center;
    padding: 4px; }
  #sp2 .item1-3, #sp2 .item4-5 {
    padding: 0 15px;
    float: left;
    box-sizing: border-box;
    margin: 15px 0; }
  #sp2 .item1-3 {
    width: 33.3333%; }
  #sp2 .item4-5 {
    width: 50%; }
    #sp2 .item4-5 dl dt {
      font-size: 16px;
      font-weight: bold;
      color: #00aeef;
      padding-bottom: 7px; }
    #sp2 .item4-5 dl dd {
      text-indent: 0.5em;
      font-size: 14px;
      font-weight: bold;
      color: #00aeef; }

/*=======================
#cp
=========================*/
#cp {
  height: 1100px;
  color: white;
  background: url(../img/cp_bg.jpg) repeat left top #666; }
  #cp #cp-inner {
    width: 1100px;
    height: 1001px;
    top: 30px;
    left: 50%;
    margin-left: -550px;
    background: url(../img/cp_bg.png) no-repeat left top; }
    #cp #cp-inner h2, #cp #cp-inner p {
      text-align: center; }
    #cp #cp-inner h2 {
      margin-top: 90px; }
    #cp #cp-inner p {
      margin-top: 10px; }
    #cp #cp-inner ul {
      width: 920px;
      margin: 15px auto 15px; }
    #cp #cp-inner .period {
      padding: 15px auto 10px; }
    #cp #cp-inner .cp_btn_link {
      padding: 0 auto 30px; }

/*=======================
#voice
=========================*/
#voice {
  background: url(../img/voice_bg.jpg) repeat left top #333;
  padding-bottom: 70px; }
  #voice .voice_content {
    width: 910px;
    margin: 20px auto 40px; }
  #voice .voice-photo {
    width: 180px; }
  #voice .voice-txt {
    width: 700px; }
    #voice .voice-txt p {
      font-size: 15px;
      line-height: 26px;
      color: white; }
    #voice .voice-txt p.introduce {
      border-bottom: dashed 1px #999;
      padding-bottom: 10px; }
    #voice .voice-txt .ch-free {
      color: #84d5ff;
      margin-top: 20px; }
    #voice .voice-txt .channel {
      margin-top: 35px; }
    #voice .voice-txt .onair {
      margin: 7px 0; }
      #voice .voice-txt .onair dt, #voice .voice-txt .onair dd {
        display: inline-block;
        font-size: 14px;
        line-height: 22px;
        height: 22px;
        margin-right: 0.5em; }
      #voice .voice-txt .onair dt {
        background: #84d5ff;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        -ms-border-radius: 11px;
        -o-border-radius: 11px;
        border-radius: 11px;
        padding: 0 11px;
        width: 45px;
        text-align: center;
        color: #000;
        font-weight: bold; }
      #voice .voice-txt .onair dd {
        color: white; }
      #voice .voice-txt .onair dt.rep {
        background: #cbedff; }
  #voice .bs-skp {
    width: 910px;
    margin: 0 auto;
    padding: 15px 0;
    border-top: solid 3px #66cbff; }
    #voice .bs-skp h3 {
      color: #66cbff;
      font-size: 18px;
      font-weight: bold; }
    #voice .bs-skp p {
      font-size: 14px;
      line-height: 24px;
      color: white; }

/*=======================
#skp
=========================*/
#skp {
  background: white;
  padding: 50px 0;
  color: #00aeef;
  border-top: solid 8px #00aeef; }
  #skp h2 {
    text-align: center;
    padding: 20px 0; }
  #skp .skp_lead {
    text-align: center;
    padding: 20px 0; }
  #skp .skp_fee {
    text-align: center;
    padding: 20px 0; }
  #skp .skp_app {
    width: 800px;
    height: 538px;
    position: relative;
    margin: 30px auto; }
    #skp .skp_app h3 {
      left: 0;
      top: 0;
      text-align: center;
      width: 800px; }
    #skp .skp_app #h4web, #skp .skp_app #pweb, #skp .skp_app #linkweb, #skp .skp_app #h4tel, #skp .skp_app #ptel, #skp .skp_app #period-tel, #skp .skp_app #privacy-tel {
      width: 100%;
      text-align: center; }
    #skp .skp_app #h4web {
      left: 0px;
      top: 101px; }
    #skp .skp_app #pweb {
      left: 0px;
      top: 143px; }
    #skp .skp_app #linkweb {
      display: block;
      left: 0px;
      top: 183px; }
    #skp .skp_app #h4tel {
      left: 0px;
      top: 302px; }
    #skp .skp_app #ptel {
      left: 0px;
      top: 351px; }
    #skp .skp_app #period-tel {
      left: 0px;
      top: 450px;
      color: #00aeef;
      font-size: 21px;
      font-weight: bold; }
    #skp .skp_app .px18 {
      font-size: 18px; }
    #skp .skp_app #privacy-tel {
      left: 0px;
      top: 485px;
      font-size: 14px; }
      #skp .skp_app #privacy-tel a {
        color: #00aeef; }

/*------------------
フッター
------------------*/
#footer {
  background: #313030; }

#footer_inner {
  padding-top: 44px; }

#footer {
  /* height: 135px; */ }

#footer a {
  color: #f090a2; }

#footer p {
  line-height: 18px;
  font-size: 14px;
  color: #fff;
  text-align: center; }

#footer p.copyright {
  font-size: 10px;
  line-height: 110%;
  padding-top: 10px; }

#footer p.site {
  padding-top: 20px; }

#footer p.ftvg {
  padding: 35px 0 93px; }

#pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 65px;
  height: 65px;
  display: none; }

#pagetop img {
  vertical-align: bottom; }

/*# sourceMappingURL=my-style.css.map */