@charset "UTF-8";
/* Welcome to Compass. Use this file to write IE specific override styles.
* Import this file using the following HTML or equivalent:
* <!--[if IE]>
*   <link href="/css/index.css" media="screen, projection" rel="stylesheet" type="text/css" />
* <![endif]--> */
/* line 12, ../sass/index.scss */
.clearfix:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  font-size: 0.1em;
  line-height: 0;
  visibility: hidden;
}

/* line 21, ../sass/index.scss */
.clearfix {
  display: inline-block;
  min-height: 1%;
}

/* Hides from IE-mac \*/
/* line 26, ../sass/index.scss */
* html .clearfix {
  height: 1%;
}

/* End hide from IE-mac */
/* line 31, ../sass/index.scss */
html, body {
  height: 100%;
  width: 100%;
}

/* line 35, ../sass/index.scss */
br.clear_noie, div.clear_noie {
  display: inline !important;
  display: none;
  clear: both;
  line-height: 0px;
}

/* line 41, ../sass/index.scss */
br.clear_all {
  clear: both;
  line-height: 0px;
}

/* line 45, ../sass/index.scss */
a {
  color: #000;
  text-decoration: none;
}
/* line 24, ../../../../../../../../../Ruby21-x64/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/typography/links/_link-colors.scss */
a:hover {
  color: #00906b;
}

/* line 49, ../sass/index.scss */
a:hover {
  text-decoration: underline;
}

/* line 52, ../sass/index.scss */
.face_txt {
  font-size: 86%;
  line-height: 150%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 58, ../sass/index.scss */
  br.clear_noie {
    display: block !important;
    content: " ";
  }
}
/* line 63, ../sass/index.scss */
.disnon {
  display: none;
}

/* line 66, ../sass/index.scss */
.fixed {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 10000;
}

/* line 72, ../sass/index.scss */
header {
  height: 82px;
  position: fixed;
  z-index: 9999;
  background: #fff;
  width: 100%;
}

/* line 78, ../sass/index.scss */
header nav {
  float: right;
  width: 536px;
  overflow: hidden;
}
/* line 82, ../sass/index.scss */
header nav ul#he02 {
  width: 67px;
  float: right;
  overflow: hidden;
}
/* line 86, ../sass/index.scss */
header nav ul#he02 li.last {
  margin-right: 0;
}
/* line 89, ../sass/index.scss */
header nav ul#he02 li {
  float: left;
  margin-right: 4px;
}
/* line 92, ../sass/index.scss */
header nav ul#he02 li a {
  display: block;
  height: 60px;
  width: 30px;
  text-indent: -9999px;
}
/* line 98, ../sass/index.scss */
header nav ul#he02 li a#li01 {
  background: url(../../image/h_twi.gif) no-repeat left top;
}
/* line 101, ../sass/index.scss */
header nav ul#he02 li a#li02 {
  background: url(../../image/h_face.gif) no-repeat left top;
}
/* line 106, ../sass/index.scss */
header nav ul#he01 {
  width: 446px;
  float: left;
  overflow: hidden;
}
/* line 110, ../sass/index.scss */
header nav ul#he01 li {
  float: left;
}
/* line 112, ../sass/index.scss */
header nav ul#he01 li a {
  display: block;
  height: 60px;
  background-image: url(../../image/h_nav01.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
/* line 119, ../sass/index.scss */
header nav ul#he01 li a#li01 {
  background-position: left top;
  width: 105px;
}
/* line 123, ../sass/index.scss */
header nav ul#he01 li a#li02 {
  background-position: -105px top;
  width: 103px;
}
/* line 127, ../sass/index.scss */
header nav ul#he01 li a#li03 {
  background-position: -208px top;
  width: 109px;
}
/* line 131, ../sass/index.scss */
header nav ul#he01 li a#li04 {
  background-position: -317px top;
  width: 129px;
}

























/* line 138, ../sass/index.scss */
header #header_in {
  width: 1000px;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
}
/* line 142, ../sass/index.scss */

#header_in h1 {
  float: left;
  width: 400px;
  height: 80px;
  margin-left: 1px;
}

.h_contact_con {
	float: right;
	margin: 15px auto 0;
}
p.h_tel {
	float: left;
}
p.h_contact {
	float: left;
	margin-left: 20px;
}





















/*/header-------------------------------------------------*/
/*side_nav------------------------------------------------*/
/* line 163, ../sass/index.scss */
#side_nav {
  height: 563px;
  max-height: 563px;
  width: 192px;
  position: fixed;
  top: 50%;
  /*top: 80px;*/
  right: 0px;
  margin-top: -281px;
  /*vertical-align: middle;*/
  z-index: 999999;
  /*display:none;*/
  /*opacity:0;*/
  display: none;
}
/* line 177, ../sass/index.scss */
#side_nav ul {
  /*display:table-cell;*/
  vertical-align: middle;
  height: 563px;
  position: absolute;
  top: 0px;
  left: 0px;
  /*background:url(../../image/bg_side_nav01.png) no-repeat left top;*/
}
/* line 185, ../sass/index.scss */
#side_nav ul li {
  width: 199px;
  margin-bottom: 0;
}
/* line 188, ../sass/index.scss */
#side_nav ul li a#con01 {
  background-position: left top;
  height: 54px;
  /*margin-bottom:14px;*/
}
/* line 193, ../sass/index.scss */
#side_nav ul li a#con01:hover, #side_nav ul li a#con01.current {
  background-position: -192px top;
  height: 54px;
  /*margin-bottom:14px;*/
}
/* line 198, ../sass/index.scss */
#side_nav ul li a#con02 {
  background-position: left -54px;
  height: 66px;
}
/* line 202, ../sass/index.scss */
#side_nav ul li a#con02:hover, #side_nav ul li a#con02.current {
  background-position: -192px -54px;
  height: 66px;
}
/* line 206, ../sass/index.scss */
#side_nav ul li a#con03 {
  background-position: left -120px;
  height: 53px;
}
/* line 210, ../sass/index.scss */
#side_nav ul li a#con03:hover, #side_nav ul li a#con03.current {
  background-position: -192px -120px;
  height: 53px;
}
/* line 214, ../sass/index.scss */
#side_nav ul li a#con04 {
  background-position: left -173px;
  height: 54px;
}
/* line 218, ../sass/index.scss */
#side_nav ul li a#con04:hover, #side_nav ul li a#con04.current {
  background-position: -192px -173px;
  height: 54px;
}
/* line 222, ../sass/index.scss */
#side_nav ul li a#con05 {
  background-position: left -227px;
  height: 53px;
}
/* line 226, ../sass/index.scss */
#side_nav ul li a#con05:hover, #side_nav ul li a#con05.current {
  background-position: -192px -227px;
  height: 53px;
}
/* line 230, ../sass/index.scss */
#side_nav ul li a#con06 {
  background-position: left -280px;
  height: 53px;
}
/* line 234, ../sass/index.scss */
#side_nav ul li a#con06:hover, #side_nav ul li a#con06.current {
  background-position: -192px -280px;
  height: 53px;
}
/* line 238, ../sass/index.scss */
#side_nav ul li a#con07 {
  background-position: left -333px;
  height: 54px;
}
/* line 242, ../sass/index.scss */
#side_nav ul li a#con07:hover, #side_nav ul li a#con07.current {
  background-position: -192px -333px;
  height: 54px;
}
/* line 246, ../sass/index.scss */
#side_nav ul li a#con08 {
  background-position: left -387px;
  height: 53px;
}
/* line 250, ../sass/index.scss */
#side_nav ul li a#con08:hover, #side_nav ul li a#con08.current {
  background-position: -192px -387px;
  height: 53px;
}
/* line 254, ../sass/index.scss */
#side_nav ul li a#con09 {
  background-position: left -440px;
  height: 64px;
  /*margin-bottom:14px;*/
}
/* line 259, ../sass/index.scss */
#side_nav ul li a#con09:hover, #side_nav ul li a#con09.current {
  background-position: -192px -440px;
  height: 64px;
  /*margin-bottom:14px;*/
}
/* line 264, ../sass/index.scss */
#side_nav ul li a#con010 {
  background-position: left -504px;
  height: 59px;
}
/* line 268, ../sass/index.scss */
#side_nav ul li a#con010:hover, #side_nav ul li a#con010.current {
  background-position: -192px -504px;
  height: 59px;
}
/* line 272, ../sass/index.scss */
#side_nav ul li a {
  display: block;
  background-image: url(../../image/bg_side_nav01.png);
  background-repeat: no-repeat;
  width: 199px;
  text-indent: -9999px;
}

/*/side_nav------------------------------------------------*/
/*contents------------------------------------------------*/
/* line 286, ../sass/index.scss */
.ov {
  overflow: hidden !important;
}

/* line 289, ../sass/index.scss */
article#contents {
  width: 100%;
  height: 100%;
}

/*/contents------------------------------------------------*/
/* line 294, ../sass/index.scss */
#sixth {
  background: url(../../image/bg_sixth.jpg) no-repeat center top #000;
  background-size: 100% auto;
}

/*first------------------------------------------------*/
/* line 299, ../sass/index.scss */
section#first, section#second, section#third, section#fourth, section#fifth, section#eighth {
/*  width: 100%;*/
  width: 100%;
  height: calc( 100vh - 80px );
  /*#sixth_in {
  width:100%;
  height: inherit !important;
  position:relative;}*/
}
/* line 307, ../sass/index.scss */
section#first #first_in, section#second #first_in, section#third #first_in, section#fourth #first_in, section#fifth #first_in, section#eighth #first_in {
  /*background: url(../../image/top001.jpg) no-repeat center top;*/
  background-size: auto 100%;
}
/* line 311, ../sass/index.scss */
section#first #first_in, section#first #second_in, section#first #third_in, section#first #fourth_in, section#first #fifth_in, section#first #eighth_in, section#second #first_in, section#second #second_in, section#second #third_in, section#second #fourth_in, section#second #fifth_in, section#second #eighth_in, section#third #first_in, section#third #second_in, section#third #third_in, section#third #fourth_in, section#third #fifth_in, section#third #eighth_in, section#fourth #first_in, section#fourth #second_in, section#fourth #third_in, section#fourth #fourth_in, section#fourth #fifth_in, section#fourth #eighth_in, section#fifth #first_in, section#fifth #second_in, section#fifth #third_in, section#fifth #fourth_in, section#fifth #fifth_in, section#fifth #eighth_in, section#eighth #first_in, section#eighth #second_in, section#eighth #third_in, section#eighth #fourth_in, section#eighth #fifth_in, section#eighth #eighth_in {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
	margin-left: auto;
	margin-right: auto;
}





/*******

下の線

*******/


/* line 316, ../sass/index.scss */
#f_list {
  /*background: url(../../image/gnavi_bk.png) repeat-x left bottom;*/
  height: 86px;
  width: 100%;
	margin-top: 35px;
	margin-bottm: 30px;
  /*position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1011;*/
}
/* line 324, ../sass/index.scss */
#f_list ul {
/*  width: 1008px;*/
	width: 1020px;
  height: 83px;
  margin: 0 auto;
  overflow: hidden;
}
/* line 329, ../sass/index.scss */
#f_list ul li {
  float: left;
}





/*******

Gnavi背景

*******/


/* line 331, ../sass/index.scss */
#f_list ul li a {
  display: block;
  height: 86px;
  background-image: url(../../image/gnavi.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}





/**********

Gnavi01

**********/

/* line 338, ../sass/index.scss */
#f_list ul li a#li01 {
  width: 158px;
  background-position: left top;
}


/**********

Gnavi02

**********/

/* line 342, ../sass/index.scss */
#f_list ul li a#li02 {
  width: 183px;
  background-position: -158px top;
}


/**********

Gnavi03

**********/
/* line 346, ../sass/index.scss */
#f_list ul li a#li03 {
  width: 183px;
  background-position: -341px top;
}

/**********

Gnavi04

**********/

/* line 350, ../sass/index.scss */
#f_list ul li a#li04 {
  width: 183px;
  background-position: -524px top;
}

/**********

Gnavi05

**********/

/* line 354, ../sass/index.scss */
#f_list ul li a#li05 {
  width: 150px;
  background-position: -707px top;
}

/**********

Gnavi06

**********/
/* line 358, ../sass/index.scss */
#f_list ul li a#li06 {
  width: 150px;
  background-position: -858px top;
}
































/*動画の上のテキストの位置*/

/*section#first #first_in h3{
  position: absolute;
	top:50%;
	left:50%;
	z-index: 1010;
	margin-left: -500px;
	margin-top: 180px;
}*/


section#first #first_in h3{
  position: absolute;
	top:50%;
	left:50%;
	z-index: 1010;
	transform: translateX(-50%);
	margin-top: 180px;
}


.hero-text {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 1.3;
	width: 1000px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}






section#first #first_in p#shita01{
 position: absolute;
  bottom: 4px;
  left: 2%;
   z-index: 1020;

   
}

section#first #first_in p#shita02{
 position: absolute;
 bottom: 4px;
 right: 2%;
 z-index: 1020;

}

@media only screen and (max-width: 1200px) {
section#first #first_in p#shita01{
	display: none;
	position: absolute;
	bottom: 4px;
	left: 2%;
	z-index: 1020;
}

section#first #first_in p#shita02{
	display: none;
	position: absolute;
	bottom: 4px;
	right: 2%;
	z-index: 1020;
}
}










/* line 375, ../sass/index.scss */
section#first #first_in #house, section#first #second_in #house, section#first #third_in #house, section#first #fourth_in #house, section#first #fifth_in #house, section#first #eighth_in #house, section#second #first_in #house, section#second #second_in #house, section#second #third_in #house, section#second #fourth_in #house, section#second #fifth_in #house, section#second #eighth_in #house, section#third #first_in #house, section#third #second_in #house, section#third #third_in #house, section#third #fourth_in #house, section#third #fifth_in #house, section#third #eighth_in #house, section#fourth #first_in #house, section#fourth #second_in #house, section#fourth #third_in #house, section#fourth #fourth_in #house, section#fourth #fifth_in #house, section#fourth #eighth_in #house, section#fifth #first_in #house, section#fifth #second_in #house, section#fifth #third_in #house, section#fifth #fourth_in #house, section#fifth #fifth_in #house, section#fifth #eighth_in #house, section#eighth #first_in #house, section#eighth #second_in #house, section#eighth #third_in #house, section#eighth #fourth_in #house, section#eighth #fifth_in #house, section#eighth #eighth_in #house {
  position: absolute;
  bottom: 24%;
  /*right:13%;*/
  right: 0%;
  opacity: 0;
  z-index: 1007;
}
/* line 383, ../sass/index.scss */
section#first #first_in #f_box, section#first #second_in #f_box, section#first #third_in #f_box, section#first #fourth_in #f_box, section#first #fifth_in #f_box, section#first #eighth_in #f_box, section#second #first_in #f_box, section#second #second_in #f_box, section#second #third_in #f_box, section#second #fourth_in #f_box, section#second #fifth_in #f_box, section#second #eighth_in #f_box, section#third #first_in #f_box, section#third #second_in #f_box, section#third #third_in #f_box, section#third #fourth_in #f_box, section#third #fifth_in #f_box, section#third #eighth_in #f_box, section#fourth #first_in #f_box, section#fourth #second_in #f_box, section#fourth #third_in #f_box, section#fourth #fourth_in #f_box, section#fourth #fifth_in #f_box, section#fourth #eighth_in #f_box, section#fifth #first_in #f_box, section#fifth #second_in #f_box, section#fifth #third_in #f_box, section#fifth #fourth_in #f_box, section#fifth #fifth_in #f_box, section#fifth #eighth_in #f_box, section#eighth #first_in #f_box, section#eighth #second_in #f_box, section#eighth #third_in #f_box, section#eighth #fourth_in #f_box, section#eighth #fifth_in #f_box, section#eighth #eighth_in #f_box {
  position: absolute;
  opacity: 0;
  bottom: 10%;
  /*left:6%;*/
  z-index: 1007;
}
/* line 389, ../sass/index.scss */
section#first #first_in #f_box #face, section#first #second_in #f_box #face, section#first #third_in #f_box #face, section#first #fourth_in #f_box #face, section#first #fifth_in #f_box #face, section#first #eighth_in #f_box #face, section#second #first_in #f_box #face, section#second #second_in #f_box #face, section#second #third_in #f_box #face, section#second #fourth_in #f_box #face, section#second #fifth_in #f_box #face, section#second #eighth_in #f_box #face, section#third #first_in #f_box #face, section#third #second_in #f_box #face, section#third #third_in #f_box #face, section#third #fourth_in #f_box #face, section#third #fifth_in #f_box #face, section#third #eighth_in #f_box #face, section#fourth #first_in #f_box #face, section#fourth #second_in #f_box #face, section#fourth #third_in #f_box #face, section#fourth #fourth_in #f_box #face, section#fourth #fifth_in #f_box #face, section#fourth #eighth_in #f_box #face, section#fifth #first_in #f_box #face, section#fifth #second_in #f_box #face, section#fifth #third_in #f_box #face, section#fifth #fourth_in #f_box #face, section#fifth #fifth_in #f_box #face, section#fifth #eighth_in #f_box #face, section#eighth #first_in #f_box #face, section#eighth #second_in #f_box #face, section#eighth #third_in #f_box #face, section#eighth #fourth_in #f_box #face, section#eighth #fifth_in #f_box #face, section#eighth #eighth_in #f_box #face {
  background: url(../../image/first_p06.jpg) no-repeat left top;
  width: 563px;
  padding-top: 2px;
  opacity: 0;
}
/* line 394, ../sass/index.scss */
section#first #first_in #f_box #face #face_in, section#first #second_in #f_box #face #face_in, section#first #third_in #f_box #face #face_in, section#first #fourth_in #f_box #face #face_in, section#first #fifth_in #f_box #face #face_in, section#first #eighth_in #f_box #face #face_in, section#second #first_in #f_box #face #face_in, section#second #second_in #f_box #face #face_in, section#second #third_in #f_box #face #face_in, section#second #fourth_in #f_box #face #face_in, section#second #fifth_in #f_box #face #face_in, section#second #eighth_in #f_box #face #face_in, section#third #first_in #f_box #face #face_in, section#third #second_in #f_box #face #face_in, section#third #third_in #f_box #face #face_in, section#third #fourth_in #f_box #face #face_in, section#third #fifth_in #f_box #face #face_in, section#third #eighth_in #f_box #face #face_in, section#fourth #first_in #f_box #face #face_in, section#fourth #second_in #f_box #face #face_in, section#fourth #third_in #f_box #face #face_in, section#fourth #fourth_in #f_box #face #face_in, section#fourth #fifth_in #f_box #face #face_in, section#fourth #eighth_in #f_box #face #face_in, section#fifth #first_in #f_box #face #face_in, section#fifth #second_in #f_box #face #face_in, section#fifth #third_in #f_box #face #face_in, section#fifth #fourth_in #f_box #face #face_in, section#fifth #fifth_in #f_box #face #face_in, section#fifth #eighth_in #f_box #face #face_in, section#eighth #first_in #f_box #face #face_in, section#eighth #second_in #f_box #face #face_in, section#eighth #third_in #f_box #face #face_in, section#eighth #fourth_in #f_box #face #face_in, section#eighth #fifth_in #f_box #face #face_in, section#eighth #eighth_in #f_box #face #face_in {
  background: url(../../image/first_p07.jpg) no-repeat left bottom;
  width: 563px;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 30px;
}
/* line 400, ../sass/index.scss */
section#first #first_in #f_box #face #face_in ul, section#first #second_in #f_box #face #face_in ul, section#first #third_in #f_box #face #face_in ul, section#first #fourth_in #f_box #face #face_in ul, section#first #fifth_in #f_box #face #face_in ul, section#first #eighth_in #f_box #face #face_in ul, section#second #first_in #f_box #face #face_in ul, section#second #second_in #f_box #face #face_in ul, section#second #third_in #f_box #face #face_in ul, section#second #fourth_in #f_box #face #face_in ul, section#second #fifth_in #f_box #face #face_in ul, section#second #eighth_in #f_box #face #face_in ul, section#third #first_in #f_box #face #face_in ul, section#third #second_in #f_box #face #face_in ul, section#third #third_in #f_box #face #face_in ul, section#third #fourth_in #f_box #face #face_in ul, section#third #fifth_in #f_box #face #face_in ul, section#third #eighth_in #f_box #face #face_in ul, section#fourth #first_in #f_box #face #face_in ul, section#fourth #second_in #f_box #face #face_in ul, section#fourth #third_in #f_box #face #face_in ul, section#fourth #fourth_in #f_box #face #face_in ul, section#fourth #fifth_in #f_box #face #face_in ul, section#fourth #eighth_in #f_box #face #face_in ul, section#fifth #first_in #f_box #face #face_in ul, section#fifth #second_in #f_box #face #face_in ul, section#fifth #third_in #f_box #face #face_in ul, section#fifth #fourth_in #f_box #face #face_in ul, section#fifth #fifth_in #f_box #face #face_in ul, section#fifth #eighth_in #f_box #face #face_in ul, section#eighth #first_in #f_box #face #face_in ul, section#eighth #second_in #f_box #face #face_in ul, section#eighth #third_in #f_box #face #face_in ul, section#eighth #fourth_in #f_box #face #face_in ul, section#eighth #fifth_in #f_box #face #face_in ul, section#eighth #eighth_in #f_box #face #face_in ul {
  border-top: dotted 1px #ccb9a0;
  padding-top: 10px;
  width: 510px;
  margin: 0 auto;
}
/* line 406, ../sass/index.scss */
section#first #first_in #f_box #face #face_in h3, section#first #second_in #f_box #face #face_in h3, section#first #third_in #f_box #face #face_in h3, section#first #fourth_in #f_box #face #face_in h3, section#first #fifth_in #f_box #face #face_in h3, section#first #eighth_in #f_box #face #face_in h3, section#second #first_in #f_box #face #face_in h3, section#second #second_in #f_box #face #face_in h3, section#second #third_in #f_box #face #face_in h3, section#second #fourth_in #f_box #face #face_in h3, section#second #fifth_in #f_box #face #face_in h3, section#second #eighth_in #f_box #face #face_in h3, section#third #first_in #f_box #face #face_in h3, section#third #second_in #f_box #face #face_in h3, section#third #third_in #f_box #face #face_in h3, section#third #fourth_in #f_box #face #face_in h3, section#third #fifth_in #f_box #face #face_in h3, section#third #eighth_in #f_box #face #face_in h3, section#fourth #first_in #f_box #face #face_in h3, section#fourth #second_in #f_box #face #face_in h3, section#fourth #third_in #f_box #face #face_in h3, section#fourth #fourth_in #f_box #face #face_in h3, section#fourth #fifth_in #f_box #face #face_in h3, section#fourth #eighth_in #f_box #face #face_in h3, section#fifth #first_in #f_box #face #face_in h3, section#fifth #second_in #f_box #face #face_in h3, section#fifth #third_in #f_box #face #face_in h3, section#fifth #fourth_in #f_box #face #face_in h3, section#fifth #fifth_in #f_box #face #face_in h3, section#fifth #eighth_in #f_box #face #face_in h3, section#eighth #first_in #f_box #face #face_in h3, section#eighth #second_in #f_box #face #face_in h3, section#eighth #third_in #f_box #face #face_in h3, section#eighth #fourth_in #f_box #face #face_in h3, section#eighth #fifth_in #f_box #face #face_in h3, section#eighth #eighth_in #f_box #face #face_in h3 {
  position: relative;
  padding-top: 17px;
  margin-bottom: 20px;
}
/* line 410, ../sass/index.scss */
section#first #first_in #f_box #face #face_in h3 a, section#first #second_in #f_box #face #face_in h3 a, section#first #third_in #f_box #face #face_in h3 a, section#first #fourth_in #f_box #face #face_in h3 a, section#first #fifth_in #f_box #face #face_in h3 a, section#first #eighth_in #f_box #face #face_in h3 a, section#second #first_in #f_box #face #face_in h3 a, section#second #second_in #f_box #face #face_in h3 a, section#second #third_in #f_box #face #face_in h3 a, section#second #fourth_in #f_box #face #face_in h3 a, section#second #fifth_in #f_box #face #face_in h3 a, section#second #eighth_in #f_box #face #face_in h3 a, section#third #first_in #f_box #face #face_in h3 a, section#third #second_in #f_box #face #face_in h3 a, section#third #third_in #f_box #face #face_in h3 a, section#third #fourth_in #f_box #face #face_in h3 a, section#third #fifth_in #f_box #face #face_in h3 a, section#third #eighth_in #f_box #face #face_in h3 a, section#fourth #first_in #f_box #face #face_in h3 a, section#fourth #second_in #f_box #face #face_in h3 a, section#fourth #third_in #f_box #face #face_in h3 a, section#fourth #fourth_in #f_box #face #face_in h3 a, section#fourth #fifth_in #f_box #face #face_in h3 a, section#fourth #eighth_in #f_box #face #face_in h3 a, section#fifth #first_in #f_box #face #face_in h3 a, section#fifth #second_in #f_box #face #face_in h3 a, section#fifth #third_in #f_box #face #face_in h3 a, section#fifth #fourth_in #f_box #face #face_in h3 a, section#fifth #fifth_in #f_box #face #face_in h3 a, section#fifth #eighth_in #f_box #face #face_in h3 a, section#eighth #first_in #f_box #face #face_in h3 a, section#eighth #second_in #f_box #face #face_in h3 a, section#eighth #third_in #f_box #face #face_in h3 a, section#eighth #fourth_in #f_box #face #face_in h3 a, section#eighth #fifth_in #f_box #face #face_in h3 a, section#eighth #eighth_in #f_box #face #face_in h3 a {
  position: absolute;
  right: 25px;
  top: 10px;
}









/*/萩原CSS------------------------------------------------*/
   
   
h2.index_h2 {
   text-align: center;
   font-size: 36px;
   color: #0c154a;
   font-weight: 700;
   margin-top: 90px;
   margin-bottom: 50px;
}

/*特徴*/
.feature {
/*	height: 540px;*/
	height: 770px;
	
	border: 1px solid #fff;
}
.feature_con {
	width: 1000px;
}
.feature_con01 {
	float: left;
	width: 330px;
}
.feature_con02 {
	float: left;
	width: 330px;
	margin-left: 5px;
}
.feature_con03 {
	float: right;
	width: 330px;
	
}
p.feature_ex01 {
	text-align: center;
	padding: 5px;
	font-size: 18px;
	line-height: 1.7;
	
}
p.feature_ex02 {
	text-align: center;
	padding: 5px;
	font-size: 18px;
	line-height: 1.7;
	padding-left: 20px;
}
p.feature_ex03 {
	text-align: center;
	padding: 5px;
	font-size: 18px;
	line-height: 1.7;
	padding-left: 15px;
}

/*contact01*/
.contact01 {
	background: #f7f7f3;
	height: 250px;
	border: 1px solid #f7f7f3;
}
.contact01_con {
	width: 1000px;
}

/*サービス*/
.service {
	height: 580px;
	border: 1px solid #fff;
	
}
.service_con {
	margin-top: 70px;
}
.service_con {
	font-size: 15px;
}
.service_con01 {
	float: left;
	background: #e9fedc;
	width: 320px;
	height: 340px;
	border: 1px solid #447f1f;
	margin-right: 18px;
}
.service_con02 {
	float: left;
	background: #e9fedc;
	width: 320px;
	height: 340px;
	border: 1px solid #447f1f;
}
.service_con03 {
	float: right;
	background: #e9fedc;
	width: 320px;
	height: 340px;
	border: 1px solid #447f1f;
}

p.service_ex01 {
	padding: 10px;
	line-height: 1.6;
}
p.service_ex02 {
	padding: 10px;
	line-height: 1.6;
}
p.service_ex03 {
	padding: 10px;
	line-height: 1.6;
}

/*よくある質問*/
.faq {
	background: #f7f7f3;
	height: 850px;
	border: 1px solid #f7f7f3;
}
.faq_con {
	width: 1000px;
	margin-top: 70px;
}

/*faq_左*/
.faq_con01 {
	float: left;
	width: 600px;
}


/*faq_右*/
.faq_con02 {
	float: right;
}
p.faq_ex01 {
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 20px;
	padding-left: 5px;
}
p.faq_ex02 {
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 20px;
	padding-left: 5px;
}
p.faq_ex03 {
	font-size: 17px;
	line-height: 1.7;
	margin-bottom: 10px;
	padding-left: 5px;
}



/*contact02*/
.contact02 {
	background: #fff;
	height: 430px;
	border: 1px solid #fff;
}
.contact02_con {
	width: 1000px;
}



/******************

footer

*******************/
  
#footer {
	background: url(../../image/footer_bk.png) left top;
	height:280px;
	color: #fff;	
}

#footer a {
	color: #fff;
}

#footerInner {
	width: 1000px;
	position:relative;
	margin:auto;
}

p#footer_seo {
	position: absolute;
	top: 30px;
	right: 0px;
	font-size: 20px;
	line-height: 1.4;
	text-align: right;
	color: #fff;
}

p#footer_address {
	position: absolute;
	top: 100px;
	right: 0px;
	text-align:left;
	line-height: 1.8;	
	text-align: right;
}

p.copyright {
	position: absolute;
	top: 255px;
	right: 0px;
}









/*ナビ01*/
ul#footerNavigation01 {
	position: absolute;
	top: 30px;
	left: -20px;
}
ul#footerNavigation01 li {	
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	padding-left: 18px;
	margin-right: 15px;
}
ul#footerNavigation01 li a {
	display: block;
	text-decoration: none;
	
}
ul#footerNavigation01 li a:hover {
	text-decoration: underline;
}

/*ナビ02*/
ul#footerNavigation02 {
	position: absolute;
	top: 30px;
	left: 200px;
}
ul#footerNavigation02 li {
	
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	padding-left: 18px;
	margin-right: 15px;
}
ul#footerNavigation02 li a {
	display: block;
	text-decoration: none;
	
}
ul#footerNavigation02 li a:hover {
	text-decoration: underline;
}

/*ナビ03*/
ul#footerNavigation03 {
	position: absolute;
	top: 30px;
	left: 430px;
}
ul#footerNavigation03 li {
	
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	padding-left: 18px;
	margin-right: 15px;
}
ul#footerNavigation03 li a {
	display: block;
	text-decoration: none;
	
}
ul#footerNavigation03 li a:hover {
	text-decoration: underline;
}























/*/first------------------------------------------------*/
/* line 423, ../sass/index.scss */
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1001;
}

/* line 430, ../sass/index.scss */
#fp-nav.right {
  right: 17px;
}

/* line 433, ../sass/index.scss */
#fp-nav.left {
  left: 17px;
}

/* line 436, ../sass/index.scss */
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1001;
}

/* line 442, ../sass/index.scss */
.fp-slidesNav.bottom {
  bottom: 17px;
}

/* line 445, ../sass/index.scss */
.fp-slidesNav.top {
  top: 17px;
}

/* line 448, ../sass/index.scss */
#fp-nav ul, .fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

/* line 452, ../sass/index.scss */
#fp-nav li, .fp-slidesNav li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

/* line 459, ../sass/index.scss */
.fp-slidesNav li {
  display: inline-block;
}

/* line 462, ../sass/index.scss */
#fp-nav li a, .fp-slidesNav li a {
  display: block;
  position: relative;
  z-index: 1001;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

/* line 471, ../sass/index.scss */
#fp-nav li .active span, .fp-slidesNav .active span {
  background: #333;
}

/* line 474, ../sass/index.scss */
#fp-nav span, .fp-slidesNav span {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  z-index: 1001;
}

/* line 485, ../sass/index.scss */
.fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
}

/* line 494, ../sass/index.scss */
.fp-tooltip.right {
  right: 20px;
}

/* line 497, ../sass/index.scss */
.fp-tooltip.left {
  left: 20px;
}

/*fp_nav02-----------------------------------------*/
/* line 501, ../sass/index.scss */
#fp-nav02 {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
}

/* line 508, ../sass/index.scss */
#fp-nav02.right {
  right: 50px;
}

/* line 511, ../sass/index.scss */
#fp-nav02.left {
  left: 50px;
}

/* line 514, ../sass/index.scss */
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}

/* line 520, ../sass/index.scss */
.fp-slidesNav.bottom {
  bottom: 17px;
}

/* line 523, ../sass/index.scss */
.fp-slidesNav.top {
  top: 17px;
}

/* line 526, ../sass/index.scss */
#fp-nav02 ul, .fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

/* line 530, ../sass/index.scss */
#fp-nav02 li, .fp-slidesNav li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

/* line 537, ../sass/index.scss */
.fp-slidesNav li {
  display: inline-block;
}

/* line 540, ../sass/index.scss */
#fp-nav02 li a, .fp-slidesNav li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

/* line 549, ../sass/index.scss */
#fp-nav02 li .active span, .fp-slidesNav .active span {
  background: #333;
}

/* line 552, ../sass/index.scss */
#fp-nav02 span, .fp-slidesNav span {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}

/* line 563, ../sass/index.scss */
.fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
}

/* line 572, ../sass/index.scss */
.fp-tooltip.right {
  right: 20px;
}

/* line 575, ../sass/index.scss */
.fp-tooltip.left {
  left: 20px;
}

/*#fourth_in{
width:100% !important;
height:100% !important;
margin:0 auto !important;
position:inherit !important;}*/
/*#third-----------------------------*/
/* line 585, ../sass/index.scss */
#third_in {
  overflow: hidden;
}
/* line 587, ../sass/index.scss */
#third_in #bg_red {
  width: 100%;
  height: 280px;
  background: url(../../image/bg_red01.png) repeat;
  position: absolute;
  left: 0;
  bottom: 0;
}
/* line 595, ../sass/index.scss */
#third_in p#txt03 {
  position: absolute;
  right: -100px;
  bottom: -30px;
  z-index: 1;
}
/* line 601, ../sass/index.scss */
#third_in #box01 {
  position: absolute;
  bottom: 20px;
  /*left: 50px;*/
  z-index: 2;
}
/* line 606, ../sass/index.scss */
#third_in #box01 p#txt01 {
  margin-bottom: 10px;
}
/* line 609, ../sass/index.scss */
#third_in #box01 p#txt02 {
  margin-left: -200px;
}

/*#fourth-----------------------------*/
/* line 615, ../sass/index.scss */
#fourth_in {
  overflow: visible;
}
/* line 617, ../sass/index.scss */
#fourth_in #ph01 {
  position: absolute;
  /*bottom:-70px;
  left:-146px;*/
  z-index: 2;
  opacity: 0;
}
/* line 624, ../sass/index.scss */
#fourth_in #ph02 {
  position: absolute;
  /*bottom: -107px;
  left: 69px;*/
  z-index: 4;
  opacity: 0;
}
/* line 631, ../sass/index.scss */
#fourth_in #ph03 {
  position: absolute;
  /*bottom: -131px;
  left: 289px;*/
  z-index: 3;
  opacity: 0;
}
/* line 638, ../sass/index.scss */
#fourth_in #ph04 {
  position: absolute;
  /*bottom: -210px;
  right: -177px;*/
  z-index: 5;
  opacity: 0;
}
/* line 645, ../sass/index.scss */
#fourth_in #ph05 {
  position: absolute;
  /*bottom: -70px;
  right: -438px;*/
  z-index: 1;
  opacity: 0;
}
#fourth_in #ph06 {
  position: absolute;
  /*bottom: -70px;
  right: -438px;*/
  z-index: 1;
  opacity: 0;
	/*left:-50px;*/
	bottom:-150px;
}
/* line 652, ../sass/index.scss */
#fourth_in #box01 {
  position: absolute;
  top: 30%;
  left: 50px;
  z-index: 10;
}
/* line 657, ../sass/index.scss */
#fourth_in #box01 p#txt01 {
  margin-bottom: 20px;
}

/*sixth---------------------------------------------*/
/* line 663, ../sass/index.scss */
#sixth {
  width: 100%;
  /*height: 1350px;*/
  /*height: 100%;*/
  /*overflow: hidden;*/
  position: relative;
  /*overflow:hidden;*/
}
/* line 670, ../sass/index.scss */
#sixth #sixth_in {
  /*overflow: hidden;*/
}
/* line 672, ../sass/index.scss */
#sixth #sixth_in #six02 {
  opacity: 0;
	padding-bottom:50px;
}
/* line 676, ../sass/index.scss */
#sixth #o_box {
  height: 550px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
/* line 681, ../sass/index.scss */
#sixth #o_box .kaiten {
  -webkit-transition: rotate(15deg);
  -moz-transition: rotate(15deg);
  -ms-transition: rotate(15deg);
  -o-transition: rotate(15deg);
  transition: rotate(15deg);
  /*-webkit-animation: spin 1.5s linear ;
      -moz-animation: spin 1.5s linear ;
      -ms-animation: spin 1.5s linear ;
      -o-animation: spin 1.5s linear ;
      animation: spin 1.5s linear ;*/
}
/* line 692, ../sass/index.scss */
#sixth #o_box #osu01 {
  position: absolute;
  left: 50%;
  margin-left: 100px;
  bottom: 50px;
}
/* line 698, ../sass/index.scss */
#sixth #o_box #men01 {
  position: absolute;
  left: 50%;
  margin-left: -243px;
  /*margin-left:-243px;*/
  bottom: 50px;
}
/* line 705, ../sass/index.scss */
#sixth #o_box #tare01 {
  position: absolute;
  left: 50%;
  margin-left: -58px;
  opacity: 0;
  /*margin-left:-243px;*/
  bottom: 238px;
}
/* line 714, ../sass/index.scss */
#sixth #sixth_in {
  padding-top: 185px;
 /* width: 1002px;*/
  margin: 0 auto !important;
  	/*height:auto;
  overflow:hidden;*/
  text-align: center;
}
/* line 721, ../sass/index.scss */
#sixth #sixth_in #si_box {
  border: solid 3px #730000;
  /*margin-bottom: 30px;*/
	width:996px;
	margin:0 auto 30px;
  opacity: 0;
}
/* line 725, ../sass/index.scss */
#sixth #sixth_in #si_box #si_box_in {
  border: solid 2px #fff;
  padding: 42px 0 30px;
  background: rgba(122, 0, 0, 0.7);
}
/* line 731, ../sass/index.scss */
#sixth #sixth_in p.txt01 {
  font-size: 116%;
  color: #fff;
  line-height: 170%;
}

/*seventh---------------------------------------------*/
/* line 739, ../sass/index.scss */
#seventh {
  width: 100%;
  height: auto !important;
  position: relative;
}
/* line 743, ../sass/index.scss */
#seventh #seventh_in {
  width: 100%;
  overflow: hidden;
}
/* line 746, ../sass/index.scss */
#seventh #seventh_in ul {
  width: 100%;
}
/* line 749, ../sass/index.scss */
#seventh #seventh_in ul li img {
  vertical-align: bottom;
}
/* line 753, ../sass/index.scss */
#seventh #seventh_in ul li.left001 {
  background: url(../../image/bg_menu01.gif) repeat left top;
  height: 681px;
  width: 100%;
  position: relative;
}
/* line 759, ../sass/index.scss */
#seventh #seventh_in ul li.left001 .n01 {
  padding-top: 100px;
}
/* line 762, ../sass/index.scss */
#seventh #seventh_in ul li.left001 .n02 {
  padding-top: 120px;
}
/* line 765, ../sass/index.scss */
#seventh #seventh_in ul li.left001 div.m_box {
  left: 50%;
  position: absolute;
  z-index: 10;
}
/* line 770, ../sass/index.scss */
#seventh #seventh_in ul li.left001 p.menu_p {
  position: absolute;
  /*left:-30%;*/
  z-index: 3;
}
/* line 776, ../sass/index.scss */
#seventh #seventh_in ul .h001 {
  height: 731px !important;
}
/* line 779, ../sass/index.scss */
#seventh #seventh_in ul li.right001 {
  background: url(../../image/bg_menu02.gif) repeat left top;
  height: 681px;
  width: 100%;
  position: relative;
}
/* line 784, ../sass/index.scss */
#seventh #seventh_in ul li.right001 .n01 {
  padding-top: 50px;
}
/* line 787, ../sass/index.scss */
#seventh #seventh_in ul li.right001 .n02 {
  padding-top: 120px;
}
/* line 790, ../sass/index.scss */
#seventh #seventh_in ul li.right001 div.m_box {
  left: 50%;
  position: absolute;
  margin-left: -500px;
  z-index: 10;
}
/* line 796, ../sass/index.scss */
#seventh #seventh_in ul li.right001 p.menu_p {
  position: absolute;
  /*right:-30% !important;*/
  z-index: 3;
}

/*eighth----------------------------------------*/
/* line 806, ../sass/index.scss */
section#eighth {
  position: relative;
}
/* line 808, ../sass/index.scss */
section#eighth #eighth_in {
  width: 100%;
  height: 100%;
}
/* line 811, ../sass/index.scss */
section#eighth #eighth_in p#copy {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 60px;
  text-align: center;
  font-size: 92%;
}
/* line 819, ../sass/index.scss */
section#eighth #eighth_in #footer_box {
  width: 493px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -247px;
  margin-top: -200px;
  text-align: center;
}
/* line 828, ../sass/index.scss */
section#eighth #eighth_in #footer_box p#al a {
  text-decoration: underline;
  background: url(../../image/yajirushi01.png) no-repeat left 5px;
  padding-left: 15px;
}
/* line 833, ../sass/index.scss */
section#eighth #eighth_in #footer_box p#al a:hover {
  text-decoration: none;
}



/*movie-------------------------------------------------------*/

/* line 971, ../sass/index.scss */
#bgOverlayContainer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}


/* line 980, ../sass/index.scss */
.overlayPattern {
  background-image: url(../../image/overlay.png);
}

/*percent-------------------------------------------------------------*/
/* line 984, ../sass/index.scss */
.percent_block {
  position: fixed;
  width: 100%;
  /*padding: 20px 5%;*/
  /*padding-top:60px;*/
  text-align: center;
  /*background-color: #f5f5f5;*/
  z-index: 99999;
  bottom: 0;
}

/* line 994, ../sass/index.scss */
.percent_text {
  font-size: 20px;
  margin-bottom: 10px;
  position: fixed;
  right: 50px;
  bottom: 10px;
  z-index: 99999;
}

/* line 1002, ../sass/index.scss */
.percent_text span {
  font-size: 30px;
  font-family: 'Homenaje', sans-serif;
}

/* line 1006, ../sass/index.scss */
.percent_bar {
  width: 0%;
  height: 5px;
  text-align: center;
  background-color: #b34345;
}

/*loading----------------------------------------------------------------*/
/* line 1013, ../sass/index.scss */
#loader {
  width: 450px;
  height: 298px;
  display: none;
  position: fixed;
  _position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -149px;
  margin-left: -225px;
  z-index: 9999999;
}

/* line 1025, ../sass/index.scss */
#fade {
  width: 100%;
  height: 100%;
  display: none;
  background-color: #eee;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999998;
}

/* line 1037, ../sass/index.scss */
#cup span.n001 {
  font-family: 'Oswald', sans-serif;
  color: #999;
  font-size: 35px;
  font-weight: bold;
  display: block;
  text-align: center;
  /*margin-left:220px;*/
  margin-bottom: 30px;
}

/* line 1047, ../sass/index.scss */
#cup span.n001 span {
  font-size: 20px;
}

/*表記*/
/* line 1050, ../sass/index.scss */
#bar {
  /*position: absolute;*/
  width: 450px;
  height: 298px;
  /*margin: -55px 0 0 -250px;*/
  text-align: center;
  background: url(../../image/loading02.png) no-repeat center top;
  	                                                                /*left: 50%;
  top:50%;*/
  /*border:5px solid #042430;*/
}

/* line 1058, ../sass/index.scss */
#bar span {
  background: #042430;
  display: block;
  /*height: 30px;	*/
  width: 450px;
  /*height:298px;*/
  background: url(../../image/loading.png) no-repeat center top;
}

/* line 1066, ../sass/index.scss */
#yuge {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
}

/* line 1073, ../sass/index.scss */
#facebook ul {
  overflow-y: scroll;
}
/* line 1075, ../sass/index.scss */
#facebook ul li {
  height: 300px;
  margin-bottom: 15px;
}
/* line 1078, ../sass/index.scss */
#facebook ul li span {
  display: block;
  margin-bottom: 10px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(15deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(15deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(15deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(15deg);
  }
}
/* line 1124, ../sass/index.scss */
div.cover01 {
  width: 52%;
  position: absolute;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 3;
  right: 0;
  top: 0;
  display: none;
}

/* line 1134, ../sass/index.scss */
div.cover02 {
  width: 52%;
  position: absolute;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  left: 0;
  top: 0;
  display: none;
}

/* line 1144, ../sass/index.scss */
div.cover03 {
  width: 52%;
  position: absolute;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 3;
  right: 0;
  top: 0;
  display: none;
}

/* line 1154, ../sass/index.scss */
div.cover04 {
  width: 60%;
  position: absolute;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  left: 0;
  top: 0;
  display: none;
}


/* line 1171, ../sass/index.scss */
.al01 {
  padding-left: 19px !important;
}





/* top */
section.top {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	width: 1000px;
	height: 560px;
}

@media (min-width: 1281px) {
	section.top {
		width: 1250px;
		height: 700px;
	}
}
@media (min-width: 1367px) {
	section.top {
		width: 1500px;
		height: 840px;
	}
}
	
video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1500px;
  background-size: cover;
  z-index: -1;
}



/* scroll */
.scroll {
	position: absolute;
	bottom: 1%;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-decoration: none;
	  color: #fff;
  }
  .scroll {
	padding-top: 70px;
  }
  a.scroll:hover {
	  color: #fff;
	  text-decoration: none;
}
  .scroll span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
  }
  @-webkit-keyframes sdb {
	0% {
	  -webkit-transform: rotate(-45deg) translate(0, 0);
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  -webkit-transform: rotate(-45deg) translate(-20px, 20px);
	  opacity: 0;
	}
  }
  @keyframes sdb {
	0% {
	  transform: rotate(-45deg) translate(0, 0);
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  transform: rotate(-45deg) translate(-20px, 20px);
	  opacity: 0;
	}
  }



.top_feature {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.4;
	
	position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 2.5rem;
	background-image: linear-gradient(90deg, white 0% 30%, #222 30% 70%, white 70%);
	background-repeat: no-repeat;
    background-size: 100% 1.5px;
    background-position: bottom;
}
.top_feature span {
	font-size: 19px;
}
.top_feature-2 {
	font-weight: 700;
	font-size: 19px;
	color: #86A853;
}