@charset "UTF-8";
/* header */

@media screen and (max-width:767px) {
	.slider_sp .slide {
		width: 100%;
		height: calc(60vh - 3em);
		background-image: url(/images/index/img_slider_92.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #464646;
	}
	/* chrome opera */
	@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
		.slider_sp .slide {
			background-image: url(/images/index/img_slider_92.webp);
		}
	}
}

@media screen and (min-width:768px){
	.header_wrap_01 {
		width: 100%;
		margin: 0 auto;
		padding: 0 30px;
		box-sizing: border-box;
		position: relative;
	}
	.header ul.header_menu {
		right: 0;
	}
	.header_wrap_02 {
		width: 100%;
		margin: 0 auto;
		padding: 30px 30px;
		position: relative;
		box-sizing: border-box;
		height: 104px;
	}

	section.slider .slide {
		width: 100%;
		height: calc(100vh - 160px);
		background-image: url(/images/index/img_slider_93.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #464646;
	}

	.pc_gnav {
		width: 100%;
		position: absolute;
	}
	.pc_gnav::before {
		content: ' ';
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 56px;
		background: #000;
		opacity: 0.4;
	}
	.pc_gnav ul {
		background: none;
	}
	.pc_gnav ul li {
		display: block;
		width: 166px;
		height: 56px;
		text-align: center;
		line-height: 30px;
		margin-left: 1px;
		font-weight: 500;
		float: left;
		position: relative;
		background: none;
		transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		-webkit-transition: all ease 0.3s;
		-ms-transition: all ease 0.3s;
	}
	.pc_gnav ul li a {
		color: #fff;
		padding-top: 10px;
		transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		-webkit-transition: all ease 0.3s;
		-ms-transition: all ease 0.3s;
	}
	.pc_gnav ul li a:after {
		 position: absolute;
		 transition: .3s;
		 content: '';
		 width: 0;
		 left: 50%;
		 bottom: 0;
		 height: 3px;
		 background: #fff;
	}
	.pc_gnav ul li a:hover {
		background: #000;
		color: #fff;
	}
	.pc_gnav ul li a:hover:after {
		width: 100%;
		left: 0;
	}
	.pc_gnav ul li a span {
		color: #999;
	}
	.header_wrap_02 .right_area .header_contact_list {
		width: 100%;
	}
	.header_contact_list li {
		/*font-family: 'Oswald', sans-serif;*/
		/*font-size: 17px;*/

		font-size: 15px;
		font-weight: bold;
	}

	.header_contact_list li+ li {
		margin-top: 3px;
	}

	.txt_color {
		color: #c00;
	}
	header h1 {
		display: inline-block;
		width: auto;
		padding-top: 3px;
		font-size: 93%;
		font-weight: 500;
	}
	.header_wrap_02 .left_area {
		display: block;
		float: left;
		width: 400px;
		position: relative;
		top: -5px;
	}
}