@charaset "UTF-8";

body { padding-top: 40px; }

#logo_fixed {
	width: 43px;
	height: 90vh;
	margin: 0 45px;
	position: fixed;
}
#logo_fixed>a {
	background-image: url(../img/logo.svg);
	width: 43px;
	height: 680px;
}


.contents_wrapper {
	width:1020px;
	padding: 0;
	margin-left: 140px;
}
#index_header { margin-left:-140px; }

#index_header .mainslider img {
	width: 1020px;
	margin-bottom: 30px;
}
.top_contents,
.top_newscontents {
	width: 1020px;
	height: 96vh;
	position:absolute;
	left: 140px;
	top: 0;
}
.top_newscontents {
	top: 100vh;
}
.sec_contents {
	float:none;
	position: relative;
	padding-left: 140px;
}

.afterscrll_topheader {
	top: -100vh;
	transition: all 1000ms 0s ease;
}


.afterscrll_topnews {
	top: 0;
	transition: all 1000ms 0s ease;
}


/* #news_wrapper { display: none; } */


.btn_scroll {
	background-image: url(../img/btn_scroll.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	width: 46px;
	height: 27px;
}

.box_scroll {
	width:50%;
	float: left;
}





/*
											Header Menu

*/
ul.header_menu,
ul.works_menu { text-align: justify; }


ul.header_menu li a { height: 27px;}
ul.works_menu li a { height: 15px; }
ul.header_menu li a.current { background-position: left -27px; }

ul.header_menu li a.header_menu_1 { width: 60px; }
ul.header_menu li a.header_menu_2 { width: 75px; }
ul.header_menu li a.header_menu_3 { width: 71px; }
ul.header_menu li a.header_menu_4 { width: 97px; }
ul.header_menu li a.header_menu_5 { width: 38px; }
ul.header_menu li a.header_menu_6 { width: 19px; }

ul.header_menu li a.header_menu_1:hover,
ul.header_menu li a.header_menu_2:hover,
ul.header_menu li a.header_menu_3:hover,
ul.header_menu li a.header_menu_4:hover,
ul.header_menu li a.header_menu_5:hover,
ul.header_menu li a.header_menu_6:hover { background-position: left -27px; }

ul.header_menu li,
ul.works_menu li { height: 27px; }





/*
											Works Menu

*/

ul.works_menu {
	margin: 50px 0 44px 0;
	height: 45px;
	line-height: 15px;
}

ul.works_menu li,
ul.works_menu li a { height: 15px; margin-top: 6px; }
ul.works_menu li a.current { background-position: left -15px; }


ul.works_menu li a.works_menu_1 { width: 116px; }
ul.works_menu li a.works_menu_2 { width: 53px; }
ul.works_menu li a.works_menu_3 { width: 133px; margin-left: 3em;}
ul.works_menu li a.works_menu_4 { width: 133px; }
ul.works_menu li a.works_menu_5 { width: 89px; }




ul.works_menu li a.works_menu_1:hover,
ul.works_menu li a.works_menu_2:hover,
ul.works_menu li a.works_menu_3:hover,
ul.works_menu li a.works_menu_4:hover,
ul.works_menu li a.works_menu_5:hover { background-position: left -15px; }


ul.works_menu li a.works_menu_1:hover,
ul.works_menu li a.works_menu_2:hover,
ul.works_menu li a.works_menu_3:hover,
ul.works_menu li a.works_menu_4:hover,
ul.works_menu li a.works_menu_5:hover {
	background-position: left -15px;
}




/*
											Works Sub Menu

*/

ul.works_list_ul { margin: 0 0 20px 0; }

ul.works_list_ul li {
	width: 320px;
	height: 320px;
	margin-bottom: 30px;
	margin-right: 30px;
}

ul.works_list_ul li:nth-child(3n) { margin-right: 0; }



/*
											Headline Style

*/



h2 {
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	margin-bottom: 80px;
	margin-top: 50px;
}

h3.works_title {
	margin-bottom: 50px;
	height: 18px;
}

h4 { margin: 0 auto 71px auto; }


h4:before,
h4:after {
	width: 28px;
	height: 36px;
	margin: 8px 10px;
}
.works_lead { margin-bottom: 46px; }



/*
											Wrapper

*/
.works_wrapper,
.news_wrapper,
.about_wrapper,
.showroom_wrapper { margin-bottom: 10px; }




/*
												Wokrs Next & Previous Buttons
*/

a.next,
a.prev { width: 17px; height: 17px; }




/*
											Article
*/

article { width: 630px; }

article.news_article,
article.showroom_article { margin: 0 195px; }

article.about_article { margin: 0 290px; }

article p { margin-bottom: 40px; }
article p.before_line:before {
	content:"ー";
	display: block;
}

article p:last-child:after {
	content:" ";
	display: block;
	padding-top: 2em;
	margin-bottom:40px;
}

article.showroom_article p:after,
article.works_article p:after {
	content: " ";
	display: none;
}
article.works_article { margin: 0 195px; }
article.works_article img { width: 630px; }

/* article img { margin-bottom: 40px;} */

article.works_article img,
article.showroom_article img { width: 630px; margin-bottom: 40px; }
article img.vertical { width: 420px; }




/*
											News List
*/

ul.news_ul { margin-bottom: 40px; }
ul.news_ul>li:after{ margin: 40px 0; }
ul.news_ul>li:last-child:after  { padding-bottom: 40px; }

ul.news_pager { padding-bottom: 40px; }



#news_content h3 { font-size: 15px;}
.news_photo { margin-bottom: 40px; }

.news_dl dt,
.news_dl dd {
	font-size: 15px;
	line-height: 25px;
}





/*
											About
*/

.about_wrapper img { 	width: 420px; }





/*
											Mail Buttons
*/

.works_mail,
.about_mail {
	width: 97px;
	height: 47px;
	top: 125px;
	right: 0;
}
.works_mail { top: 140px; }

.works_mail a,
.about_mail a { transition: 0.3s; }

.works_mail a:hover,
.about_mail a:hover { opacity: 0.4; }





/*
											Works DLs
*/

dl.flow_dl dt {	width: 160px; }

dl.flow_dl dd {
margin: 0 0 3em 160px;
font-size: 15px;
line-height: 25px;
}





/*
											Footer
*/


footer {
	margin-bottom: 60px;
	border-top: 1px solid black;
}

footer.footer_cr_2nd {
	background: url(../img/footer_copyright.svg) no-repeat 730px 20px;
	height: 50px;
	background-size: 313px 28px;
}

img.footer_cr_top { width: 204px; }
img.footer_cr_2nd { width: 313px; height: 30px; }



div#totop {
	bottom: 95px;
	right: 145px;
}
div#totop a {
	width: 46px;
	height: 27px;
}