@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

body {
	width: 100% !important;
	color: #555555;
	font-size: 13px;
	line-height: 1.6;
	overflow: hidden;
}


/*リンク表示方法*/

a {
	text-decoration: none;
}

a:link {
	color: #555;
}

a:visited {
	color: #555;
}

a:active {
	color: #284CA4;
	text-decoration: underline;
}

a:hover {
	color: #284CA4;
	text-decoration: underline;
}

/*
.subH_nav ul a:hover img , .subF_nav ul a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
*/

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	position: fixed;
	/* またはabsolute; */
	top: 0;
	left: 0;
}

/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc {
	display: block;
}

.sp {
	display: none;
}

.pc02 {
	display: none;
}

.website {
	position: relative;
}


/*-----------------------------------------------------------
header（エントランス）
-----------------------------------------------------------*/

header {
	width: 1920px;
	margin: 0;
	padding: 0;

}

header .logo {
	position: absolute;
	top: 0;
	left: 0;
}


/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/

table {
	border-collapse: separate;
}

th {
	background: #284CA4;
	color: #fff;
}

td {
	background: #FFF;
	color: #555;
	border-bottom: 1px solid #C6EEFA;
}


/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/

#modal {
	display: none;
}


/*-----------------------------------------------------------
#cover（エントランス）
-----------------------------------------------------------*/

.pc1000 {
	display: none;
}

#cover {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}

#cover .sp {
	display: none !important;
}

#cover li {
	width: 100%;
}

#cover img {
	width: 1920px;
	margin: 0 auto;
	display: block;
}

.m_architecture {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.v_architecture {
	width: 100%;
	height: 100%;
}

.m_facility {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.v_facility {
	width: 100%;
	height: 100%;
}

.skip {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: auto;
	border: 1px solid #000;
	color: #000;
	text-align: center;
	padding: 2px 0;
	cursor: pointer;
}

.skip:hover {
	color: rgb(255, 255, 255);
	background: #000;
}

/*-----------------------------------------------------------
 #main（エントランス）
-----------------------------------------------------------*/

.mainWrap {
	width: 100%;
	margin: 0 auto;
}

#main {
	width: 100%;
	position: relative;
}

.conteBox {
	width: 1920px;
	margin: 0;
}

.website02 #background1,
.website02 #background2 {
	position: absolute !important;
	height: 477.5px;
}

#background1,
#background2 {
	height: 477.5px !important;
	position: absolute !important;
}

.website #Main {
	position: relative;
}

#Main .logo {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9999;
}

.conte02 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 354px;
	margin: auto;
	padding: 0;
	z-index: 10000;
}


/*- エントランス1 -*/
.conte01 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1920px;
	height: 354px;
	margin: auto;
	padding: 0;
}

.conte01Ul {
	position: relative;
}

.conte01 .conte01Ul>li+li {
	width: 287px;
}

.entConte {
	width: 325px;
	margin: 79px 0 0 205px;
}

.entConte02 {
	width: 325px;
	margin: 79px 0 0 205px;
	float: left;
	position: relative;
	z-index: 9999;
}

.conte01Ul li ul {
	margin-top: 33px;
	margin-left: 7px;
}

.conte01Ul li ul li {
	content: "";
	clear: both;
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
}

.entConteImg {
	margin: -5px 0 0;
}

.conte01Ul .btn1 {
	margin-top: 74.5px;
}

.conte01Ul .btn2 {
	margin-top: 176.5px;
}

.conte01Ul .btn1 a:hover img,
.conte01Ul .btn2 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.entConte02>ul {
	margin: 33px 0 0 1%;
}

.entConte02>ul li {
	content: "";
	clear: both;
	display: block;
	margin: 0 0 6px;
	font-size: 11px;
}

.faciWrap {
	float: right;
	width: 1390px;
}

/*2016 12/27 nakamichi ここから*/
.headerList {
	position: absolute;
	top: 0;
	right: 0;
	width: 800px;
	z-index: 9999;
}


.headerList:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	clear: both;
}

.headerList li {
	width: 150px;
	float: left;
	margin: 0 5px;
}

.headerList li a {
	display: block;
	padding: 10px 0;
	background: #161616;
	color: #fff;
	text-align: center;
}

.headerList li a:hover {
	background: #fff;
	color: #161616;
}

/*2016 12/27 nakamichi ここまで*/

/*-- エントランス2 --*/

/*-  Facility設備 -*/
.conte02 .conte02Ul {
	float: right;
	width: 72%;
}

.conte02 .conte02Ul>li {
	float: left;
}

.conte02 .conte02Ul>li {
	width: 287px;
	margin: 125px 25px 0 10px;
}

.conte02 .conte02Ul>.btn {
	width: 288px;
	margin: 125px 5px 0 5px;
}

.conte02Ul li ul {
	margin: 33px 0 0 7px;
}

.conte02Ul li ul li {
	content: "";
	clear: both;
	display: block;
	margin: 0 0 6px;
	font-size: 11px;
}

.conte02Ul .btn3 {
	margin-top: 125px;
	margin-left: 30px;
}

.conte02Ul .btn4 {
	margin-top: 125px;
	margin-left: 15px;
}

.conte02Ul .btn5 {
	margin-top: 125px;
	margin-left: 15px;
}

/*-  Architecture建築 -*/
.conte03 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 1920px;
	height: 354px;
	margin: auto;
	padding: 0;
	z-index: 10000;
}

.conte03 .conte03Ul li {
	float: left;
}

.conte03Ul li h1 {
	margin-top: 125px;
	margin-left: 210px;
}

.conte03Ul .btn6 {
	margin-top: ;
}

.conte03Ul .btn7 {
	margin-top: ;
}

.conte03Ul .btn8 {
	margin-top: ;
}

.conte04Ul .btn9 {
	margin-top: ;
}

.conte05Ul .btn10 {
	margin-top: ;
}

.conte03Ul {
	float: right;
	width: 1063px;
	margin: 0 0 0 30px;
}

.conte03Ul>li {
	width: 288px;
	float: left;
	margin: 35px 10px 40px;
}

.facilityBtn {
	float: left;
	width: 287px;
	margin: 125px 0 0 10px;
}


/*-----------------------------------------------------------
 footer（エントランス）
-----------------------------------------------------------*/

footer {
	width: 1920px;
	margin: 0;
	padding: 0;

}

footer .entFmenu {
	margin: 0 auto 10px;
}

footer .entFmenu li {
	display: inline-block;
	border-left: 1px solid #555;
	line-height: 1;
	font-size: 12px;
}

footer .entFmenu li:first-child {
	border: none;
}

footer .entFmenu a {
	padding: 0 5px 0 6px;
}

footer .logo {
	position: absolute;
	bottom: 0;
	right: 0;
}

footer .copyright small {
	width: 1920px;
	margin: 0 auto;
	padding: 0 0 10px;
	display: block;
	font-size: 12px;
}

footer.pc {
	position: absolute;
	width: 100% !important;
	text-align: center;
	bottom: 0;
	z-index: 10000;
}


/*-----------------------------------------------------------
 headernav（中ページ）
-----------------------------------------------------------*/

.subH_nav {
	overflow: hidden;
	display: block;
	width: 451px;
	height: 633px;
	background: url("../img/navTop.png") no-repeat top left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

.subH_nav h1 {
	margin: 40px 0 0 25px;
}

.subH_nav ul {
	width: 226px;
	margin: 53px 0 0 14px;
}

.subH_nav ul>li {
	margin: 21px 0 0;
}

.subH_nav ul>li>a {
	display: block;
	border-bottom: solid 1px #284ca4;
}

.subH_nav ul>li>a:hover {
	border-bottom: solid 1px #fff;
}

.subH_nav li:first-child {
	margin: 0;
}


/*-----------------------------------------------------------
#subCover（中ページ）
-----------------------------------------------------------*/

#subCover {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
}

#subCover>img {
	width: 1000px;
	padding: 0 19px 0 0;
	margin: 0 auto;
	display: block;
}

#subCover>h2>img {
	width: 1000px;
	padding: 0 19px 0 0;
	margin: 0 auto;
	display: block;
}

/*-- 中ページカバー --*/

#subCover {
	background: url(../img/inCover_bg.png) no-repeat center top;
	background-size: cover;
	position: relative;
}

#subCover li {
	max-width: 500px;
	width: 100%;
	float: left;
	background-size: cover;
}

#subCover>h2 {
	position: absolute;
	top: 0;
	width: 1000px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 9998;
}

#subCover li>img {
	width: 500px;
}

.newconstruction,
.renovation,
.store,
.health,
.aircondition,
.ventilation,
.electrical,
.sunlight {
	background: none !important;
}

/*-----------------------------------------------------------
 #subMain（中ページ）
-----------------------------------------------------------*/

.subMainWrap {
	width: 100%;
	margin: 0 auto;
}

.subMain {
	width: 100%;
	margin: 0 auto;
}

#subCover {
	width: 100%;
	margin: 0 auto;
}

.inConteMenu {
	overflow: hidden;
	display: block;
	width: 1000px;
	margin: 0 auto;
}

.inConteBusiness {
	overflow: hidden;
	display: block;
	width: 1000px;
	padding: 0 0 38px;
	margin: 0 auto;
}

.inConteBusiness ul li {
	margin: 0 32px 30px 0;
}

.inConteBusiness ul li:last-of-type {
	margin-right: 0px;
}

.leadTxt {
	margin: 64px auto 30px;
}

.caseUl {
	width: 1000px;
	margin: 0 auto;
}

.caseUl li {
	float: left;
	margin: 0 7.5px;
}

.caseUl dt {
	display: block;
	border: 1px solid #284CA4;
	background: #FFF;
}

.caseUl dt a {
	display: block;
	width: 227px;
	height: 192px;
	padding: 3px;
	position: relative;
}

.caseUl dt:hover {
	background: #284ca4;
}

.caseImg {
	width: auto;
	height: auto;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 227px;
	max-height: 192px;
}

.caseUl dt span {
	position: absolute;
	right: 0;
	bottom: 0;
}


.caseUl dd {
	text-align: center;
	border-bottom: 1px dotted #E6E6E6;
	padding: 12px 0 8px;
	margin: 0 0 38px;
	font-size: 13px;
}


/*-----------------------------------------------------------
 subFooter（中ページ）
-----------------------------------------------------------*/

.subFooter {
	overflow: hidden;
	display: block;
	margin: 0 auto;
}

.subF_nav {
	overflow: hidden;
	display: block;
	width: 452px;
	height: 578px;
	padding: 0 0 50px 0;
	background: url("../img/navBottom.png") no-repeat bottom right;
	position: fixed;
	bottom: -5px;
	right: 0;
}

.subF_nav ul {
	width: 205px;
	margin: 302px 0 0 253px;
}

.subF_nav ul>li {
	margin: 26px 0 0;
	padding-right: 25px;
	text-align: right;
}

.subF_nav ul>.subFnavele {
	margin-left: -132px;
}

.subF_nav ul a {
	display: block;
	border-bottom: solid 1px #284ca4;
}

.subF_nav ul a:hover {
	border-bottom: solid 1px #fff;
}

.subF_nav li:first-child {
	margin: 0;
}

.subFinner {
	width: 1000px;
	margin: 0 auto;
}

.subFinner ul {
	width: 1000px;
	padding: 0 0 8px;
	margin: 40px auto 0;
	text-align: center;
}

.subFinner li {
	display: inline-block;
	border-left: 1px solid #555;
	line-height: 1;
	font-size: 12px;
}

.subFinner li:first-child {
	border: none;
}

.subFinner a {
	padding: 0 5px 0 6px;
}

.subCopyright {
	content: "";
	clear: both;
	background: #F2F2F2;
	position: relative;
}

.subCopyright small {
	width: 1000px;
	margin: 0 auto;
	padding: 8px 23px 6px 0;
	display: block;
	text-align: center;
	font-size: 12px;
}

.menu-icon.current {
	text-indent: -9999px;
	background: url(./../img/icon2.png) no-repeat;
	background-position: 0 0;
	display: block;
	width: 39px;
	height: 38px;
}

.gNavi-list {
	display: none;
}

.animationBox {
	display: none;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0;
	right: 0;
}


/* 全ページ共通クラス
----------------------------------------------------------- */

/*--- パンくず ---*/
.pankuzu {
	width: 1000px;
	margin: 0 auto;
	padding: 8px 0 55px;
	font-size: 13px;
}

.pankuzu li {
	margin: 0 0 0 9px;
	display: inline;
}

.pankuzu li:first-child {
	margin: 0;
}

.pankuzu li a {
	margin: 0 4px 0 0;
	color: #284ca4;
	text-decoration: underline;
}

.pankuzu li a:hover {
	text-decoration: none;
}


/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	bottom: 32px;
	right: 346px;
	z-index: 9999;
}

#pageTop img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


/*--- 見出し ---*/
.titH3 {
	text-align: center;
	margin: 0 auto;
}

.imgTitH3 {
	width: 1000px;
	margin: 0 auto;
}

.tit_underTextArea {
	max-width: 1000px;
	margin: 20px auto 0;
	padding: 10px;
	font-size: 16px;
	border: 1px #000 solid;
}

/* -- 採用情報エントリーフォーム,協力会社募集,お問い合わせ -- */
input {
	vertical-align: middle;
}

.contactBox {
	width: 1000px;
	font-size: 16px;
	padding: 0 0 38px;
	margin: 0 auto;
}

.contactPreamble,
.estimatePreamble {
	border: 2px solid #284CA4;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 25px 20px;
	margin: 0 auto;
}

.contactBox>.work {
	max-width: 1000px;
	margin: 30px auto 40px;
	padding: 10px;
	font-size: 16px;
	border: 1px #000 solid;
}

.contactBox>.work dt {
	margin: 0px 0 10px 0;
	font-size: 20px;
}

.contactBox>.offering_content {
	padding: 10px;
	border: 1px #000 solid;
}

.contactBox>.offering_content>dt {
	margin: 20px 0 10px 0;
	font-size: 20px;
}

.contactBox>.offering_content>dt:first-child {
	margin: 0px 0 10px 0;
}

.contactBox .model {
	text-align: center;
}

.btnBox1 {
	text-align: center;
}

.clearForm,
.clearForm2,
.centerBtn a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	width: 220px;
	border: 0;
	outline: 0;
	padding: 15px 5px;
	background: #555;
	color: #FFF;
	font-size: 112.5%;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

.clearForm:hover,
.clearForm2:hover,
.centerBtn a:hover {
	background: #284CA4;
	color: #FFF;
}

.centerBtn {
	text-align: center;
}

.centerBtn a {
	margin-top: 20px;
}

#company1,
#company2,
#name,
#kana,
#tel,
#mail,
#name2,
#kana2,
#dep,
#posi,
#fax {
	width: 90%;
}

#zip1,
#zip2 {
	width: 20%;
}

#pref,
#city,
#add,
#city2 {
	width: 80.5%;
}

#msg,
#license2,
#reason {
	width: 90%;
	height: 5em;
	padding: 10px 5px;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input[type="text"] {
	height: 25px;
	padding: 5px;
}

input[type="text"],
textarea,
select,
option {
	border: 1px solid #CCC;
	height: 30px;
	padding: 5px;
}

.costTb input[type="text"],
select {
	height: 35px;
}

.contact_tb textarea {
	height: 20em;
}

.tb.costTb textarea,
.tb.costTb select,
.tb.costTb option,
.product .tb textarea,
.product .tb select,
.product .tb option {
	border: 1px solid #CCC;
	height: 38px;
	width: 100%;
	padding: 5px;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin-top: 5px;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin-left: 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin-right: 245px;
}

.error_style {
	color: #FF0000;
	display: block;
	margin-top: 8px;
}

.contact_tb th {
	text-align: left;
	position: relative;
	line-height: 1.4;
}

.contact_tb th em {
	background: #FF0000;
	color: #FFF;
	padding: 2px 5px;
	margin-left: 5px;
	/* position: absolute; */
	right: 10px;
	font-size: 85.714%;
	float: right;
}

.contact_tb #request th {
	text-align: center;
}

.contact_tb #request div {
	display: inline-block;
	padding: 5px 10px;
}

.choose_list1 {
	margin: 50px 0 0;
	text-align: center;
}

.choose_list1 li {
	display: inline-block;
}

.tb {
	width: 1000px;
	margin: 20px auto 0;
}

.tb table {
	width: 100%;
}

.tb tr {
	width: 100%;
}

.tb tbody tr th {
	text-align: left;
}

.tb tbody tr td {
	line-height: 1.4;
}

.tb1 th {
	width: 30%;
}

.tb1 tr td {
	width: 70%;
}

.tb2 tr td {
	background: #FFF;
	position: relative;
}

.itemList>label {
	display: inline-block;
}


/*-- エラーチェック --*/
.formError {
	top: 20px !important;
	left: 40px !important;
}

.zip2formError {
	left: 220px !important;
}

.prefformError,
.cityformError,
.addformError {
	top: 0 !important;
	left: 80px !important;
}

.zip1 label {
	position: relative;
}


/*-- 送信前ダイアログ --*/
.ui-corner-all.ui-button-text-only:focus {
	color: #737373;
	background: #fff;
	outline: none;
	border-color: #555;
}

.ui-corner-all.ui-button-text-only:hover {
	color: #fff;
	background: #284CA4;
	outline: none;
	border-color: #ccc;
	transition: .3s;
}

.ui-widget-header {
	background: #284CA4 !important;
	border-color: #284CA4 !important;
}

.ui-dialog .ui-dialog-content,
.ui-button-text-only .ui-button-text {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}


.estimateBox .l_d_h {
	width: 150px;
}

/*-- 送信後 --*/
.sendFlg {
	width: 1000px;
	background: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

.sendFlg p {
	border: 3px solid #284CA4;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 25px 20px;
	margin: 0 auto;
}

.sendFlg a {
	display: inline-block;
	background: #555;
	border: 0;
	outline: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	width: 220px;
	padding: 15px 5px;
	margin: 20px 0;
}

.sendFlg a:hover {
	background: #284CA4;
}


/* TOP
----------------------------------------------------------- */

/*-- メインヴィジュアル スライダー --*/
.bx-wrapper {
	margin: 0 auto !important;
	position: relative;
}


/*-- スクロールバーデザイン --*/
.scroll-pane {
	width: 700px !important;
	max-height: 200px;
	margin: 10px auto 0;
	overflow-y: auto;
}

.scroll-pane:focus {
	outline: none;
}

.jspContainer {
	width: 100% !important;
	overflow: hidden;
	position: relative;
}

.jspPane {
	width: 100% !important;
	position: absolute;
}

.jspVerticalBar {
	width: 20px;
	position: absolute;
	top: 0;
	right: -5px;
}

.jspArrowUp,
.jspArrowDown {
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
	background: url(../img/sample/scroll_top.png) no-repeat center;
}

.jspArrowDown {
	background: url(../img/sample/scroll_bottom.png) no-repeat center;
}

.jspTrack {
	height: 164px !important;
	/*スクロールバーの長さ*/
	background: url(./../img/sample/scroll_bg1.png) repeat-y;
	position: relative;
	background-position: center;
}

.jspDrag {
	width: 4px;
	margin: 0 auto;
	background: #6b6b6b;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.jspArrow.jspDisabled {
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 20px;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}


/* 新着情報
----------------------------------------------------------- */
.news li {
	width: 660px;
	margin: 0 10px;
}

.news dl {
	width: 660px;
	padding: 10px 5px 5px;
	border-top: 1px solid #555;
}

.news li:first-child dl {
	border-top: none;
}


/*-----------------------------------------------------------
 中ページ
-----------------------------------------------------------*/

/*--- モーダル ---*/
.modal-content {
	overflow-x: hidden;
	overflow-y: auto;
	width: 800px;
	height: 85%;
	left: 0 !important;
	right: 0;
	margin: auto !important;
	padding: 20px;
	z-index: 10001 !important;
}

.modalWrap>li:first-child {
	width: 90%;
	margin: 0 auto !important;
}

.modalWrap>li+li {
	width: 90%;
	margin: 0 0 0 5%;
	padding: 0;
}

.flex02 .flex-control-nav {
	width: 100%;
	margin: 20px auto 0 !important;
}

.flex02 .flex-control-nav>li {
	width: 19%;
	height: 120px;
	margin: 0 1% !important;
	position: relative;
	background: #e1eaf1;
	padding: 5px 2%;
	display: block;
}

.flex02 .flex-control-nav>li img {
	display: block;
	width: auto;
	height: auto;
	max-width: 96%;
	max-height: 110px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.flex02 .slides>li {
	width: 96% !important;
	height: 470px;
	position: relative;
	background: #e1eaf1;
	padding: 10px 2%;
}

.flex02 .slides>li img {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 470px;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	*/ border: solid 1px #284CA4;
	*/ border: solid 1px #284CA4;
	*/ border: solid 1px #284CA4;
	*/
}

.flex02 .slides {
	width: 100%;
	margin: 0 auto;
}

.modalConte {
	width: 94%;
	background: #FFF;
	padding: 15px 0;
	margin: 0 auto;
	word-wrap: break-word;
	border: solid 1px #284CA4;
	padding: 20px 3% !important;
	margin: 0 auto 20px !important;
}

.slideName {
	width: 100%;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	padding: 5px 0 2px !important;
	border-bottom: solid 2px #284CA4;
	margin: 0 auto 20px !important;
}

.modalBanner {
	text-align: center;
	margin: 30px auto 40px;
}

.flex-direction-nav a {
	height: 64px !important;
	top: 40% !important;
}

.flex-direction-nav a:before {
	color: #284CA4 !important;
}

.flex02 {
	margin: 0 0 20px;
	border: none;
}

.modal_bt a:hover {
	text-decoration: none !important;
}

.modal-overlay {
	z-index: 10000 !important;
}


/*-- リンクボタン -- */

.linkBtn {
	background: #60B0F6;
	background-image: -webkit-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -moz-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -ms-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -o-linear-gradient(top, #60B0F6, #284CA4);
	background-image: linear-gradient(to bottom, #60B0F6, #284CA4);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 10px;
	color: #FFF !important;
	font-size: 17px;
	font-weight: bold;
	padding: 8px 25px 5px;
	box-shadow: 1px 1px 20px 0px #000;
	-webkit-box-shadow: 1px 1px 20px 0px #000;
	-moz-box-shadow: 1px 1px 20px 0px #000;
	text-shadow: 1px 1px 20px #000;
	border: solid #337FED 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.linkBtnWrap {
	width: 250px;
	margin: 20px auto 30px;
	text-align: center;
}

.linkBtn:hover {
	background: #284CA4;
	background-image: -webkit-linear-gradient(top, #284CA4, #60B0F6);
	background-image: -moz-linear-gradient(top, #284CA4, #60B0F6);
	background-image: -ms-linear-gradient(top, #284CA4, #60B0F6);
	background-image: -o-linear-gradient(top, #284CA4, #60B0F6);
	background-image: linear-gradient(to bottom, #284CA4, #60B0F6);
	text-decoration: none;
}


/* 採用情報
----------------------------------------------------------- */
.recruitPreamble {
	border: 2px solid #284CA4;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 25px 20px;
	margin: 0 auto;
}

.recruit table {
	width: 1000px;
	margin: 0 auto;
	font-size: 15px;
}


/* 協力会社専用ページ
----------------------------------------------------------- */
.partnerPreamble {
	margin: 65px auto 0;
	border: 2px solid #284CA4;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 25px 20px;
}

.dlList {
	border: 3px solid #284CA4;
	background: url("../img/text_bg_dot.png");
	font-size: 16px;
	padding: 65px 70px;
	margin: 30px auto 0;
}

.dlList li {
	border: 1px solid #284CA4;
	background: #FFF;
	margin: 25px auto 0;
	padding: 13px 50px;
}

.dlList li:first-child {
	margin: 0 auto;
}

.dlList em {
	background: #284CA4;
	color: #FFF;
	padding: 0 3px 0;
	margin: 0 30px 0 0;
}


/* 会社概要
----------------------------------------------------------- */
.companyImg {
	float: left;
	width: 30%;
	margin: 0 auto 30px;
	border: 1px solid #284CA4;
	padding: 5px;
}

.companyImg img {
	width: 100%;
	text-align: center;
}

.company table {
	width: 1000px;
	margin: 0 auto;
	font-size: 15px;
}

.baseTb th {
	width: 279px;
	padding: 14px 10px 10px;
	border-bottom: 1px solid #E4F5FB;
	border-left: 1px solid #E4F5FB;
	border-right: 1px solid #E4F5FB;
}

.baseTb tr:first-child th {
	border-top: 1px solid #E4F5FB;
}

.baseTb td {
	width: 669px;
	padding: 14px 10px 10px 20px;
	border-right: solid 1px #284CA4;
	border-bottom: solid 1px #284CA4;
}

.baseTb tr:first-child td {
	border-top: solid 1px #284CA4;
}

.picture td>ul li {
	padding: 14px 0 10px 0;
}

.company iframe {
	width: 988px;
	height: 500px;
	text-align: center;
	margin: 0 auto;
	border: solid 1px #284CA4;
	padding: 5px;
	display: block;
}


/* プライバシーポリシー
----------------------------------------------------------- */
.privacyBox {
	width: 960px;
	background: rgba(40, 76, 164, .1);
	padding: 30px 20px;
	margin: 65px auto 38px;
}

.privacyPreamble {
	background: #FFF;
	font-size: 15px;
	padding: 25px 20px;
	margin: 0 auto;
}

.privacyBox dl {
	margin: 30px 0 0;
}

.privacyBox dt {
	margin: 20px 17px 0;
	padding: 0 10px 0 5px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #284ca4;
}

.privacyBox dt:first-child {
	margin: 0 17px;
}

.privacyBox dd {
	font-size: 15px;
	margin: 10px 17px 0;
	padding: 0 10px;
}

.recruit .imgTitH3 {
	margin: 0 auto 50px;
}

.recTbWrap>li {
	margin: 70px auto 0;
}

.recTbWrap>li:first-child {
	margin: 0 auto;
}

.recruitBtn>li>a {
	width: 228px;
	background: #60B0F6;
	background-image: -webkit-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -moz-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -ms-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -o-linear-gradient(top, #60B0F6, #284CA4);
	background-image: linear-gradient(to bottom, #60B0F6, #284CA4);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 10px;
	color: #FFF !important;
	font-size: 17px;
	font-weight: bold;
	padding: 8px 20px 5px;
	box-shadow: 1px 1px 20px 0px #000;
	-webkit-box-shadow: 1px 1px 20px 0px #000;
	-moz-box-shadow: 1px 1px 20px 0px #000;
	text-shadow: 1px 1px 20px #000;
	border: solid #337FED 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

.recruitBtn>li {
	float: left;
	width: 270px;
	margin: 20px 30px 20px;
	text-align: center;
}

.recruitBtn {
	margin: 30px auto 0;
}

.linkBtnWrap02>li a {
	width: 230px;
	background: #60B0F6;
	background-image: -webkit-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -moz-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -ms-linear-gradient(top, #60B0F6, #284CA4);
	background-image: -o-linear-gradient(top, #60B0F6, #284CA4);
	background-image: linear-gradient(to bottom, #60B0F6, #284CA4);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 10px;
	color: #FFF !important;
	font-size: 17px;
	font-weight: bold;
	padding: 8px 20px 5px;
	box-shadow: 1px 1px 20px 0px #000;
	-webkit-box-shadow: 1px 1px 20px 0px #000;
	-moz-box-shadow: 1px 1px 20px 0px #000;
	text-shadow: 1px 1px 20px #000;
	border: solid #337FED 1px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	text-align: center;
}

.linkBtnWrap02>li {
	display: inline-block;
	width: 270px;
	margin: 0 20px;
}

.linkBtnWrap02 {
	width: 1000px;
	margin: 20px auto 30px;
	text-align: center;
}

.comDl>dt {
	float: left;
	width: 100px;
}

.comDl>dd {
	float: left;
	width: 550px;
}

.checkItem label {
	display: inline-block;
	width: 24%;
	margin: 0 0 13px;
	font-size: 14px;
}

.checkItem .checkItem2 {
	display: block;
	width: 100%;
}

.checkItem .checkItem2 input {
	width: 80%;
}

.pref2>label {
	display: block;
}

.pref2>label+label {
	margin: 20px auto 0;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	.website img {
		width: auto;
		max-width: 100%;
		height: auto;
	}


	#cover {
		max-width: 100%;
	}

	.bx-wrapper {
		max-width: 100% !important;
	}

	#cover img {
		width: 100%;
	}

	#background1,
	#background2 {
		height: auto !important;
	}

	.conteBox {
		width: 100%;
	}

	.entConte02 {
		width: 23% !important;
		margin: 79px 0 0 5%;
	}

	.entConte {
		width: 29%;
		margin: 79px 0 0 5%;
	}

	.conte02Ul li ul {
		margin: 33px 0 0 1%;
	}

	.conte02 .conte02Ul>li {
		width: 20%;
		margin: 125px 2% 0 1%;
	}

	.conte02 .conte02Ul>.btn {
		width: 20%;
		margin: 125px 1% 0;
	}

	footer .copyright small {
		width: 100%;
	}

	#Main .logo {
		width: 28%;
	}

	.conte02 .conte02Ul {
		float: right;
		width: 72%;
	}

	.facilityBtn {
		width: 23%;
		margin: 125px 0 0 0;
	}

	.faciWrap {
		width: 69%;
		float: right;
	}

	.conte03Ul {
		width: 75%;
		margin: 0 0 0 2%;
	}

	.conte03 .conte03Ul li {
		width: 31%;
		margin: 35px 1% 40px;
	}

	.conte01 .conte01Ul {
		width: 100%;
	}


	/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* max-width: 1919px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	.pc01 {
		display: none !important;
	}

	.pc02 {
		display: block;
	}

	.subNavi {
		background: url(../img/h_bg.png) no-repeat left top;
		width: 168px;
		height: 235px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
	}

	.subF_nav {
		background: url(../img/f_bg.png) no-repeat right bottom;
		width: 168px;
		height: 215px;
	}

	.gNavi-list {
		display: none;
	}

	.gNavi-list {
		position: fixed;
		top: 0;
		right: 0;
		background: rgba(40, 76, 164, 0.9);
		width: 322px;
		padding: 15px;
		display: none;
		box-shadow: 0px 4px 3px 0px rgba(48, 17, 17, 0.2);
		-moz-box-shadow: 0px 4px 3px 0px rgba(48, 17, 17, 0.2);
		-webkit-box-shadow: 0px 4px 3px 0 rgba(48, 17, 17, 0.2);
		z-index: 10000;
	}

	.gNavi-list li {
		margin: 10px 0 0;
	}

	.gNavi-list li a {
		display: block;
		padding: 5px;
	}

	.gNavi-list li a:hover {
		background: #a0bcd2;
	}

	.gNavi-list li:first-child {
		margin: 0;
	}

	.gNavi-list li:first-child+li+li+li {
		margin: 25px 0 0;
	}

	.gNavi-inner>i {
		font-size: 50px;
	}

	.gNavi-inner {
		width: 50px;
		position: fixed;
		right: 10px;
		bottom: 60px;
		color: #fff;
	}

	.gNavi-inner:hover {
		color: #666;
	}

	#pageTop {
		position: fixed;
		bottom: 32px;
		right: 74px;
		z-index: 9999;
	}


	/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* max-width: 1820px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	.entConte02 {
		width: 29%;
		margin: 79px 0 0 2%;
	}

	.conte02 .conte02Ul {
		width: 69%;
	}

	.conte02 .conte02Ul>li {
		width: 22%;
		margin: 140px 2% 0 1%;
	}

	.conte02 .conte02Ul>.btn {
		width: 22%;
		margin: 140px 1% 0;
	}

	.facilityBtn {
		width: 23%;
	}

	.conte03 .conte03Ul li {
		margin: 55px 1% 25px;
	}


	/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* max-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


	/*-----------------------------------------------------------
#main（エントランス）
-----------------------------------------------------------*/

	.pc1001 {
		display: none;
	}

	.pc1000 {
		display: block;
	}

	.conte02 .conte02Ul {
		float: none;
		width: 96%;
		margin: 0 auto;
	}

	.entConte02 {
		float: none;
		width: 96% !important;
		margin: 5px auto 0;
		text-align: center;
	}

	.entConte02>ul {
		margin: 15px 0 0 7px;
	}

	.conte02 .conte02Ul>li {
		margin: 50px 2% 0 1%;
	}

	.conte02 .conte02Ul>.btn {
		margin: 50px 1% 0;
	}

	.facilityBtn {
		width: 23%;
		margin: 45px 0 0 2%;
	}

	.conte03Ul {
		width: 73%;
		margin: 0 0 15px 2%;
	}

	.conte03 .conte03Ul li {
		margin: 10px 1% 0;
	}

	.conteBox02 {
		height: 380px;
	}

	.faciWrap {
		float: none;
		width: 96%;
		margin: 0 auto;
	}

	.conte01 .conte01Ul {
		width: 96%;
		margin: 0 auto;
	}

	.conte01 .conte01Ul>li {
		float: left;
		width: 46%;
		margin: 0 2%;
		text-align: center;
	}

	.conte01 .conte01Ul>li+li {
		width: 46%;
	}

	.conte01 .entConte02 {
		margin: 25px auto 0;
	}

	/*2016 12/27 nakamichi ここから*/

	.headerList {
		display: none;
		width: 70.666667%;
	}

	.headerList li {
		width: 30%;
		float: left;
		margin: 0 0.765696784%;
	}

	/*2016 12/27 nakamichi ここまで*/

	/*-----------------------------------------------------------
 headernav（中ページ）
-----------------------------------------------------------*/

	.subH_nav {
		overflow: hidden;
		width: 20.1%;
		height: 59.8%;
		background: url("../img/navTop.png") top left / 100% no-repeat;
		position: fixed;
		top: 0;
		left: 0;
	}

	.subNavi>ul {
		margin: 30px 0 0;
	}

	.subNavi>ul>li {
		margin: 10px 0 0;
	}

	.subNavi>ul>li:first-child {
		margin: 0;
	}

	.subNavi>ul>.subNaviFaci {
		margin: 30px 0 0;
	}

	.subH_nav h1 {
		margin: 6% 0 0 3%;
	}

	.subH_nav h1 img {
		width: 78%;
	}

	.subH_nav ul {
		display: block;
		width: 52%;
		margin: 10% 0 0 1%;
	}

	.subH_nav li:first-child {
		margin: 0;
	}

	.subHnavReno {
		margin: 10% 0 0;
	}

	.subHnavStore {
		margin: 10% 0 0;
	}

	.subH_nav ul img {
		padding: 8% 13% 8% 1%;
	}

	.subHnavReno a img {
		padding: 8% 0 8% 1%;
	}

	.subHnavStore a img {
		padding: 8% 0 8% 1%;
	}


	/*-----------------------------------------------------------
#subCover（中ページ）
-----------------------------------------------------------*/

	#subCover {
		width: 100%;
		margin: 0 auto;
	}

	#subCover img {
		width: 100% !important;
		margin: 0 auto;
		display: block;
	}

	#subCover>h2 {
		width: 100%;
	}

	.NewConstruction #subCover {
		background: url("../img/cover_NewConstruction.png") center top / cover no-repeat;
	}

	#subCover .bxslider>li {
		width: 8.2%;
	}

	.newconstruction .bxslider>li {
		width: 8.2% !important;
	}

	.renovation .bxslider>li,
	.health .bxslider>li,
	.aircondition .bxslider>li {
		width: 6% !important;
	}

	.store .bxslider>li {
		width: 8.1% !important;
	}

	.ventilation .bxslider>li,
	.electrical .bxslider>li {
		width: 7.1% !important;
	}

	.sunlight .bxslider>li {
		width: 9.4% !important;
	}

	/*-----------------------------------------------------------
 #subMain（中ページ）
-----------------------------------------------------------*/

	.subMainWrap {
		width: 100%;
		margin: 0 auto;
	}

	.subMain {
		width: 100%;
		margin: 0 autos;
	}

	#subCover {
		width: 100%;
		margin: 0 auto;
	}

	.inConte {
		overflow: hidden;
		display: block;
		width: 60%;
		margin: 0 auto;
	}

	.inConteMenu {
		width: 100%;
	}

	.inConteBusiness {
		width: 100%;
	}

	.leadTxt {
		margin: 64px auto 30px;
	}

	.caseUl {
		width: 1000px;
		margin: 0 auto;
	}

	.caseUl dt {
		display: block;
		border: 1px solid #284CA4;
		background: #FFF;
	}

	.caseUl dt:hover {
		background: #284ca4;
	}

	.caseImg {
		max-width: 96%;
		max-height: 98%;
	}

	.caseUl dd {
		text-align: center;
		border-bottom: 1px dotted #E6E6E6;
		padding: 12px 0 8px;
		margin: 0 0 38px;
		font-size: 13px;
	}

	.imgTitH3 {
		margin: 0 auto;
		width: 96%;
	}

	.leadTxt {
		width: 96%;
	}

	.caseUl {
		width: 96%;
	}

	.caseUl li {
		float: left;
		width: 23%;
		margin: 0 1%;
	}

	.caseUl dt a {
		width: 100%;
		height: 0;
		padding: 80% 1% 0;
	}

	.caseUl dt:hover {
		background: #284ca4;
	}

	.caseUl dd {
		text-align: center;
		border-bottom: 1px dotted #E6E6E6;
		padding: 6.2% 0 4%;
		margin: 0 0 12%;
	}

	.conteLead {
		margin: 0 0 0 2%;
	}


	/*-----------------------------------------------------------
 subFooter（中ページ）
-----------------------------------------------------------*/

	.subFooter {
		overflow: hidden;
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	.subF_nav ul {
		width: 50%;
		margin: 53% 0 0 37%;
	}

	.subF_nav li:first-child {
		margin: 0;
	}

	.subF_nav img {
		padding: 6% 1% 6% 20%;
	}

	.subF_nav li:first-child img {
		padding: 8% 0;
		margin: 0 0 0 52%;
	}

	.subFnavair {
		margin: 6% 0 0;
	}

	.subFnavair img {
		padding: 6% 1% 6% 5%;
		margin: 0 0 0 17.5%;
	}

	.subFnavventi {
		margin: 6% 0 0;
	}

	.subFnavele {
		margin: 6% 0 0;
	}

	.subFnavsun {
		margin: 6% 0 0;
	}

	.subFinner {
		width: 96%;
		margin: 0 auto;
	}

	.subFinner ul {
		width: 80%;
		margin: 40px 0 0;
		text-align: left;
	}

	.subFinner li {
		display: inline-block;
		border-left: 1px solid #555;
		line-height: 1;
		font-size: 12px;
	}

	.subFinner li:first-child {
		border: none;
	}

	.subFinner a {
		padding: 0 5px 0 6px;
	}

	.subCopyright {
		content: "";
		clear: both;
		background: #F2F2F2;
		position: relative;
		/* z-index: 9999; */
	}

	.subCopyright small {
		width: 100%;
		padding: 8px 0 6px;
	}


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

	.contactBox {
		width: 96%;
	}

	.tb {
		width: 100%;
	}

	#request th {
		border-bottom: 1px solid #E4F5FB;
	}

	.clearForm,
	.clearForm2 {
		width: 96%;
		padding: 15px 2%;
	}

	.contact_tb th {
		width: 30%;
	}

	.contact_cf .clearForm,
	.contact_cf .clearForm2 {
		padding: 10px 5px;
	}

	.choose_list1>li {
		width: 48%;
		margin: 0 0 0 2%;
	}

	.choose_list1>li:first-child {
		margin: 0;
	}

	.choose_list1 {
		width: 60%;
		margin: 20px auto;
	}

	#company1,
	#company2,
	#kana,
	#tel,
	#name2,
	#kana2,
	#dep,
	#posi,
	#fax,
	#name,
	#post,
	#mail,
	#mail_confirm,
	textarea,
	#url {
		width: 95%;
	}

	#zip1,
	#zip2 {
		width: 40%;
		max-width: 150px;
	}

	#city,
	#pref,
	#add,
	#city2 {
		width: 95%;
		margin: 2px 0 0;
	}

	#add {
		margin: 2px 0 0;
	}

	input[type="text"],
	textarea,
	select,
	option {
		border: 1px solid #CCC;
		height: 40px;
		padding: 5px;
	}

	.sendFlg {
		width: 100%;
	}

	.contactPreamble {
		border: 2px solid #284CA4;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		padding: 25px 20px;
		margin: 0 auto;
	}

	/*-- エラーチェック --*/

	.formError {
		top: 20px !important;
		left: 10% !important;
	}

	.zip2formError {
		left: 54% !important;
	}

	.prefformError,
	.cityformError,
	.addformError {
		top: 30px !important;
		left: 10% !important;
	}


	/* 全ページ共通クラス
----------------------------------------------------------- */

	/*--- パンくず ---*/
	.pankuzu {
		width: 96%;
		margin: 0 auto;
		padding: 8px 0 55px;
	}

	.pankuzu li {
		margin: 0 0 0 9px;
		display: inline;
	}

	.pankuzu li:first-child {
		margin: 0;
	}

	.pankuzu li a {
		margin: 0 4px 0 0;
		color: #555;
	}

	.pankuzu li a:hover {
		color: #284CA4;
	}


	/*--- 見出し ---*/
	.titH3 {
		width: 98%;
	}


	/*--- モーダル ---*/
	.modal-content {
		width: 80%;
	}

	.modalWrap>li:first-child {
		width: 90%;
		margin: 0 auto !important;
	}

	.modalWrap>li+li {
		width: 90%;
		margin: 0 0 0 5%;
		padding: 0;
	}

	.flex02 .flex-control-nav>li {
		width: 23%;
		height: 0;
		padding: 17% 2% 0;
	}

	.flex02 .flex-control-nav>li img {
		max-width: 96%;
		max-height: 96%;
	}

	.flex02 .slides>li {
		width: 100% !important;
		height: 0;
		position: relative;
		background: #e1eaf1;
		padding: 67% 2% 0;
	}

	.flex02 .slides>li img {
		max-width: 96%;
		max-height: 98%;
		*/ border: solid 1px #284CA4;
		*/ border: solid 1px #284CA4;
		*/ border: solid 1px #284CA4;
		*/
	}

	.modalConte {
		width: 100%;
	}

	.modalBanner {
		text-align: center;
		margin: 30px auto 40px;
	}

	.flex-direction-nav a {
		height: 64px !important;
		top: 40% !important;
	}

	.flex-direction-nav a:before {
		color: #284CA4 !important;
	}

	.modal_bt a:hover {
		text-decoration: none !important;
	}


	/* 採用情報
----------------------------------------------------------- */
	.recruitPreamble {
		border: 2px solid #284CA4;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		padding: 25px 20px;
		margin: 0 auto;
	}

	.recruit table {
		width: 100%;
	}

	.recSendFlg {
		width: 96%;
		margin: 30px auto 0;
	}


	/* 協力会社専用ページ
----------------------------------------------------------- */
	.partnerPreamble {
		padding: 25px 2%;
		width: 96%;
	}

	.dlList {
		padding: 65px 8%;
		width: 96%;
	}

	.dlList li {
		border: 1px solid #284CA4;
		background: #FFF;
		margin: 25px auto 0;
		padding: 13px 5%;
		width: 90%;
	}

	.dlList em {
		background: #284CA4;
		color: #FFF;
		padding: 0 3px 0;
		margin: 0 30px 0 0;
	}


	/* 会社概要
----------------------------------------------------------- */
	.inConteBusiness ul li {
		margin: 10px 10px 10px 10px;
	}

	.companyImg {
		margin: 0 auto 30px;
		border: 1px solid #284CA4;
		padding: 5px;
		width: 31%;
	}

	.companyImg img {
		text-align: center;
	}

	.company table {
		width: 96%;
	}

	.baseTb th {
		width: 30%;
		padding: 14px 2% 10px;
	}

	.baseTb td {
		width: 70%;
		padding: 14px 2% 10px 3%;
	}

	.company iframe {
		width: 96%;
	}


	/* プライバシーポリシー
----------------------------------------------------------- */
	.privacyBox {
		width: 100%;
		padding: 30px 2%;
	}

	.privacyPreamble {
		padding: 25px 2%;
	}

	.privacyBox dl {
		margin: 30px 0 0;
	}

	.privacyBox dt {
		margin: 20px 2% 0;
		padding: 0 1%;
	}

	.privacyBox dt:first-child {
		margin: 0 2%;
		padding: 0 1%;
	}

	.privacyBox dd {
		margin: 10px 2% 0;
		padding: 0 1%;
	}

	.recruitBtn>li {
		width: 29%;
		margin: 20px 2% 20px;
	}

	.recruitBtn>li>a {
		width: 96%;
		padding: 8px 2% 5px;
	}

	.linkBtnWrap02 {
		width: 100%;
	}

	.linkBtnWrap02>li {
		width: 40%;
	}

	.linkBtnWrap02>li a {
		width: 96%;
		padding: 8px 2% 5px;
	}

	.comDl>dt {
		width: 25%;
		max-width: 100px;
	}

	.comDl>dd {
		width: 75%;
	}

	#msg,
	#license2,
	#reason {
		width: 95%;
	}

	.checkItem label {
		width: 32%;
	}



	/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	.pc {
		display: block;
	}

	.entConte02>h1 {
		width: 35%;
		margin: 15px auto 0;
	}

	.sp {
		display: none;
	}

	.contact_tb th {
		font-size: 95%;
	}

	.caseUl li {
		width: 31%;
		margin: 0 1%;
	}

	footer .copyright small {
		padding: 0;
		font-size: 10px;
	}

	footer .entFmenu a {
		font-size: 10px;
	}

	.conteBox {
		height: auto;
	}

	.conte03 .entConte02 h1 {
		width: 35%;
		text-align: center;
		margin: 0 auto;
	}

	.entConte02>ul {
		margin: 8px 0 0 7px;
	}

	.entConte02>ul li {
		margin: 0 0 1px;
		line-height: 1.3;
	}

	.conte01 .conte01Ul {
		margin: 10px auto 0;
	}

	.conte01 .entConte02 {
		margin: 10px auto 0;
	}


	/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	.pc02 {
		display: none;
	}

	.pc01 {
		display: none;
	}

	.conteSp02 {
		width: 94%;
		margin: 35px auto 0;
		padding: 0 0 40px;
	}

	.conte03 .conteSp02 {
		margin: 0 auto;
		padding: 25px 0 20px;
	}

	.conteSp02 a {
		text-decoration: underline;
	}

	.conte01 .conte01Ul {
		margin: 0 auto;
		padding: 1px 0 0;
	}

	.conte01 .conte01Ul>li+li {
		float: none;
		width: 75%;
		margin: 30px auto 0;
	}


	/*-- テーブル --*/
	table {
		width: 100%;
	}

	th,
	td {
		width: 100% !important;
		display: block;
	}

	.baseTb th {
		display: block;
		border-bottom: none;
		border: solid 1px #284CA4;
	}

	.baseTb td {
		display: block;
		border: solid 1px #284CA4;
	}

	.comTb a {
		text-decoration: underline;
	}

	.conte01,
	.conte02,
	.conte03 {
		position: static;
		background: url(../img/bg01.jpg) no-repeat center top;
		height: auto;
	}

	.facilityBtn {
		float: none;
		padding: 25px 0;
		width: 75%;
		text-align: center;
		margin: 0 auto;
	}

	.conte03Ul {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	.conte03 .conte03Ul li {
		float: none;
		width: 75%;
		text-align: center;
		margin: 25px auto 0;
	}

	.inConteBusiness ul li:nth-of-type(2) {
		margin: 20px auto 20px;
	}

	.inConteBusiness ul li:last-of-type {
		margin: 0 auto 20px;
	}


	/* ヘッダー
----------------------------------------------------------- */
	.logo {
		width: 60%;
	}

	.telBtn {
		width: 12%;
		margin: 0 0 0 16%;
	}

	.subNavSp {
		background: #284CA4;
		width: 100%;
		padding: 10px 2%;
	}

	.subNavSp>ul>li:first-child {
		float: left;
		width: 60%;
	}

	.menuBtn {
		width: 12%;
		float: right;
		font-size: 18px;
		padding: 10px 0 0;
		margin: 0 2% 0 0;
	}

	.menuBtn>a>i {
		color: #fff;
	}

	#cover .pc {
		display: none !important;
	}

	#cover .sp {
		display: block !important;
	}


	/*---LEFTナビー---*/
	#naviOpen {
		font-size: 300%;
		color: #186aab;
		text-align: center;
		display: block;
		line-height: 0;
		float: right;
		margin-top: -10%;
	}

	.menu_bt {
		display: block;
		float: right;
		margin: 4% 5%;
	}

	#pageslide {
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 9999;
		width: 65%;
		padding: 1%;
		background-color: #284ca4;
		box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
		-moz-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
		-ms-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
		overflow-y: auto;
	}

	p.btn-close {
		text-align: center;
		margin: 5% auto;
		width: 50%;
		background-color: #cdcdcd;
		font-size: 93.75%;
		box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px;
		-moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px;
		-ms-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0px;
	}

	.page_slide_navi {
		display: block;
	}

	#pTop #modal {
		display: none;
	}

	p.btn-close {
		background: #c0c0c0;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 5px;
		text-align: center;
		margin: 5% auto 14%;
		width: 50%;
		font-size: 14px;
	}

	p.btn-close a {
		display: block;
		text-decoration: none;
		color: #FFF !important;
		padding: 3% 5% 2%;
	}

	.navi img {
		width: 100%;
	}

	#slide_navi li a {
		text-align: center;
		display: block;
		color: #333;
		line-height: 3;
		text-decoration: none;
		margin-top: 5px;
		background: #FFF;
		font-size: 14px;
		line-height: 1.6;
		padding: 12px 0;
		border-radius: 5px;
		padding: 13px 20px 10px;
		background: -moz-linear-gradient(top, #fff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.50, #d9eeff), color-stop(0.50, #ddf0ff), to(#dce3e9));
		-moz-border-radius: 10px;
		border: 0 solid #949494;
		-moz-box-shadow: 0 0 0 rgba(000, 000, 000, 0.5), inset 0 0 0 rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0 0 0 rgba(000, 000, 000, 0.5), inset 0 0 0 rgba(255, 255, 255, 1);
		box-shadow: 0 0 0 rgba(000, 000, 000, 0.5), inset 0 0 0 rgba(255, 255, 255, 1);
		text-shadow: 0 0 0 rgba(000, 000, 000, 0), 0 0 0 rgba(255, 255, 255, 1);
	}

	.nolink {
		text-align: center;
		background-color: #FFF;
		padding: 5px 5px 2px;
		margin: 5px 0;
		border-radius: 5px;
	}

	.nolink span {
		padding: 5px 0 7px;
		display: block;
		font-size: 14px;
	}

	#slide_navi li .p_in a,
	#slide_navi li .p_in2 a {
		background: #284ca4;
		color: #fff;
		font-size: 14px;
		padding: 14px 8px 12px;
		line-height: 1.2;
		margin: 0 0 2px 0;
	}

	.p_in {
		margin: 0 0 5px 0;
	}

	.copyright {
		float: none;
		width: 100%;
		margin: 0;
		text-align: center;
		color: #FFF;
		background: #F2F2F2;
	}


	/*---------- nav -----------*/

	#nav {
		display: none;
	}

	nav {
		display: block;
	}

	.navi li {
		text-align: center;
	}

	.navi li {
		text-align: center;
		background-size: contain;
		font-weight: bold;
		border-bottom: solid 1px #1a3b8a;
		border-top: solid 1px #4570d8;
	}

	.navi li a {
		color: #fff;
		font-size: 110%;
		width: 100%;
		padding: 13px 0 10px;
		display: block;
		text-decoration: none;
		background: #284CA4;
	}

	.navi .nav_in a {
		padding: 11px 0 8px;
		font-size: 105%;
		background: #4568bb;
		font-weight: normal;
	}

	.navi .nav_in li {
		border-bottom: solid 1px #2e4f9c;
		border-top: solid 1px #6b8dde;
	}

	.sp_nolink {
		color: #fff;
		font-size: 110%;
		width: 100%;
		padding: 10px 0 8px;
		display: block;
		text-decoration: none;
		background: #69C8E6;
	}


	/*-- ページトップ --*/
	#pageTop {
		display: none !important;
	}


	/* フッター
----------------------------------------------------------- */

	/*-- フッターアイコン --*/
	.sp footer {
		margin: 0;
		padding: 0;
		background: #4568bb;
		width: 100%;
	}

	.sp footer ul:after {
		content: '';
		display: block;
		clear: both;
	}

	.sp footer li {
		width: 32%;
		margin: 0 0.5%;
		float: left;
	}

	.sp footer li a {
		padding: 10px 0 5px;
		color: #fff;
		text-decoration: none;
		display: block;
		text-align: center;
		font-size: 60%;
	}

	.sp footer li a i {
		margin: 0 0 5px;
		font-size: 540%;
		display: block;
	}

	.sp .copyright {
		margin: 0 auto;
		padding: 10px 2%;
		color: #555;
		text-align: center;
	}


	/* トップページ
----------------------------------------------------------- */
	#main,
	aside {
		float: none;
	}

	#main {
		width: 100%;
	}

	aside {
		width: 98%;
		margin: 20px auto 0;
	}


	/* 中ページ
----------------------------------------------------------- */
	.company iframe {
		width: 96%;
		margin: 30px auto 0;
		display: block;
	}

	.listUl li {
		width: 48%;
	}

	.contact_tb th {
		font-size: 100%;

	}

	.choose_list1 {
		width: 90%;
	}

	.choose_list1 li {
		display: block;
		width: 100%;
		margin: 0;
	}

	#company1,
	#company2,
	#kana,
	#tel,
	#name2,
	#kana2,
	#dep,
	#posi,
	#fax,
	#name,
	#post,
	#mail,
	#mail_confirm,
	textarea,
	#url,
	#msg,
	#city2,
	#reason {
		width: 100%;
	}

	#zip1,
	#zip2 {
		width: 40%;
	}

	#city,
	#pref,
	#add {
		width: 100%;
		margin: 2px 0 0;
	}

	/*-- エラーチェック --*/
	.formError {
		top: 20px !important;
		left: 50% !important;
	}

	.zip1formError {
		left: 10% !important;
	}

	.zip2formError {
		left: 54% !important;
	}

	.prefformError,
	.cityformError,
	.addformError {
		top: 30px !important;
		left: 50% !important;
	}

	.detailBox>div {
		width: 100%;
		float: none;
	}

	.detailBox>.detailTxt {
		width: 98%;
		margin: 20px auto 0;
	}

	.caseUl li {
		width: 46%;
		margin: 0 2%;
	}


	/* 協力会社専用ページ
----------------------------------------------------------- */

	.dlList em {
		display: block;
		margin: 0;
	}

	.dlList a {
		display: block;
		margin: 10px 0 0 1%;
	}


	/* プライバシーポリシー
----------------------------------------------------------- */

	.privacyBox a {
		text-decoration: underline;
	}

	.privacyBox dt:first-child {
		margin: 0;
	}

	.privacyBox dt {
		margin: 0;
	}

	.privacyBox dd {
		margin: 10px 2% 25px;
		padding: 0;
	}

	.privacyBox {
		margin: 65px auto 0;
	}

	.conte02 .conte02Ul>li {
		width: 75%;
		float: none;
		margin: 0 auto;
		padding: 30px 0 30px;
		text-align: center;
	}

	.conte02 .conte02Ul>.btn {
		width: 75%;
		margin: 0 auto;
		text-align: center;
		padding: 30px 0 0;
	}

	.recruitBtn>li {
		width: 46%;
	}

	.linkBtnWrap02>li {
		width: 96%;
		margin: 30px auto 0;
	}

	.linkBtnWrap02>li:first-child {
		margin: 0 auto;
	}

	.checkItem label {
		width: 48%;
	}


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

	.inConteBusiness ul li:first-child {
		margin: 0 auto 2%;
	}

	.companyImg {
		width: 96%;
		margin: 0 auto 2%;
		float: none;
	}


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

	.picture td>ul li {
		text-align: center;
	}

	.picture td>ul li>.fileWrap {
		display: inline-block;
	}

	/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	.telBtn {
		width: 12%;
	}

	.menuBtn {
		width: 12%;
		float: right;
	}

	.telBtn a,
	.menuBtn a {
		font-size: 240%;
	}

	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
		width: 94% !important;
		left: 0;
		right: 0;
		margin: auto;
	}

	.recruitBtn>li {
		float: none;
		width: 96%;
	}

	.comDl>dt {
		float: none;
		width: 100%;
	}

	.comDl>dd {
		float: none;
		width: 86%;
		margin: 0 0 0 14%;
	}


	/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	.telBtn a,
	.menuBtn a {
		font-size: 200%;
	}

	/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

.map_t {
	color: #284CA4;
	font-weight: 700;
	font-size: 157%;
	padding: 10px;
}