/* ---------------------------------------------------------------
	start min 1034px
--------------------------------------------------------------- */

@media screen and ( min-width: 1034px ) {

	.pc_none {
		display: none;
	}




}

/* ---------------------------------------------------------------
	end min 1034px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media screen and ( max-width: 450px ) {
	
	body {
		padding-top: 54px;
	}



	/* --------------- common --------------- */



	/* --------------- header --------------- */

	.col_header {
		height: 54px;
	}
	
	.logo_header {
		width: 50%;
		margin-right: 4%;
	}
	
	#menubtn {
		width: 54px;
	}
	
	#menubtn .btn {
		width: 32px;
	}
	
	#menubtn span:nth-child(1) {
		top: 15px;
	}
	
	#menubtn span:nth-child(2) {
		top: 26px;
	}
	
	#menubtn span:nth-child(3) {
		top: 37px;
	}
	
	#menubtn.active span:nth-of-type(1) {
		top: 7px;
	}
	
	#menubtn.active span:nth-of-type(3) {
		top: 47px;
	}
	
	.nav_header {
		height: calc(100vh - 54px);
		top: 54px;
	}
	
	.spbtn_contact {
		width: 40px;
	}
	
	.spbtn_contact.tel {
		margin-right: 8px;
	}
	
	.spbtn_contact.mail {
		margin-right: 10px;
	}

	/* --------------- footer --------------- */
	
	.col_footer {
		margin-bottom: 30px;
	}
	
	.logo_footer {
		max-width: 230px;
	}
	
	.btn_footer_contact {
		max-width: 250px;
		padding: 16px 15px 16px;
		font-size: 15px;
	}
	
	.btn_footer_company {
		max-width: 250px;
		font-size: 15px;
	}

	/* --------------- top --------------- */
	
	.col_topmainimg {
		height: 157vw;
	}
	
	.col_toptrust {
		background-size: 100% 144vw;
	}
	
	.box_toptrust1 {
		margin-bottom: 7vw;
	}
	
	.link_toptrust h3 .ja {
		margin-bottom: 4px;
		font-size: 18px;
	}
	
	.link_toptrust {
		padding-bottom: 8vw;
	}
	
	dl.lead_topstance dt {
		font-size: 22px;
	}
	
	.col_toprecruit {
		padding-top: 50px;
	}
	
	.col_topbnr {
		padding: 9vw 0px 22vw;
	}
	
	.inner_topbnr .btmbnr.bnr_seimitu dl dt {
		font-size: 22px;
	}
	
	.inner_topbnr .btmbnr.bnr_seimitu .bg {
		padding: 8px 16px;
		font-size: 15px;
	}
	
	.inner_topbnr .btmbnr.bnr_ncNet dl {
		padding: 24px 0;
	}
	
	.inner_topbnr .btmbnr.bnr_ncNet dl dt {
		width: 78%;
	}
	
	.inner_topbnr .btmbnr.bnr_ncNet .bg {
		padding: 8px 16px;
		font-size: 15px;
	}
	
	


/* --------------- subpage --------------- */

	.col_ttl {
		height: 110px;
		background-size: cover;
		background-position: center center;
	}
	
	.ttl .ja {
		font-size: 20px;
	}
	
	.ttl .en {
		margin-top: 4px;
	}
	
	


/* --------------- news --------------- */
	
	.col_news {
		padding: 25px 0 60px;
	}
	
	.thumb_news {
		width: 200px;
	}
	
	.img_news {
		height: 132px;
	}
	
	.pager_news li {
		margin-right: 15px;
	}
	
	

/* --------------- works --------------- */
	
	.img_works .trim {
		height: 200px;
	}
	
	.img3.img_works .trim:nth-child(2),
	.img3.img_works .trim:nth-child(3) {
		height: 114px;
	}
	
	.tbl_works th {
		width: 84px;
	}
	
	.tbl_works td {
		padding: 12px 15px;
	}
	
	
/* --------------- design --------------- */
	
	
	#Design .img_works .trim {
		height: 83vw;
	}
	
	
/* --------------- flow --------------- */
	
	.mds_flow {
		width: 54px;
	}
	
	.right_flow {
		width: calc(100% - 54px);
		padding-top: 10px;
	}
	
	.contact_flow {
		padding-left: 15px;
	}
	
	.contact_flow .num.tel {
		width: 182px;
	}
	
	.contact_flow .uketuke {
		margin: 0;
	}
	
	.contact_flow .num.fax {
		width: 186px;
	}
	
	.btn_contact_flow {
		width: 196px;
		padding: 10px 10px;
	
	}
	
	.btn_contact_flow:after {
		border-width: 0 0 9px 9px;
		bottom: 5px;
		right: 5px;
	}
	

/* --------------- contact --------------- */
	
	.cont_contact {
		padding-bottom: 25px;
	}
	
	.telnum_contact {
		width: 90%;
	}
	
	.faxnum_contact {
		width: 70%;
	}
	
	.btn_form_contact input {
		width: 230px;
	}
	
	#Conf .btn_form_contact {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
		       flex-direction: column;
	}
	
	#Conf .btn_form_contact input,
	#Conf .btn_form_contact input[name="submitBack"] {
		margin: 0 auto 20px;
	}
	
	#Conf .btn_form_contact input {
		margin-bottom: 0;
	}
	
	
	
/* --------------- about --------------- */
	
	
	.img_about_history span,
	.info_about dl dd .img_about_pc_none {
		width: 40%;
	}
	
	.gmap_about {
		height: 260px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}


/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */