@charset"utf-8";
@media screen and (max-width: 1140px) {
	.bx-wrapper .bx-prev{
		left:0;
		margin-left:0;
	}
	
	.bx-wrapper .bx-next{
		left:auto;
		right:0;
		margin-left:0;
	}
}

@media screen and (max-width: 768px) {
	.PC, img.PC{display:none;}
	.SP{display:inline-block;}

	#gmenu_sp{
		display:block;
		position:absolute;
		right:-768px;
		z-index:10;
		top: 178px;
		width:100%;
		/* height: 460px; */
		background-color:#FFF;
		/* overflow: auto; */
	}

	#gmenu_sp ul{
		border-bottom:1px solid #e7697d;
	}

	#gmenu_sp ul li{
		padding:2%;
		color: #e7697d;
		text-align: center;
		border-top:1px solid #e7697d;
	}
	#gmenu_sp ul li a{
		color: #e7697d;
		font-size:30px;
		font-weight:normal;
		line-height:48.5px;
	}
	
	img{
		max-width:100%;
	}
	
	body {
		min-width:100%;
	}
	
	#header{
		display:none;
	}
	
	nav.gmenu{
		display:none !important;
	}
	
	nav#sp_header{
		position:fixed;
		top:0;
		z-index:5;
		padding: 4% 0;
		background:url('../images/common/sp_h_bg.png') no-repeat 0 0;
		width: 100%;
		background-size: 100% 100%;
		border-top: 7px solid #ea7486;
		box-sizing: content-box;
	}

	nav#sp_header ul{
    display: table;
    width: 100%;
 }

	nav#sp_header ul li img{
		width:100%;
	}

	nav#sp_header ul li.sp_h_logo{
		display: table-cell;
		padding-right: 5%;
		padding-left: 2%;
		max-width: none;
		vertical-align: top;
		width: 83%;
	}

	nav#sp_header ul li.sp_h_btn{
		display: table-cell;
		padding-right: 2%;
		width: 18%;
		max-width: none;
		vertical-align: top;
		text-align: right;
	}

	.bxslider_mv img.PC{
		display:none !important;
	}
	.bxslider_mv img.SP{
		display:inline-block !important;
		width: 100%;
	}
	
	.bx-wrapper .bx-prev{
		left:0;
		margin-left:0;
	}
	
	.bx-wrapper .bx-next{
		left:auto;
		right:0;
		margin-left:0;
	}
	
	.h_ttl{
		position: relative;
		height: auto;
	}
	
	.h_ttl p.h_photo{
		position: static;
		top:0;
		left: 0;
		margin-left: 0;
		width: 100%;
	}
	
	.h_ttl p.h_photo img{
		max-width:100%;
		width: 100%;
	}
	
	.h_ttl ul{}
	
	.h_ttl ul li{
		position:absolute;
		top:56px;
		left:4%;
		margin-left:auto;
		width:20%;
	}
	
	.h_ttl ul li.no_ttl{
		width:auto;
	}

	
	#footer .f_addr_area{
		display: inline-block;
		width: auto;
		padding: 0;
	}
	
	#footer .f_addr_area li{
		float: none;
	}
	
	#footer .f_addr_area li.flogo{
		margin: 0 auto 6%;
	}
	
	#footer .f_addr_area address {}
	
	
	#footer nav{
		padding: 0 1%;
		width:100%;
	}
	
	#fmenu_sp{
		width: 100%;
		margin: 0;
	}

	#fmenu_sp li{
		float:none;
		text-align: left;
		background:url('../images/common/sp_f_menu_bg.png') repeat-x 50% 0;
	}

	
	#fmenu_sp li:last-child{
		border:0;
	}

	#fmenu_sp li a{
		display:block;
		padding: 2% 2% 2% 11%;
		width: 100%;
		font-size: 30px;
		font-weight: bold;
		background: url('../images/common/sp_f_menu_arrow.png') no-repeat 3% 50%;
    background-size: 32px 32px;
		border: 0;
	}
	
	#copyright_area ul{
		width:auto;
	}
	
	#page-top{
		margin-left:auto;
		left:auto;
		right:0;
		position: fixed;
		bottom: 0;
	}
	
	#copyright_area{
		padding:0 1%;
	}
	
	.p-entry-content section .inner{
		padding:0 3%
	}
	
/*------------------------------[common] news_box*/

	ul#news_box{
		height:auto;
		background-size:100% 100%;
	}
	
/*------------------------------[common] table-responsive*/
	.table-responsive table{
    margin-bottom: 0;
    width: 100%;
}

	.table-responsive table tbody{}

	.table-responsive table tbody td{
		display:block;
		padding: 2% 1%;
		width: 100%;
		line-height: 1;
	}

	.table-responsive table tbody th{
		display:block;
		padding: 2%;
		width:100%;
	}
input[name=your_name]{width:100%;}
input[name=your_kana]{width:100%;}
input[name=your_born_y]{width:70px;margin-right:5px;}
input[name=your_born_m]{width:70px;margin-right:5px;}
input[name=your_born_d]{width:70px;margin-right:5px;}
input[name=your_zip1]{width:70px;margin-right:5px;margin-left:5px;}
input[name=your_zip2]{width:70px;margin-left:5px;}
input[name=your_addr1]{width:100%;}
input[name=your_addr2]{width:100%;}
input[name=your_tel]{width:100%;}
input[name=your_email]{width:100%;}
input[name=your_school]{width:100%;}
input[name=your_sotugyo_y1]{width:70px;margin-right:5px;margin-left:5px;}
input[name=your_sotugyo_m1]{width:70px;margin-right:5px;margin-left:5px;}
input[name=your_keireki]{width:100%;}
input[name=your_kaishamei]{width:100%;}
input[name=your_y1]{width:70px;margin-right:5px;margin-left:5px;}
input[name=your_m1]{width:70px;margin-right:5px;margin-left:5px;}
input[name=your_y2]{width:70px;margin-right:5px;margin-left:5px;}
input[name=your_m2]{width:70px;margin-right:5px;margin-left:5px;}
input[name=your_carrier]{width:100%;}
input[name=your_carrier]{width:100%;}
textarea[name=your_kibo]{width:100%;height:150px;}
textarea[name=your_message]{width:100%; height:150px;}


/*------------------------------[home]*/

	.home #s1{
		padding: 36px 2% 60px;
		width: 100%;
	}
	
	.home #s2{
		padding:2%;
	}
	
	.home #s2 ul{
		width:100%;
	}
	
	.home #s2 ul li{
		float:none;
		width: 96%;
		margin: 0 2% 50px;
		padding:0;
	}

	.home #s3{
		padding: 10% 2%;
	}
	
	.home #s3 ul{
		display: block;
		width: auto;
	}
	
	.home #s3 ul li{
		float:none;
		width: auto;
	}
	
	.home #s3 ul li.news_area{
		margin-bottom:3%;
		text-align:center;
	}
	
	.home #s3 ul li.news_area h3{
		display:inline-block;
		margin-left: -14px;
	}
	
	.home #s3 ul li.news_area #news_box{
    margin: 0 auto 10%;
    padding: 15px;
    width: auto;
    height: auto;
    background:none;
    background-color:#FFF;
    border:3px solid #f6e7e7;
    border-radius:10px 10px;
	}
	
 
	.home #s3 ul li.news_area #news_box li{
	}

	.home #s3 ul li.news_area #news_box li dt{
		float:left;
		width:25%;
	}

	.home #s3 ul li.news_area #news_box li dd{
		float:left;
		width:75%;
	}
	
	.home #s3 ul li.news_area #news_box li span.date{
		display:block;
		margin: 0;
		padding: 0;
		line-height: 1;
	}
	
	.home #s3 ul li.carender_area{
		width:auto;
		text-align:center;
	}
	
	.home #s3 ul li.carender_area h3{
		display:inline-block;
		margin-left: -14px;
	}
	
	.home #s3 ul li.carender_area table{
		width:100%;
	}
	
	.home #s3 ul li.carender_area table thead tr th{
		padding: 0;
		width:auto;
	}
	
	.home #s3 ul li.carender_area table thead tr th:first-child{
		padding:0;
		width: 20%;
		text-align: center;
	}
	
	.home #s3 ul li.carender_area table tbody tr th{
		padding: 0;
		width:auto;
		text-align: center;
	}
	
	.home #s3 ul li.carender_area table tbody tr td{
		padding:0;
	}



/* [about]
---------------------------------------------*/

	#post-27 #sec02 ul li.ab_s2_right{
		text-align:center;
	}

	#post-27 #sec03 span.icon{
		margin-bottom: 20px;
		display:block;
		text-align:center;
	}
	
	#post-27 #sec03 p.txt{
		margin-left: 16px;
		text-indent: -16px;
	}

	#post-27 #sec03 p.txt.pnk{
		margin-left: 0;
		text-indent: 0;
	}
	
	#post-27 #sec04 .inner{
		padding:0;
	}

	#post-27 #sec04 p.photo{
		text-align:center;
	}

	#post-27 #sec04 .ab_s2_left{
		margin-bottom: 50px;
		padding:0 2%;
	}
	
	#post-27 #sec04 .ab_s2_right{
		padding: 0;
	}


/* [company]
---------------------------------------------*/
	#post-29 #sec01 .inner{
		padding:0;
	}

	#post-29 #sec01 h1{
		font-size:26px;
	}
	
	#post-29 #sec01 p.txt{
		padding:0 3%;
	}
	
	#post-29 #sec02 .cp_s2_left{
		margin-bottom: 30px;
		padding:0;
		font-weight:bold;
	}

	#post-29 #sec02 .cp_s2_left p{
		line-height:1;
	}

	#post-29 #sec02 .cp_s2_right{
		padding:0;
	}

/* [recruite]
---------------------------------------------*/

	#post-31 #sec01 h1{
		font-size:26px;
	}

	#post-31  #sec01 h2{
	}

	#post-31  #sec01 p{
	}
	
	#post-31 #sec04 .tbl_box_01{
		padding:2%;
		width:100%;
	}
	
	#post-31  #sec04 div.tbl_box_01{}

	#post-31  #sec04 div.tbl_box_01 table{}

	#post-31 #sec04 div.tbl_box_01 table tbody{}

	#post-31 #sec04 div.tbl_box_01 table tbody th{
		display:block;
		padding: 2% 1%;
		width: 100%;
		line-height: 1;
	}
	#post-31 #sec04 div.tbl_box_01 table tbody td{
		display:block;
		padding: 2% 2% 2% 10%;
		width:100%;
	}


/* [news]
---------------------------------------------*/
	#post-42 #news_box dt{
		float:left;
		width:25%;
	}

	#post-42 #news_box dd{
		float:left;
		width:75%;
	}

}


@media screen and (max-width: 680px) {
	.PC{ display:none; }
	.SP{ display:inline-block; }

	#gmenu_sp ul li a{
		font-size:15px;
		font-weight:normal;
		line-height:24px;
	}

	
	body{
    margin-top: 23%;
 }
	
	article{
		overflow:hidden;
	}
	
	.site-header {
			display: none;
	}

	
	#footer .f_addr_area li{
		padding: 0 10%;
	}

	#footer .f_addr_area address span{
    display: inline-block;
	}

	#fmenu_sp li a{
		display:block;
		padding: 5% 2% 5% 20%;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		background: url('../images/common/sp_f_menu_arrow.png') no-repeat 3% 50%;
		border: 0;
		background-size: 32px 32px;
	}
	
	.bx-wrapper .bx-controls-direction a{
		top: 32%;
	}


	
/*------------------------------[home]*/

	.home #s1 p.txt_syokai{
		font-size:14px;
	}
	
	.home #s3 ul li.news_area #news_box li dt{
		float:none;
		width:100%;
	}
	.home #s3 ul li.news_area #news_box li dd{
		float:none;
		width:100%;
	}
	
    

/* [about]
---------------------------------------------*/
	#post-27 #sec01 h1{
		font-size:22px;
		line-height:36px;
	}
	
	#post-27 #sec01 h2{
		font-size:19px;
		line-height:24px;
	}
	
	#post-27 #sec01 p.txt{
		font-size: 14px ;
		line-height: 27px ;
		text-align: left ;
	}
	
	#post-27 #sec02 h2{
		font-size:27px;
	}
	
	#post-27 #sec02 ul li.ab_s2_right{
		padding: 0 26%;
	}

	#post-27 #sec02 .ab_s2_left{
		padding-top: 10px;
		font-size: 14px;
		line-height: 27px;
	}
	
	#post-27 #sec03{
		padding:35px 0 40px;
	}
	
	#post-27 #sec03 h2{
		font-size:27px;
		line-height: 36px ;
	}

	#post-27 #sec03 p.txt{
		font-size: 14px ;
		line-height: 27px ;
	}
	
	#post-27 #sec04 h2{
		font-size:27px;
		line-height: 36px ;
	}
	
	#post-27 #sec04{
		padding:25px 0 0;
	}
	
	#post-27 #sec04 .ab_s2_right .mapp-layout{
		width:100%;
		height: 250px;
	}
	
	
	
	
	
	
	
/* [company]
---------------------------------------------*/
	#post-29 #sec01 h1{
		font-size: 22px ;
		line-height: 36px ;
	}
	
	#post-29 #sec01 h2{
		font-size: 20px ;
		line-height: 36px ;
	}
	
	#post-29 #sec01 p.txt_rinen{
		font-size: 14px ;
		line-height: 27px ;
		text-align: left ;
	}
	
	#post-29 #sec02{
		padding:25px 0;
	}

	#post-29 #sec02 h2{
		margin-bottom:25px;
		font-size: 27px ;
	}

	#post-29 #sec02 .cp_s2_left p{
		font-size: 14px;
		line-height:1;
	}

	

/* [recruit]
---------------------------------------------*/
	#post-31 #sec01 h1{
		font-size: 22px ;
		line-height: 36px ;
	}
	#post-31 #sec01 h2{
		font-size:20px;
		line-height: 27px ;
	}

	#post-31 #sec01 p.txt{
		font-size: 14px ;
		line-height: 27px ;
	}
	
	#post-31 #sec02 h2{
		font-size:27px;
	}

	#post-31 #sec02 p.tx1{
		font-size:20px;
		line-height: 27px ;
	}

	#post-31 #sec02 h3{
		font-size:19px;
	}
	
	#post-31 #sec02 p.tx2{
		font-size: 14px ;
		line-height: 27px ;
		text-align: left ;
	}
	
	#post-31 #sec03{
		padding:40px 0;
	}
	
	#post-31 #sec03 h2{
		font-size:22px;
	}
	#post-31 #sec03 p.txt{
		font-size: 14px ;
		line-height: 27px ;
	}
	
	#post-31 #sec04 h2{
		font-size:27px;
	}

/* [contact]
---------------------------------------------*/


#post-33 #sec01 .leadtxt{
	margin:0 auto 50px;
	padding: 3%;
	width:96%;
	font-size: 15px;
	background: #fff;
	border-top: 3px solid #EE8091;
}


/* [news]
---------------------------------------------*/
	#post-42 div#news_box{
		padding:2%;
	}

	#post-42 #news_box dt{
		float:none;
		width: 100%;
		padding: 1%;
	}

	#post-42 #news_box dd{
		float:none;
		width: 100%;
		padding: 1%;
	}




}