@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); 

	/* font-family: 'Poppins', sans-serif; mv内テキストに使う*/



html{

	scroll-behavior: smooth;

}



body {

	margin: 0;

	padding: 0;

	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;

	min-width: 375px;

}

body#company_all {

	min-width: 1440px;

}

#section_all {

	

	background: #eee;

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	letter-spacing: 0.1em;

	

}

p, ul,ol{

	font-size: 14px;

	list-style: none;

	line-height: 1.5em;

	text-align: justify;

}



h2 {

	font-size: 34px;

	font-weight: bold;

}



h3 {

	font-size: 26px;

	font-weight: bold;

}



/* .icon_title {

	height:36px;

	float:left;

	margin-right:1em;

} */

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

	/* ここにヘッダーSP向けのCSS指定 */

	h2 {

		font-size: 28px;

		font-weight: bold;

	}

}



/* ヘッダー */





header {

	display: flex;

	justify-content: space-between;

	width: 100%;

	height: 100px;

	position:fixed;

	top:0;

	z-index: 3;

}

header h1,header p.logo {

	margin: auto 0;

	margin-left: 30px;

	

}

/* headerのデフォルトを白バックにする */



/* ここまで */

/* ハンバーガー */

.hamburger_wrap {

	display:none;

}

.hamburger {

	display:none;

}



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

	.hamburger_wrap {

		display:block;

		z-index:9;

	}

	.hamburger {

		display: block;

		width: 60px;

		height: 60px;

		padding: 20px;

		margin-top: 20px;

		margin-right: 30px;

	}

	.hamburger_inner {

		position: relative;

		display: block;

		width: 100%;

		height: 100%;

		cursor: pointer;

	}





	.hamburger_inner span {

		display: block;

		width: 100%;

		height: 2px;

		background-color: #fff;

		position: absolute;

	}



	.hamb_black span{



	background-color: #000;

	/* position: absolute; */

	}

	.hamburger_inner span:nth-child(1){

		top: 0;

		transition: all 0.2s;

	}

	.hamburger_inner span:nth-child(2) {

		top: 0;

		bottom: 0;

		margin: auto;

	}



	.hamburger_inner span:nth-child(3) {

		bottom: 0;

		transition: all 0.2s;

	}



	.open span:nth-child(1) {

		top:0;

		bottom: 0;

		margin: auto;

		transform: rotate(405deg);

	}



	.open span:nth-child(2){

		top: 0;

		bottom: 0;

		margin: auto;

		opacity: 0;

	}

	.open span:nth-child(3) {

		top:0;

		bottom: 0;

		margin: auto;

		transform: rotate(-405deg);

	}

	.hamburger_nav {

		background: rgba(238, 238, 238, .7);

		width: 100vw;

		height: 40vh;

		display: flex;

		position:absolute;

		right: 0;

		top:100px;

		/* margin-right:0;

		margin-top: 100px; */



		flex-direction: column;

	}

	.hamburger_nav ul {

		list-style-type: none;

		width: 350px;

		margin: 0 auto;

		padding-top: 30px;

	}



	.hamburger_nav .hamb_btn li {

		background: #fff;

		margin-bottom: 10px;

		text-align: center;

		border: 1px solid #ccc;

	}

	.hamburger_nav ul li a {

		text-decoration: none;

		color: #333;

		display: block;

		padding: 10px;

	}

	.hamburger_nav .tel {

		font-size: 15px;

		text-align: center;

		padding: 20px;

	}

	.hamburger_nav .tel_link:hover {

		background: #f5f5f5;

	}

	.hamburger_nav .tel p {

		font-size: 28px;

		font-weight: bold;

		letter-spacing: 0.07em;

		color: #333;

		text-align: center;

	}

	.hamburger_nav li a:hover {

		background: #ccc;

	}

	.hamburger_nav .contact a {

		background: #696969;

		display: block;

		border-radius: 10rem;

		text-align: center; 

	}

	/* アニメーション前のメニューの状態 */

	.hamburger_nav{

	pointer-events: none;

	opacity: 0;

	transition: opacity .3s linear;

	}

	/* アニメーション後のメニューの状態 */

	.hamburger_nav.is-active{

	pointer-events: auto;

	opacity: 1;

	}



	.menu-btn{

	top: 20px;

	right: 20px;

	z-index: 2;

	width: 40px;

	height: 40px;

	display: flex;

	justify-content: center;

	align-items: center;

	background: #333;

	color: #fff;

	}



	.menu__item{

	width: 100%;

	height: auto;

	padding: .5em 1em;

	text-align: center;

	color: #fff;

	box-sizing: border-box;

	}

}

/* ここまでハンバーガー */

header h1 a svg, header p.logo a svg{

	margin: auto;

	display: block;

	fill:#fff;

	stroke: #fff;

}





.black {

	display: flex;

	justify-content: space-between;

	width: 100%;

	height: 100px;

	top:0;

	z-index: 3;

	background-color: #fff;

	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);

}



.black h1 a svg, .black p.logo a svg{

	fill:#000;

	stroke: #000;

}



.nav {

	display:flex;

}

.nav_link,.nav_black {

	margin: auto 0;

	/* margin-right: 30px; */

	display: flex;

	justify-content: space-between;

}



.nav_link,.nav_black{

	display:flex;

	justify-content: space-between;

	/* margin-right: 30px; */

}





.nav_link li,.nav_black li {

	margin: auto 0;

}



.nav_link li a {

	display: block;

	padding: 0 30px;

	text-decoration: none;

	color: #fff;

}



.nav_link li a:hover,.nav_black li a:hover {

	color:#ff9a18;

}

.nav_black li a {

	display: block;

	padding: 0 30px;

	text-decoration: none;

	color: #000;

}

.nav_button{

	display:flex;

}

.nav_button2 a svg,.sp_nav_button2 a svg{

	fill:#fff;

}

.nav_button_black a svg{

	fill: #fff;

}



.nav_button2 a,.sp_nav_button2 a { 

	display: flex;

	background: #fff;

	/* border-radius: 30px; */

	color: #000;

	height: 50px;

	text-align: center;

	text-decoration: none;

	margin:auto 0;

	padding-left: 20px;

	padding-right: 20px;

}





.nav_button_black a{

	background: #000;

	color: #fff;

	display: flex;



	border-radius: 30px;



	height: 50px;

	text-align: center;

	text-decoration: none;

	margin:auto 0;

	padding-left: 20px;

	padding-right: 20px;

}



.nav_button2 a svg,.sp_nav_button2 a svg,.nav_button_black a svg, .footer_left a svg{

	display:block;

	margin: auto 0;

	margin-left: -5px;

}





.nav_button2 a span,.nav_button_black a span {

	display: block;

	margin: auto 0;

	margin-left: 10px;

}

.nav_button2 a:hover,.sp_nav_button2 a:hover .nav_button_black a:hover{

	background-color:#ff9a18;

	fill:#fff;

	color: #fff;

}



.nav_button2 a,.sp_nav_button2 a{ 

	display: flex;

	background: linear-gradient(180deg,#ff8a18, #ffac18);

	

	color: #fff;

	fill: #fff;

	height: 100px;

								/* line-height:50px; */

	text-align: center;

								/* text-indent:30px; */

	text-decoration: none;

	margin:auto 0;

	padding-left: 20px;

	padding-right: 20px;

}

.nav_button_black a{

	background: #000;

	color: #fff;

}



.nav_button2 a svg,.sp_nav_button2 a svg,.nav_button1 a svg,.sp_nav_button1 a svg {

	display:block;

	margin: auto 0;

	margin-left: -5px;

	width: 30px;

	height: 30px;

}

.nav_button_black a svg{

	fill: #fff;

}



.nav_button1 a span,.sp_nav_button1 a span {

	display: block;

	margin: auto 0;

	margin-left: 10px;

	text-align: center;

	font-size: 12px;

}

.nav_button1 a span span,.sp_nav_button1 a span span {

	display: block;

	margin: auto 0;

	margin-left: 10px;

	font-size:20px;

	font-weight: bold;

	line-height: 1.5em;

}

.nav_button1 a span.span_small, .sp_nav_button1 a span.span_small {

	font-size: 10px;

	font-weight: normal;

	line-height: 1em;

}

.nav_button2 a span,.sp_nav_button2 a span {

	display: block;

	margin: auto 0;

	margin-left: 10px;

	font-weight: bold;

}

.nav_button1 a, .sp_nav_button1 a{ 

	display: flex;

	background: linear-gradient(180deg,#222, #555);

	color: #fff;

	height: 100px;

	text-align: center;

	text-decoration: none;

	padding-left: 20px;

	padding-right: 20px;

	/* padding-top: 40px; */

	

	fill: #fff;

}

.nav_button2 a:hover,.sp_nav_button2 a:hover, .nav_button1 a:hover, .sp_nav_button1 a:hover {

	/* fill:#fff;

	color: #fff; */

	filter: brightness(1.1);

}



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

	/* ここにヘッダー要素型崩れ防止向けCSS指定 */

	/* .nav ul li a,.nav_black ul li a  { 

		padding: 0 10px;

	}

	.nav ul,.nav_black ul{

		margin-right: 10px;

	}

	.nav_button2 a span {

		font-size:10px;

}

.nav_button1 a span span {

	font-size:14px;

}

.nav_button1 a span {

	font-size: 7px;

}*/



}



.sp_nav_button {

	display:none;

}



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

	/* ここにヘッダーのタブレット向けCSS指定 */

	.nav{

		display:none;

	}

	/* .nav_button {

		position: fixed;

		left: 0;

		bottom: 0;

		width: 100%;

		z-index: 100;

		display: flex;

	} */

	/* .nav_button{

		display:none;

	} */

	.sp_nav_button{

		position: fixed;

		left: 0;

		bottom: 0;

		width: 100%;

		z-index: 100;

		display: flex;

	}

	

	.sp_nav_button li{

		flex-grow: 1;

	}

	.sp_nav_button a {

		display: flex;

		align-items: center;

		justify-content: center;

   		width: 100%;

		height: 100px;

	}

	.sp_nav_button1 a span {

		font-size: 11px;

		/* margin-left:0; */

	}

	.sp_nav_button1 a span span {

		font-size:16px;

	}

	.sp_nav_button2 a span {

		font-size: 13px;

		/* margin-left:0; */

	}

	.nav_button2 a svg,.sp_nav_button2 a svg,.nav_button1 a svg,.sp_nav_button1 a svg {

		display:block;

		margin: auto 0;

		margin-left: -5px;

		width: 25px;

		height: 25px;

	}

}

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

	/* ここにヘッダーのSP向けのCSS指定 */

	.sp_nav_button1 a span {

		font-size: 4px;

	}

	.sp_nav_button1 a span span {

		font-size:13px;

	}

	.sp_nav_button2 a span {

		font-size: 12px;

	}

}







/* header {

	position: relative;

	height: 100vh;

	width: 100%;

	background: linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0.3)), url("../images/mv1.jpg");

	background-size: cover;

	background-repeat: no-repeat;

	background-attachment: fixed;

} */

/* header div#header_content {

	width: calc(100vw - 200px);

	height: 100%;

	margin: 0 auto;

	display:flex;

	justify-content: space-between;

} */



/* header h1{

	margin-left: 0;

								padding-top:30px;

} */









/* メインビジュアル */

/* #mv {

	position: relative;

	width: 100%;

	height: 100vh;

	background-size: cover;

	background-repeat: no-repeat;

	background-attachment: fixed;

} */



.slider {

	position:relative;

	z-index: 1;

	height: 100vh;

}



.slider-item01 {

	background:linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0.3)), url("../images/mv1.jpg");

}



.slider-item02 {

    background:linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0.3)), url("../images/mv2.jpg");

}



.slider-item03 {

    background:linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0.3)), url("../images/mv3.jpg");

}



.slider-item04 {

    background:linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0.3)), url("../images/mv4.jpg");

}



.slider-item {

    width: 100%;

    height:100vh;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}







.mv p {

	position: absolute;

	font-size: 120px;

	font-weight:bold;

	font-family: 'Poppins', sans-serif;

	letter-spacing: 0.15em;

	left: 100px;

	bottom: 60px;

	z-index:2;

	color: #fff;

}

.mv {

	position: relative;

	background-color: #000;

	height:100vh;

}

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

	/* ここにメインビジュアルのタブレット向けのCSS指定 */

	.mv p {

		font-size: 60px;

		letter-spacing: 0.15em;

		left: 50px;

		bottom: 150px;

	}

	.slider {

		display:none;

	}

	.mv {

		background:linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0.3)), url("../images/mv1.jpg");

		background-size: cover;

		background-repeat: no-repeat;

		width: 100%;

		height: 100vh;

		background-position: center ;

	}

	/* .slider-item {

		background-repeat: no-repeat;

		background-position: center top;

	} */



}

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

	/* ここに会社概要のSP向けのCSS指定 */

	.mv p {

		font-size: 40px;

		letter-spacing: 0.15em;

		left: 50px;

		bottom: 150px;

	}

	

	

}



/* コンテンツ幅 高さ

section {

	margin-top: 100px;

	background-color:#fff;

}*/



.section_inner {

	max-width: 1080px;

	margin: 0 auto;

}



section h2 {

	padding-left: 1em;

	background: url(../images/icon_title.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	background-size: 7px 37px;

	line-height: 3em;

	margin-bottom: -50px;

}

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

	section h2 {

		font-size: 25px;

		line-height: 5em;

		background-size: 5px 25px;

	}

}

/* 

#wrap {

	max-width: 1440px;

	margin: 0 auto;

} */

/* 会社概要 */



#company {

	margin-top: 100px;

	width: 100%;

	/* height: 1100px; */

	background-color:#eee;

	background-image: url(../images/back_gray.png),url(../images/back_square.png);

	background-repeat: no-repeat,repeat-x;

	background-position: center bottom, center top;

	background-size:auto, 100px 100px;

	padding: 50px 0;

	

}



#company_wrap::before{

	position:absolute;

	content: "";

	display: inline-block;

	width: 685.9px;

	height: 100px;

	background: url(../images/company_gray.png) no-repeat;

	background-size: contain;

	/* margin-right: 8px; */

	left: 0;

	top:-45px;

	z-index: -1;

}

#company_wrap{

	max-width: 1440px;

	padding-bottom: 200px;

	position:relative;

	z-index:1;

	margin:0 auto;

}





#company .section_inner{

	max-width: 85%;

	/* padding-top:182.5px; */

}





#company .text_wrap {

	max-width: 500px;

	margin: 0 auto;

	/* padding-top: -100px; */

}

#company h3 {

	text-align: center;

	margin-top:100px;

	margin-bottom:20px;

	/* line-height: 3em; */

}

#company h3 span {

	display:block;

}

#company .text { 

	/* width:510px; */

	line-height:200%;

	margin-bottom:20px;

	margin-left:auto;

	margin-right:auto;

	font-size: 14px;

}



#company .img-box { 

	margin-left:auto;

	margin-right:auto;

	max-width:930px;

	display:flex;

	justify-content:space-between;



}

#company .pic {

	display:block;

	width:32%; 

	height:auto;



}



#company .button a{

	display:block;

	background: #888;

	color: #fff;

	width: 300px;

	height: 50px;

	font-weight:bold;

	line-height:50px;

	text-decoration: none;

	text-align: center;

	margin-top:50px;

	margin-left:auto;

	margin-right:auto;

	background-image: url(../images/button_arrow.png);

	background-repeat:no-repeat;

	background-position:230px 16px ;

	background-size:auto 10px;

}

#company .button a:hover{

	background-color: #ccc;

}



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

		/* ここに会社概要タブレット向けのCSS指定 */

		#company {

			width: 100%;

			padding-bottom:150px;

			background-position: center bottom, center top;

			background-size: 100%, 100px 100px;

			margin-top: 50px;

		}

		#company_wrap::before{

			position:absolute;

			content: "";

			display: inline-block;

			width: 375px;

			height: 54.6px;

			background: url(../images/company_gray.png) no-repeat;

			background-size: contain;

			/* margin-right: 8px; */

			left: 0;

			top:0px;

			z-index: -1;

		}

		#company_wrap{

			padding-bottom: 0;

		}

		

		#company .section_inner {

			max-width:85%;

			margin: 0 auto;

		}

		#company .img-box { 

			margin-left:auto;

			margin-right:auto;

			max-width:800px;

			display:flex;

			justify-content:space-between;

		

		}

		#company .pic {

			width:32%;

			/* height:auto; */

		}

		#company h2{

			font-size: 25px;

			line-height: 4em;

			margin-bottom: 0;

		}

		#company h3 {

			font-size:18px;

			margin-top:40px;

		}

		

		/* #company .text {

			font-size:15px; 

			 width:500px;

		} */





	}

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

		/* ここに会社概要SP向けのCSS指定 */

		#company {

			padding-bottom:100px;

		}

		

		#company h3 {

			/* font-size:14px; */

			margin-top:40px;

		}

		

		/* #company .text {

			font-size:12px;

			width:250px;

		} */



		#company .button a{

			width: 200px;

			height: 40px;

			line-height: 40px;

			font-size: 13px;

			background-size:auto 5px;

			background-position:160px 16px ;

		}

	}

/* 商品ラインナップ */

#products{

	width: 100%;

	/* height: 900px; */



	background-color: #fde7d0;

	background-image: url(../images/back_orange.png),url(../images/back_square.png);

	background-repeat: no-repeat,repeat-x;

	background-position: center bottom, center top;

	background-size:auto, 100px 100px;

	padding: 50px 0;



}

#product_wrap::before{

	position:absolute;

	content: "";

	display: inline-block;

	width: 685.9px;

	height: 100px;

	background: url(../images/product_orange.png) no-repeat;

	background-size: contain;

	/* margin-right: 8px; */

	right: 0;

	top:-35px;

	z-index: -1;

}

#product_wrap{

	max-width: 1440px;

	margin: 0 auto;

	padding-bottom: 200px;

	position:relative;

	z-index:1;

}



#products .section_inner{

	/* padding-top:182.5px; */

	width:85%;

	/* margin:0 auto; */

}



.product_all{

	margin: 0 auto;

	width:80%;

	margin-top:100px;

	display:flex;

	justify-content: space-between;

}



.product_all div {

	margin: 0 8px 0 2px;

	position: relative;

}



.product_all img {

	width:100%;

	border-bottom:10px solid #ff9a18;



}







.hovermask {

	/* cursor: pointer; */

	width: 100%;

	height: auto;

	text-align: center; 

	background: rgba(0, 0, 0, .5); 

	color: #fff; 

	display: flex; 

	justify-content: center; 

	align-items: center;

	opacity: 0; 

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	transition: all .6s ease; 

	font-weight: bold;

  }

  .hovermask:hover {

	opacity: 1; 

  }

							



#products .button a{

	display:block;

	background: #ff9a18;

	color: #fff;

	width: 400px;

	height: 50px;

	font-weight:bold;

	line-height:50px;

	text-decoration: none;

	text-align: center;

	margin-top:50px;

	margin-left:auto;

	margin-right:auto;

	background-image: url(../images/icon_bag_white.png),url(../images/button_arrow.png);

	background-repeat:no-repeat, no-repeat;

	background-position:20px center,  320px 18px;

	background-size: 25px 25px, auto 10px;

}

#products .button a:hover{

	background-color: #ccc;

}

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

	/* ここに商品ラインナップのタブレット向けのCSS指定 */

	#products{

		padding-bottom:150px;

		background-position: center bottom, center top;

		background-size: 100%, 100px 100px;

		margin-top: 50px;

	}

	#product_wrap::before{

		position:absolute;

		content: "";

		display: inline-block;

		width: 375px;

		height: 54.6px;

		background: url(../images/product_orange.png) no-repeat;

		background-size: contain;

		/* margin-right: 8px; */

		right: 0;

		top:2px;

		z-index: -1;

	}

	#product_wrap{

		padding-bottom: 0;

	}

	#products h2{

		font-size: 25px;

		line-height: 4em;

		margin-bottom: 0;

	}

	.product_all{

		margin-top:40px;

	}



}

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

	/* ここに商品ラインナップのsp向けのCSS指定 */

	#products{

		padding-bottom:100px;

		

	}

	#products .button a{

		font-size: 13px;

		width: 300px;

		height:40px;

		line-height: 40px;

		background-position:15px center, 250px 16px;

		background-size: 20px 20px, auto 6px;

	}

}



/* お問い合わせ */

#contact {

	width: 100%;

	/* height: 350px; */

	background-color: #eee;

	background-image: url(../images/back_square.png);

	background-repeat: repeat-x;

	background-position: center top;

	background-size:100px 100px;

	padding: 50px 0;

}

#contact_wrap::before{

	position:absolute;

	content: "";

	display: inline-block;

	width: 100%;

	height: 100%;

	background: url(../images/contact_white.png) no-repeat center;

	background-size: contain;

	/* margin-right: 8px; */

	/* left: 0; */

	top:50px;

	z-index: -1;

}

#contact_wrap{

	max-width: 1440px;

	padding-bottom: 50px;

	position:relative;

	z-index:1;

	margin: 0 auto;

}



#contact .section_inner {

	max-width:85%;

}



#contact .tel {

	text-align: center;

	margin-top:100px;

	

}



.icon_phone {

	width:auto;

	height:35px;

}

.icon_fax{

	width:auto;

	height:35px;

}

							







#contact span {

	font-size:35px;

	font-weight:bold;

	/* margin: auto 0; */

	padding: 10px;

}



#contact .text{

	text-align: center;

	margin-bottom:50px;

	margin-top: 20px;

	font-size: 18px;

}



#contact .button a{

	display:block;

	background: #888;

	color: #fff;

	width: 400px;

	height: 50px;

	font-weight:bold;

	line-height:50px;

	text-decoration: none;

	text-align: center;

	margin-top:50px;

	margin-left:auto;

	margin-right:auto;

	background-image: url(../images/button_arrow.png);

	background-repeat:no-repeat;

	background-position:right 10px center ;

	background-size:auto 10px;

}

#contact .button a:hover{

	background-color: #ccc;

}

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

	/* ここにお問い合わせのタブレット向けのCSS指定 */

	#contact {

		/* height: 420px;

		background-size:17.5px 17.5px,100% auto; */

	}

	#contact h2{

		font-size: 25px;

		line-height: 4em;

		margin-bottom: 0;

	}

	#contact span {

		display:block;

		font-size: 30px;

	}

	#contact .tel {

		max-width:85%;

		line-height:3em;

		margin: 0 auto;

		margin-top: 0px;

		

	}



	.icon_phone {

		width:auto;

		height:30px;

		vertical-align: middle;

	}

	.icon_fax{

		width:auto;

		height:30px;

		vertical-align: middle;

	}

	#contact .text{

		font-size: 14px;

		margin-top: -20px;

		margin-bottom: 30px;

	}

	#contact .button a{

		margin-top:0;

	}

}



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

	/* ここにお問い合わせのSP向けのCSS指定 */

	#contact {

		/* height: 350px; */

		padding-bottom: 30px;

	}

	#contact .tel {

		/* width:290px; */

	}

	#contact span{

		font-size:22px;

	}

	#contact .button a{

		font-size:13px;

		width: 300px;

		height: 40px;

		line-height: 40px;

		font-size: 13px;

		background-image: url(../images/button_arrow.png);

		background-size:auto 6px;

		background-position: 255px 16px;

	}

	.icon_phone {

		width:auto;

		height:22px;

	}

	.icon_fax{

		width:auto;

		height:22px;

	}

	#contact .text{

		font-size: 14px;

	}

	#contact .tel {

		line-height:2em;

		

	}

	#contact .text {

		margin-top:-20px;

		font-size: 12px;

	}

	#contact .button a{

		/* margin-top:20px; */



	}

}



/* フッター */

footer {

	background-color: #fff;

	border-top: 10px solid #e5e5e5;

	margin-top:100px;

	width: 100%;

}

.pagetop {

	display:none;

	right:30px;

	bottom:30px;

	position:fixed;

	z-index:2;

}



.pagetop_display {

	display:block;

}



footer #footer_top {

	max-width: 1080px;

	margin: 0 auto;

	padding-top: 50px;

	padding-bottom: 50px;

	display: flex;

	justify-content: space-between;

}

.footer_left span{

	display:block;

}

.footer_left a svg {

	fill:#000;

	stroke: #000;

}



.footer_nav {

	margin-top: 15px;

}

.footer_nav nav{

	display: flex;

}



.footer_nav nav ul {

	margin-left: 40px;

	list-style: none;

}

.footer_nav nav ul li a {

	text-decoration: none;

	color: #000;

	display: block;

	line-height: 2em;

	

}



.footer_nav nav ul li a:hover {

	color:#ff9a18;

}



footer #footer_bottom {

	border-top: 10px solid #e5e5e5;

}

footer #footer_bottom p {

	text-align: center;

	padding-top: 20px;

	padding-bottom: 20px;

}

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

	/* ここにフッターのタブレット向けのCSS指定 */

	footer #footer_top {

		max-width: 85%;

	}

	.pagetop img{

		display:none;

	}



	/* .footer_left{

		margin: 0px auto;

	} */

	.footer_left p{

		/* margin-top: 20px; */

		line-height:2em;

		font-size: 10px;

	}

	.footer_left span{

		display: block;

	}

	.footer_nav nav ul {

		margin-left: 20px;

	}

	.footer_nav nav ul li a{

		line-height:2em;

		font-size:10px;

	}

	#footer_bottom {

		margin-bottom: 100px;

	}

	#footer_bottom p{

		font-size: 10px;

	}



}

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

	/* ここにフッターのSP向けのCSS指定 */

	footer #footer_top {

		flex-direction:column;

		max-width: 70%;

	}



	.footer_nav nav{

		justify-content:space-between;

		margin-top: 20px;

		

	}

	.footer_nav nav ul{

		margin-left: 0px;

	}



	footer #footer_bottom p {

		font-size:8px;

	}

}

/* 会社概要ページここから */



/* パンくず */

#bread_fade_op {

	margin: 0 auto;

	max-width: 1080px;

	margin-top: 150px;

	width: 100%;

	/* margin-bottom: -50px; */

	/* background-image: url(../images/back_square.png); */

	/* background-position: center bottom; */

	/* background-repeat: repeat-x; */

	/* background-size: 100px 100px; */

}



#bread_fade_op ol{

	display: flex;

}



#bread_fade_op ol li a:hover{

	color: #ff9a18;

}

/* パンくずここまで */



#company_wrap2 {

	width:100%;

	max-width:1440px;

	margin: 0 auto;

}



#company_page {

	width: 100%;

	background-color:#eee;

	background-image: url(../images/company.png),url(../images/back_square.png);

	background-repeat: no-repeat,repeat-x;

	background-position: left 42px, center top;

	background-size: auto 140px, 50px 50px;

	background-clip: border-box;

	margin-bottom: -100px;

}



#company_page h2{

	

	line-height: 3em;

	padding-left: 1em;

	background: url(../images/icon_title.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	background-size: 7px 37px;

	width: 1080px;

	margin: 0 auto;

	/* padding: -50px; */

}

						

#company_page .company_inner{

	

	margin-top: 80px;

	padding-bottom: 100px;

	position: relative;

}



.nav_company_left {

	position: absolute;

	left:180px;

	top:0;

	/* min-width: 1080px; */

}

.nav_company_left ul{

	list-style: "-";

}



.nav_company_left ul li {

	line-height: 3em;

	font-weight: normal;

	font-size: 14px;

}

.nav_company_left ul li a {

	text-decoration: none;

	color: #000;

}

.nav_company_left ul li a {

	text-decoration: none;

	color: #000;

}

.nav_company_left ul li a:hover {

	color: #ff9a18;

}













#company_page #section_title1 {

	/* margin-left: 50px; */

	width: 1120px;

	margin: 120px 0 200px auto;

	background: url(../images/profile_bg.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	background-size:  cover;

	position: relative;

	height: 300px;

	z-index:1;

}

#company_page #section_title2 {

	/* margin-left: 50px; */

	width: 1120px;

	margin: 120px 0 200px auto;

	background: url(../images/history_bg.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	background-size:  cover;

	position: relative;

	height: 300px;

	z-index:1;

}

#company_page #section_title3 {

	/* margin-left: 50px; */

	width: 1120px;

	margin: 120px 0 200px auto;

	background: url(../images/recruit_bg.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	background-size:  cover;

	position: relative;

	height: 300px;

	z-index:1;

}



#company_page .back_orange {

	width: 1120px;

	height: 300px;

	margin-top: -450px;

	background: #fde7d0;

	z-index:0;

}





#company_page #section_title1 p,#section_title2 p,#section_title3 p {

	

	position: absolute;

	top: 55%;

	left: 50px;

	font-weight: bold;

	color: #aaa;

	font-size: 20px;

}

#company_page #section_title1 h3,#section_title2 h3,#section_title3 h3 {

	

	position: absolute;

	top: 37%;

	left: 50px;

	font-size: 40px;

}

#company_page #section_title1 h3 span, #section_title2 h3 span, #section_title3 h3 span{

	

	color: #ff9a18;

	

}







#company_page .section_article {

	background: #fff;

	padding: 50px;

	width:800px;

	/* min-width: 800px; */

	margin: 0 auto;

	margin-top: 100px;

}

#company_page .section_article h3 {

	margin-top:100px;

	margin-bottom:20px;

	/* line-height: 3em; */

}



.main_table {

	width:100%;

	height:auto;

	border-top: none;

	border-left: none;

	border-right: none;

	margin-left:auto;

	margin-right:auto;

}



.main_table th {

	text-align: left ;

	padding-left:5px;

	vertical-align:middle;

	border-bottom: solid 2px #ff9a18;

	font-size: 90%;

}

.main_table td {

	width: 75%;

	text-align: left ;

	line-height:1.8em;

	padding:20px;

	vertical-align:middle;

	border-bottom: solid 1px #ccc;

	font-size: 80%;

}







/* 会社概要ページここまで */