@charset "utf-8";


/* page =============================================================
	
	ページ冒頭
	事業案内
	採用情報
	お問合せ
	
======================================================================== */



/* =====================================================================

	ページ冒頭
	
======================================================================== */

		.p-outline {
			text-align: center;
			}
	@media print, screen and (min-width: 769px) {
		/*TB,PC*/
		.p-outline.p-section {
			padding-top: 8rem;
			}
		.p-outline-text {
			font-size: 3rem;
			padding-bottom: 3.2rem;
			}
		.p-outline-image {
			margin-top: 3.2rem;
			}
	}
	@media screen and (max-width: 768px) {
		/*SP*/
		.p-outline.p-section {
			padding-top: 3rem;
			}
		.p-outline-text {
			font-size: 130%;
			padding-bottom: 1.6rem;
			}
		.p-outline-image {
			margin-top: 1.6rem;
			}
	}



/* =====================================================================

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

	/*	ソフト開発例
	===================================================== */
		.p-development-example {
			background-color: #ECECEC;
			text-align: left;
			box-sizing: border-box;
			display: table;
			width: 100%;
			}
		.p-development-example dt,
		.p-development-example dd {
			display: table-cell;
			}
		.c-example {
			background-color: #660000;
			color: #FFF;
			font-weight: bold;
			font-size: 98%;
			display: inline !important;
			padding: 0.2rem 0.6rem;
			margin-right: 10px;
			}
	@media print, screen and (min-width: 769px) {
		/*TB,PC*/
		.p-development-example {
			margin-top: 3rem;
			padding: 2rem;
			}
	}
	@media screen and (max-width: 768px) {
		/*SP*/
		.p-development-example {
			margin-top: 1.6rem;
			padding: 1.6rem;
			}
	}
	
	/*	実績紹介
	===================================================== */
		.p-works-title {
			text-align: center;
			font-weight: normal;
			}
		.p-works-list .c-list-disc+.c-list-disc {
			margin-top: 6px;
			}
	@media print, screen and (min-width: 769px) {
		/*TB,PC*/
		.p-works+.p-works {
			margin-top: 60px;
			}
		.p-works-title {
			font-size: 2.0rem;
			}
		.p-works-list {
			display: table;
			width: 60%;
			margin: 0 auto;
			padding-top: 1.6rem;
			}
	}
	@media screen and (max-width: 768px) {
		/*SP*/
		.p-works+.p-works {
			margin-top: 3.2rem;
			}
		.p-works-title {
			font-size: 140%;
			}
		.p-works-list {
			padding-top: 1rem;
			}
	}



/* =====================================================================

	採用情報
	
======================================================================== */
	
	/*	在職者インタビュー
	===================================================== */
		@font-face {
			font-family: 'icomoon';
			src:  url('../fonts/icomoon.eot?p6i4ox');
			src:  url('../fonts/icomoon.eot?p6i4ox#iefix') format('embedded-opentype'),
				url('../fonts/icomoon.ttf?p6i4ox') format('truetype'),
				url('../fonts/icomoon.woff?p6i4ox') format('woff'),
				url('../fonts/icomoon.svg?p6i4ox#icomoon') format('svg');
			font-weight: normal;
			font-style: normal;
		}
		
		[class^="icon-"], [class*=" icon-"] {
			/* use !important to prevent issues with browser extensions that change fonts */
			font-family: 'icomoon' !important;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
		
			/* Better Font Rendering =========== */
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		
		.icon-engineering:before {
			content: "\e903";
		}
		
		.c-interview-circle {
			background-color: #EBEBEB;
			width: 140px;
			height: 140px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			display: inline-block;
			text-align: center;
			margin-bottom: 20px;
			}
		.c-interview-circle .icon-engineering {
			font-size: 560%;
			line-height: 140px;
			color: #4B73A1;
			}



/* =====================================================================

	お問合せ
	
======================================================================== */

/*----------------------------------------------------
	お問い合わせフォーム
----------------------------------------------------*/		
	/*.must {
		display: block;
		background-color: #C00;
		border: solid 1px #C00;
		margin-left: 7px;
		padding: 0px 5px;
		font-size: 11px;	
		color: #FFF;
		float: right;
		border-radius: 4px;
		}*/
	
	.contactForm input,
	.contactForm textarea {
		border: solid 1px #CCCCCC;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		box-sizing: border-box;
		}
	.contactForm select {
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		}
	.contactForm input[type="radio"],
	.contactForm input[type="checkbox"]{
		position: relative;
		top: -2px;
		}
	.contactForm .address .add {
		margin-top: 10px;
		display: block;
		}
	.contactForm input.u-number {
		width: 15% !important;
		}
	
	/*送信ボタンエリア*/
	.mfp_buttons {
		clear: both;
		text-align: center;
		}
	.btn_submit,
	.btn_reset {
		border-style: solid;
		font-size: 102%;
		cursor: pointer;
		padding: 1.6rem 2.4rem;
		}
	.btn_submit,
	#mfp_button_send {
		background: #990000;
		color: #FFF !important;
		text-shadow: 1px 1px 1px rgba(108,35,0,0.8);
		}
	.btn_reset,
	#mfp_button_cancel{
		border: solid 1px #CCCCCC;
		background-color: #F0F0F0 !important;
		}

	/*確認画面*/
	div#mfp_overlay_inner h4 {
		color: #A51926;
		text-align: center;
		padding-bottom: 1.2rem;
		}
	table#mfp_confirm_table tr th {
		/*background-color: #FFF !important;*/
		border-right: none !important;
		font-weight: normal;
		color: #4B729F !important;
		}
	.mfp_buttons {
		padding-top: 1.6rem;
		}
	button.mfp_element_button {
		border-style: solid;
		font-size: 102%;
		cursor: pointer;
		padding: 1.6rem 2.4rem !important;
		}
		
@media screen and (max-width: 768px) {
	.contactForm input[type="text"],
	.contactForm input[type="email"] {
		padding: 5px;
		font-size: 100%;
		width: 96%;
		}
	.contactForm input[type="tel"] {
		padding: 7px;
		width: 50% !important;
		font-size: 100%;
		}
	.contactForm textarea {
		width: 96% !important;
		height: 160px !important;
		padding: 5px;
		font-size: 100%;
		}
	.contactForm select {
		font-size: 100%;
		}
	.c-radio-list {
		display: inline-block;
		}
	.c-radio-list+.c-radio-list {
		margin-left: 1rem;
		}
	.contactForm .address li {
		margin-bottom: 10px;
		}
		
	/*送信ボタンエリア*/
	.btn,
	.mfp_element_button {
		display: block;
		min-width: inherit;
		}
	input[type="button"].btn,
	button.btn,
	button.mfp_element_button {
		width: 100%;
		}
	.btn_reset {
		margin-top: 1em;
		padding-top: 1.2rem;
		padding-bottom: 1.2rem;
		}
	.btn_submit,
	.btn_reset {
		width: 100%;
		}
	
	/*確認画面*/
	table#mfp_confirm_table {
		border-collapse: collapse;
		border: solid 1px #CCCCCC;
		border-bottom: none !important;
		}
	table#mfp_confirm_table tr th,
	table#mfp_confirm_table tr td {
		display: block;
		width: 100% !important;
		padding: 0.8rem !important;
		box-sizing: border-box;
		line-height: 1.6 !important;
		border-top: none !important;
		}
	table#mfp_confirm_table tr td {
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
		border-bottom: solid 1px #CCCCCC;
		}
	#mfp_button_send {
		margin-top: 1rem;
		}
	#mfp_button_cancel {
		padding-top: 1.2rem !important;
		padding-bottom: 1.2rem !important;
		}
}
@media print, screen and (min-width: 769px) {
	.contactForm input,
	.contactForm textarea {
		padding: 1%;
		font-size: 14px;
		}
	.contactForm input[type="text"],
	.contactForm input[type="email"] {
		width: 94%;
		}
	.contactForm span.add {
		width: 180px;
		float: left;
		font-size: 92%;
		margin-top: 6px !important;
		clear: left;
		}
	.contactForm .address input[type="text"] {
		width: 50% !important;
		}
	.contactForm textarea {
		width: 94% !important;
		height: 160px !important;
		}
			
	/*送信ボタンエリア*/
	.btn_reset {
		margin-left: 1em;
		}
	.btn_submit {
		min-width: 300px;
		}
	.btn_submit:hover,
	#mfp_button_send:hover {
		background: #C00;
		}
	.btn_reset:hover,
	.btn_submit:hover {
		position: relative;
		top: 1px;
		}
	.btn_reset:active,
	.btn_submit:active {
		left: 0;
		}
		
	/*確認画面*/
	tr.mfp_colored {
		background-color: inherit !important;
		}
	table#mfp_confirm_table {
		border-bottom: solid 1px #CCCCCC;
		margin-bottom: 1.4rem !important;
		}
	table#mfp_confirm_table tr th,
	table#mfp_confirm_table tr td {	
		padding: 1.4rem 1.6rem !important;
		line-height: 1.6 !important;
		box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
		}
	#mfp_button_send {
		min-width: 250px;
		margin-right: 1.2rem;
		}
}