@charset "utf-8";

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

	CommonElements

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


@media screen and (max-width: 1249px) {
.wideslider ul li img {
	width: 100%;
}
.top_frame_top {
	height: 600px;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}
.top_frame00 {
	height: 600px;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	overflow: hidden;
	z-index: 1;
}
.top_frame01 {/*
	background-image: url(../img/top/frame01.png);
	background-repeat: no-repeat;*/
	background-image: url(../img/top/top_policy_back.png);
	width: 85%;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	margin-bottom: 120px;
	z-index: 3;
	padding-top: 40px;
}



.top_frame02 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	margin-top: 35px;
	margin-bottom: 30px;
}
.top_frame03 {
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}
.top_frame04 {
	height: auto;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}
.top_frame05 {
	background-image: url(../img/top/frame_comp.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:cover;
	height: 600px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 0;
}
.top_frame06 {
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 150px;
	margin-bottom: 70px;
	font-size: 13px;
	line-height: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.top_text00 {
	font-size: 35px;
	color: #585656;
	padding-bottom: 10px;
	line-height: 30px;
}
.top_text01 {
	font-size: 28px;
	padding-bottom: 15px;
	color: #55639b;
	margin: 0px;
	line-height: 25px;
}
.top_text02 {
	font-size: 19px;
	padding-bottom: 30px;
	color: #585656;
	line-height: 32px;
	margin: 0px;
}
.top_text03 {
	font-size: 21px;
	line-height: 25px;
	padding-bottom: 5px;
	color: #55639b;
	margin: 0px;
}
.top_text04 {
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 30px;
	margin: 0px;
}

.top_text05,
.top_text06,
.top_text07,
.top_text08 {
	font-size: 13px;
	line-height: 21px;
	background-repeat: no-repeat;
	background-position: center 0px;
	float: left;
	width: 190px;
	height: 180px;
	padding-top: 57px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #004092;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #004092;
}

.top_text05 {
	background-image: url(../img/top/frame02.png);
	background-color: #004092;
	color: #FFF;
}
.top_text06 {
	background-image: url(../img/top/frame03.png);
}
.top_text07 {
	background-image: url(../img/top/frame04.png);
	background-color: #004092;
	color: #FFF;
}
.top_text08 {
	background-image: url(../img/top/frame05.png);
}
.top_text09 {
	font-size: 28px;
	line-height: 25px;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 200px;
	color: #55639b;
}
.top_text10 {
	font-size: 17px;
	line-height: 30px;
	padding-bottom: 40px;
	margin: 0px;
	padding-top: 20px;
	z-index: 2;
}
.top_text11 {
	font-size: 11px;
	color: #FFF;
	width: 72%;
	position: absolute;
	left: 5%;
	top: 87%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.top_text12 {
	width: 7%;
	position: absolute;
	left: 81%;
	top: 87%;
}
.top_text13 {
	width: 72%;
	left: 5%;
	top: 78%;
}
#access .span6 img.map {
	width: 100%;
}
.top_frame06 .span6 {
	margin-left: 0px;
	width: 44%;
}
.row.topwork .i-block {
	height: 220px;
	margin-left: 10px;
}
.span6.map_l {
padding-left:3%;
padding-right:6%;
}
.span6.map_r {
padding-left:0px;
padding-right:3%;
}

.about .row .about_head {
	width: 100%;
}
.about .row{
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
.case06_1 img {
	width: 100%;
}
.about .row .case06 .case06_1{
	width: 40%;
}
.case07_1 img {
	width: 100%;
}
.about .row .case07 .case07_1{
	width: 40%;
}
.history_text p {
	font-size: 12px;
}
.company .row .history02 .history_content .history_text{
	float:left;
	width: 100%;
	margin-left:0px;
}
.company .row .history02 .history_content .history_text .history_text01{
	width:50%;
}

.company .row .history02 .history_content .history_text .history_text02{
	margin-left:0;
	width:50%;
}
.company .row .company01 #company_pic{
	position: absolute;
	left: 530px;
	top: 109px;
}
.company .row .company01 #company_pic img{
	width: 98%;
}



.about .row .case01 .case_head .case_text01{
	width:560px;
	font-size:22px;
	margin-top:-10px;
}

.about .row .case01 .case_head .case_text02{
	margin-top: -10px;
	line-height: 22px;
	width: 570px;
}

.about .row .case01 .case_head{
	width:680px;
	height:260px;
	float:left;
}

.about .row .case01 .case01_2{
	width: 330px;
	position: absolute;
	left: 610px;
	top: 108px;
}
.about .row .case01 .case01_2 img{
	width: 100%;
}
.case01_1 img {
	width: 83%;
}


.about .row .case02 .case_text01{
	width:580px;
	font-size:22px;
	margin-top:-10px;
}

.about .row .case02 .case_head{
	width:580px;
	height:444px;
	float:right;
}

.about .row .case02 .case_head .case_text02{
	width:390px;
	float:left;
	margin-top:-10px;
}
.case02_3 {
	width: 330px;
}
.case02_3 img {
	width: 100%;
}

.about .row .case03{
	margin-top:70px;
}
.about .row .case03 .case_text{
	width: 390px;
	height: 100px;
}

.about .row .case03 .case_text01{
	border-top: 1px #3E3A39 solid;
	border-bottom: 1px #3E3A39 solid;
	font-size: 22px;
	width: 390px;
	margin-top: -5px;
}

.about .row .case03 .case_text02{
	margin-top:-10px;
	line-height:22px;
}

.about .row .case03 .case_head{
	width:680px;
	height:260px;
	float:left;
}

.about .row .case03 .case03_1{
	position: absolute;
	left: 375px;
	top: 16px;
}
.about .row .case03 .case03_1 img{
	width:580px;
}

.about .row .case04{
	margin-top:50px;
}
.about .row .case04 .case04_1{
	left: 2px;
	top: 50px;
}
.about .row .case04 .case04_1 img{
	width:450px;
}

.about .row .case04 .case04_j{
	position: absolute;
	z-index: 2;
	left: 415px;
	top: 18px;
}

.about .row .case04 .case04_e{
	position: absolute;
	z-index: 3;
	left: 415px;
	top: 90px;
}

.about .row .case04 .case_text01{
	border-top: 1px #3E3A39 solid;
	border-bottom: 1px #3E3A39 solid;
	width: 520px;
	font-size: 22px;
	position: absolute;
	z-index: 4;
	left: 415px;
	top: 125px;
}

.about .row .case04 .case_text02{
	margin-top:180px;
	width:463px;
	height:334px;
	float:right;
}


.about .row .case05{
	margin-top: 134px;
}
.about .row .case05 .case_text{
	width:400px;
	height:200px;
	float:left;
}

.about .row .case05 .case_text01{
	width:400px;
}

.about .row .case05 .case_text02{
	margin-top:-10px;
	line-height:22px;
}

.about .row .case05 .case05_1{
	left: 23px;
	top: 322px;
	width: 350px;
}
.about .row .case05 .case05_1 img{
	width: 100%;
}
.about .row .case05 .case05_2{
	left: 430px;
	top: 90px;
	width: 500px;
}
.about .row .case05 .case05_2 img{
	width: 100%;
}


.about .row .case06 .case06_1{
	width: 330px;
	padding-top:72px;
}
.about .row .case06 .case_head{
	margin-left:20px;
}

.about .row .case07{
	margin-top: 70px;
}
.about .row .case07 .case_head{
	width:585px;
	height:255px;
	float:left;
	padding-right:29px;
}


.about .row .case07 .case_text01{
	width:530px;
	margin-top:-5px;
}

.about .row .case07 .case_text02{
	width:530px;
	margin-top:-10px;
}

.about .row .case07 .case07_1{
	float: none;
	margin-top: 0px;
	position: absolute;
	left: 546px;
	top: 102px;
}
.dic {
	position: absolute;
	left: 650px;
	top: 128px;
}
.top_god01 img,
.top_god02 img,
.top_god03 img {
	width: 100%;
}
.top_god01 {
	position: absolute;
	left: 225px;
	top: 40px;
	z-index: 2;
}
.top_god02 {
	width: 370px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.top_god03 {
	width: 350px;
	position: absolute;
	left: 600px;
	top: 200px;
}
.policy_backA {
	top: -134px;
	left: -26px;
}
.policy_backA2 {
	top: -134px;
	left: -26px;
}
.policy_backB {
	top: -209px;
	left: 566px;
}
.policy_backC {
	top: 291px;
	left: 345px;
}
.policy_backD {
	top: 252px;
	left: -174px;
}
.policy_backE {
	top: -247px;
	left: -387px;
}
}