/* For modern browsers */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/* For IE 6/7 only */
.cf {
  *zoom: 1;
}

/*--------------------
	parts
--------------------*/
.pc-obj{display: block;}
.pc-link{display: block;}
.pc-txt{display: block;}
.sp-obj{display: none!important;}
.sp-link{display: none!important;}
.sp-txt{display: none!important;}

/*フォント設定*/
html,.zip-input {
    font-family: Verdana,"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif !important;
    color: #333;
}

/*margin*/
.ml0 {margin-left: 0;}


/*PCグロナビ*/
.top-nav {
    position: relative !important;
}

/*ヘッダー・フッター*/
.restrict {
    /*max-width: 964px!important;*/
    /*max-width: 100% !important;*/
    margin: 0 auto;
    max-width: 1280px !important;
}

/* ページトップ */
.pagetop{
	text-align:right;
	margin-bottom:15px !important;
}

/*スライダー画像初期設定*/
.slider-box img {
display:none;
}

/*メインカラム*/
#mainContents{
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
#mainContents* {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

#mainContents p, pre, dl, dt, dd {
    margin: 0;
	line-height: 2em;
	color: #343434;
}

#mainContents {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /*max-width: 1208px;*/
}

.gb100gray {
    width: 100%;
}

.gb100gray2 {
    width: 100%;
    background-color: #f8f8f8;
}
.ie8 #mainContents {
	width: 100%;
    min-width: 964px;
    margin-top: 80px;
}
#topMain {
    padding:0 0 65px;
    min-height:500px;
}
#topMain .main-area {
    text-align: center;
}

#topMain .thanks {
/*    margin-top: 40px;*/
    font-size: 2.7em;
    color: #333;
    font-weight: bold;
    text-align: center;
}
#topMain .thanks p {
    line-height:1.4em;
}

.content-wrap {
    position: relative;
    width: 98.6928%;
    margin: 0 auto;
}

#topMain .content-wrap {
    max-width: 1208px;
    padding: 180px 0 20px;
    text-align: center;
}

#topMain .main-txt{
    width: 80%;
    margin: 24px auto 0 auto!important;
    font-size: 1.66666667em;
    line-height: 1.5em;
    font-weight: bold;
    color: #333;
}
.container {
    margin: 0px 2.2%;
}
/*-----------------------------
	1170px以上
-----------------------------*/
@media screen and (min-width: 1170px) {
    #mainContents .article-box,
    #topBeginner .content-wrap
    {
        max-width: 1170px;
        margin: 0 auto;
    }
    #mainContents .article-box .article-wrap,
    #topBeginner .content-wrap .article-wrap
     {
        margin: 71px 2.1875% 0 2.1875%;
        padding: 0 0.653595%;
        position: relative;
        width: 95.625% !important;
    }
    #topBeginner .content-wrap .article-wrap {
        padding: 37px 0.653595%;
    }

}

/*-----------------------------
	960px以下
-----------------------------*/
@media screen and (max-width: 960px) {

    .pc-obj{display: none!important;}
    .sp-obj{display: block!important;}
    #topMain .arrow_pc{display: none!important;}


    #gnHeader {
        margin-bottom: 0!important;
    }

    #topMain {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        padding: 0 13px;
    }

    #topMain .content-wrap {
        padding: 120px 0 20px;
        text-align: center;
    }

    #topMain .thanks {
        margin-top: 0;
    }


    #topMain .main-txt {
        color: #000;
        margin: 10px auto 0 !important;
        width: 100%;
    }

    #gnFooter {
        /*margin-top: 60px;*/
    }
}

/*-----------------------------*/


/*-----------------------------
	736px以下
-----------------------------*/
@media screen and (max-width: 736px) {
    .pc-link{display: none!important;}
    .sp-link{display: block!important;}
}
/*-----------------------------*/

/*-----------------------------
	580px以下
-----------------------------*/
@media screen and (max-width: 580px) {
    .pc-txt{display: none!important;}
    .sp-txt{display: block!important;}

    #topMain .thanks{
        font-size: 2.8em;
    }

    #topMain .main-txt {
        font-size: 1.3em;
    }
}
/*-----------------------------*/

.tablet .nav-wrapper .menu li{
margin-right: 0px !important;
}

@media (min-width: 960px) {
  .bt{
    width: 630px;
    margin: 70px auto 0 auto;
  }
  .inbt{
    float: left;
    width: 300px;
    height: 68px;
  }
  .st1{
    margin: 0 30px 0px 0px;
  }
  .inbt a span{
    font-size: 0.8em;
  }
}
@media (min-width: 580px) and (max-width: 960px) {
  .bt{
    width: 446px;
    margin: 70px auto 0 auto;
  }
  .inbt{
    width: 100%;
    height: 40px;
  }
  .st1{
    margin: 0 0 24px 0;
  }
  .inbt a span{
    font-size: 0.6em;
  }
}
@media (min-width: 478px) and (max-width: 580px) {
  .bt{
    width: 446;
    margin: 70px auto 0 auto;
  }
  .inbt{
    width: 100%;
    height: 40px;
  }
  .st1{
    margin: 0 0 24px 0;
  }
  .inbt a span{
    font-size: 0.6em;
  }
}
@media (max-width: 478px) {
  .bt{
    width: 100%;
    margin: 70px 0 0 0;
  }
  .inbt{
    width: 100%;
    height: 40px;
  }
  .st1{
    margin: 0 0 24px 0;
  }
  .inbt a span{
    font-size: 0.6em;
  }
}

@media (max-width: 960px) {
  #topMain .thanks p {
      font-size: 0.6em;
  }
}

.bt a{
  display: table;
  width: 100%;
  height: 100%;
}
.inbt a span{
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.st1{
  background-color: #C00001;
}
.st1 a span{
  color: #ffffff;
}
.st2{
  background-color: #F2F2F2;
}
/*------for Sp url------*/
@media only screen and (min-width: 581px) {
  .forsplink{
    display: none;
  }
}

@media only screen and (max-width: 581px) {
  .forpclink{
    display: none;
  }
}
/*------------forIE-------------*/
.ie8 .forsplink{
  display: none;
}

.ie8 .bt{
  width: 630px;
  margin: 70px auto 0 auto;
}
.ie8 .inbt{
  float: left;
  width: 300px;
  height: 68px;
}
.ie8 .st1{
  margin: 0 30px 0px 0px;
}
.ie8 .inbt a span{
  font-size: 0.8em;
}

/*-------------------hover------*/
.st1:hover {
    opacity: 0.7;
}