article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    box-sizing: border-box;
    margin: 0;
    outline: medium none;
    padding: 0;
    vertical-align: baseline;
}
html {
    overflow-y: scroll;
    font-family:"�᫤��E�","Meiryo",verdana,"�ҫ髮���ǫ� Pro W3","Hiragino Kaku Gothic Pro","Osaka","�ͣ� �Ы����ë�","MS PGothic",Sans-Serif;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #a4ecab;
}
:-moz-placeholder {
    color: #ccc;
    font-style: italic;
}
*::-moz-placeholder {
    color: #ccc;
    font-style: italic;
}

li {list-style-type:none;}
img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}

.video embed,
.video object,
.video iframe {width: 100%; height: auto;}

a {color: #888; text-decoration: none;}
a:hover,
a:active {color: #333;}

#car h2 {font-size:2em; line-height:1.3;}
#car h3 {font-size:1.3em; font-weight:normal;}
#car h4 {font-size:1.3em;}
#car p {font-size:0.9em; line-height:1.5;}


html {font-size : 100%; }
@media screen and (max-width : 767px){html{ font-size : 90%;} } 
@media screen and (min-width : 768px){html{ font-size : 87.5%;} } 
@media screen and (min-width : 1024px) {html{ font-size : 100%;} }

/*   00.default
____________________________________*/

#car #snsBlock li {display:inline-block; padding:0.3em;}

section {margin:0;}
section .wrap {width:90%; padding:5%; margin:0 auto;}
section .wrap:before, #car section .wrap:after {content: " "; display: table; }
section .wrap:after {clear: both;}

@media screen and (max-width : 767px){
 section .wrap {width:98%; padding:1%;}
 section .wrap:after {padding-bottom:10%;}
} 


.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after {clear: both; }


.btn {color: #333; text-align:center; border: 1px solid #333; border-radius: 4px; font-weight: 100; margin:0 auto; display:inline-block;}
.btn:hover {color: #fff; background: none repeat scroll 0 0 #323a45; border: 1px solid #323a45;}
.btn a {color: #333; display:block; padding: 1em 3em;}
.btn a:hover {color: #fff;}

.sepreater {
  display: block;
  width: 100%;
  height: 0px;
  margin: 0px auto 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 4px double #999;
  border-bottom: 4px double rgba(0, 0, 0, 0.23);
  box-shadow: none;
  color: #333;
}

#car .scroll {clear:both; font-size:100%; margin:0;}
.scroll a {display:block; text-align:center; color:#333; padding:1em;}
.scroll a:hover {color:#FFF; background-color:#444;}



.colwrap:before, .colwrap:after {content: " "; display: table; }
.colwrap:after {clear: both;}

.col2 {float:left; width:50%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.col2:nth-child(2n+1){clear:both;}
.col3 {float:left; width:33%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.col3:nth-child(3n+1){clear:both;}
.col4 {float:left; width:25%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.col4:nth-child(4n+1){clear:both;}
.col5 {float:left; width:20%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.col5:nth-child(5n+1){clear:both;}

.col2_lmin_s {float:left; width:40%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.col2_lmin_d {float:left; width:60%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.col2_rmin_d {float:right; width:60%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.col2_rmin_s {float:right; width:40%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


/* .col2, .col3, .col4, .col5, .col2_lmin, .col2_rmin {padding:1em;}*/

@media screen and (max-width : 800px){
 .col4 {width:50%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
 .col4:nth-child(2n+1){clear:both;}
 .col5 {width:33%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
 .col5:nth-child(5n+1){clear:none;}
 .col2_lmin_s, .col2_lmin_d, .col2_rmin_d, .col2_rmin_s {width:100%; padding:0;}
}

@media screen and (max-width : 460px){
 .col2, .col3, .col4, .col5, .col2_lmin, .col2_rmin {width:100%; padding:0;}
}


section h2,
section h3 {text-align:center;}
@media screen and (max-width : 460px){section h2, section h3 {text-align:left;}}



/*   01.header
____________________________________*/

header {height:80px; width:90%; padding:0 5%; margin:0 auto;}
header h1 {float:left; height:60px; margin:0; padding:0;}
header .list3 {float:left; margin:25px 0 0 20px;}
header .list3 li {color:#1b926c; float:left;  padding: 0.5em;}
header .list3 li a {font-size:83%; color:#1b926c;}
header .list3 li a:hover {text-decoration:underline; background-color:#ffff9e;}
header nav {float:right; height:60px; margin:20px 0 0 0; padding:0;}
header:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
@media screen and (max-width: 700px){
header{height:auto; width:98%; padding:0 1%;} header .wrap {text-align:center;} header h1 {float:none; height:auto;} header .list3, header nav {display: inline-block; float:none; margin:0;}
}

#gnav {clear:both; padding:0 10%; background:#333;}
.globNav-toggle, #gnav li {color: #fff; background:#333; width:12%; max-width:132px; box-sizing: border-box; overflow: hidden; max-height:62px;} 
#gnav li {display: table-cell; box-sizing: border-box;}
#gnav li:first-child {width:8.5%; max-width:89px;}
#gnav li a {color: #fff; display: block;}
#gnav li:hover {background:#CCC;}
#gnav li img {width:100%;}

.globNav-row{
 display: table;
 width: 100%;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    -webkit-transform:translateZ(0);
}
* html #gnav    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
} 

#gnav #forsp {display:none;}
.globNav-toggle { display: none;}
.globNav-inner{ overflow: hidden;}
.globNav-inner > li { float: left;}
 
@media only screen and (max-width: 700px){
#gnav {padding:0 1%; position:relative;}
#gnav #forpc {display:none;}
.globNav-toggle { display: block;}
.globNav-inner{ display: none}
.globNav-inner > li { float: none;}
.globNav-toggle,  
#gnav li { display:none; min-width: 100%; padding:1.5em; border-bottom:1px dotted #CCC; border-left:none; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#gnav li:first-child {display:none;}
#gnav li:last-child {border:none;}
}

@media screen and (min-width: 701px){
.globNav-inner{ display: block; height:60px;} 
}

/*   02.sec1
____________________________________*/
#sec1 {background-color: #EAEAEA;}
#sec1 h2 {margin-bottom: 0.2em;}
#sec1 h3 {font-size:2.5em; line-height:1.3;}
#sec1 ul {text-align:center; margin-bottom:3em;}
#sec1 li {font-size:93%; font-weight:bold; display:inline-block; padding:1em; border:2px solid #333;}
#sec1 .read {padding: 2em 0;}

@media screen and (min-width : 601px) {#sec1 h2 {font-size:150%;}}
@media screen and (max-width : 600px) {#sec1 li {font-size:80%; padding:.3em; border:2px solid #333; } #sec1 h3 {font-size:1.5em; font-weight:bold;} #sec1 .read {padding:0;}}



/*   02-1.sec1-2
____________________________________*/
#sec1-2 {color:#FFF; padding-top: 0px; background-image: url('../img/parlex.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
#sec1-2 h4 {text-align: center;}
#sec1-2 .cover {background-color: transparent;
 filter: alpha(opacity=90); /* IE lt 8 */
 -ms-filter: "alpha(opacity=90)";
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2DA0C9', endColorstr='#2DA0C9FF');
 background-image: -webkit-linear-gradient(#2DA0C9, rgba(50,130,23, 0.5) 100%);
 background-image: -o-linear-gradient(#2DA0C9, rgba(45,160,201, 0.5) 100%);
 background-image: linear-gradient(#2DA0C9, rgba(45,160,201, 0.5) 100%);}

.car-movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.car-movie-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/*   03.sec2
____________________________________*/

#sec2 {color:#FFF; padding-top: 0px; background-image: url('../img/parlex.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
#sec2 .cover {background-color: transparent;
 filter: alpha(opacity=90); /* IE lt 8 */
 -ms-filter: "alpha(opacity=90)";
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2DA0C9', endColorstr='#2DA0C9FF');
 background-image: -webkit-linear-gradient(#2DA0C9, rgba(50,130,23, 0.5) 100%);
 background-image: -o-linear-gradient(#2DA0C9, rgba(45,160,201, 0.5) 100%);
 background-image: linear-gradient(#2DA0C9, rgba(45,160,201, 0.5) 100%);}
#sec2 .col3 {text-align:center; margin:0 auto 0.5em auto;}
#sec2 .col3 .txt {text-align:left;}



/*   04.sec3
____________________________________*/
#sec3 {background-color: #EAEAEA;}
#sec3 .sp4 {float:left; width:25%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#sec3 .sp4 .cap {font-size:83%;}
#sec3 .sp4 :nth-child(4n+1){clear:both;}

@media screen and (max-width : 800px){
 #sec3 .sp4 {width:50%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
 
}

@media screen and (max-width : 460px){
 #sec3 .sp4 {width:50%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
 #sec3 .sp:nth-child(2n+1){clear:both;}
 }

#sec3 #fancybox-right {right:-5%;}
#sec3 #fancybox-left {left:-5%;}


#sec3 .view {
   overflow: hidden;
   position: relative;
   text-align: center;
  /* -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;*/
   cursor: default;
  
}
#sec3 .view .mask,#sec3 .view .content {
   width:100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
#sec3 .view img {
   display: block;
   position: relative;
}
#sec3 .view h2 {
   font-size:1.2em;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   padding: .3em;
   background: rgba(0, 0, 0, 0.8);
}
#sec3 .view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 83%;
   position: relative;
   color: #fff;
   padding: .3em;
   text-align: center;
}
#sec3 .view i {position: absolute; bottom: 0; right: 0;}
#sec3 .view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
#sec3 .view-first img {
   margin:0 auto;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
#sec3 .view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(45, 160, 201, 0.5);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
#sec3 .view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
#sec3 .view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
#sec3 .view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

#sec3 .view-first:hover .mask {
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2DA0C9', endColorstr='#2DA0C9FA');
   opacity: 1;
}
#sec3 .view-first:hover h2,
#sec3 .view-first:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
#sec3 .view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}


/*   05.sec4
____________________________________*/
#sec4 {color:#FFF; padding-top: 0px; background-image: url('../img/parlex.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
#sec4 .cover {background-color: transparent;
 filter: alpha(opacity=90); /* IE lt 8 */
 -ms-filter: "alpha(opacity=90)";
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2DA0C9', endColorstr='#2DA0C9FF');
 background-image: -webkit-linear-gradient(#2DA0C9, rgba(50,130,23, 0.5) 100%);
 background-image: -o-linear-gradient(#2DA0C9, rgba(45,160,201, 0.5) 100%);
 background-image: linear-gradient(#2DA0C9, rgba(45,160,201, 0.5) 100%);}
#sec4 .read {padding: 2em 0;}
#sec4 .btn {border: 2px solid #fff; display:block;}
#sec4 .btn:hover {background: none repeat scroll 0 0 #323a45; border: 2px solid #323a45;}
#sec4 .btn a {color: #fff;}


@media screen and (max-width : 600px) {#sec4 .read {padding:0;}}

/*   06.sec5
____________________________________*/
#sec5 {color:#FFF;
  background-color: transparent;
     filter: alpha(opacity=90); /* IE lt 8 */
  -ms-filter: "alpha(opacity=90)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0ac791', endColorstr='#00c788');
  background-color: transparent;
  background-image: -webkit-linear-gradient(#0ac791, #00c788);
  background-image: -o-linear-gradient(#0ac791, #00c788);
  background-image: linear-gradient(#0ac791, #00c788);
}
#sec5 .col4 {text-align:center;}
#sec5 .col4 .txt {text-align:left;}

/*   07.sec6
____________________________________*/

#sec6 .col2, #sec6 .col3, #sec6 .col4 {margin-bottom:2em;}
#sec6 .col2 img, #sec6 .col3 img, #sec6 .col4 img {width:100%;}

#sec6 .btn {display: inline-block; font-weight:bold; width:48%; border:2px solid #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

#sec6 h4 {font-size: 1.2em; margin-bottom: 0;}
#sec6 h4 a {color:#333;}
#sec6 h4 i {font-size: .8em;}
#sec6 .name {font-size: 1.1em; margin-top: 0;}
#sec6 .name span {font-size: .8em;}

#sec6 .results h3 {font-size: 1.7em; font-weight:bold;}
#sec6 .results h4 {font-size: 1.2em;}



@media screen and (max-width : 800px){
 #sec6 .col4 {float:left; width:25%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
 #sec6 .col4:nth-child(2n+1){clear:none;}
 #sec6 .col4:nth-child(4n+1){clear:both;}
}

@media screen and (max-width : 510px){
 #sec6 .col2, #sec6 .col3, #sec6 .col4, #sec6 .col5, #sec6 .col2_lmin, #sec6 .col2_rmin {width:100%; padding:0;}
 #sec6 .btn {display:block; width:100%; margin-bottom:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
}

/*   08.sec7
____________________________________*/
#sec7 {text-align:center; color:#FFF; padding-top: 0px; background-image: url('../img/parlex.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
#sec7 .cover {background-color: transparent;
 filter: alpha(opacity=90); /* IE lt 8 */
 -ms-filter: "alpha(opacity=90)";
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2DA0C9', endColorstr='#2DA0C9FF');
 background-image: -webkit-linear-gradient(#2DA0C9, rgba(50,130,23, 0.5) 100%);
 background-image: -o-linear-gradient(#2DA0C9, rgba(45,160,201, 0.5) 100%);
 background-image: linear-gradient(#2DA0C9, rgba(45,160,201, 0.5) 100%);}
#sec7 .col3 .school {width:90%; margin:0 auto; padding:2%; background-color:#EAEAEA;}
#sec7 .col3 .school:hover {
    opacity: 1;
    transform: scale(1.2);
}

@media screen and (max-width : 600px) {
 #sec7 .col3 {}
 #sec7 .col3 {float:left; width:33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
 #sec7 .col3 h4 {font-size:1em;}
}

/*   08.sec8
____________________________________*/
#sec8 .col3 {text-align:center;}
#sec8 .col3 li {margin-bottom:0.3em;}
#sec8 .col3 li a {color: #333;}


/*   09.sec9
____________________________________*/
#sec9 {color:#FFF;
  background-color: transparent;
     filter: alpha(opacity=90); /* IE lt 8 */
  -ms-filter: "alpha(opacity=90)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0ac791', endColorstr='#00c788');
  background-color: transparent;
  background-image: -webkit-linear-gradient(#0ac791, #00c788);
  background-image: -o-linear-gradient(#0ac791, #00c788);
  background-image: linear-gradient(#0ac791, #00c788);
}
#sec9 .sp4 {float:left; width:25%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#sec9 .sp4 .cap {font-size:83%;}
#sec9 .sp4 :nth-child(4n+1){clear:both;}

@media screen and (max-width : 800px){
 #sec9 .sp4 {width:50%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
 
}

@media screen and (max-width : 460px){
 #sec9 .sp4 {width:50%; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
 #sec9 .sp:nth-child(2n+1){clear:both;}
 }

#sec9 #fancybox-right {right:-5%;}
#sec9 #fancybox-left {left:-5%;}


#sec9 .view {
   overflow: hidden;
   position: relative;
   text-align: center;
  /* -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;*/
   cursor: default;
  
}
#sec9 .view .mask,#sec9 .view .content {
   width:100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
#sec9 .view img {
   display: block;
   position: relative;
}
#sec9 .view h2 {
   font-size:1.2em;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   padding: .3em;
   background: rgba(0, 0, 0, 0.8);
}
#sec9 .view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 83%;
   position: relative;
   color: #fff;
   padding: .3em;
   text-align: center;
}
#sec9 .view i {position: relative; top: 50%; left: 0;}
#sec9 .view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
#sec9 .view-first img {
   margin:0 auto;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
#sec9 .view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(45, 160, 201, 0.5);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
#sec9 .view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
#sec9 .view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
#sec9 .view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

#sec9 .view-first:hover .mask {
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2DA0C9', endColorstr='#2DA0C9FA');
   opacity: 1;
}
#sec9 .view-first:hover h2,
#sec9 .view-first:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
#sec9 .view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}

#sec9-1 {color:#FFF; overflow:hidden; margin:0; text-align:center;  background-image: url('../works/heultracardesigndept/img/heultra-race-car/background.jpg'); background-attachment: fixed; background-size: cover; background-position: center bottom;}
#sec9-1 .col2_rmin_s img:hover {opacity:0.8;}
#sec9-1 .cover  {background-color: transparent; filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; background-color: #333333; background-color: rgba(0, 0, 0, 0.75);}
#sec9-1 .read {padding-bottom: 2em;}
#sec9-1 .btn {border: 2px solid #fff; display:block;}
#sec9-1 .btn:hover {background: none repeat scroll 0 0 #323a45; border: 2px solid #323a45;}
#sec9-1 .btn a {color: #fff;}



/*��ê�̸��ET*/
.read-more-state {display: none;}
.read-more-target {opacity: 0;display:none;max-height: 0;font-size: 0;transition: .25s ease;}
.read-more-state:checked ~ .read-more-wrap .read-more-target {opacity: 1;display:inline ;font-size: inherit;max-height: 999em;}
.read-more-state ~ .read-more-trigger:before {content: 'View More';}
.read-more-state:checked ~ .read-more-trigger:before {content: 'Close';}
.read-more-trigger {cursor: pointer;display: inline-block;padding: 0 .5em;color: #666;font-size: .9em;line-height: 2;border: 1px solid #ddd;border-radius: .25em;}
.more-btn {clear: both; display:block; width:100%; text-align:center; margin-bottom:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.more-btn:hover {color: #ffffff; background: none repeat scroll 0 0 #323a45; border: 2px solid #323a45;}
.more-btn a {color: #fff;}
/*��ê�̸��ET END*/


/*   10.footer
____________________________________*/


footer {color:#FFF; overflow:hidden; margin:0; text-align:center;  background-image: url('../img/fotterback.png'); background-attachment: fixed; background-size: cover; background-position: center bottom;}

.pagetop {text-align:center; background-color:#FFF;}
.pagetop p {margin:0;}
.pagetop a {padding: 2%; color:#FFF; display:inline-block; background-color: transparent; filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; background-color: #333333; background-color: rgba(0, 0, 0, 0.75);}

footer .foot-back{padding:2% 5% ; background-color: transparent; filter: alpha(opacity=75); /* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; background-color: #333333; background-color: rgba(0, 0, 0, 0.75);}
footer .read {letter-spacing:0.5em}