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

	/*固定ヘッダー全体*/
	.hed_all{
		width: 100%;
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
		position:fixed;
		display:flex;
		z-index:9999;
		top:0;
		left:0;
		transition:2s;
		opacity: 1.0;
	}

		.hed_all.change-color {
			transition:2s;
			z-index:9999;
			background:rgba(255,255,255,1.0);
			padding:10px 0px 10px 0px;
		}	

	
	/*ロゴ*/
	.hed_logo{
	width:200px;
		margin:0px 0px 0px 0px;
		padding:7px 15px 0px 15px;
	}
	
	
	/*メニュー*/
	.hed_menu{
	display:none;
	}


	/*　ハンバーガーボタン　*/
	.hamburger {
	  display : block;
	  position: fixed;
	  z-index : 3;
	  right : 13px;
	  top   : 12px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.hamburger span {
	  display : block;
	  position: absolute;
	  width   : 30px;
	  height  : 1px ;
	  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 solid #ccc;
	}
	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: #555;
	  padding: 1em 0;
	  text-decoration :none;
	}
	
	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
	  transform: translateY(0%);
	}





/*ヘッダー*/


h1.com1{
    color: #fff;
    font-size: 16px;
    letter-spacing: 4px;
    z-index: 2;
	opacity: 0.8;
	/*margin:100px auto 0px auto;
	padding:0px 0px 0px 0px;*/
	writing-mode: vertical-rl;
	position:absolute; top:200px; right:45%;
	text-shadow:2px 1px 0px #000;
}


h1.com2{
    color: #fff;
    font-size: 16px;
    letter-spacing: 4px;
    z-index: 2;
	opacity: 0.8;
	/*margin:100px auto 0px auto;
	padding:0px 0px 0px 0px;*/
	writing-mode: vertical-rl;
	position:absolute; top:200px; right:45%;
	text-shadow:2px 1px 0px #000;
}


h1.com3{
    color: #fff;
    font-size: 16px;
    letter-spacing: 4px;
    z-index: 2;
	opacity: 0.8;
	/*margin:100px auto 0px auto;
	padding:0px 0px 0px 0px;*/
	writing-mode: vertical-rl;
	position:absolute; top:200px; right:45%;
	text-shadow:2px 1px 0px #000;
}

.one{
    background: url("../img/com_top.jpg") top / cover;
}
.two{
    background: url("../img/com_top2.jpg")  top / cover;
}
.three{
    background: url("../img/com_top3.jpg")  top / cover;
}




	.con_item_come4 {
		width:100%;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		font-size:16px;
		font-weight: normal;
		font-family: 'Old Standard TT', serif;
		color:#000;
		line-height:2.0em;
	}





/*表示するテキストが切り替わる*/
.btntextchange2{
    /*テキストの基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/
  /*border: 1px solid #fff;*/
  border-radius:50px;
    min-width:100%;
  padding: 30px;
  box-sizing: border-box;
    text-align: center;
  display: inline-block;
    text-decoration: none;
    color: #fff;
    outline: none;
	background-color: #D96C00;
	opacity: 0.9;
	font-weight:bold;
    /*アニメーションの指定*/
    transition: all .2s;
}











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

.text_box{
	display:none;
}

.text_box_sm{
	font-size:25px;
	color:#000;
	margin:0px auto 0px auto;
	padding:280px 0px 0px 0px;
	line-height:1.8em;
	/*letter-spacing:0.3em;*/
	text-align: center;
	/*position:absolute; bottom:30%; left:25%;*/
	font-weight:bold; text-shadow:1px 1px 0px #fff;
	width:90%;
}








/*コンテンツ*/
.con_list_all1{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top:50px; margin-bottom:50px;
}
.con_list_all2{
  display: grid;
  gap: 0px;
  grid-template-columns: 1fr;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top:50px; margin-bottom:50px;
}

h2.item_title{
	width:100%;
	font-size:30px;
	margin:30px auto 50px auto;
	padding:0px 0px 10px 0px;
}

	.con_item_img2 {
		margin:30px auto 0px auto;
		padding:0px 0px 0px 0px;
		background:url("../img/test.jpg") top / cover;
		height:400px;
		max-width:100%;
	}

.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:80px;
}












h2.title{
	width:100%;
	font-size:35px;
	font-weight:bold;
	text-align:center; color:#000000;
}

.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_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:50px 0px 0px 0px;
color:#FFFFFF;
box-sizing: border-box;
}



.foot_list_all{
  display: grid;
  width:90%;
  gap: 0px;
  margin:51px 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 30px 0px;
	padding:20px 20px 20px 20px;
	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:20px 20px 20px 20px;
	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;
	text-align:center
	}