@charset "UTF-8";

/* =========================================================
 * 印刷用
 * ====================================================== */
@page {
	size: A4;
	margin: 11mm 8mm;
}


/* =========================================================
 * 全体の構成要素
 * ====================================================== */
body {
	top:0 !important;
	left:0 !important;
	width: 100% !important;
	font-size: 90% !important;
}
.sectioning {
	min-width: auto !important;
	max-width: 100% !important;
	/*background: green !important;*/
}
.sectioning_layout-inner {
	width: 100% !important;
}

.naviBox,
.slideNavi,
header,
.cookie-hint,
.contact_bt{
	display:none !important;
	float:none !important;
}

main{
	width:100%;
}


/* =========================================================
 * 各種コンポーネント
 * ====================================================== */
.servicesOffered_component_contents {
	width: 100%;
}





/* =========================================================
 * ブラウザ毎
 * ====================================================== */

/* ------------------------------------------------------------------
 * ChromeとOperaのみだけに適用されるCSSハック
 * ----------------------------------------------------------------*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.upperWrap,
	.lowerWrap {
		page-break-after: always;
	}


	/*上段*/
	main.index .upperWrap .upper_section {
		width: 1400px;
		width: 100%;
		margin: 0 auto;
		height: 830px;
		height: auto;
		position: relative;
	}
	main.index .upperWrap .slide_area {
		float: none;
	}
	main.index .slide_area {
		width: 867px;
		width: auto;
		height: 832px;
		max-height: 832px;
		text-align: center;
		margin-left: -100px;
		margin-left: 0;
	}
	main.index .slide_area .slide_item {
		width: 100% !important;
	}



	main.index .upperWrap .nav_area {
		float: none;
		margin-top: 0;
	}
	main.index .nav_area {
		width: 504px;
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	main.index .nav_area .nav_warp .firstChild {
		width: 340px;
		width: auto;
		margin: 0 auto;
	}
	main.index .nav_area .nav_box {
		float: none;
		display: inline-block;
		width: 140px;
		text-align: center;
		margin-right: 30px;
		margin-bottom: 50px;
	}


	/*下段*/
	main.index .rows,
	main.index .seeAllResoucesRows {
		width: 90% !important;
	}
	main.index .rows {
		page-break-after: always;
	}

	main.index .rows .col_1 {
		margin-left: 50% !important;
		transform: translateX(-100%);
	}
	main.index .rows .col_2 {
		margin-left: 50% !important;
		transform: translateX(0);
	}

	main.index .rows .col_3 {
		margin-left: 50% !important;
		transform: translateX(-125%);
	}
	main.index .rows .col_4 {
		margin-left: 50% !important;
		transform: translateX(25%);
	}

}
/* ------------------------------------------------------------------
 * ここまで　ChromeとOperaのみだけに適用されるCSSハック
 * ----------------------------------------------------------------*/


/* ------------------------------------------------------------------
 * Firefoxだけに適用されるCSSハック
 * ----------------------------------------------------------------*/
@-moz-document url-prefix() {

	.upperWrap,
	.lowerWrap {
		page-break-after: always;
	}


	/*上段*/
	main.index .upperWrap .upper_section {
		width: 1400px;
		width: 100%;
		margin: 0 auto;
		height: 830px;
		height: auto;
		position: relative;
	}
	main.index .upperWrap .slide_area {
		float: none;
	}
	main.index .slide_area {
		width: 867px;
		width: auto;
		height: 832px;
		max-height: 832px;
		text-align: center;
		margin-left: -100px;
		margin-left: 0;
	}
	main.index .slide_area .slide_item {
		width: 100% !important;
	}



	main.index .upperWrap .nav_area {
		float: none;
		margin-top: 0;
	}
	main.index .nav_area {
		width: 504px;
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	main.index .nav_area .nav_warp .firstChild {
		width: 340px;
		width: auto;
		margin: 0 auto;
	}
	main.index .nav_area .nav_box {
		float: none;
		display: inline-block;
		width: 140px;
		text-align: center;
		margin-right: 30px;
		margin-bottom: 50px;
	}


	/*下段*/
	main.index .rows,
	main.index .seeAllResoucesRows {
		width: 90% !important;
	}
	main.index .rows {
		page-break-after: always;
	}

	main.index .rows .col_1 {
		margin-left: 50% !important;
		transform: translateX(-100%);
	}
	main.index .rows .col_2 {
		margin-left: 50% !important;
		transform: translateX(0);
	}

	main.index .rows .col_3 {
		margin-left: 50% !important;
		transform: translateX(-125%);
	}
	main.index .rows .col_4 {
		margin-left: 50% !important;
		transform: translateX(25%);
	}

	main.index .pressReleases a {
	}
	main.index .rows .pressReleases {
		background: #004386;
		width: 100%;
	}
	main.index .rows .pressReleases .inner_conts {
		display: block;
		background: rgba(255,0,0,1) !important;
	}
	main.index .rows .pressReleases .inner_txt {

	}
	main.index .pressReleases .inner_conts .inner_txt .col_4-1_slider {
		display: block;
	}

}
/* ------------------------------------------------------------------
 * ここまで　Firefoxだけに適用されるCSSハック
 * ----------------------------------------------------------------*/