html{
    font-size:62.5%;
      scroll-behavior: smooth;
}

body{
    margin: 0;
}


#main{
	width:100%;
  overflow: hidden; /* 要素のはみ出しを非表示にする */
}

#header_navi {
    position: relative;
    top: 0px;
    left: -150px;
}

#main img{
  width: 100%;
  height: auto;
  }



   /*--------------------------------------------------
 各セクション共通
--------------------------------------------------*/

.container {
  max-width: 1040px;
  margin: 0 auto;
  padding:30px 20px;
  text-align: center;
}

.sec-container{
  margin:56px auto 0;
  background-color: #fff;
}

.section{
  padding-bottom:56px;
}


   /*--------------------------------------------------
  fv
--------------------------------------------------*/

.hide{
    margin:0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    height:0;
  }


#fv {
    background: url(./images/fv-bg.jpg) center no-repeat;
    background-size:cover;
    position: relative;
    /* height: 640px; */
}

.inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fv-pc{
  margin: 50px auto;
}

.fv-sp{
    display: none;
}

   /*--------------------------------------------------
fv下ホワイトホースとイエローナイフ 
--------------------------------------------------*/
#catch{
  background-color: #08AEEA;
background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
padding-bottom:0;
}



.text {
  margin-top:0px;
  font-size: 24px;
  font-weight: bold;
  padding: 80px 10px;
  color: #fff;
  text-align: center;
  line-height: 1.6;
}

.catch-flex{
    display: flex;

  }
  
  .catch-img{
    width:50%;
  }

  .catch-img img {
    width: 100%;
    object-fit: cover;

  }
   /*--------------------------------------------------
４つの比較ボタン
--------------------------------------------------*/

#comparison{
  background-color: #08AEEA;
background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);

}
.button-group{
  display: flex;
  gap:20px;
  flex-wrap: wrap;
  justify-content: center;
}

  /* ボタンアイテムのスタイル */
  /* #comparison a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #19738e;
    width:200px;
  } */
  #catch a {
    padding: 15px;
    text-decoration: none;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #19738e;
    width:200px;
  }

  
  .btn6, .btn6:link, .btn6:visited {
    padding: 13px 0;
    border: 1px solid #333;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 3px;
    transition: all .2s ease-in-out;
  }
  
  .btn6:hover {
    background: #333;
    border: 1px solid #333;
    border-radius: 20px;
  }


   .aurora {
    background-color: #DCEAF7;
  }
  .aurora:hover {
    background: #9AC1E5;
    border: 1px solid #333;
  }

  .attractions {
    background-color: #E0EEDA;
  }
  .attractions:hover {
    background: #A9D08D;
    border: 1px solid #333;
  }


  .activities {
    background-color: #FFF2CC;
  }
  .activities:hover {
    background: #FFD966;
    border: 1px solid #333;
  }

  .city-tour {
    background-color: #F1C6ED;
  }
  .city-tour:hover {
    background: #EBADE6;
    border: 1px solid #333;
  }

     /*--------------------------------------------------
比較タイトルのスタイル
--------------------------------------------------*/


.ribbon1 {
  width: 80%;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  /* height: 55px;
  line-height: 55px; */
  text-align: center;
  padding: 15px 30px;
  font-size: 18px;/*文字の大きさ*/
  background: #f57a78;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
}

/* .ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #6CDDB5;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #6CDDB5 transparent transparent;
  border-style: solid;
} */

.comparison-title {
	font-size: 36px;
  margin-bottom:32px;
  font-weight: bold;
}




.btn6 h2{
  font-size:12px;
  font-weight: bold;
}
.btn6 h3{
  font-size:18px;
  font-weight: bold;
}


/*--------------------------------------------------
見えるオーロラにも違いがある！？
--------------------------------------------------*/

.aurora-sec{
  background-color:#DCEAF7;
}

/* 見出し */
.heading--title {
	position: relative;
	padding-top: 80px;
	padding-bottom: 50px;
	font-size: 42px;
	text-align: center;
  background-color: #08AEEA;
  color: #DCEAF7;
  font-weight: bold;
  line-height: 33px;
}


.heading-small{
  font-weight: bold;
  font-size:14px;
}
.heading--title span {
	position: relative;
	z-index: 2;
}

.heading--title::before {
	content: attr(data-en);
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
  color:rgba(220,234,247,0.2);
	font-size: 80px;
	font-style: italic;
}


/* 小見出し */
.heading-minititle {
	position: relative;
	padding-bottom: 20px;
	font-size: 36px;
	text-align: center;
	line-height: 30px;
  font-weight: bold;
}



/* 小見出しグループ */
.headeing-textgroup{
  max-width:1100px;
  padding:20px;
  margin:56px auto 0;
  }

  .under {
    background: linear-gradient(transparent 50%, #08AEEA 0%, #2AF598 80%);
    padding:5px 20px;
  }
    /* background: linear-gradient(transparent 50%, #a8eaff 50%);
  } */
  


  .ttl_frame {
    margin: 32px auto;
    font-size: 17px;
    text-align: left;
    max-width: 900px;
    padding: 1em;
    outline: 3px solid #4c9ac0;
    outline-offset: 5px;
    background: linear-gradient(-45deg, transparent 0 20px, #fff 20px calc(100% - 20px), transparent calc(100% - 20px)),
                repeating-linear-gradient(-45deg, #4c9ac0 0 2px, #fff 2px 6px);
  }


.belt-img{
  width: 100%;
}

.green{
  position: relative;
}

.graph-pointtitle{
  position: absolute;
  width: -webkit-fill-available;
  top: 0;
  padding:15px;
  text-align: center;
  background-color: #19738e;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
}
.pointttl-yellow{
  background-color: #35C783;
}

/*------------------------------------
  オーロラ鑑賞率のグラフ部分
------------------------------------*/
@media screen and (min-width: 751px) {
  .pie-chart-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: stretch;
            margin-bottom:56px;
  }
}

.box {
  padding:100px 30px 30px 30px;
  position: relative;
  min-width: 200px;
  width: 33.3333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content:flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

/* オーロラベルト */
.beltgroup{
  margin: 0 auto 56px;
  max-width: 500px;
}

.beltgroup img{
  width: 100%;
  height: auto;
  }
.belt-img img{
  width: 100%;
  height: auto;
  }

@media screen and (max-width: 750px) {
  .box {
    width: auto;
  }
}
@media screen and (min-width: 751px) {
  .box + .box {
    margin-left: 20px;
  }
}
@media screen and (max-width: 750px) {
  .box + .box {
    margin-top: 20px;
  }
}
.box .percent {
  position: relative;
  width: 150px;
  height: 150px;
}
.box .percent svg {
  position: relative;
  width: 150px;
  height: 150px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.box .percent svg circle {
  position: relative;
  fill: none;
  stroke-width: 10;
  stroke: #f3f3f3;
  stroke-dasharray: 440;
  stroke-dashoffset: 0;
  stroke-linecap: round;
}
.box .percent .number {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #111;
}
.box .percent .number .title {
  font-size: 50px;
}
.box .percent .number .title span {
  font-size: 22px;
}
.box .text-graph {
  padding: 10px 0 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

.text-graph{
  margin-top:24px;
}
.box .percent .line {
  -webkit-animation: circleAnim 1s forwards;
          animation: circleAnim 1s forwards;
}
.box.blue .percent .line {
  stroke-dashoffset: calc(440 - (440 * 95) / 100);
  stroke: #319EC6;
}
.box.green .percent .line {
  stroke-dashoffset: calc(440 - (440 * 98) / 100);
  stroke: #35C783;
}

@-webkit-keyframes circleAnim {
  0% {
    stroke-dasharray: 0 440;
  }
  99.9%, to {
    stroke-dasharray: 440 440;
  }
}

@keyframes circleAnim {
  0% {
    stroke-dasharray: 0 440;
  }
  99.9%, to {
    stroke-dasharray: 440 440;
  }
}

/*--------------------------------------------------
鑑賞施設で比較！
--------------------------------------------------*/

/* 見出し */
.attrac-sec{
  background-color:#E0EEDA;
}

.attractions-ttl{
    background-color:#A9D08D;
  color: #fff;
  }

    .attractions-headeingtext{
      margin-top:0;
    }

    .ttl_frame {
      margin: 32px auto;
      font-size: 18px;
      text-align: left;
      max-width: 900px;
      font-weight: bold;
      padding: 0.5em 1em;
      outline: 3px solid #4c9ac0;
      outline-offset: 5px;
      background: linear-gradient(-45deg, transparent 0 20px, #fff 20px calc(100% - 20px), transparent calc(100% - 20px)),
                  repeating-linear-gradient(-45deg, #4c9ac0 0 2px, #fff 2px 6px);
    }

    .under-2 {
      background: linear-gradient(transparent 50%, #b99a00 50%);
    }

    .heading08 {
      color: #19738e;
      font-size: 26px;
      margin-top: 20px;
      font-weight: bold;
    }
    
    .heading08 span {
      display: flex;
      align-items: center;
      justify-content: center;
      color:#19738e;
      font-size: 12px;
      text-transform: uppercase;
    }

    .point08{
      color: tomato;
      font-size: 42px;
      margin-top:0;
    }

    .td-img{
      width:40px;
    }

    .yellow08{
      color: #35C783;
    }
    .yellow08 span {
      color:#35C783;
    }

   


    .button-003 {
      display: flex;
      justify-content: center;
      align-items: center;
      /* width: 250px; */
      margin:24px auto 0;
      padding: .9em 2em;
      border: none;
      border-radius: 5px;
      box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
      background-color: #ffd966;
      color: #fff;
      font-weight: 600;
      font-size: 1em;
      transition: all .2s ease-in-out;
      text-decoration: none;
  }
  
  .button-003:hover {
      background-color: #efc956;
  }
  
/*--------------------------------------------------
アクティビティ
--------------------------------------------------*/

#activities {
  background-color: #FFF2CC;
}

.activities-ttl{
  background-color:#FFD966;
color: #fff;
}

/* 見出し */
.attrac-sec{
  background-color:#E0EEDA;
}

.attractions-ttl{
    background-color:#A9D08D;
  color: #fff;
  }
  .sp-only{
    display: none;
  }

  .wh-only{
    margin-top: 100px;
    padding:30px;
  }

/*--------------------------------------------------
市内観光
--------------------------------------------------*/
#city-tour {
  background-color: #F1C6ED;
}

/* 見出し */

.city-tour-ttl{
    background-color:#EBADE6;
  color: #fff;
  }


    /*--------------------------------------------------
STWおすすめツアー
--------------------------------------------------*/

.stw-tour-bottom {
  background: #99B2DF;
  color: #fff;
  /* font-size: 100%; */
  padding:15px 20px;
  display: inline-block;
  position: relative;
  font-style: italic;
  font-weight: bold;
  font-size:36px;
  margin-bottom:56px;
}

/* 吹き出し部分の記述はココに */
.stw-tour-bottom::before {
  content: "";
  border: 10px solid transparent;
  border-top: 10px solid #99B2DF;
  margin-left: -10px;
  top: 100%;
  left: 50%;
  position: absolute;
} 

.stw-tour-bottom span{
  color: #FFBF00;
  font-style: italic;
  font-weight: bold;
}

/* ツアー詳細 */

.tour-list{
  margin-bottom:48px;
  text-align: left;
}


.tourttl {
  color: #19738e;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  font-size: 36px;
  font-weight: bold;
  margin-bottom:24px;
}

.tourttl p{
  font-weight: bold;
}



table{
  border-collapse: collapse;
  width: 100%;
}

.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
  text-align: left;
}

.wh {
  background: #319EC6;
  color: #fff;
  padding:10px;
}
.yk{
  background: #35C783;
  color: #fff;
  padding:15px;
}
.tourbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin:0;
  padding: .9em 2em;
  border: none;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
  background-color: #FA7932;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  transition: all .2s ease-in-out;
  text-decoration: none;
}

.tourbtn:hover {
  background-color: #FE4A2E;
}



@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    border-bottom:none;
    text-align: center;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }

  .tb01 td{
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  #comparison a {
    width:37%
  }
  .tourbtn {
    margin:0 auto;
  }
}

@media screen and (max-width: 639px) {
 #fv .inner {
    background: none;
    background-size: 100% auto;
    min-width: 200px;
    height: auto;
}

     /* 全体 */
.sp-no01 {
    display: none;
  }
.pc-no01 {
    display: block;
    text-align: center;
  }

  /* 全体 */

    #fv {
        background:none;
    }
    
    .inner {
        background:none;
    }

    .image01{
        position: relative;
    }

    .fv-pc{
      display: none;
    }

.fv-sp{
    display: block;
}

#comparison a {
  width:90%
}

/* 比較タイトルのリボン */
.comparison-title {
	font-size: 24px;
}
.ribbon1 {
  width: auto;
}

/* 見出し */
.heading--title {
	font-size: 36px;
	line-height: 33px;
}

.sp-only{
  display: block;
}
}

@media screen and (max-width: 540px) {
.catch-flex{
  flex-direction: column;
}
.catch-img{
  width:100%;
}

.text {
  font-size: 3.5vw;
  padding: 60px 15px;
}

.heading08 {
  font-size: 5vw;
}

.point08{
  font-size: 10vw;
}
}

@media screen and (max-width: 420px) {
.stw-tour-bottom {
  font-size:7.5vw;
}
}
@media screen and (max-width: 360px) {
/* 比較タイトルのリボン */
.comparison-title {
	font-size: 16px;
}
.ribbon1 {
  width: auto;
}

.catch-flex{
  flex-direction: column;
}
.catch-img{
  width:100%;
}

}

/* おすすめツアーcss */

#stw-tour a {
  text-decoration: none;
  color: #333;
}
.aurora-lptourlist{
  overflow:hidden;
  width: 1100px;
  margin: 0 auto;
}
.aurora-lptourlist a{
  text-decoration: none;
}

#main--inner .inner:after{
	content: "";
	clear: both;
	display: block;
}

.osusume__body .osusume__item{
	width:260px;
	margin:0 20px 0 0;
	float:left;
	background:#ffffff;
		margin-bottom:20px;
}

.osusume__body .osusume__item:last-child{
	margin:0;
}
.osusume__body h3{
	background:#551800;
	padding:14px 0;
	text-align:center;
}
.osusume__body h3 span{
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}
.osusume__body .osusume__img img{
	width:260px;
}


.osusume__body .osusume__item2{
	width:540px;
	margin:0 20px 0 0;
	float:left;
	background:#ffffff;
		margin-bottom:20px;
}

.osusume__body .osusume__item2:last-child{
	margin:0;
}

.osusume__body .osusume__img2 img{
	width:540px;
}

.osusume__info{
	overflow:hidden;
	    padding: 10px 20px 20px 10px;
}

.osusume__info p:first-child{
	width:30%;
	float:left;
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
	color:#cb0c12;
}
.osusume__info p:last-child{
	width:70%;
	float:right;
	font-size:22px;
	font-weight:bold;
	text-align:right;
	line-height:1.2em;
	color:#cb0c12;
}

.point__desc{
	font-size:21px;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	padding:0;
	color: #f07860;
	margin-top:20px;
}

.aurora-lptourlist{
	padding: 0 0 100px;
}

.aurora-lptourlist .point__desc{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:1.8;
	padding:0;
}

.aurora-lptourlist .point__item{
	clear:both;
	padding:64px 0 0;
}

.aurora-lptourlist .point__item .point__item--l{
	width:560px;
	height:500px;
	float:left;
	margin:0 0 0 -90px;
}
.aurora-lptourlist .point__item:nth-child(odd) .point__item--l{
	float:right;
	margin:0 -90px 0 0;
}

.aurora-lptourlist .point__item .point__item--r{
	width:570px;
	height:500px;
	float:right;
	padding:0 30px;
	background:#FFC2AA;
}

.aurora-lptourlist .point__item:nth-child(odd) .point__item--r{
	float:left;
	background:#803315;
}

.aurora-lptourlist .point__head{
	overflow:hidden;
	padding:0 0 12px;
}
.aurora-lptourlist .point__head__point{
	background:#ffffff;
	width:80px;
	height:70px;
	float:left;
	color:#e75e4f;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	padding:10px 0 0;
}
.aurora-lptourlist .point__head__point span{
	font-size:20px;
	font-weight:bold;
	display:block;
}

.tourlistttl{
  margin-top:12px;
}
.tour-mainttl{
  font-size:24px;
}

/* 最下部CTA */

/*--------------------------------------------------
section07
--------------------------------------------------*/

#section07 {
	width: 100%;
}
#section07 a{
  text-decoration: none;
}

#section07 .inner07 {
	background: url(../images/sec05-bg.jpg) center 0 no-repeat;
	width: 100%;
	background-size: cover;
	height: 404px;
}

#section07 .bg {
	width: 1100px;
	height: auto;
	margin: 0 auto;
}

#section07 .box07 {
	width: 1100px;
	margin: 0 auto;
	padding-top: 50px;
}


#section07 .text-box07 {
	border: solid 2px #fff;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	font-weight: bold;
}

#section07 .text-box07 p {
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}

#section07 .text-box07 h4 {
	font-size: 38px;
	line-height: 1;
	margin-top: 10px;
	font-weight: bold;
	padding-bottom: 10px;
}

.pc-no01 {
  display: none;
}

.sp-no01 {
  display: block;
  text-align: center;
}



 /*--------------------------------------------------
 link
--------------------------------------------------*/

#main #section03 .link01 a {
  background: url(../images/btn01.png) 0 0 no-repeat;	
	width: 500px;
	height: 85px;
	color: #fff;
	display: block;
	line-height: 82px;
	padding-left: 40px;
	margin-top: 20px;
}

#main #section03 .link01 .tx01 {
	font-weight: bold;
	font-size: 21px;
}


#main .link02 a {
  background: url(../images/btn02.png) 0 0 no-repeat;	
	width: 500px;
	height: 78px;
	color: #fff;
	display: block;
	line-height: 74px;
	margin-top: 30px;
	text-align: center;
}

#main .link02 .tx01 {
	font-size: 21px;
}


#main .link-box li {
	display: inline-block;
	padding-right: 15px;
}


#main .link03 a {
  background: url(../images/btn03.png) 0 0 no-repeat;	
	width: 346px;
	height: 80px;
	color: #fff;
	display: block;
	line-height: 80px;
	margin-top: 40px;
	text-align: center;
}

#main .link03 .tx01 {
	font-size: 20px;
	font-weight: bold;
}


#main .link-box .c-tx {
	padding-right: 0;
}





@media screen and (max-width: 768px) {

/*--------------------------------------------------
section07
--------------------------------------------------*/
#section07 .box07 {
	width: 95%;
	margin: 0 auto;
	padding-top: 50px;
}

#section07 .inner07 {
	background: url(./images/sec05-bg.jpg) center 0 no-repeat;
	width: 100%;
	background-size: cover;
	height: auto;
	padding-bottom: 30px;
}

#main #section07 .bg {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#main #section07 .box07 {
	width: 94%;
	margin: 0 auto;
	padding-top: 20px;
}


#main #section07 .text-box07 {
	border: solid 2px #fff;
	width: 96%;
	margin: 0 auto;
	box-sizing: border-box;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
}

#section07 .text-box07 p {
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	width: 94%;
	margin: 0 auto;
}

#section07 .text-box07 h4 {
	font-size: 22px;
	line-height: 1.6;
	margin-top: 10px;
	font-weight: bold;
	padding-bottom: 10px;
}


	

	
#main .pgtop {
  text-align:right;
  padding-right:10px;
  position: fixed;
  right:0;
  bottom:30px;
	z-index: 999;
}

#main .pgtop img{
		width: 40px;
		height: 40px;
}	
	
#main .pgtop a{
    display: block;
}


	

	
#main	.close a{
	background: #bbb;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	width: 96%;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	display: block;
}
	
	#main	.close {
	background: #bbb;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	width: 96%;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	display: block;
}
	
	
	
	
	
	
	
	
	#main	.a-btn {
	background: url(../images/a-bg.png) center 0 no-repeat;
	background-size: 100% auto;
	padding-top: 11.03%;
	width: 94%;
	height: 0;
	text-align: center;
	color: #fff;
	font-size: 5.5vw;
	margin: 30px auto 20px ;
	position: relative;
}
	
	
#main .section04 .a-btn {
	background: url(../images/a-bg.png) center 0 no-repeat;
	background-size: 100% auto;
	padding-top: 11.03%;
	width: 94%;
	height: 0;
	text-align: center;
	color: #fff;
	font-size: 5.5vw;
	margin: 10px auto 10px ;
	position: relative;
}
	
	
		
#main .section05 .a-btn {
	background: url(../images/a-bg.png) center 0 no-repeat;
	background-size: 100% auto;
	padding-top: 11.03%;
	width: 94%;
	height: 0;
	text-align: center;
	color: #fff;
	font-size: 5.5vw;
	margin: 30px auto 30px;
	position: relative;
}
	
	
	
	
#main .section06 .a-btn {
	background: url(../images/a-bg.png) center 0 no-repeat;
	background-size: 100% auto;
	padding-top: 11.03%;
	width: 94%;
	height: 0;
	text-align: center;
	color: #fff;
	font-size: 5.5vw;
	margin: 30px auto 30px ;
	position: relative;
}
	
	
	
	
	
	.a-btn p {
		position: absolute;
		top: 10%;
		left: 24%;
	}

  #section07 .bg {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}