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

	

	
	/*ロゴ*/
	.hed_logo{
		margin:0px 0px 0px 0px;
		padding:0px 15px 0px 15px;
		font-family: 'Montserrat Subrayada', sans-serif;
		font-family: 'Old Standard TT', serif;
	}
	
	
	/*メニュー*/
	.hed_menu{
	display:none;
	}




	/*　ハンバーガーボタン　*/
	.hamburger {
	  display : block;
	  position: fixed;
	  z-index : 3;
	  right : 13px;
	  top   : 30px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger span {
	  display : block;
	  position: absolute;
	  width   : 30px;
	  height  : 5px ;
	  left    : 6px;
	  background : #000;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	  /*border-radius:50px;*/
	}
	.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);
	}
	
	.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);
	}
	
	nav.globalMenuSp {
	  position: fixed;
	  z-index : 2;
	  top  : 0;
	  left : 0;
	  color: #000;
	  background: #fff;
	  text-align: center;
	  transform: translateY(-100%);
	  transition: all 0.6s;
	  width: 100%;
	}
	
	nav.globalMenuSp ul {
	  background: #fff;
	  margin: 0 auto;
	  padding: 0;
	  width: 100%;
	}
	
	nav.globalMenuSp ul li {
	  list-style-type: none;
	  display:block;
	  padding: 0;
	  width: 100%;
	  border-bottom: 1px dotted #222;
	}
	nav.globalMenuSp ul li:last-child {
	  padding-bottom: 0;
	  border-bottom: none;
	}
	nav.globalMenuSp ul li:hover{
	  background :#f7f7f7;
	}
	
	nav.globalMenuSp ul li a {
	  display: block;
	  color: #000;
	  padding: 1em 0;
	  text-decoration :none;
	  font-family: 'Noto Sans JP', sans-serif;
	  font-size:14px;
	}
	
	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
	  transform: translateY(0%);
	}





/*ヘッダー*/
header.top{
	width: 100%;
	min-height: 100vh;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url("../img/top_img.jpg") top / cover;

	position:relative; top:0px;
}

	.top:before {
		height: 0;
		display: block;
		position: absolute;
		right: 0px;
		content: "";
		border-bottom: solid 190px #fff;
		border-left: solid 25vh transparent;
		bottom: 0px;
		z-index: 2;
	}


	/*施工実績ヘッダー*/
	header.construction {
		width: 100%;
		min-height: 100vh;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background: url("../img/con_top.jpg") top / cover;
		position:relative; top:0px;
	}

		.construction:before {
			height: 0;
			display: block;
			position: absolute;
			right: 0px;
			content: "";
			border-bottom: solid 190px #fff;
			border-left: solid 25vh transparent;
			bottom: 0px;
			z-index: 2;
		}

	/*会社概要ヘッダー*/
	header.company {
		width: 100%;
		min-height: 100vh;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background: url("../img/com_top.jpg") top / cover;
		position:relative; top:0px;
	}

		.company:before {
			height: 0;
			display: block;
			position: absolute;
			right: 0px;
			content: "";
			border-bottom: solid 190px #fff;
			border-left: solid 25vh transparent;
			bottom: 0px;
			z-index: 2;
		}

	/*リクルートヘッダー*/
	header.rec {
		width: 100%;
		min-height: 100vh;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background: url("../img/rec_top.jpg") top / cover;
		position:relative; top:0px;
	}

		.rec:before {
			height: 0;
			display: block;
			position: absolute;
			right: 0px;
			content: "";
			border-bottom: solid 190px #fff;
			border-left: solid 25vh transparent;
			bottom: 0px;
			z-index: 2;
		}



.text_box{
	display:none;
}

.text_box_sm{
	font-size:17px;
	color:#fff;
	margin:0px auto 0px auto;
	padding:150px 50px 0px 50px;
	line-height:2.0em;
	letter-spacing:0.3em;
	/*position:absolute; bottom:30%; left:25%;
	text-shadow:1px 1px 0px #222;*/
	font-family: 'Noto Sans JP', sans-serif;
	writing-mode: vertical-rl;
	background:rgba(0,0,0,0.6);
	height:85vh;
}


/*下矢印*/

.container {
  width: 24px;
  height: 24px;
  position:absolute; bottom:13%; /*left:50%;*/ right:8%;
}

.chevron {
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #000;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

.chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.text {
  display: block;
  margin-top: 60px;
  margin-left: -30px;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 11px;
  color: #000;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}






/*コンテンツ*/

section.fis2{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 5% 80px 5%;
	box-sizing: border-box;
	background: repeating-linear-gradient(120deg, #fff 0%, #fff 50%, #f0f0f0 50%, #f0f0f0 100%);
}

h2.item_title{
	width:100%;
	font-family: 'Old Standard TT', serif;
	font-size:25px;
	margin:30px auto 30px auto;
	padding:0px 0px 20px 0px;
	border-bottom:#000 1px dotted;
	letter-spacing:0.5em;
}

	.con_item_come3 {
		width:100%;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		font-size:15px;
		font-weight: normal;
		font-family: 'Old Standard TT', serif;
		color:#000;
		/*text-indent:1em;*/
		line-height:1.8em;
		text-align:left;
	}

.con_item2 {
	width:100%;
	margin:40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

	.con_item_img2 {
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		background:url("../img/test.png") top / cover;
		height: 288px;
		/*max-width:500px;*/
		width:250px;
	}










.con_list_all2{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top:0px; margin-bottom:0px;
}


/*
.con_list_all3{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top:80px; margin-bottom:0px;
}
*/



.con_list_all20{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top:0px; margin-bottom:30px;
}







h2.title{
	width:100%;
	font-family: 'Old Standard TT', serif;
	font-size:30px;
	text-align:center;
	padding-top:30px;
	color:#000;
}

.con_item20 {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.mv_item_img_sm {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


.mv_item_come1_sm {
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	font-weight:800;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
.mv_item_come2_sm {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
}


		/*pc*/
		.mv_item_img {
			display:none;
		}
		
		
		.mv_item_come1 {
			display:none;		
		}
		.mv_item_come2 {
			display:none;		
		}



.slider2 {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0%;
  box-sizing: border-box;
}
.slider2 .slick-list {
  padding: 0 20% 0 0!important;
}
.slider2 li.sl {
  margin: 0px 10px 0px 0px;
  
}


		/*pc*/
		.slider {
		  display:none;
		}
		.slider .slick-list {
		  display:none;
		}
		.slider li.sl {
		  display:none;
		  
		}


		/*pcの矢印消し*/
		.slick-prev, 
		.slick-next {
			opacity:0.0;
		}








/*コンテンツバナー*/
.con_list_all10{
  display: grid;
  gap: 1px;
  grid-template-columns: 1fr ;
  margin-top:50px; margin-bottom:50px;
}
	.con_img_box1 {
		width:90%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	.con_img_box2 {
		width:90%;
		margin:0px 0px 0px 10%;
		padding:0px 0px 0px 0px;
	}

	.con_img_box3 {
		width:90%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	.con_img_box4 {
		width:90%;
		margin:0px 0px 0px 10%;
		padding:0px 0px 0px 0px;
	}













/*事業内容*/
.con_list_all{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr;
  margin-left:auto;
  margin-right:auto;
}

/*イベント*/
.eve_list_all{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr;
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
}

/*スタッフ*/
.staff_list_all{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr;
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
}

/*リクルート*/
.rec_list_all{
  display: table;
  border-collapse: collapse;
  width:100%;
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
}


	.row {
		display:table-row;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.col {
		display:table-cell;
		margin:0px 0px 0px 0px;
		padding:10px 10px 10px 10px;
		border:#CCCCCC 1px solid;
		border-collapse: collapse;
		font-size:13px;
	}
	
	.col:nth-child(1) {
		background-color:#f7f7f7;
		width:100px;
	}





 img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
 }





footer {
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
box-sizing: border-box;
}



.foot_list_all{
  display: grid;
  width:90%;
  gap: 0px;
  margin:0px auto 0px auto;
  grid-template-columns: 1fr;
}




.foot_title{
	width:100%;
	font-family: 'Montserrat Subrayada', sans-serif;
	font-family: 'Old Standard TT', serif;
	font-size:30px;
	text-align:center;
	margin:30px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:#FFFFFF solid 1px;
}




	.company_data {
	width:100%;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	box-sizing: border-box;
	/*border:#FFFFFF solid 1px;*/
	}

		.company_item {
		width:100%;
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
		font-size:13px;
		border-bottom:#fff dotted 1px;
		}

		.company_text {
		width:100%;
		margin:0px 0px 20px 0px;
		padding:10px 0px 0px 0px;
		font-size:13px;
		text-align:center;
		}

			.icons{ color:#555; font-size:4em;}
			.li_icon{ color:#FFF; font-size:2em; margin-right:10px;}

	
	.company_map {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	box-sizing: border-box;
	}





	.media_box {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	box-sizing: border-box;
	text-align:center;
	}


	.cpr_box {
	width:100%;
	margin:20px auto 0px auto;
	padding:15px 0px 15px 0px;
	box-sizing: border-box;
	font-size:12px; color:#fff;
	background-color:#1B70C5;
	opacity:0.7; text-align:center
	}