@media screen and (max-width: 767px){
	/*==============================
	  general
	================================*/
	body{ font-size: 1.4rem;}
	p{ font-size: 3.5vw;}

	.pc{display: none !important;}
	.mobile{}
	.main{ font-size: 16px; margin-bottom: 30px;}
	.main-content{ margin: 0 auto; width: 90%;}
	.main-area{ margin: 0 auto;}
	.main-area-m{ margin: 0 auto; width: 95%;}
	#navi ul{background: #e56f01;}
	/*==============================
	  responsive
	================================*/
	.menu_pc, .craft_pc, .item_pc{display: none !important;}
	.craft_mobile{display: inline; margin: 5% auto;}
	/*==============================
	  commoncss
	================================*/
	br.mbbr{display: inline !important;}
	.edit-template{
		width: 100%;
	}
	.edit-template section{
		font-size: 4.5vw;
	}
	.main-template h2,
	.edit-template h2{
		font-size: 6vw;
		font-weight: bold;
		margin: 5% 0;
	}
	.edit-template h2::after{
		width: 15vw;
		margin: 0 auto;
	}
	.edit-template h3{font-size: 5vw; padding: 2.5vw 0;}
	.edit-template h4{font-size: 4vw;}
	.edit-template h5{font-size: 3.5vw; margin-top: 5%;}
	.page-edit h1{
		position: relative;
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		padding: 5px;
		margin: 5% 0;
	}
	.main-area > div{
		width: 95%;
		margin: 5% auto;
	}
	/*==============================
	  header
	================================*/
	.mainmenu .contact{display: none;}

	.logo p{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;
		font-size: 3vw;
	}
	.logo h1 img{ width: 70vw; max-width: 300px;}
	.header-content{padding: 1px 0; box-sizing: border-box;}
	.header-main{height: 18vw;}
	.header-main h1{
		width: 80vw;
		margin: 0;
		padding: 1vw 0;
		display: flex;
		align-items: center;
	}
	.header-main h1 img{
		display: inline-block;
		width: 30vw;
		padding: 0;
	}
	.header-main h1 span,
	.header-main h1 a span{
		font-size: 5vw;
		line-height: 1;
	}
	.drawer-overlay{ display: none !important;}
	.logo{
		position: relative;
		margin: 20px auto 0 !important;
	}
	.menu_mobile{}
	.tel_sp{
		position: fixed;
		color: #e56f01;
		font-size: 40px;
		top: 5px;
		right: 80px;
	}
	.drawer--right .drawer-nav{ right: -45vw;}
	.drawer--right.drawer-open .drawer-hamburger{ right: 40vw;}
  .drawer-toggle { display: block; cursor: pointer;}
  .drawer-nav {
		background-color: #e56f01;
		color: #fff;
		z-index: 20;
  }
  .drawer-nav .nav {
  }
  .drawer-nav li { display: block; margin: 10% 5%; text-align: left;}
  .drawer-nav li a { font-size: 16px; color: #fff;}
  .drawer-toggle,
  .drawer-toggle span {
    display: inline-block;
    box-sizing: border-box;
  }
  .drawer-toggle {
    z-index: 20;
    position: fixed;
    width: 40px;
    height: 36px;
		margin: 4vw;
		padding: 18px;
  }
  .drawer-toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #e56f01;
    border-radius: 20px;
  }
  .drawer-toggle span:nth-of-type(1) { top: 0;}
  .drawer-toggle span:nth-of-type(2) { top: 16px;}
  .drawer-toggle span:nth-of-type(3) { bottom: 0;}
	.drawer-dropdown-menu{background-color: #e56f01;}
	.drawer-menu-item,.drawer-dropdown-menu-item{padding: 0;}
	.drawer-dropdown-menu li{
		margin: 5px;
		width: auto;
		text-align: left;
	}
	.drawer-dropdown-menu-item{
		padding: 0;
		font-size: 14px !important;
		line-height: 1.5;
		margin: 15px 0;
	}
	/*==============================
	  footer
	================================*/
	/* fotter-main */
	.footer{
		text-align: center;
	}
	#footer_in{
		font-size: 16px;
		padding: 5% 3%;
		box-sizing: border-box;
	}
	#foot_contact{
		-ms-align-items: center;
		align-items: center;
		flex-direction: column;
	}
	#foot_contact h2{
		text-align: center;
		margin: 3% auto;
	}
	.footer-main{
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}
	.footer_img{
		width: 80vw;
	}
	.f_address h2{
		padding: 1vw 2vw;
		margin: 0;
	}
	.f_address{
		font-size: 3vw;
		align-items: center;
		text-align: center;
		flex-direction: column;
	}
	.footer-link{display: none;}
	.map{
		width: 70vw;
		margin-top: 3vw;
	}

	.copylight{ padding: 1%; font-size: 12px; color: #fff; text-align: center;}
	/*==============================
	  toppage
	================================*/
	.main-template p{
		margin: 5vw 0;
	}
	.top-area h2{
		font-size: 15vw;
	}
	.btn{
		font-size: 4vw;
		padding: 3vw;
		line-height: 1;
	}
	.bannar_txt{
		top: 50%;
		font-size: 3.5vw;
	}
	h1.bannar_txt{
		font-size: 6vw;
	}
	.company_img{
		background-image: url(./img/recruit01.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-top:1px solid transparent;
		border-bottom:1px solid transparent;
	}
	.company_img img{
		display: none;
	}
	.company_img_txt{
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		margin: 3vw;
		width: 100%;
	}
	.about_area{
		flex-direction: column;
		margin: 10vw 0;
	}
	.about_txt,
	.about_img{
		width: 100%;
	}
	.about_img{
		position: relative;
	}
	.staff-voice{
		flex-direction: column;
		width: 90%;
	}
	.staff-voice-txt{
		width: 90%;
		margin: 5vw auto;
	}
	.staffimg{
		width: 55vw;
	}
	.swiper-container{
		margin-bottom: 15vw;
	}
	.swiper-button-next,
	.swiper-button-prev {
		top: 15vw;
	}
	.swiper-pagination-bullets.swiper-pagination-horizontal{
		top: 7.5vw;
	}
	.center-area{
		width: 80%;
	}
	.jobclass{
		width: 100%;
		border-bottom: 1px solid #f4f4f4;
	}
	.jobclass p{
		margin: 5vw 3vw;
	}

	.recruit_img{
		height: 30vh;
		object-fit: cover;
	}
	/*==============================
	  page
	================================*/
	.blog-template .edit-template{
		width: 95vw;
	}
	.blog-template{
		padding-top: 60px;
	}
	.blog-area{
		width: 90%;
	}
	.bannar img{
		height: 35vw;
		object-fit: cover;
		width: 100%;
		overflow: hidden;
	}
	.bannartxt{
		font-size: 8vw;
		line-height: 1;
	}
	.bannartxt span{
		font-size: 3.5vw;
	}
	.subtitle{
		font-size: 8.5vw;
		top: 7.5vw;
	}
	.child-title,
	.child-title2{width: 50vw;}
	.edit-template .child-area{
	}
	table tr,
	table th,
	table td {
		width: 100%;
    display: block; /* ブロック要素化 */
  }

	/*==============================
	  news
	================================*/
	.box-blog{
		flex-direction: column;
		align-items: flex-end;
	}
	.blog-detail{
		width: 100%;
		display: block;
	}
	.box-blog h3{
		font-size: 4.5vw;
		text-align: left;
	}
	.blog-box{
		border: 1px solid #ccc;
		box-shadow:2px 2px 2px rgba(0,0,0,.25);
		padding: 3%;
		margin: 5% 0;
	}
	.custom-next-class a{
		justify-content: flex-end;
	}
	/*==============================
	  contact form7
	================================*/
	.contact-area{
		width: 90%;
		margin: 0 auto;
	}
	.contactform th{ line-height: 2;}
	.wpcf7{ margin: 1% 0;}
	input[type="submit"].wpcf7-submit,
	input[type="reset"].resetbtn{
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		padding: 15px;
		width: 100%;
		margin: 0 auto;
		border: none;
	}
	.asterisk{ margin: 0 0 0 0.2em; color: #f5637a;}
	.wpcf7 span.wpcf7-not-valid-tip{ font-size: 80%;}
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 select,
	.wpcf7 input[type="url"],
	.wpcf7 textarea{
		color: #000;
		width: 95%;
		border: 1px solid #ddd;
		font-size: 4vw;
		padding: 1px;
	}
	.wpcf7-form p{ padding: 10px 0; margin: 0;}
	/* 送信ボタン */
	input.sub-btn{
		width: 300px;
		height: 60px;
		background: #F90;
		color: #FFF;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		border: 1px solid #ffae13;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
	}
	/* 送信ボタンホバー */
	input.sub-btn:hover{ background: #FFF;	color: #F90;}
	input[type="password"]{
		background-color: #fff;
		color: #333;
		border: 1px solid #ddd;
		font-size: 100%;
		padding: 0.5em;
		border-radius: 4px;
		box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
	}
	input.subon{
		width: 150px;
		height: 40px;
		background: #F90;
		color: #FFF;
		font-size: 1.1em;
		font-weight: bold;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		border: 1px solid #ffae13;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		transition: 0.3s;
	}
	/* 送信ボタンホバー */
	input.subon:hover{ background: #FFF;	color: #F90;}
}