@charset "utf-8";

@font-face {
    font-family: "BellMTItalic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/BellMTItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/BellMTItalic.woff") format("woff"), url("./fonts/BellMTItalic.ttf") format("truetype");
}

/* subLayout */

.sub #contents {position:relative; zoom:1;  z-index:5;}
#contents:after, #contents_layer:after {content: "";display: block;clear: both;}
#contents_layer {position:relative;  opacity:0; filter: alpha(opacity=0;); z-index:5; }
.subArea { overflow:hidden;}
.topArea { position:relative; height:100vh; background-position:center center; background-size:cover; background-repeat:no-repeat; z-index:1;}
.topArea_line { position:absolute; width:100%; height:20px; left:0; bottom:0; background:#fff; z-index:5;}
/*.subTitle { position:absolute; width:321px; height:321px; left:50%; top:50%; margin:-160px 0 0 -160px; background:url(../images/sub/subTitle_line.png.png) no-repeat; z-index:5;}*/
.subTitle h2 { position:absolute; right:80px; bottom:152px; text-align:right; color:#fff; font-weight:400; -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.3); -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.3); text-shadow:2px 2px rgba(0, 0, 0, 0.3);}
.subTitle h2 .title01 { display:block; font-family: 'Roboto Condensed', sans-serif; font-size:26px; margin-bottom: 10px; line-height:1.3em; text-transform:uppercase; }
.subTitle h2 .title02 { display:block; font-family: 'Libre Baskerville', serif; font-size:60px; line-height:0.7em;  letter-spacing:-0.01em;}
.subTitle h2 .title03 { display:block; line-height:1.2em; margin-top:0.5em;}
.subTitle .btn_scroll { position:absolute; right:150px; bottom:60px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.subTitle .btn_scroll:hover, .subTitle .btn_scroll:focus { bottom:50px;}
#subCon { position:relative; padding-bottom:80px; z-index:5;}

.conTitle { margin-top: 80px; margin-left:100px; }
.conTitle dt {padding-left:190px; margin-bottom:30px; background:url(../images/sub/subTitle_line.png.png) left 30px no-repeat; background-size:42px 2px;}
.conTitle dt .title01 { display:block;font-family: 'Libre Baskerville', serif; font-size:60px; color:#454545; line-height:1em;  letter-spacing:-0.01em; margin-bottom:30px;}
.conTitle dt .title02 { display:block;display:block; font-size:20px; line-height:1.2em; color:#2988d1; text-transform:uppercase;margin-bottom:30px;}
.conTitle dt .title03 { display:block; font-size:17px; line-height:1.2em; color:#404040; margin-bottom:30px;}
.conTitle dt .title_line { display:block; width:30px; height:2px; background:#000; }
.conTitle dd {padding-left:190px;}
.conTitle dd div { font-size:17px; line-height:1.2em; color:#404040; margin-bottom:20px;}

.btn_more { display:inline-block; font-family: 'Roboto', sans-serif; font-size:12px; font-weight:700; letter-spacing:0.3em; line-height:30px; color:#454545; text-align:center; text-transform:uppercase; padding:5px 50px; border:2px solid #454545;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.btn_more:hover, .btn_more:hover { margin:0 15px;}

.boardNav { width:240px; }
.boardNav li { float:left; margin:0 3px 3px 0;   }
.boardNav li a { display:inline-block;  font-size:13px; line-height:30px; color:#454545; text-align:center; text-transform:uppercase; padding:0 30px; border:2px solid #454545; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.boardNav li.this a, .boardNav li a:hover, .boardNav li a:focus { background:#454545; color:#fff;}


@media  (max-width: 1280px){

}

@media  (max-width: 1024px){


}


@media  (max-width: 768px){


}


@media  (max-width: 560px){
}

@media  (max-width: 480px){



}


@media  (max-width: 380px){

}