@charset "UTF-8";
/*
=======================================================
HEADER
=======================================================
*/

.logo_h {
    width: 230px;
    height: 24px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: 10px;
	letter-spacing: 0.15em;
    font-weight: 600;
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.border_w{
    border-bottom: thin solid #fff;
}
.top-logo {
    position: absolute;
    left: 50px;
    top: 40px;
    z-index: 1;
    right: 80%;
    margin: auto;
    width: 310px!important;
    color: #fff;
   	letter-spacing: 0.15em;
   	font-weight: 600;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.sp_logo{
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
   	font-weight: 600;
    color: #000;
   	letter-spacing: 0.15em;
}


.top-mes {
    position: absolute;
    left: 75px;
    z-index: 1;
    right: 80%;
    margin: auto;
    width: 500px;
    color: #fff;
    bottom: 310px;
	font-size: 30px;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP";
}
.top-mes2 {
    position: absolute;
    left: 75px;
    z-index: 1;
    right: 80%;
    margin: auto;
    width: 500px;
    color: #fff;
    bottom: 55%;
	font-size: 30px;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP";
}
.top-mes3 {
    position: absolute;
    left: 75px;
    z-index: 1;
    right: 80%;
    margin: auto;
    width: 500px;
    color: #000;
    bottom: 55%;
	font-size: 30px;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP";
}
.luxbar-menu-material-cyan, .luxbar-menu-material-cyan .dropdown ul {
    background-color: #fff;
    color: #fff;
    /* margin:0 10px; */
    -moz-border-radius-bottomleft: 30px;
    /* -webkit-border-bottom-left-radius: 30px; */
    /* border-bottom-left-radius: 30px; */
    -moz-border-radius-bottomright: 30px;
    /* -webkit-border-bottom-right-radius: 30px; */
    /* border-bottom-right-radius: 30px; */
    /*border: 1px solid #dddddd;*/
}
.luxbar-menu{
	/* width:calc(100% - 20px); */
}
.luxbar-fixed{
	box-shadow:none;
}
.luxbar-checkbox:not(:checked) ~ .luxbar-menu{
	height:100px;
}
.luxbar-header{
	height:100px;
	padding-left: 30px;
	display:none;
}
.fix-header.ty2{
	position: absolute;
	/*bottom: 50px;*/
	/*left: 0;*/
	top: 20px;
	right: 0;
}
.fix-header.ty2 .luxbar-menu-material-cyan{
	background-color: transparent;
	border: none;
}
.fix-header.ty2 *, .fix-header.ty2 *:after{
	color: #FFF;
	letter-spacing: 0.15em;
}
.headerCatch{
	font-size:14px;
	color:#666666;
	letter-spacing: 0;
}
.dropdown > ul{
	overflow:hidden;
}
.luxbar-item{
	height:80px;
	/* border-left:1px solid #dddddd; */
	width: 6%;
	text-align: center;
	transition:0.2s;
}
.luxbar-item img{
	transition:0.2s;
}
.luxbar-item:hover img{
	opacity:0.7;
}
.luxbar-item img{
	display:inline-block;
}
.luxbar-header{
	/* width:35%; */
}
.luxbar-fixed{
	min-width: 1200px;
	z-index:  9999999;
}
.headerIconTxt{
	display:block;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	letter-spacing: 0;
}
.luxbar-item a{
	padding: 15px 20px 14px;
	top: 13px;
	position: relative;
	/* font-family: "df_reisho_w6"; */
	font-size: 14px;
	/*font-weight:  bold;*/
	margin-bottom: 26px;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.Hed-logo a {
	top: 0;
}
.ddBox a::after {
	content:""!important;
}
.Hed-logo a {
    top: 0;
    width: 100px;
    padding: 10px 0;
    margin: 0 auto;
}
.Hed-logo a img{
    width: 100%;
}

.Hed-home a::after{
	display: block;
	font-size: 14px;
	color: #7b7b7b;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.Hed-about a::after{
	display: block;
	font-size: 14px;
	color: #7b7b7b;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.Hed-gyoumu a::after{
	display: block;
	font-size: 14px;
	color: #7b7b7b;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.Hed-column a::after{
	display: block;
	font-size: 14px;
	color: #7b7b7b;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.Hed-recruit a::after{
	display: block;
	font-size: 14px;
	color: #7b7b7b;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.Hed-info a::after{
	display: block;
	font-size: 14px;
	color: #7b7b7b;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.luxbar-menu-material-cyan .luxbar-item:hover{
	background-color: unset;
}
.luxbar-menu-material-cyan .dropdown ul{
	margin:0;
}
.dropdown:hover > ul{
	top:100px;
	border:1px solid #dddddd;
	border-radius:unset;
}
.dropdown > ul .luxbar-item a{
	font-size: 18px;
    font-weight: bold;
}
.dropdown > ul .luxbar-item{
	height: 38px;
}
#show_div1 .luxbar-item,#show_div2 .luxbar-item{
	line-height: 58px;
}


@media screen and (min-width: 768px){
	.luxbar-navigation {
	    justify-content: flex-end!important;
	}
}
@media screen and (min-width: 991px){
	.feaderBR{
		display:none;
	}
}
@media screen and (max-width: 1794px){
	.luxbar-item {
    width: 6%;
	}
}
@media screen and (max-width: 1200px){
	.fix-header.ty2{
		position: absolute;
		bottom: 70px;
		left: 0;
		top: auto;
	}
		.luxbar-fixed{
		min-width: 970px;
	}
	.luxbar-menu-right .luxbar-header{
		width:20%;
		margin-right: unset;
	}
	.luxbar-item{
		width:15%;
	}
	.luxbar-item.headerContact{
		width: 20%;
		padding: 0 10px;
	}
	.luxbar-brand{
		padding: 18px 10px 18px 10px;
	}
	.luxbar-item a {
		font-size: 16px;
	}
}
@media screen and (max-width: 991px){
	.fix-header.ty2{
		position: absolute;
		bottom: 70px;
		left: 0;
		top: auto;
	}
	.luxbar-fixed{
		min-width: 750px;
	}
	.luxbar-item a{
		padding: 15px 10px 14px;
	}
	.headerIconTxt{
		font-size: 12px;
	}
}
@media screen and (max-width: 767px){

	.top-mes {
	    position: absolute;
	    left: 75px;
	    z-index: 1;
	    right: 80%;
	    margin: auto;
	    width: 290px;
	    color: #fff;
	    bottom: 310px;
		font-size: 21px;
		letter-spacing: 0.1em;
		font-family: "Noto Sans JP";
	}
	.top-mes2 {
	    position: absolute;
	    left: 5%;
	    z-index: 1;
	    right: 80%;
	    margin: auto;
	        width: 80%;
	    color: #fff;
	    bottom: 40%;
		font-size: 21px;
		letter-spacing: 0.1em;
		font-family: "Noto Sans JP";
		    text-shadow: 1px 1px 5px #000;
	}
	.fix-header.ty2{
		position: absolute;
		bottom: 70px;
		left: 0;
		top: auto;
	}
	.luxbar-checkbox:not(:checked) ~ .luxbar-menu{
		height: 100px;
	}
	.luxbar-item a.active{
		background-image:none;
	}
	.luxbar-fixed{
		min-width: 100%;
	}
	.luxbar-menu{
		width:100%;
		border-radius: 0;
		margin: 0;
	}
	.luxbar-menu-right .luxbar-header{
		width:100%;
		height:38px;
		padding: 3px;
		border-bottom:1px solid #dddddd;
	}
	.luxbar-menu-right .luxbar-header a{
		height:38px;
		padding: 3px;
	}
	.luxbar-menu-right .luxbar-header a img{
		height:100%;
	}
	.luxbar-navigation{
		flex-direction: unset;
		flex-wrap: wrap;
	}
	.luxbar-item a{
		padding:5px;
		font-size: 17px;
	}
	.luxbar-item img{
		height:30px;
	}
	.ddBox {
    background: #000;
    display: block;
    position: relative;
    margin-top: 26px;
    width: 100%!important;
}
}

.ddBox{
	background: #4b0d0e;
	display: block;
	position: relative;
	/* margin-top: 26px; */
	width: 250px;
}
.ddBox .luxbar-item{
	width:100%;
	height: auto;
	color:  #fff;
	border-bottom: 1px solid #d7d7d7;
}
.ddBox .luxbar-item a{
	font-size: 18px;
	font-weight: bold;
	transition:0.2s;
	top: 0;
	margin-bottom:  0;
}
.ddBox .luxbar-item:last-child{
	border-bottom: none;
}
.ddBox .luxbar-item a:hover{
	opacity:0.7;
}
@media screen and (max-width: 767px) {
	.luxbar-header{
		height:96px;
		display: inherit;
		justify-content: space-between!important;
		margin-bottom: 10%;
	}
	.luxbar-brand{
		padding:0;
	}
	.luxbar-checkbox:not(:checked) ~ .luxbar-menu{
		overflow: hidden;
	}
	.luxbar-navigation{
		flex-direction: column;
	}
	.luxbar-menu-material-cyan .luxbar-hamburger span, .luxbar-menu-material-cyan .luxbar-hamburger span::before, .luxbar-menu-material-cyan .luxbar-hamburger span::after{
		background-color: #000;
	}
	.luxbar-item{
		width: 100%;
		min-height: 58px;
    	height: auto;
	}
}

@media screen and (max-width: 767px) {

}