@media (max-width: 767px) {
	/*---------------------------------------
		ページ共通
	-----------------------------------------*/
	.sp-show {
		display: block !important
	}
	.pc-show {
		display: none;
	}
	.anchor {
		padding-top: 61px;
		margin-top: -61px;
	}
	/********** ヘッダー **********/
	#header {
		padding: 12px 20px;	
		background-color: #d1508e;
		position: fixed;
		min-height: 60px;
		z-index: 10;
	}
	#header .header-inner {
	}
	#header .logo {
		width: 115px;
		margin-top: 0px;
	}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after {
		background-color: #fff;
	}
	/* drawer.js スクロール回避 */
	.drawer--top.drawer-open .drawer-nav {
		top: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer--left.drawer-open .drawer-nav,
	.drawer--left .drawer-hamburger,
	.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
		left: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer--right.drawer-open .drawer-nav,
	.drawer--right .drawer-hamburger,
	.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
		right: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer-nav {
		padding: 20px;
	}
	.drawer-menu {
	}
	.drawer-menu li {
		text-align: center;
		line-height: 1;
		width: 100%;
		border-bottom: 1px solid #d1508e;
	}
	.drawer-menu li a {
		display: block;
		padding: 20px 20px 20px 20px;
		
	}
	.drawer-menu li img {
		max-width: 100%;
		height: auto;
		vertical-align: baseline;
	}
	.drawer-menu li.nav-diversity {
		border-top: 1px solid #d1508e;
	}
	.drawer-menu li.nav-diversity img {
		width: 96.56px;
	}
	.drawer-menu li.nav-labo img {
		width: 46.44px;
	}
	.drawer-menu li.nav-technology img {
		width: 124.67px;
	}
	.drawer-menu li.nav-culture {
		border-bottom: none;
	}
	.drawer-menu li.nav-culture img {
		width: 83.11px;
	}
	.drawer-menu li.nav-entry {
		border-bottom: none;
	}
	.drawer-menu li.nav-entry a {
		background-color: #d1508e;
		padding: 20px;
	}
	.drawer-menu li.nav-entry img {
		width: 55px;
		vertical-align: baseline;
	}
	/********** グローバルナビゲーション **********/
	#gnav {
		
	}
	/********** レイアウト **********/
	#container {
		min-width: inherit;
	}
	#contents {
	}
	.inner {
		width: 100%;
	}
	#contents .inner {
		padding-right: 20px;
		padding-left: 20px;
	}
	/********** メインビジュアル **********/
	#main-visual {
		height: inherit;
		padding-top: 45%;
		margin-top: 60px;
	}
	#main-visual .inner {
		padding: 20px;
	}
	#main-visual .copy {
		font-size: 30px;
	}
	/********** TOPページ **********/
	/* DIVERSITY */

	#contents #diversity .inner {
		position: relative;
	}
	#contents #diversity .reborn {
		margin-bottom: 40px;
		flex-direction: column;
	}
	#contents #diversity .reborn .reborn-img {
		width: 100%;
		height: auto;
		order: 1;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#contents #diversity .reborn .staff-item {
		width: 100%;
		min-height: 340px;
		padding: 20px;
		position: inherit;
		order: 2;
	}
	#contents #diversity .section-block {
		flex-direction: column;
	}
	#contents #diversity .diversity-img {
		margin-top: 30px;
		width: 100%;
	}
		/* セクション説明 */
	#contents #diversity .section-block .section-desc {
		margin-bottom: 20px;
	}
	#contents .section-block .section-title {
		margin-bottom: 20px;
	}
	#contents .section-desc {
		flex-direction: column;
	}
	#contents .section-desc .section-txt {
		width: 100%;
	}	
	#contents .section-desc .section-img {
		width: 100%;
		margin-bottom: 20px;
	}
	.truck-img {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
	.truck-img img {
		max-width: 100%;
		height: auto;
	}
	/********** ページ共通 **********/
	/* スタッフ紹介 */
	#contents .staff-block {
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#contents .staff-block .staff-item {
		width: 47.5%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	#contents .staff-block .staff-item:nth-child(3),
	#contents .staff-block .staff-item:nth-child(4) {
		margin-bottom: 0;
	}
	#contents .staff-block .staff-item .staff-img img {
		width: 100%;
		height: auto;
	}
	/* 下層ページ スタッフリスト */
	#contents #staff-list {
		padding-top: 50px;
	}
	#contents #staff-list .staff-wrap {
		flex-direction: column;
	}
	#contents #staff-list .staff-block {
		width: 100%;
		order: 1;
		margin-bottom: 40px;
		padding-bottom: 0;
	}
	#contents #staff-list .mass-koala {
		width: 224px;
		margin: 0 auto;
		order: 2;
	}
	/********** インタビューページ **********/
	#contents #interview {
	}
	/* スタッフ紹介 */
	#contents #interview .prof-bg {
		margin-bottom: 40px;
		padding-top: 40px;
		padding-bottom: 40px;
		min-height: inherit;
	}
	#contents #interview .prof-block {
		position: static;
		min-height: inherit;
		flex-direction: column;
	}
	#contents #interview .prof-block .copy {
		width: 100%;
		padding-top: 0;
		margin-bottom: 20px;
	}
	#contents #interview .prof-block .copy h2 {
		font-size: 20px;
		text-align: center;
	}
	#contents #interview .prof-block .staff-item {
		flex-direction: column;
		align-items: flex-start;
		position: static;
		top: 0;
		right: 0;
	}
	#contents #interview .prof-block .staff-item dl.staff-info {
		text-align: center;
		margin-right: 0;
		order: 2;
		width: 100%;
	}
	#contents #interview .prof-block .staff-item .staff-info dt.position {
		width: 100%;
		justify-content: center;
	}
	#contents #interview .prof-block .staff-img {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		order: 1;
	}
	/* インタビュー内容 */
	#contents #interview .interview-block .inner {
		width: 100%;
	}
	#contents #interview .interview-block h2 {
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	#contents #interview .interview-block div.interview-cont {
		flex-direction: column;
	}
	#contents #interview .interview-block .interview-img {
		width: 100%;
		margin-bottom: 26px;
	}
	#contents #interview .interview-block .interview-txt {
		font-size: 10px;
		font-size: 14px;
		width: 100%;
	}
	#contents #interview .interview-block01 .interview-txt,
	#contents #interview .interview-block03 .interview-txt {
		padding-left: 0;
		padding-right: 0;
	}
	#contents #interview .interview-block02 .interview-txt {
		padding-right: 0;
		padding-left: 0;
		order: 2;
	}
	#contents #interview .interview-block02 .interview-img {
		padding-right: 0;
		padding-left: 0;
		order: 1;
	}
	/********** フッター **********/
	#footer {
	}
	#footer .inner {
		padding-right: 20px;
		padding-left: 20px;
	}
	#footer .f-copy,
	#footer .f-logo,
	#footer .f-info {
		flex-direction: column;
	}
	#footer .f-copy .left,
	#footer .f-logo .left {
		width: 100%;
	}
	#footer .f-copy .right,
	#footer .f-logo .right {
		width: 100%;
	}
	#footer .f-copy .left .copy-img {
		margin-bottom: 8px;
	}
	#footer .f-copy .copy {
		text-align: center;
	}
	#footer .f-copy .right {
		flex-direction: column;
	}
	#footer .f-logo .left {
		margin-bottom: 10px;
	}
	#footer .f-logo .right .logo-img {
		margin-bottom: 25px
	}
	#footer .f-info  {
		text-align: center;
	}
	#footer .f-info .c-name {
		flex-direction: column;
		width: 100%;
		margin-bottom: 20px;
	}
	#footer .f-info .c-name a.link {
		font-size: 18px;
		font-weight: bold;
	}
	#footer .f-info .c-addr {
		width: 100%;
		margin-bottom: 20px;
	}
	#footer .f-info .f-addr {
		width: 100%;
	}
	#footer .entry-btn {
		width: 100%;
	}
	#footer .pagetop {
		right: 14px;
	}
	#footer .pagetop a {
		color: #fff;
		font-size: 60%;
		border-radius: 50%;
		width: 40px;
		height: 40px;
	}
	#footer .pagetop a:before {
		margin-bottom: 2px;
	}
}