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

	/*メニュー*/
	.hed_menu{
		display:none;
		}
	
/*　ハンバーガーボタン　*/
	/*　ハンバーガーボタン　*/
	.hamburger {
		display : block;
		position: fixed;
		z-index : 3;
		right : 13px;
		top   : 10px;
		width : 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
	  }
	  .hamburger span {
		display : block;
		position: absolute;
		width   : 30px;
		height  : 3px ;
		left    : 6px;
		background : #BA8E51;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
		/*border-radius:50px;*/
	  }
  
		  .hed_all.change-color .hamburger span{
			  background : #555;
		  }
  
	  .hamburger span:nth-child(1) {
		top: 10px;
	  }
	  .hamburger span:nth-child(2) {
		top: 20px;
	  }
	  .hamburger span:nth-child(3) {
		top: 30px;
	  }
	  
	  /* ナビ開いてる時のボタン */
	  .hamburger.active span:nth-child(1) {
		top : 16px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg); background-color:#BA8E51;
	  }
	  
	  .hamburger.active span:nth-child(2),
	  .hamburger.active span:nth-child(3) {
		top: 16px;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg); background-color:#BA8E51;
	  }
	  
	  nav.globalMenuSp {
		position: fixed;
		z-index : 2;
		top  : 0;
		left : 0;
		color: #fff;
		background: #fff;
		text-align: center;
		transform: translateY(-100%);
		transition: all 0.6s;
		width: 100%;
	  }
	  
	  nav.globalMenuSp ul {
		background: #001C28;
		margin: 0 auto;
		padding: 0;
		width: 100%;
	  }
	  
	  nav.globalMenuSp ul li {
		list-style-type: none;
		display:block;
		padding: 0;
		width: 100%;
		border-bottom: 1px solid #002C41;
	  }
	  nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	  }
	  nav.globalMenuSp ul li:hover{
		background :#002C41;
	  }
	  
	  nav.globalMenuSp ul li a {
		display: block;
		color: #BA8E51;
		padding: 1em 0;
		text-decoration :none;
	  }
	  
	  /* このクラスを、jQueryで付与・削除する*/
	  nav.globalMenuSp.active {
		transform: translateY(0%);
	  }

/*トップスライダー*/

	.scroll-infinity__item {
	  width: calc(80vw / 1.2);
	  margin: 0px 15px;
	}

	.all-scroll-text-box {
		position: absolute;
		bottom: 13%; left: 20px;
	  }

/*事業内容*/
	.ggyo_list_all{
		max-width:94%;
		display: grid;
		grid-gap: 15px;
		grid-template-columns:1fr;
		margin:50px auto 50px auto;
		padding:20px 15px 20px 15px;
		color: #ccc;
		box-sizing: border-box;
		background-color: #003A5E;
		border-radius:4px;
	  }

	.sp{ display: none;}

	  .itemsub {
		background-color: #fff;
		padding: 8px; font-size: 20px;
		display: inline;;
		position: absolute;
		top: 15px; right: 15px; font-weight: 800; color: #000;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl; sans-serif; font-weight: bold;
		}
		.itemsub_text {
			padding: 0px 0px 0px 0px;
			box-sizing: border-box;
			position: absolute;
			bottom: 20px; left: 20px; text-align: left; font-family: "Roboto", sans-serif; font-weight: bold; white-space: nowrap;
		}
	
		.clone {
			padding: 0px 10px 0px 10px;
			background: #fff;
			color: #000;
			font-size: 18px; line-height: 1.7;
			-webkit-box-decoration-break: clone;
			box-decoration-break: clone; white-space: nowrap;
		}

/*施工事例*/
.sekou_list_all{
	max-width:94%;
	margin:0px auto 0px auto;
	padding:15px 15px 25px 15px;
	color: #ccc;
	box-sizing: border-box;
	background-color: #003A5E;
	border-radius:4px;
  }
  .sekoutitle {
	font-size: 28px;
	font-weight: 800; color: #ccc; font-family: "Roboto", sans-serif;
	margin-bottom: 35px; padding: 0px 0px 10px 0px; box-sizing: border-box;
	border-bottom: #ccc 1px solid ;
	}
	.t_sub{ font-size: 18px; font-family:'Noto Serif JP', serif;}



	.fade_in_test{
		width: 100%;
		display: grid;
		grid-gap: 25px;
		grid-template-columns: 1fr 1fr;		
		}




/*リクルート*/

	.riku-title{
	width: 100%;
	font-size: 8vw; font-family:'Noto Serif JP', serif; font-weight: 800;
	}

	.riku-come{
		width: 100%;
		margin: 20px 0px 0px 0px;
		font-size: 15px; font-family: 'Noto Serif JP', serif; font-weight: 800;
		}
	.riku-inq{
		width: 100%;
		display: block;
		margin: 50px 0px 0px 0px;
		padding: 50px 0px 0px 0px;
		font-size: 20px; font-family: 'Noto Serif JP', serif; font-weight: 800;
		border-top: #fff 1px solid;
		}
		.tel{
			width: 100%;
			display: block;
			margin: 0px 0px 30px 0px;
			padding: 0px 0px 0px 0px;
			font-size: 4.5vw; font-family: 'Noto Serif JP', serif; font-weight: 800;
			}
			.tel a{
				color:#fff;
				text-decoration:none;
				}

			.rikunavi{
			width: 100%;
			display: block;
			margin: 0px 0px 15px 0px;
			padding: 15px 0px 15px 0px; box-sizing: border-box;
			font-size: 15px; font-family: 'Noto Serif JP', serif; font-weight: 800;
			border: #fff 1px solid; text-align: center;
			}




			.busititle {
				width: 94%;
				margin:50px auto 50px auto; color: #ccc;
				padding: 0px 0px 10px 0px;
				border-bottom: #ccc 1px solid;
				font-size: 30px; font-family: 'Noto Serif JP', serif; font-weight: 800;
			  }

			/*個別-施工事例*/
			.con_list_all20{
				display: grid;
				gap: 10px;
				grid-template-columns: 1fr;
				margin-left:auto;
				margin-right:auto;
				text-align:center;
				margin-top:0px; margin-bottom:50px;
				width: 94%;
			  }

}