@charset "UTF-8";

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








}

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

	/* common /////////////////////////////////////////////////////////////////////////////////////////// */
	.pcNone {
		display: inherit;
	}

	.spNone {
		display: none !important;
	}


	.cmn_maxbox {
		padding: 20px;
	}


	header {
	}

	.cmn_header_logo {
		max-width: 200px;
	}

	.cmn_header_tel {
		padding-right: 10px;
		padding-left: 10px;
	}

	.cmn_header_tel img {
		max-width: 25px;
		width: 25px;
	}

	.cmn_header_contact {
	}

	.cmn_header_contact img {
		max-width: 30px;
	}


	.cmn_header_info {
		padding: 10px 20px;
	}



	#cmn_menu_open {
		display: block;
	}

	.cmn_menu {
		margin-right: 0;
	}



	/* sub */

	.cmn_sub_container,
	.cmn_sub_container_nomargin {
		padding: 24px;
	}

	.cmn_sub_container {
		margin: auto auto 40px auto;
	}

	.cmn_sub_container_nomargin {
	}

	.cmn_flex_conts_w {
		width: 100%;
		padding: 0 0 20px 0;
	}

	.cmn_flex_conts_s {
		width: 100%;
		padding: 0 0 20px 0;
		text-align: center;
	}

	.cmn_flex_reverse {
		flex-flow: row;
		flex-wrap: wrap;
	}


	/* sub /////////////////////////////////////////////////////////////////////////////////////////// */

	.sub_pagetitle {
		height: 200px;
	}

	.sub_pagetitle h1 {
		font-size: 2.8rem;
		
	}
	



	.sub_sec {
		padding: 0px 0px 30px 0;
	}


	.sub_sec h2 {
		padding: 5px 0 5px 20px;
		background-size:12px;
		font-size: 2.2rem;
	}







	/* home /////////////////////////////////////////////////////////////////////////////////////////// */
	


	/* キャッチコピー */

	/* 会社概要 */

	.home_company_conts {
		max-width: 45%;
	}




	/* 会社概要 /////////////////////////////////////////////////////////////////////////////////////////// */




	



	/* 事業案内 /////////////////////////////////////////////////////////////////////////////////////////// */

	.service_list:nth-of-type(2n-1) .service_list_inner > div {
		padding-left: 5%;
	}

	.service_list:nth-of-type(2n) .service_list_inner > div {
		padding-right: 5%;
	}





	/* 取扱商品 /////////////////////////////////////////////////////////////////////////////////////////// */




	/* 採用情報 /////////////////////////////////////////////////////////////////////////////////////////// */
	.recruit_msg {
		flex-wrap: wrap;
		padding-right: 0;
		margin-top: 30px;
	}

	.recruit_msg > div {
		width: 94%;
		margin: 0;
	}

	.recruit_msg > figure {
		width: 94%;
		margin: 30px 0 0 auto;
		text-align: right;
	}

	.recruit_msg > figure img {
		max-width: 100%;
		max-height: none;
	}

	.recruit_contact {
		flex-wrap: wrap;
		padding: 0;
		margin: 50px 0 30px;
	}

	.recruit_contact > div {
		flex-shrink: 0;
		width: 100%;
		/* padding: 0 3%; */
		margin: 30px 0 0 0;
		text-align: center;
	}

	.recruit_contact_txtbox > p {
		font-size: 1.7rem;
	}

	.recruit_contact_txtbox > a {
		pointer-events: all;
	}

	.recruit_contact > figure {
		text-align: center;
	}

	.recruit_contact > figure img {
		max-width: 100%;
		max-height: none;
	}




	/* お問い合わせ /////////////////////////////////////////////////////////////////////////////////////////// */

	.contact_info {
		padding: 25px;
	}

	.contact_info h3 {
		font-size: 3rem;
	}

	.contact_info ul li {
		width: 100%;
	}


	/* NEWS /////////////////////////////////////////////////////////////////////////////////////////// */








}


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

	/* common /////////////////////////////////////////////////////////////////////////////////////////// */
	

	.cmn_footer_container {
		padding: 0px 10px 60px 10px;
	}

	.cmn_footer_container nav ul {
		justify-content: space-around;
		flex-wrap: wrap;
	}
	
	.cmn_footer_info {
		display: flex;
		max-width: 590px;
		margin: 40px auto;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}


	.cmn_footer_info div:nth-of-type(2) {
		max-width: 350px;
	}

	.cmn_footer_info {
		margin: 0px auto 20px auto;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.cmn_footer_info div:nth-of-type(1) {
		width: 100%;
		text-align: center;
		margin: auto auto 30px auto;
	}

	.cmn_footer_info div:nth-of-type(2) {
		max-width: 350px;
	}

	.cmn_footer_info > div img {
		margin: auto auto 20px auto;
	}


	/* 定義リスト */
	
	.cmn_dl > div {
		flex-wrap: wrap;
	}

	.cmn_dl dt {
		width: 100%;
		padding: 10px 10px 5px 10px;
		font-size: 1.5rem;
		text-align: left;
		font-weight: bold;
	}

	.cmn_dl dd {
		width: 100%;
		padding: 0px 10px 10px 25px;
	}

	.cmn_btn_between {
		justify-content: space-around;
	}



	/* フッター */
	.cmn_footer_info > div {
		max-width: 90%;
		padding: 0 ;
		border-right:none;
	}

	.cmn_footer_info > p {
		max-width: 90%;
		padding: 0;
	}

	.cmn_footer_nav ul {
		height: auto;
		justify-content: center;
		flex-wrap: wrap;
		padding:20px;
	}
	
	.cmn_footer_nav ul li {
		margin: 10px;
		width: 32%;
		border: none !important;
	}
	
	
	.footer_gotop {
		right: 20px;
		bottom: 20px;
		width: 60px;
		text-align: right;
	}
	
	.footer_gotop img {
		width: 60px;
	}




	/* home /////////////////////////////////////////////////////////////////////////////////////////// */




	.home_service ul li {
		width: 50%;
		height: 300px;
		background-repeat:no-repeat;
		background-size :100% 150px;
	}

	.home_service ul li a div {
		height: 150px;
	}
	
	.home_service ul li a div p {
		font-size: 3.5vw;
		letter-spacing: 0;
	}





	/* 会社概要 */

	.home_company {
		margin: 50px auto;
		background-size: auto 300px;
		background-position: top right;
	}

	.home_company_conts h2 {
		margin: auto auto 20px auto;
		text-align: center;
	}

	.home_company_conts {
		max-width: 100%;
		padding-top: 330px;
	}

	.home_company_conts p {
		margin: auto auto 30px auto;
	}


	/* 取扱商品 */


	.home_products ul {
		flex-wrap: wrap;
	}

	.home_products ul li {
		width: 140px;
	}
	
	.home_products ul div {
		height: 200px;
		padding-top: 150px;
	}



	/* お問い合わせ */

	.home_contact_container {
		background-size: 80% auto;
		background-position: bottom left -100px;
	}

	.home_contact_tel > a {
		background-color: inherit;
	}

	.home_contact_conts {
		max-width: 100%;
		text-align: center;
	}

	.home_contact_conts h2 {
		font-size: 2.3rem;
		text-align: center;
	}

	.home_contact_tel {
		padding-left: 0px;
	}


	/* 会社概要 /////////////////////////////////////////////////////////////////////////////////////////// */

	.company_outline_shiiresaki li,
	.company_outline_tokuisaki li {
		width: 100%;
	}

	.company_access_way {
		display: block;
		padding: 0 0 54px 0;
	}

	.company_access_way > div {
		width: 100%;
	}

	.company_access_way > div + div {
		margin: 30px 0 0 0;
	}

	.company_access_way dt {
		font-size: 1.6rem;
	}

	.company_access_way dd {
		margin-top: 10px;
	}

	.company_access_map {
		height: 300px;
	}












	/* 事業案内 /////////////////////////////////////////////////////////////////////////////////////////// */

	.service_list_inner {
		display: flex;
		flex-wrap: wrap;
	}

	.service_list_inner > div {
		width: 100%;
		min-height: 0;
		padding: 60px 0 25px;
	}

	.service_list:nth-of-type(2n-1) .service_list_inner > div,
	.service_list:nth-of-type(2n) .service_list_inner > div {
		order: -1;
	}

	.service_list_inner > figure {
		position: static;
		height: 0;
		/* padding: 80% 0 0 0; */
		padding: 60% 0 0 0;
		background-position: center;
	}

	.service_list_inner > .office,
	.service_list_inner > .jimu,
	.service_list_inner > .oa,
	.service_list_inner > .paper {
		background-position: center;
	}

	.service_list_inner > figure::before {
		display: none;
	}

	.service_case_title.service_case_title {
		font-size: 2.3rem;
	}

	.service_case_outline {
		padding: 16px 0 0 0;
		font-size: 1.5rem;
	}

	.service_case_list::after {
		display: none;
	}

	.service_case_list li {
		width: 48%;
		margin: 10% 0 0 0;
	}

	.service_case_list p {
		margin: 8px 0 0 0;
		font-size: 1.4rem;
		line-height: 1.3;
	}



	/* 取扱商品 /////////////////////////////////////////////////////////////////////////////////////////// */
	.products_list dt span {
		width: 50px;
		height: 50px;
		margin: 0 16px 0 0;
	}

	.products_list dt img {
		width: 45%;
	}

	.products_list dt strong {
		font-size: 2.2rem;
	}

	.products_list dd {
		margin: 30px 0 0 0;
	}

	.products_list ul {
		margin: -10px 0 0 0;
	}

	.products_list li {
		width: 47%;
		margin: 10px 0 0 0;
		/* font-size: 1.6rem; */
		font-size: 1.5rem;
		line-height: 1.4;
	}

	.products_list li span {
		margin-top: 4px;
	}












	/* 採用情報 /////////////////////////////////////////////////////////////////////////////////////////// */

	.recruit_noinfo {
		/* padding: 40px 10%; */
		padding: 40px 5%;
		margin: 30px 0 0 0;
	}

	.recruit_noinfo strong {
		font-size: 2.2rem;
	}

	.recruit_noinfo p {
		margin: 20px 0 0 0;
		font-size: 1.5rem;
		text-align: left;
		letter-spacing: 0;
	}








	/* お問い合わせ /////////////////////////////////////////////////////////////////////////////////////////// */



	.contact_info {
		max-width: 90%;
		padding: 15px;
	}

	.contact_info h3 {
		font-size: 2rem;
	}

	.contact_info ul {
	}

	.contact_info ul li {
		width: 100%;
		margin-bottom: 10px;
	}

	.contact_info ul li span {
		font-size: 1.2rem;
	}

	.contact_info ul li strong {
		font-size: 2.3rem;		
	}


	.contact_form div dt > span {
		display: inline-block;
		margin: auto auto auto 10px;
	}

	.contact_form div dd {
		width: 100%;
	}



	/* NEWS /////////////////////////////////////////////////////////////////////////////////////////// */







}


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

	/* common /////////////////////////////////////////////////////////////////////////////////////////// */
	.cmn_footer_container nav ul {
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.cmn_footer_container nav ul li {
		width: 50%; margin: auto auto 20px auto;
		text-align: center;
	}

	.cmn_dl_tablelike > div {
		flex-wrap: wrap;
	}

	.cmn_dl_tablelike dt {
		width: 100%;
		padding: 10px 10px 5px 10px;
		font-size: 1.5rem;
		text-align: left;
		font-weight: bold;
		border-bottom: 1px solid #9ba1bb;
		border-right: 0;
	}

	.cmn_dl_tablelike dd {
		width: 100%;
		padding: 0px 10px 10px 25px;
	}



	/* ボタン */
	
	.cmn_btn {
		justify-content: center;
	}
	
	.cmn_btn a {
		min-width: 200px;
		padding: 16px 35px 16px 30px;
		margin: 10px auto;
		text-align: center;
		font-size: 1.7rem;
		font-weight: normal;
	}


	/* sub /////////////////////////////////////////////////////////////////////////////////////////// */

	.sub_pagetitle {
		height: 110px;
	}

	.sub_pagetitle h1 {
		font-size: 2.21rem;
		letter-spacing: 3px;
	}
	



	/* home /////////////////////////////////////////////////////////////////////////////////////////// */

	.header_mainimg li {
		height: 400px;
	}


	/* キャッチコピー */
	.home_copy {
		padding: 25px 10px;
	}

	.home_copy p {
		font-size:2.6rem;
	}



	.home_company {
		background-position: top center;
	}



	.home_products ul li {
		width: 42%;
	}

	.home_products ul a {
		font-size: 1.5rem;
	}


	.home_contact_container {
		background-size: 90% auto;
		background-position: bottom left ;
	}

	.home_contact_conts h2 {
		font-size: 1.8rem;
	}


	/* 会社概要 /////////////////////////////////////////////////////////////////////////////////////////// */









	/* 事業案内 /////////////////////////////////////////////////////////////////////////////////////////// */









	/* 取扱商品 /////////////////////////////////////////////////////////////////////////////////////////// */
	.products_list li {
		width: 100%;
	}




	/* 採用情報 /////////////////////////////////////////////////////////////////////////////////////////// */






	/* お問い合わせ /////////////////////////////////////////////////////////////////////////////////////////// */

	.contact_info ul li {
		text-align: left;
	}


	/* NEWS /////////////////////////////////////////////////////////////////////////////////////////// */

	
	.news_list article {
		margin: auto auto 5px auto;
	}

	.news_list article a {
		display: block;
		padding: 12px 20px 12px 15px;

		background-position: right 10px center;
		background-size: 8px;
		font-size: 1.4rem;
	}

	.news_list article a > span {
		font-size: 1.2rem;
	}

	.news_list article a > div > span {
		padding: 0px 6px;
	}







}