@charset "utf-8";
/* CSS Document */

body { font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", 'メイリオ', Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  background: #060610;
}
a img:hover {
 opacity: 0.7; filter: brightness(110%);
}
	.pc { display: inline !important; }
	.sp { display: none !important; }   
#wrapper {
  max-width: 1520px;
  margin: 0 auto;
}
#wrapper  .inner {
  max-width: 1280px;
  margin: 0 auto;
}
#wrapper .block {
  padding-bottom: 85px;
}
 /* header
----------------------------------------------*/
#header {
background: #063997; /* Old browsers */
background: -moz-linear-gradient(left,  #063997 0%, #066abe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #063997 0%,#066abe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #063997 0%,#066abe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#063997', endColorstr='#066abe',GradientType=1 ); /* IE6-9 */

}
.header__logo {
  max-width: 440px;
  padding: 25px 0;
}

 /* fv
----------------------------------------------*/
#fv .fv__tryal {
  padding: 30px 0;
  background: url("../../img/fv_tryal-bg__pc.jpg") no-repeat;
  background-size: 100%;
  text-align: center;
}
#fv .fv__tryal img {
  max-width: 768px;
}

 /* page-link
----------------------------------------------*/
.page-link {
  margin-top: 53px;

}

 /* gallery
----------------------------------------------*/
#gallery .gallery__tl {
  max-width: 298px;
  margin: 80px auto 56px auto;
}

 /* point
----------------------------------------------*/
#point {
  padding-top: 80px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006599+23,001b5c+100 */
background: #006599; /* Old browsers */
background: -moz-linear-gradient(top, #006599 23%, #001b5c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #006599 23%,#001b5c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #006599 23%,#001b5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006599', endColorstr='#001b5c',GradientType=0 ); /* IE6-9 */
}
#point .point__tl {
  max-width: 596px;
  margin: 0 auto 56px auto;
}
 /* special
----------------------------------------------*/
#special {
  padding-bottom: 100px;
}
#special .special__present {
  margin-top: -30px;
  margin-bottom: 50px;
}
#tryal {
  padding-bottom: 40px;
  background: url("../../img/bg-step__pc.jpg") no-repeat center top;
}
#tryal .tryal__step {
}
.btn_link {
  display: block;
  max-width: 692px;
  margin: 0 auto;
  margin-top: 90px;
  background: #fff;
}
#tryal .btn_link {
  margin-top: 40px;
}
#tryal .tryal__notes {
  padding-top: 80px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
}



 /* raiten
----------------------------------------------*/
#raiten {
  padding-top: 80px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006599+23,001b5c+100 */
background: #006599; /* Old browsers */
background: -moz-linear-gradient(top, #006599 23%, #001b5c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #006599 23%,#001b5c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #006599 23%,#001b5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006599', endColorstr='#001b5c',GradientType=0 ); /* IE6-9 */
}
#raiten .raiten__tl {
  max-width: 596px;
  margin: 0 auto 60px auto;
}


 /* スクロールイベント
----------------------------------------------*/

.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}
.fade-left {
  /*transform: translate(-500px, 0);*/
  transform: translateX(-500px);
  overflow: hidden;
}
.fade-right {
  /*transform: translate(500px, 0);*/
  transform: translateX(500px);
  overflow: hidden;
}
.scroll-in {
  opacity: 1;
  /*transform: translate(0, 0);*/
  transform: translateX(0);
}