@charaset "UTF-8";

#logo_fixed {
	width: 75.5%;
	height: 125px;
	margin: 30px auto 0;
	position: relative;
}
#logo_fixed>a {
	background-image: url(../img/logo_sp.svg);
	width: 100%;
	height: 100%;
}


#news_wrapper { display: block; }

#index_header { margin-left:0; }

.top_contents,
.top_newscontents {
	width: 100%;
	height: auto;
	position:relative;
	left: auto;
	top: auto;
	margin-bottom: 15px;
}
.box_scroll,
.btn_scroll { display:none; }




/*
											Header Menu

*/

ul.header_menu,
ul.works_menu {
	padding: 0 30px;
	text-align: left;
}


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

ul.header_menu li a.header_menu_1 { width: 69.3px; }
ul.header_menu li a.header_menu_2 { width: 86.6px; }
ul.header_menu li a.header_menu_3 { width: 82px; }
ul.header_menu li a.header_menu_4 { width: 120.1px; }
ul.header_menu li a.header_menu_5 { width: 44px; }
ul.header_menu li a.header_menu_6 { width: 21.9px; }

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 -31.2px; }

ul.header_menu li,
ul.works_menu li {
	width: 54%;
	margin-bottom: 1em;
}
ul.header_menu li:nth-child(2n),
ul.works_menu li:nth-child(2n) { width: 40%;}


/*
											Works Menu

*/

ul.works_menu {
	margin: 0 0 44px 0;
	padding: 10px 18px;
}

ul.works_menu li,
ul.works_menu li a { height: 15px; }
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: 0;}
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.header_menu:after,
ul.works_menu:after { content: none; }



/*
											Works Sub Menu

*/


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

ul.works_list_ul li {
	width: 47%;
	height: 168px;
	margin-bottom: 13px;
	margin-right: 13px;
}

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


/*
											Headline Style

*/

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

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 {
	box-sizing: border-box;
	padding: 0 1em;
	margin: 0 1em 10px;
}
.works_wrapper {
	padding: 0;
	margin: 0 0 10px;
}

.about_wrapper{
	padding: 0;
	margin: 0;
}

/*
												Wokrs Next & Previous Buttons
*/


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





/*
											Article
*/

article { width: 100%; }

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

article.about_article { margin: 0; }

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



article.works_article img,
article.showroom_article img,
article img.vertical,
img.news_photo {
	width: 100%;
	margin-bottom: 40px;
}





/*
											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_dl dt,
.news_dl dd {
	font-size: 15px;
	line-height: 25px;
}

.news_dl dd img { width: 100%; }


/*
											About
*/

.about_wrapper img { 	width: 65%; }


.px20 { font-size: 120%; }


/*
											Mail Buttons
*/

.works_mail,
.about_mail {
	width: 97px;
	height: 47px;
	top: auto;
	right: auto;
	position: relative;
	margin-bottom: 20px;
}
.about_mail {
	position: absolute;
	top: 415px;
	left: 245px;
}

.works_mail { top: auto; }

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

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




/*
											お問い合わせページ
*/
@media screen and (max-width: 700px) {
    .mw_wp_form {
        width: 90%;
        margin: 0 auto 70px auto;
    }
    .mw_wp_form dt {
        margin: 0 0 5px 0;
        padding: 3px 0 0 0;
        text-align: left;
        height: 27px;
				width: 100%;
    }
    .mw_wp_form dd {
        margin: 0 0 25px 0;
        text-align: left;
				width: 100%;
    }
    .mw_wp_form input {
				width: 100%;
        padding: 0 3%;
    }
    .mw_wp_form textarea {
				width: 100%;
        padding: 8px 3%;
    }
    .mw_wp_form .btn-send {
        text-align: center;
        margin: 50px auto 0 auto;
    }
    .mw_wp_form button.btn-send-dtl {
        width: 45%;
        margin: 10px 5px 20px 5px;
    }
}

@media screen and (max-width: 590px) {
    .mw_wp_form {
        margin: -40px auto 30px auto;
    }
}







/*
											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 {
	box-sizing: border-box;
	margin-bottom: 60px;
	margin:0 1em;
	border-top: 1px solid black;
}
footer.footer_cr_2nd {
	width: 100%;
	height: 50px;
	background: url(../img/footer_copyright_sp.svg) no-repeat left 20px;
	background-size: 213px 30px;
	margin: 20px 0 40px;
}
footer.footer_cr_2nd:after {}


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


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