@charset "utf-8";

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

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


/*リンク表示方法*/

a {
	text-decoration: underline;	
}

a:link {
	color: #4d80b3;
}

a:visited {
	color: #4d66b3;
}

a:active {
	color: #4d4db3;
}

a:hover {
	color: #b34d66;
}

/*
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
*/

.wide_pc {
	display: none;
}

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

table {
	border-collapse: separate;
}

th {
	background: #14968d;
	color: #fff;
}

td {
	background: #eee;
	color: #555;
}


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

.pc {
	display: block;
}

.store_list .pc {
	display: inline-block;
}

.sp, .spTel {
	display: none;
}

.pcTel {
	display: inline;
}


/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

.coverArea {
	position: relative;
}

header {
	position: absolute;
	color: #FFF;
	z-index: 99;
	width: 1920px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

header:after {
	content: "";
	display: block;
	clear: both;
}

header li {
	float: left;
}

header h1 {
	font-weight: normal;
	font-size: 11.5px;
	background: rgba(34,176,169,.5);
	float: left;
	padding: 7px 0 4px 45px;
	width: 874px;
	letter-spacing: .53px;
}


.hnav {
	float: left;
	width: 901px;
}

.headerUl02 {
	width: 1000px;
}

.article .headerUl02 {
	background: #168e85;
}

.article .headerUl02 li a img:hover {
	opacity: 1;
}

.headerUl02 > li {
	width: 265px;
	margin: 0;
	padding: 15px 15px 0 40px;
	font-size: 12px;
}

.headerUl02 > li:first-child {
	width: 248px;
	margin: 0;
	background: #fff;
	padding: 20px 0 20px 10px;
}

.hTel02 li + li {
	margin: 5px 0 0;
}

.article .hTel02 li + li span {
	display: inline-block;
}

.headerUl02 > li + li + li {
	width: 337px;
	padding: 18px 0 0 5px;
}

.article .headerUl02 li + li + li span {
	display: inline-block;
}

.hMail02 {
	width: 70px !important;
	float: right;
	padding: 0 !important;
	/* background: #f7931e; */
	text-align: center;
}

.hMail02 > a {
    padding: 33px 5px 32px !important;
    background: #f7931e;
    display: block;
}

.hMail02 > a:hover {
    background: #22B0A9;
}

.hMail02 a {
	padding: 2%;
	
}

.hMail02 img {
	width: 32px;
}

.hTel {
	background: #22B0A9;
	font-size: 12px;
	padding: 12px 62px 9px 66px;
	width: 473px;
}

.hTel li {
	margin: 2.4% 0 0 18px;
	width: 253px;
}

.hTel li:first-child {
	margin: 0;
	width: 202px;
}

.hAdd {
	background: #14968D;
	font-size: 13px;
	width: 279px;
	padding: 13px 1px 8px 20px;
}

.hAdd ul li + li {
	margin: 1px 0 0 10px;
	line-height: 1.4;
}

.hAdd ul li + li span {
	display: inline-block;
}

.hTel li span {
	display: inline-block;
}

.hMail {width: 100px;float: right;}

.hMail:hover {
	background: #4091bf;
}

.hMail img {
	/* max-width: 27px; */
	/* width: 100%; */
	/* padding: 0 6px 0 0; */
	/* margin: 0 0 10px; */
}

.hMail img:hover {
	opacity: 1 !important;
}

.hMail em {
	display: block;
}


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

nav {
	color: #444;
	font-size: 14px;
}

nav ul:after,
nav:after {
	content: '';
	display: block;
	clear: both;
}

.article header nav > ul {
	background: #fff;
}

nav li {
	max-width: 150px;
	width: 16.66%;
	float: left;
	text-align: center;
	border-right: 1px solid #EDEDED;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

nav > ul > li:first-child {
	border-left: 1px solid #EDEDED;
	max-width: 151px;
	width: 151px;
}

nav > ul > li:first-child:hover {
	border-left: 1px solid #22b0a9;
}

nav > ul > li + li + li + li + li:hover {
	border-right: 1px solid #22b0a9;
}

nav li a {
	background: #FFF;
	display: block;
	text-decoration: none;
	padding: 23px 0 16px;
	color: #444 !important;
}

nav li a:hover {
	background: #22b0a9;
	color: #fff !important;
}

.drop {
	background: #FFF;
	position: relative;
	padding: 23px 0 16px;
}

.drop:hover {
	background: #22b0a9;
	color: #fff;
}

.drop ul {
	display: none !important;
	position: absolute;
	z-index: 4000;
	top: 60px;
}

.drop:hover ul {
	display: block !important;
}

.drop li {
	float: none;
	width: 150px !important;
}

.article .drop li {
	float: none;
	width: 166px !important;
}


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

#modal {
	display: none;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

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

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

#cover li {
	width: 100%;
}

#cover img {
	max-width: 1332px;
	width: 100%;
	margin: 0 auto;
	display: block;
}

#cover p {
	position: absolute;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	z-index: 88;
	padding: 66px 0 0 37px;
}

#cover p a {
	display: block;
	max-width: 248px;
	width: 50%;
	margin: 0 0 0 10px;
}


.cover01 {
	background: url(../img/cover01.jpg) center top;
	background-size: cover;
}

.cover02 {
	background: url(../img/cover02.jpg) center top;
	background-size: cover;
}

.cover03 {
	background: url(../img/cover03.jpg) center top;
	background-size: cover;
}

.cover04 {
	background: url(../img/cover04.jpg) center top;
	background-size: cover;
}

.cover05 {
	background: url(../img/cover05.jpg) center top;
	background-size: cover;
}


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

.privacy #cover {
	background: #555;
}

.company #cover {
	background: #444;
}

.contact #cover {
	background: #777;
}

.list #cover {
	background: #ccc;
}


/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

#main {
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	background: url(../img/mainBg.jpg) no-repeat center bottom;
}

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

.topLead {
	position: absolute;
	max-width: 965px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: -195px;
	margin: 0 auto !important;
	background: #FFF;
	box-shadow: 0 .75px 6px .75px rgba(0,0,0,.25);
	-moz-box-shadow: 0 .75px 6px .75px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 .75px 6px .75px rgba(0,0,0,.25);
	padding: 27px 17.5px 9px;
	z-index: 99;
}

.topLead h2 {
	border-bottom: 1px solid #C6C6C6;
	padding: 0 0 27px;
}

.topLead h2 img {
	max-width: 870px;
	width: 98%;
	margin: 0 auto;
	display: block;
}

.topLead span {
	font-weight: bold;
	font-size: 21px;
	text-align: center;
	border-bottom: 1px solid #C6C6C6;
	display: block;
	padding: 6px 0 3px;
}

.topLead > h2 span {
    border: none;
}

.topLead > h2 > .title {
	font-size: 31px;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 4px 0 0 0;
	line-height: 31px;
	color: #22B0A9;
	font-family: 'Yu Gothic',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif; 
}

.topLead > h2 > .message {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0 0;
	/* line-height: 18px; */
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.topLead > h2 > .message > .company_name {
	font-size: 17px;
	display: inline;
	font-weight: normal;
	letter-spacing: 1px;
	color: #4091BF;
}

.topLead p {
	line-height: 2.15;
	padding: 11px 2px 0;
}


.mainConte {
	padding: 274px 0 0;
}

.preEstimate {
	float: left;
	width: 310px;
	margin: 0;
	background: url(../img/estimateBg.jpg) no-repeat center center;
}

.preEstimate dl {
	border: 7px solid rgba(255,255,255,.5);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.preEstimate dt {
	max-width: 296px;
	width: 100%;
	margin: 20.7% auto 0;
}

.preEstimate dd {
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	margin: 17.9% auto 0;
	font-size: 16px;
	max-width: 280px;
	width: 100%;
	padding: 0 0 5px;
}

.preEstimate dd + dd {
	color: #FFF;
	font-weight: normal;
	border: none;
	margin: 0 auto;
	font-size: 15px;
	padding: 8px 0;
	line-height: 1.9;
}

.preMotto {
	float: left;
	width: 665px;
	padding: 0 0 310px;
	margin: 0 0 0 25px;
	background: url(../img/mottoBg.jpg) no-repeat right top;
	background-size: contain;
	position: relative;
}

.preMotto dt {
	max-width: 309px;
	width: 90%;
	margin: 5.4% 0 0 2.8%;
}

.preMotto dd {
	font-size: 14px;
	max-width: 375px;
	width: 95%;
	margin: 9.4% 0 3% 2.6%;
	line-height: 1.95;
}

.constWork {
	margin: 25px auto 0;
}

.constWork li {
	float: left;
	margin: 0 0 0 26px;
}

.constWork li:first-child {
	margin: 0;
	width: 658px;
}

.conBuild {
	width: 316px;
	color: #FFF;
	margin: 0 !important;
}

.conBuild dl {
	padding: 57px 0 0;
}

.conBuild dt {
	font-weight: bold;
	font-size: 21.5px;
	max-width: 204px;
	width: 100%;
	margin: 0 auto 0;
	text-align: center;
	line-height: 1.4;
	letter-spacing: .5px;
}

.conBuild dt em {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 4px auto 0;
	letter-spacing: .56px;
}

.conBuild dd {
	font-size: 16.5px;
	max-width: 240px;
	width: 100%;
	margin: 22px 0 0 39px;
	line-height: 1.7;
	letter-spacing: .5px;
}

.work {
	margin: 25px auto 0;
	color: #FFF;
	font-weight: bold;
}

.work li {
	float: left;
	width: 316px;
	margin: 0 0 0 26px;
}

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

.bnrBox {
	margin: 186px auto 0;
}

.bnrBox h3 img {
	max-width: 336px;
}

.titH3 {
	padding: 0;
	margin: 0 0 27px 23px;
	text-align: center;
}

.titH3 img {
	border-bottom: 1px solid #FFF;
	padding: 0 0 11px;
}

.titH3 em {
	display: block;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	margin: 8px auto 0;
}

.storeBox .titH3 {
	padding: 0;
	margin: 0 0 27px;
	text-align: center;
}

.storeBox .titH3 img {
	border-bottom: 1px solid #FFF;
	padding: 1px 0 11px;
}

.storeBox .titH3 em {
	display: block;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	margin: 7px auto 0;
}

.bnrConte {
	max-width: 826px;
	width: 100%;
	margin: 32px auto 0;
}

.bnrConte li {
	float: left;
}

.bnrTel {
	width: 251px;
	margin: 2% 0 0;
}

.bnrHours {
	width: 295px;
	background: rgba(24,135,127,.62);
	font-size: 15px;
	color: #FFF;
	margin: 0 0 0 20px;
}

.bnrHours dt {
	font-size: 14px;
	font-weight: bold;
	max-width: 240px;
	width: 100%;
	margin: 6% auto 0;
}

.bnrHours dd {
	font-size: 15px;
	margin: 3px 0 13px 30px;
}

.bnrMail {
	width: 230px;
	background: #F7931E;
	margin: 0 0 0 30px;
}

/*mizutani20170803追加*/

.newly_bold {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
        margin: 0 0 20px;
}

.newly_bold2 {
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}

.newly_next {
	text-align: center;
	width: 100%;
	margin: 20px 0 0 0;
}
.newly_next >img {
	width: 150px;
	display: inline-block;
}




/*mizutani20170803追加*/

/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

footer {
	margin: 0 auto;
	padding: 0;
}

footer .logo {
	width: 243px;
	margin: 0 auto;
}

footer .inner {
	padding: 16px 0 34px;
}

.inner ul {
	width: 992px;
	margin: 0 auto;
}

.inner ul + ul {
	margin: 21px auto 0;
}

.inner ul li {
	display: inline-block;
	border-left: 1px solid #C6C6C6;
	line-height: 1;
	font-size: 13px;
	margin: 28px 0 0;
}

footer ul li a {
	margin: 0 33px 0 37px;
	padding: 0;
	text-decoration: none;
	color: #333 !important;
}

footer ul li a:hover {
	text-decoration: underline;
}

footer ul + ul li a {
	border: none;
	border-left: none !important;
}

footer ul li:first-child a {
}

.navi_last {
	border-right: 1px solid #C6C6C6;
}

.f_results {
	padding: 0 0 0 33px;
}

.f_results a {
	margin: 0 4px 0 8px !important;
} 

.f_results + li a {
	margin: 0 5px 0 10px !important;
}

.f_results + li + li a {
	margin: 0 5px 0 10px !important;
}


footer .add li:before {
	content: '\25a1';
}

footer .add li {
	margin: 0 0 0 10px;
	font-size: 14px;
}

.f_addwrap {
	margin: 0;
	padding: 42px 0 28px;
	background: #22b0a9;
}

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

.fAadd > li {
	width: 300px;
	border-left: none;
	float: left;
	margin: 0 0 0 25px;
	color: #fff;
}

.fAadd > li:first-child {
	margin: 6px 0 0;
	padding: 0;
	width: 222px;
}

.fAadd > li + li {
	line-height: 2.35;
	font-size: 13px;
	padding: 0 0 6px;
}

.fAadd li + li + li {
	margin: 3px 0 0 201px;
	width: 245px;
	font-size: 12px;
	padding: 0;
	line-height: 1;
}

.fTel ul li + li {
	margin: 9px 0 0;
}

.copyright {
	background: #168E85;
	color: #fff;
}

.copyright small {
    width: 1000px;
    margin: 0 auto;
    padding: 9px 0 7px;
    display: block;
    text-align: right;
    font-size: 12px;
}


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

/*--- パンくず ---*/

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

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

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

.pankuzu li a {
    margin: 0 10px 0 0;
    color: #F44336;
}

.pankuzu li a:hover {
    color: #0071BC;
}


/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	bottom: 200px;
	right: 25px;
	z-index: 9999;
	background: #4091BF;
}

#pageTop02 {
	position: fixed;
	bottom: 293px;
	right: 25px;
	z-index: 9999;
	background: #4091BF;
}


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

.contact h3 {
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 4px;
    text-align: center;
    color: #22b0a9;
    display: block;
    padding: 6px 0 3px;
    margin: 60px 0 0;
}

.leadTxt dt {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.leadTxt dd {
	padding: 1% 2% 1%;
	text-align: center;
}

.leadTxt p {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.leadTxt p span {
	font-size: 24px
}

input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

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

.choose_list1 > li {
	width: 200px;
	margin: 0 0 0 10px;
	float: left;
}

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

.choose_list1 {
	width: 200px;
	margin: 70px auto;
}

.contact_tb td span {
	margin: 9px 0 0;
	display: block;
}

.clearForm,
.clearForm2,
.toHome {
	width: 200px;
	padding: 15px 5px;
	cursor: pointer;
	outline: 0;
	background: #14968d;
	color: #fff !important;
	font-size: 100%;
	border: none;
	font-weight: bold;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

.clearForm:hover,
.clearForm2:hover,
.toHome:hover {
	background: #3bbdb4;
	color: #FFF;
}

.toHome {
	margin: 50px auto 0 !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 650px;
}

#msg {
	height: 100px;
}

#zip1, #zip2 {
	width: 150px;
}

#city, #pref, #add {
	width: 580px;
	margin: 2px 0 0 10px;
}

#add {
    margin: 2px 0 0 40px;
}

textarea {
	width: 90%;
	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;
}

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

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

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

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

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

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

.contact_tb {
	width: 1000px;
	margin: 60px auto 0;
}

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

.contact_tb th, .contact_tb td {
	padding: 13px 10px 10px 20px;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.contact_tb th em {
	background: #F00;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-left: 5px;
	right: 10px;
	font-size: 85.714%;
}


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

.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-dialog {
    margin: auto;
    position: absolute;
    left: 0 !important;
    right: 0 !important;
}

.ui-corner-all.ui-button-text-only:focus {
	color: #737373;
    background: #fff;
    outline: none;
    border-color: #ccc;
}

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

.ui-widget-header {
    background: #14968d !important;
    border-color: #14968d !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;
}


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

.storeBox {
	margin: 78px auto 0;
	padding: 0 0 139px;
}

.storeBox h3 img {
	max-width: 361px;
}

.sOdd li {
	float: left;
	width: 414px;
	background: #fff;
	padding: 41px 43px 0;
}

.sEven li {
	float: right;
	width: 414px;
	background: #fff;
	padding: 41px 43px 0;
}

.store_list li:first-child {
	padding: 0;
	width: 500px;
}

.store_list li dt {
	font-size: 20px;
	padding: 0 0 2px 9px;
}

.sOdd li dt:before {
	content: '●';
	font-size: 14px;
	position: relative;
	right: 10px;
	top: -3px;
	color: #22b0a9;
}

.sEven li dt:before {
	content: '●';
	font-size: 14px;
	position: relative;
	right: 10px;
	top: -3px;
	color: #f7931e;
}

.store_list li dd {
	font-size: 13px;
}

.store_list li dd + dd {
	margin: 2px 0 0;
}


/*-- メインヴィジュアル スライダー --*/

.bx-wrapper {
	margin: 0 auto !important;
	position: relative;
}

.bx-controls-direction {
	width: 100%;
	position: absolute;
	top: 50%;
}

.bx-controls-direction a {
	width: 32px;
	height: 32px;
	margin: -16px 0 0;
	position: absolute;
	top: 50%;
	z-index: 9999;
	outline: 0;
	text-indent: -9999px;
}

.bx-prev {
	left: 1% !important;
	background: url(./../img/prev.png) no-repeat 0 0;
	background-size: contain;
}

.bx-next {
	right: 1% !important;
	background: url(./../img/next.png) no-repeat 100% 0;
	background-size: contain;
}


/*-- スクロールバーデザイン --*/

.scroll-pane {
	width: 100% !important;
	height: 193px; /*箱の高さ*/
	margin: 14px auto 0;
	overflow-y: auto;
}

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

.scroll-pane ul {
	padding: 0 1px;
}

.scroll-pane ul > li {
	margin: 54px 0 0;
}

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

.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/scroll_top.png) no-repeat center;
}

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

.jspTrack {
	background: url(./../img/scroll_bg1.png) repeat-y;
	position: relative;
	background-position: center;
}

.jspDrag {
	width: 4px;
	margin: 0 auto;
	background: #22b0a9;
	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 {
	background: #fff;
	padding: 21px 13px 0;
	width: 974px;
	margin: 80px auto 0;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.news h3 {
	border-bottom: 1px solid #22b0a9;
	padding: 0 0 16px 1px;
}

.news h3 img {
	max-width: 103px;
}

.news dl {
	width: 800px;
	padding: 10px 5px 5px;
}

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

.news dl dt {
	float: left;
	width: 130px;
	font-size: 15px;
	color: #000;
}

.news dl dd {
	float: left;
	width: 650px;
	font-size: 15px;
	color: #000;
}

.news dl dd a {
	color: #22b0a9;
	font-size: 14px;
	display: inline-block;
	margin: 0 0 0 29px;
	text-decoration: none;
}

.news dl dd a:hover {
	text-decoration: underline;
}


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


#inPage {
	background: url(../img/inPageBg.png) no-repeat center bottom;
	padding: 0 0 150px;
}

.article .conteBox + .conteBox {
	margin: 120px auto 0;
	padding: 20px 0 0;
}

.article .titH3 img {
    border-bottom: 1px solid #22b0a9;
    padding: 0 0 11px;
}


.article .titH3 > .title {
	display: block;
    margin: 0 0 12px 0;
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 31px;
    color: #22B0A9;
}

.article .titH3 > .message1 {
    display: block;
    padding: 0 0 5px 0;
    font-size: 18px;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.article .titH3 > .message2 {
    display: block;
    font-size: 18px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.article .titH3 .blue {
    color: #4091BF;
}

.article .titH3 em {
	color: #22b0a9;
}

.article .bnrBox {
	background: #22b0a9;
	padding: 20px 0 24px !important;
	margin: 100px auto 0;
}

.article .bnrConte {
	margin: 15px auto 0;
}

.article .bnrBox h3 {
	margin: 0;
}

.article .bnrBox h3 img {
	border-bottom: 1px solid #fff;
}

.article .bnrBox h3 em {
	color: #fff;
}



/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

.article header {
    width: 1000px;
    background: #168e85;
    position: relative;
}

.article header h1 {
    padding: 7px 10px 4px 20px;
    width: 970px;
}

.article .hnav {
    width: 1000px;
    margin: 0;
}

.article .hTel {
    padding: 0 5% 0 0;
    width: 58%;
}

.article .hTel li {
    margin: 2.4% 0 0 6%;
    width: 37%;
}

.article .hTel li + li {
	width: 40%;
}

.article .hTel li:first-child {
    width: 40%;
    max-width: 248px;
    margin: 0;
    padding: 7% 4%;
}

.article .hAdd {
    width: 300px;
    padding: 13px 10px 8px 20px;
}


/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#in_cover {
	width: 1000px;
	margin: 0 auto;
}

.leadTxt {
	margin: 50px auto 0;
	padding: 20px 20px 16px;
	background: #22b0a9;
	font-size: 15px;
	color: #fff;
}



/* 私たちについて
----------------------------------------------------------- */

.about h3 {
	font-weight: bold;
    font-size: 22px;
    color: #22b0a9;
    display: block;
    padding: 6px 0 3px;
    margin: 60px 0 0;
    text-align: left;
    font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
}

.aboutBox {
	margin: 15px 0 0;
}

.aboutBox li {
	margin: 0 0 0 20px;
	width: 400px;
	float: left;
}

.aboutBox li iframe {
    border: none;
}

.aboutBox li:first-child {
	margin: 0;
	width: 580px;
}

.aboutBox dt {
	font-size: 18px;
	font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	margin: 0 0 5px;
}

.aboutBox dt span {
	color: #4091bf;
}

.aboutBox dd {
	font-size: 14px;
	margin: 10px 0 0;
	line-height: 1.8;
}

.aboutBox02 h3 {
	text-align: center;
}

.aboutBox02 h3 img {
	max-width: 546px !important;
}

.aboutBox02 h3 em {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.aboutBox02 ul {
	margin: 25px auto 0;
	width: 960px;
}

.aboutBox02 ul li {
	float: left;
	width: 300px;
	margin: 10px;
	background: #fff;
}

.aboutBox02 ul li > a {
    background: #fff;
    display: block;
}

.aboutBox02 ul li > a:hover img {
    opacity: .7;
}

.aboutBox03 > ul {
	margin: 25px auto 0;
	width: 960px;
}

.aboutBox03 > ul > li {
	float: left;
	width: 300px;
	margin: 10px;
}

.staffBox dt {
	background: #22b0a9;
	padding: 8px 15px 5px;
	font-size: 20px;
	line-height: 1.8;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
}

.staffBox dt span {
	font-size: 14px;
	background: #fff;
	color: #f7931e;
	padding: 3px 10px 2px;
	font-weight: bold;
	letter-spacing: 1px;
}

.staff_name {
	text-align: center;
	margin: 8px 0 0;
	background: #444;
	padding: 10px 10px 8px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.staff_name:hover {
	background: #168e85;
	cursor: pointer;
}

.staffBox + dl {
	position: relative;
}

.staff_detail {
	position: absolute;
	width: 920px;
	padding: 10px 20px 20px;
	background: rgb(255, 255, 255);
	border-radius: 10px;
	box-shadow: 0 0 5px #e2e2e2;
	margin: 20px 0 0;
	z-index: 999;
}

.staff_center {
	left: -330px;
}

.staff_right {
	left: -650px;
}

.staff_detail > h4 {
	font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0 0;
}

.flexslider + div h4 {
	font-size: 21px;
	font-weight: normal;
	color: #22b0a9;
}

.flexslider + div p {
	font-size: 14px;
}

.staff_banner {
	width: 800px;
	margin: 100px auto 110px;
}

.flexslider .slides {
    width: 460px;
    margin: 10px 0 0;
    float: left;
}



/* 新築・リフォーム
----------------------------------------------------------- */

.newly h3 {
	margin: 80px auto 45px;
}

.newly_top img {
	max-width: 891px;
	border: none !important;
}

.newlyBox {
	margin: 60px auto 0;
	width: 900px
}

.newlyBox li {
	margin: -60px 0 0 0;
	width: 400px;
	float: left;
}

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

.newly_right {
	margin: 200px 0 0 100px !important;
}

.newlyBox dl {
    box-shadow: 0 0 5px #ababab;
}

.newlyBox dd {
	background: rgba(20, 150, 141, 0.8);
	padding: 12px 15px 8px;
	color: #fff;
}

.roof_color {
	background: #655b94 !important;
}

.wall_color {
	background: #58b1e0 !important;
}

.newly_btn {
	width: 880px;
	margin: 80px 300px 0;
}

.newly_btn li {
	width: 360px;
	float: left;
	text-align: center;
	margin: 0 40px;
}

.newly_btn li a {
	background: #f7931e;
	color: #fff;
	font-weight: bold;
	padding: 13px 20px 9px;
	text-decoration: none;
	display: block;
}

.newly_btn li a:hover {
	background: #f7e21e;
}

.newly_btn li:first-child a:hover {
	background: #30d2d2;
}


/* 蜂・シロアリ駆除
----------------------------------------------------------- */

.vermin_top {
    margin: 80px auto 40px;
}

.vermin_top img {
	max-width: 457px;
	border: none !important;
}

.vermin_top02 {
    margin: 0 auto;
}

.vermin_top02 img {
	max-width: 935px;
	border: none !important;
}

.vermin .flowOl01 > li dd h3 span {
	display: block;
	font-size: 12px;
	background: #007b8c;
	color: #fff;
	width: 42px;
	text-align: center;
	padding: 2px 4px 0px 6px;
	font-family: "メイリオ", sans-serif;
	border-radius: 2px;
	margin: 0 0 4px;
}

.flow_icon {
	background: #9a0a0a !important;
}

.vermin_top03 {
    margin: 0 auto;
}

.vermin_top03 img {
	max-width: 845px;
	border: none !important;
}

.verminBox {
	margin: 15px 0 0;
}

.verminBox li {
	margin: 0 0 0 20px;
	width: 580px;
	float: left;
}

.verminBox li:first-child {
	margin: 0;
	width: 400px;
}

.verminBox dt {
	font-size: 18px;
	font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	margin: 0 0 5px;
}

.verminBox dt span {
	color: #4091bf;
}

.verminBox dd {
	font-size: 14px;
	margin: 10px 0 0;
	line-height: 1.8;
}

.vermin .flowOl01 > li:first-child {
	margin: 40px 0 0;
}

.verminBox02 {
	margin: 15px 0 0;
}

.verminBox02 li {
	margin: 0 25px;
	width: 450px;
	float: left;
}

.verminBox03 {
	margin: 0 auto !important;
}

.vermin_top04 {
    font-weight: bold;
    font-size: 22px;
    color: #22b0a9;
    display: block;
    padding: 6px 0 3px;
    margin: 60px 0 0;
    text-align: left;
    font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
}

.verminBox03 p {
	font-size: 14px;
	line-height: 1.8
}

.vermin_point {
	font-size: 16px !important;
	font-weight: bold;
	margin: 15px 0;
	font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
	color: #01128e;
}

.verminBox03 ul {
	margin: 25px auto 0;
	width: 960px;
}

.verminBox03 ul li {
	float: left;
	width: 300px;
	margin: 10px;
}

.verminBox03 .verminBox li {
	width: 540px;
	margin: 0 0 0 20px;
}

.verminBox03 .verminBox {
	margin: 50px auto 0;
}

.verminBox03 .verminBox li:first-child {
	width: 400px;
	margin: 0;
}

.vermin_end {
	padding: 2%;
	background: #22b0a9;
	color: #fff;
	margin: 30px auto 0;
	width: 92%;
	font-weight: bold;
	font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}




/* 施工事例-新築
----------------------------------------------------------- */

.construction_top {
    margin: 60px auto 0;
}

.construction_top img {
	max-width: 191px;
}

.construction .staffBox {
	position: relative;
}

.accodionOpen img:hover {
	opacity: 0.7;
	cursor: pointer;
}


/* 施工事例-リフォーム
----------------------------------------------------------- */

.reform_top {
	max-width: 274px;
    margin: 60px auto 0;
}

.caseWrap01 {
	width: 100%;
	margin: 0 auto;
	padding: 100px 0;
}

.caseWrap01 > h3 {
	position: relative;
	z-index: 1;
	padding: 14px 20px 8px 20px;
	background: #22b0a9;
	color: #FFF;
	font-weight: normal;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	border-bottom: 10px solid #FFF;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/*
.caseWrap01 > h3:after {
	position: absolute;
	z-index: 2;
	content: "";
	display: block;
	bottom: -10px;
	left: 0;
	height: 5px;
	width: 100%;
	background: #0068B6;
}
*/

.caseOl01 > li:first-child {
	margin: 20px auto 0;
}

.caseOl01 > li:first-child dt {
	float: left;
	width: 38%;
}

.caseOl01 > li:first-child dd {
	float: right;
	width: 60%;
}

.caseOl01 > li:first-child dd em {
	font-weight: normal;
	font-size: 21px;
	color: #3B6787;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/*
.caseAfter {
	position: relative;
	z-index: 1;
}

.caseAfter:before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 10%;
	top: -30px;
	width: 5px;
	height: 150px;
	background: #168e85;
}

.caseAfter:after {
	position: absolute;
	z-index: -1;
	content: "";
	left: 10%;
	top: 120px;
	width: 50%;
	height: 5px;
	background: #168e85;
}

.caseAfter span:before {
	position: absolute;
	z-index: 5;
	top: 110px;
	left: 0;
	margin: auto;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 15px;
	border-color: transparent transparent transparent #168e85;
}
*/

.caseAfter span {
	position: relative;
	z-index: 2;
	display: block;
	width: 50%;
	margin: 10px auto 0 50%;
	padding: 0;
	background: #FFF;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 5px #ccc;
}

.caseMore {
	margin: 50px auto 0;
}

.btnMore > span {
	display: none;
}

.btnMore .moredown {
	display: block;
}

.active .btnMore .moredown {
	display: none;
}

.active .btnMore .moreup {
	display: block;
}

.btnMore > span {
	position: relative;
	z-index: 3;
	width: 300px;
	padding: 10px 10px 5px;
	background: #0068B6;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	cursor: pointer;
}

.btnArea2 a {
	position: relative;
	z-index: 3;
	display: block;
	width: 450px;
	margin: 25px auto 0;
	padding: 10px 10px 5px;
	background: #0068B6;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	cursor: pointer;
}

.btnMore > span:before, .btnArea2 a:before {
	position: absolute;
	z-index: 5;
	top: 28%;
	right: 21px;
	width: 1em;
	height: 1em;
}

.btnArea2 a:before {
	content: "\003e";
}

.btnMore .moredown:before {
	content: "\002193";
}

.btnMore .moreup:before {
	content: "\002191";
}

.btnMore > span:hover, .btnArea2 a:hover {
	background: #1F1E57;
}

.caseDetail {
	display: none;
	margin: 80px auto 0;
}

.active + .caseDetail {
	display: block;
}

.caseSet h4 {
	font-size: 120%;
	font-weight: bold;
	font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
	color: #777;
}

.caseSet + .caseSet h4 {
	color: #22b0a9;
}

.caseSet p {
	margin: 12px auto 0;
	/* line-height: 26px; */
	font-size: 15px;
}

.caseSet > li:first-child {
	width: 400px;
	float: left;
}

.caseSet > li:first-child + li {
	width: 570px;
	float: right;
}


.caseDetail > ul + ul {
	margin: 50px auto 0;
}

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

.caseDetail > h3 {
	width: 1000px;
	margin: 80px auto 0;
	text-align: center;
	background: #3B6787;
	padding: 13px 10px 6px 10px;
	font-weight: normal;
	font-size: 18px;
	color: #FFF;
}

.caseSliderWrap {
	margin: 50px auto 0;
}

.caseSliderWrap h4 {
	font-size: 120%;
	font-weight: bold;
	color: #22b0a9;
	margin: 0 0 10px;
	font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
}


/* 施工の流れ
----------------------------------------------------------- */


.flow_top {
    margin: 80px auto 40px;
    display: block;
    font-size: 30px;
    color: #22b0a9;
    font-family: "Yu Mincho", "YuMincho", serif;
}

.flow_top img {
	max-width: 925px;
	border: none !important;
}

.flow_top span {
    display: block;
    color: #333;
    font-size: 18px;
}

.article .flow_top em {
    display: inline;
    font-size: 18px;
    color: #4091bf !important;
}

.flowOl01 {
	position:relative;
	z-index: 1;
	margin: 0 auto;
}

.flowOl01:before {
	position:absolute;
	z-index: 2;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	width: 3px;
	height: 100%;
	background: #4091bf;
}

.flowOl01 > li {
	position: relative;
	z-index: 4;
	margin: 100px auto 0;
}

.flowOl01 > li > p {
	position: absolute;
	z-index: 5;
	display: block;
	top: 0;
	/* bottom: 0; */
	left: 0;
	right: 0;
	margin: auto;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.6em;
	font-weight: bold;
	color: #4091bf;
	background: #FFF;
	border: 1px solid;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 300%;
	text-align: center;
	font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.flowOl01 > li dt {
	float: left;
	width: 42%;
}

.flowOl01 > li dd {
	float: right;
	width: 42%;
	/* padding: 0 15px; */
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.flowOl01 > li.flowInRight dt, .flowOl01 > li.flowInFinish dt {
	float: right;
}

.flowOl01 > li.flowInRight dd, .flowOl01 > li.flowInFinish dd {
	float: left;
}

.flowOl01 > li dd h3, .flowOl01 > li dd h4 {
	font-size: 18px;
	font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	margin: 0 0 5px;
	color: #22b0a9;
}

.flowOl01 > li dd p {
	margin: 26px auto 0;
	line-height: 29px;
	font-size: 15px;
}

.flowInFinish {
	background: #FFF;
	padding: 20px 0;
}

.flowInFinish:before {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10.5px 0 10.5px;
	border-color: #4091bf transparent transparent transparent;
}

.flowInFinish img {
	width: 80%;
	padding: 0 10%
}



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

.privacy h3 {
	width: 276px;
	margin: 60px auto 0;
	text-align: center;
}


.privacy dl {
	margin: 50px 0 0;
}


.privacy dt {
	margin: 35px 0 0;
	padding: 0 10px;
	color: #22b0a9;
	font-size: 18px;
}

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

.privacy dd {
	font-size: 14px;
	margin: 5px 10px 0;
	padding: 0 0px;
}


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

.company h3 {
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 4px;
    text-align: center;
    color: #22b0a9;
    display: block;
    padding: 6px 0 3px;
    margin: 60px 0 0;
}

.company table {
	width: 1000px;
	margin: 30px auto 0;
}

.company th {
	width: 170px;
	padding: 14px 10px 10px 20px;
	border-bottom: 1px solid #fff;
}

.company td {
	width: 470px;
	padding: 14px 10px 10px 20px;
	border-bottom: 1px solid #fff;
}

.companyBox h4 {
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 5px 10px;
	margin: 25px 0 0;
}

.companyBox h4:before {
	content: '●';
    font-size: 14px;
    position: relative;
    right: 10px;
    top: -3px;
    color: #22b0a9;
}

.company iframe {
	width: 700px;
    min-height: 280px;
    margin: 0 auto;
    border: none;
}

.company_detail {
	margin: 0;
}

.company_detail li {
	width: 300px;
	float: left;
}

.company_detail li:first-child {
	width: 700px;
}

.companyBox p {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 0;
	color: #168e85;
}

.article .areaBox h3 img {
	max-width: 416px !important;
}

.contactSelect select {
   display: block;
   margin: 0 0 10px;
   padding: 8px 10px 5px 10px;
   width: 96%;
}
.contactSelect {
   position: relative;
}

.preMotto > a > img {
	width: 417px;
    height: 58px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;;
}

.preMotto > a > img:hover {
	opacity: 1;
}

/* 修正20170515@
----------------------------------------------------------- */

.newly .work li {
    float: none;
    width: 316px;
    margin: 0 auto;
}

.headerUl02 > li:first-child img {
	width: 95%;
}


/* 修正20170517@yoshida_h
----------------------------------------------------------- */

.in_slider ol li {
	width: 198px;
	float: left;
	position: relative;
	border: 1px solid #ccc;
	margin: 10px;
}

.contact_err {
    font-size: 19px;
    font-weight: bold;
    color: #14968d;
}

/* 修正20170515@
----------------------------------------------------------- */
.memberOrg{
	 margin-top: 25px;
}

/* 修正20170626@
----------------------------------------------------------- */
.caseOl01 > li:first-child dd {
	float: right;
	width: 50%;
	position: relative;
	min-height: 110px;
}

.caseOl01 > li:first-child dd >
 p {
    position: absolute;
    bottom: 0;
}


/* 修正20170626@
----------------------------------------------------------- */
.makerArticle{
	text-align:center;
	font-weight:bold;
}



/* 修正20170705@
----------------------------------------------------------- */


.newly_in h3 {
    font-weight: bold;
    font-size: 22px;
    color: #22b0a9;
    display: block;
    padding: 6px 0 3px;
    margin: 60px 0 20px;
    text-align: center;
    font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
}

.newly_in2 {
    margin: 30px 0 0;
}

.newly_in2 li {
    float: left;
    width: 580px;
    font-size: 14px;
    margin: 10px 0 0;
    line-height: 1.8;
}

.newly_in2 li + li {
    float: left;
    margin: 0 0 0 20px;
    width: 400px;
}

.newly_in3 li {
    float: left;
    width: 480px;
    margin: 30px 0 0;
}

.newly_in3 li + li {
    float: left;
    margin: 30px 0 0 40px;
}
/* 修正20170803@
----------------------------------------------------------- */
.row:after {
	content: '';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.col-wrap{max-width: 1000px;
margin:0 auto 0 auto;}
.col-xs-6{
float: left;
width: 50%;
padding:15px;
box-sizing:border-box;
}


/* 修正20170804@ kaji
----------------------------------------------------------- */

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

.case02 > li {
    float: left;
    width: 48%;
    margin: 0 1% 20px;
}

.case02 > li > h3 {
    z-index: 1;
    padding: 14px 20px 8px 20px;
    background: #22b0a9;
    color: #FFF;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    border-bottom: 10px solid #FFF;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.caseIn02 > li {
    float: left;
    width: 45%;
    margin: 0;
}

.caseIn02 > li img {
    max-width: 100%;
}

.caseIn02 > li:first-child {
    position: relative;
    margin: 0 10% 0 0;
}

.caseIn02 > li:first-child:after {
    background: url(../img/reforme_06.png) no-repeat;
    content: "";
    width: 10%;
    height: 25px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -16%;
    background-size: contain;
}

.caseDiv02 {
    background: #fff;
    padding: 10px 2%;
    margin: 10px auto 0;
}

.caseDiv02 > h4 {
    color: #4091bf;
    font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
    font-size: 17px;
}

.caseDiv02 > p {
    font-size: 14px;
    margin: 6px auto 0;
}

.caseIn02a img {
    max-width: 100%;
}


.bold{font-weight: bold;}
.wrap{width: 960px;
margin-top: 25px;}

.reformwrap_listbox {
	width:  90%;
	margin: 30px auto;
}

.reformwrap_listbox h3 {
	width: 1000px;
	margin:  0px auto;
	padding: 14px 20px 8px 20px;
	background: #22b0a9;
	color: #FFF;
	font-weight: normal;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	border-bottom: 10px solid #FFF;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.reformwrap_listbox .caseSliderWrap h4 {
	padding-left: 30px;
	font-size: 140%;
	border-bottom:  1px solid;
	font-weight: bold;
	color: #22b0a9;
	margin: 0 0 10px;
	font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
}

/*-- 固定ここまで --*/


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

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

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


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

header {
    width: 100%;
}

header h1 {
    padding: 7px 1% 4px 2%;
    width: 40%;
}

.hnav {
    width: 57%;
}


.hMail {
    /* width: 6%; */
    /* background: #fb892b; */
    /* text-align: center; */
}

.hTel {
    padding: 12px 2% 9px 3%;
    width: 58%;
}

.hTel li {
    margin: 2.4% 0 0 6%;
    width: 49%;
}

.hTel li:first-child {
    width: 44%;
    max-width: 202px;
}

.hAdd {
    width: 34%;
    padding: 13px 1% 8px 2%;
}

.hAdd ul li:first-child {
	width: 20%;
}

.hAdd ul li + li {
    width: 78%;
    margin: 1px 0 0 1%;
}

nav > ul > li:first-child {
    width: 16.7%;
}

.hAdd ul li:first-child img {
	max-width: 39px;
}

.hMail img {
    width: 100%;
}

nav > ul > li:first-child {
    max-width: 100%;
}

nav li {
    max-width: 100%;
}

#cover img {
    width: 92%;
}




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

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

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




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

@media print,screen and (max-width: 1200px) {

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


header h1 {
    padding: 7px 1% 4px 2%;
    width: 97%;
}

.article header h1 {
    padding: 7px 1% 4px 2%;
    width: 97%;
}

.hnav {
    width: 75%;
    margin: 0 0 0 25%;
}

.hMail {
    width: 7%;
}

.article .hMail {
    width: 100px;
}

#cover p {
    padding: 6% 0 0 1.25%;
}

#cover p a {
    width: 20%;
}

#cover img {
    width: 90%;
    margin: 6% auto 0;
}


.cover01 {
	height: 730px;
}

.cover02 {
	height: 730px;
}

.cover03 {
	height: 730px;
}

.cover04 {
	height: 730px;
}

.cover05 {
	height: 730px;
}

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

} /* max-width: 1200px ここまで */

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


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

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

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


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

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

.wide_pc {
	display: block;
	width: 10%;
	position: relative;
}

.wide_pc a {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #f7931e;
}

.wide_pc a:hover {
	opacity: 1;
	background: #4091bf;
}

.wide_pc img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 32px;
	max-height: 26px;
}

.wide_pc a img:hover {
	opacity: 1;
}

/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {
	width: 100%;
	position: relative;
}

header h1 {
	font-size: 80%;
}

.logo {
	width: 28%;
}

.headerAdd {
	width: 45%;
	margin: 0 0 0 1%;
	font-size: 90%;
}

.headerTel {
	width: 25%;
	height: auto;
	margin: 0 0 0 1%;
}

header, .inner {
	width: 100%;
	background: #168e85;
}

.article header {
    width: 100%;
}

nav > ul {
	width: 100.4%;
	margin: 0 auto 0;
}

nav ul > li {
	width: 16.6%;
}

nav ul > li:first-child {
	width: 16%;
}

.drop {
    padding: 23px 0 14px;
}

.hnav {
    width: 100%;
    margin: 0;
}

.article .hnav {
    width: 100%;
    margin: 0;
}

.hMail {
    display: none;
}

.hTel {
    width: 53%;
}

.article .hTel {
    width: 58%;
    padding: 0;
}

.hAdd {
    width: 29%;
}

.article .hAdd {
	width: 28%;
	padding: 4% 2%;
}


.headerUl02 {
	width: 100%;
}

.headerUl02 > li {
	width: 26.5%;
	margin: 0;
	padding: 15px 1.5% 0 4%;
	font-size: 12px;
}

.headerUl02 > li:first-child img {
	width: 95%;
}

.hTel02 li + li {
	margin: 5px 0 0;
}

.headerUl02 > li + li + li {
	width: 33.7%;
	padding: 18px 0 0 0.5%;
}

.hMail02 {
	width: 7% !important;
	float: right;
	/* padding: 33px 0.5% 32px !important; */
	/* background: #f7931e; */
	text-align: center;
}

/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/

#cover {
    max-width: 1000px;
}

#cover img {
	width: 85%;
}

#cover p img {
	width: 100%;
}

#cover p img:hover {
	opacity: 1;
}

.cover01 {
	height: inherit;
}

.cover02 {
	height: inherit;
}

.cover03 {
	height: inherit;
}

.cover04 {
	height: inherit;
}

.cover05 {
	height: inherit;
}

#cover p {
    padding: 3% 0 0 2%;
}

.coverArea {
    padding: 0 0 32%;
}

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


/*-----------------------------------------------------------
#main
-----------------------------------------------------------*/

.mainWrap {
    width: 98%;
}

#main {
    width: 100%;
}

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

.preMotto {
    float: left;
    width: 665px;
    padding: 0 0 31%;
    margin: 0 0 0 25px;
    background: url(../img/mottoBg.jpg) no-repeat right top;
    background-size: contain;
    position: relative;
}

.preMotto > a > img {
    width: 60%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
 }
 
/*-----------------------------------------------------------
nav
-----------------------------------------------------------*/

nav > ul {
	width: 100%;
	margin: 0 auto;
}

nav li {
	width: 16.7%;
}

nav > ul li:first-child {
	width: 17%;
}

nav li a {
    font-size: 90%;
}

/*-----------------------------------------------------------
footer
-----------------------------------------------------------*/

footer .inner {
    background: none;
}

.copyright small {
	width: 96%;
}

.inner ul {
    width: 90%;
    margin: 0 auto;
}

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

.fAadd > li:first-child {
    width: 30%;
}

.fAadd > li {
    width: 30%;
    margin: 0 0 0 3%;
    color: #fff;
}

.fAadd li + li + li {
    margin: 3px 0 0 10%;
    width: 27%;
    line-height: 1.5;
}

.fAadd li + li + li span {
	display: inline-block;
}


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

.pankuzu {
	width: 98%;
}

#pageTop {
	width: 6%;
}

#pageTop02 {
	width: 6%;
	bottom: 255px;
}


/* トップページ
----------------------------------------------------------- */

.topLead {
    width: 90%;
    bottom: -2%;
}

.mainConte {
    padding: 30px 0 0;
}

.preface li {
	width: 66.5%;
	margin: 0 0 0 2.5%;
}

.preface li:first-child {
	width: 31%;
	margin: 0;
}

.constWork li {
	float: left;
	margin: 0 0 0 2.6%;
	width: 31.6%;
}

.constWork li:first-child {
	margin: 0;
	width: 65.8%;
}

.conte01 {
	width: 96%;
}

.work li {
	float: left;
	width: 31.6%;
	margin: 0 0 0 2.5% !important;
}

.work li:first-child {
	margin: 0 !important;
}


.bnrConte {
    max-width: 78%;
}

.bnrConte li {
    float: left;
    width: 47%;
    margin: 0 0 0 8%;
}

.bnrConte li:first-child {
	margin: 0;
	max-width: 251px;
	width: 45%;
}

.bnrHours dt {
    max-width: 94%;
    text-align: center;
}

.bnrHours dd {
    margin: 3px 0 13px 3%;
    text-align: center;
}

.conte02 .txtBox {
    width: 96%;
    padding: 2%;
}


.bnrBox {
	margin: 12% auto 0;
}

.bnrMail {
	max-width: 230px;
	margin: 20px 30% 0 !important;
}


.news {
    padding: 21px 1% 0;
    margin: 8% auto 0;
    width: 94%;
}

.news li {
    width: 94%;
    margin: 0 1%;
}

.news dl {
    width: 98%;
    font-size: 90%;
}

.news dl dt {
	width: 20%;
}

.news dl dd {
	width: 70%;
}

.scroll-pane {
	width: 100% !important;
}

.storeBox {
    margin: 8% auto 0;
    padding: 0 0 14%;
}

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

.store_list dt {
	font-size: 110% !important;
	line-height: 1.4;
}

.store_list dd {
	font-size: 80% !important;
	line-height: 1.4;
}

.store_list li:first-child {
	width: 50%;
}

.sOdd li {
    width: 46%;
    padding: 2% 2% 1%;
}

.sEven li {
    width: 46%;
    background: #fff;
    padding: 2% 2% 0;
}



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

.reformwrap_listbox {
	width:  100%;
	margin: 30px auto ;
}

.reformwrap_listbox h3 {
    width: 90%;
    margin:  0px auto;
    padding: 2%;
    background: #22b0a9;
    color: #FFF;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    border-bottom: 10px solid #FFF;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.reformwrap_listbox .caseSliderWrap h4 {
	padding-left: 10px;
	font-size: 120%;
	border-bottom:  1px solid;
	font-weight: bold;
	color: #22b0a9;
	margin: 0 0 10px;
	font-family: 'Yu Gothic Light',游ゴシック体, "Yu Gothic", YuGothic, "メイリオ", sans-serif;
}

.article .conteBox {
    width: 96%;
    margin: 0 auto;
}

.leadTxt {
	padding: 20px 2% 16px;
	font-size: 90%;
	width: 90%;
}

.privacy dl {
    margin: 50px auto 0;
    width: 96%;
}

.privacy dt {
	padding: 0 1%;
}

.privacy dd {
	margin: 10px 2%;
}

.company table {
	width: 100%;
}

.company th {
	width: 30%;
	padding: 10px 2%;
	border-bottom: 1px solid #fff;
}

.company td {
	padding: 10px 2%;
	border-bottom: 1px solid #fff;
}

.company iframe {
	width: 100%;
}

.listUl {
	width: 100%;
	margin: 30px auto 0;
}

.listUl li {
	width: 31.3%;
	margin: 0 1%;
}


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

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

.contact_tb {
	width: 98%;
}

.contact_tb th {
	width: 30%;
	padding: 13px 2% 10px;
	font-size: 80%;
}

.contact_tb td {
	padding: 13px 2% 10px;
	font-size: 80%;
}

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

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

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

.choose_list1 {
    width: 30%;
    margin: 20px auto;
    min-width: 200px;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 98%;
}

#zip1, #zip2 {
	width: 110px;
}

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

#add {
	/* width: 86%; */
	/* margin: 2px 0 0 6.3%; */
}

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

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

.zip2formError {
	left: 54% !important;
}

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

.ui-dialog {
	width: 80% !important;
}


/*-- 商品詳細 --*/

.detailImg {
	width: 70%;
}

.detailTxt {
	width: 29%;
	margin: 0 0 0 1%;
}


/*-- flexslider --*/

.flexslider {
	width: 100%;
	margin: 0;
	border: 0;
}

.flexslider img {
	width: 100%;
}


/* 私たちについて
----------------------------------------------------------- */

.aboutBox li {
	margin: 0 0 0 2%;
	width: 40%;
	float: left;
}

.aboutBox li:first-child {
	margin: 0;
	width: 58%;
}

.aboutBox02 ul {
	margin: 25px auto 0;
	width: 96%;
}

.aboutBox02 ul li {
	float: left;
	width: 30%;
	margin: 1%;
}


.staff_detail {
	width: 296%;
	padding: 0 8% 8%;
}

.staff_center {
    left: -106%;
}

.staff_right {
	left: -213%;
}

.aboutBox03 > ul {
	margin: 25px auto 0;
	width: 100%;
}

.aboutBox03 > ul > li {
	float: left;
	width: 30%;
	margin: 1%;
}

.staff_banner {
    width: 80%;
    margin: 10% auto 11%;
}


/*-- flexslider --*/

.flexslider .slides {
    width: 53%;
    margin: 0.5% 0 0;
    float: left;
}

.flex-control-thumbs {
    width: 44% !important;
    margin: 0 0 0 3% !important;
}

.flexslider .slides img {
    max-width: 96% !important;
    padding: 2% !important;
}

.flex-control-thumbs img {
    max-width: 96% !important;
    max-height: 96% !important;
    padding: 2% !important;
    margin: auto !important;
}

.flex-control-thumbs li {
    width: 47% !important;
    margin: 1% !important;
}


/* 新築・リフォーム
----------------------------------------------------------- */

.newlyBox {
	margin: 60px auto 0;
	width: 90%;
}

.newlyBox li {
	margin: -60px 0 0 0;
	width: 45%;
	float: left;
}

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

.newly_right {
    margin: 200px 0 0 10% !important;
}

.newly_btn {
	width: 100%;
	margin: 80px 200px 0;
}

.newly_btn li {
	width: 42%;
	float: left;
	text-align: center;
	margin: 0 4%;
}

.newly .work li {
    margin: 0 auto !important;
}

/* 蜂・シロアリ駆除
----------------------------------------------------------- */

.verminBox li {
	margin: 0 0 0 2%;
	width: 58%;
	float: left;
}

.verminBox li:first-child {
	margin: 0;
	width: 40%;
}

.verminBox02 li {
	margin: 0 2.5%;
	width: 45%;
	float: left;
}

.verminBox02 li {
    margin: 10px auto;
    width: 90%;
    float: none;
}

.verminBox03 ul {
	margin: 25px auto 0;
	width: 100%;
}

.verminBox03 ul li {
    float: left;
    width: 31.3%;
    margin: 1%;
}

.verminBox03 .verminBox li {
	width: 54%;
	margin: 0 0 0 2%;
}

.verminBox03 .verminBox li:first-child {
	width: 40%;
	margin: 0;
}

/* リフォーム
----------------------------------------------------------- */

.caseSet > li:first-child {
	width: 40%;
}

.caseSet > li:first-child + li {
	width: 57%;
}




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

.company iframe {
    display: block;
}

.company_detail li:first-child {
	position: relative;
    padding-bottom: 28%;
    height: 0;
    overflow: hidden;
    width: 70%;
}

.company_detail li {
    width: 30%;
    float: left;
}

.company iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% ;
    height: 100% ;
}

.contactSelect select {
    width: 100%;
}

/* 修正20170515@
----------------------------------------------------------- */
.headerUl02 > li:first-child {
	width: 24.8%;
	margin: 0;
	background: #fff;
	padding: 20px 0 20px 1%;
}

.headerUl02 > li:first-child img {
	width: 95%;
}


/* 修正20170705@
----------------------------------------------------------- */


.newly_in2 li {
    float: left;
    width: 58%;
    font-size: 14px;
    margin: 10px 0 0;
    line-height: 1.8;
}

.newly_in2 li + li {
    float: left;
    margin: 0 0 0 2%;
    width: 40%;
}

.newly_in3 li {
    float: left;
    width: 48%;
    margin: 30px 0 0;
}

.newly_in3 li + li {
    float: left;
    margin: 30px 0 0 4%;
}


/* 修正20170804@ kaji
----------------------------------------------------------- */
.caseWrap02 {
    width: 96%;
}

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

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

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




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

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

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

.pc {
	display: block;
}

.sp {
	display: none;
}

.coverArea {
    padding: 0 0 20px;
}

.article .headerUl02 li + li + li span {
	display: block;
}

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

.store_list li:first-child {
    width: 70%;
    margin: 0 auto;
    float: none;
    background: none;
}

.store_list li img {
	max-width: 500px;
}

.sOdd li {
    width: 58%;
    padding: 4% 6% 3%;
    margin: 0 auto;
    float: none;
}

.sEven  li {
    width: 58%;
    padding: 4% 6% 3%;
    margin: 0 auto;
    float: none;
}


.topLead {
    bottom: -10px;
    position: relative;
}


.bnrBox {
    width: 70%;
    padding: 5%;
    margin: 12% auto 0;
    background: rgba(24, 165, 159, 0.95);
}

.bnrBox h3 {
	margin: 0;
}

.bnrConte li:first-child {
    max-width: 251px;
    width: 75%;
    color: #FFF;
    padding: 2%;
}

.bnrConte li {
    float: none;
    width: 80%;
    margin: 30px auto 0 !important;
}

.bnrMail {
    margin: 20px auto 0;
}

.news {
    margin: 30px auto 0;
}


/* 修正20170804@ kaji
----------------------------------------------------------- */
.case02 > li {
    float: none;
    width: 100%;
    margin: 20px auto 0;
}

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

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

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

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




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

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

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

.pc, .pcTel {
	display: none !important;
}

.sp {
	display: block;
}

.spTel  {
	display: inline;
}

.store_list .sp {
	display: inline-block;
	color: #22b0a9;
}


/*-- テーブル --*/

table {
	width: 100%;
}

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


/* ヘッダー
----------------------------------------------------------- */

header, .inner {
    background: none;
}

header > ul {
	background: #fff
}


header li:first-child {
	width: 68%;
}

header li:first-child a {
	/* width: 80%; */
	/* padding: 5%; */
}

header li:first-child a img {
	width: auto;
	height: auto;
	max-width: 248px;
	max-height: 44px;
	padding: 4%;
}

header li:first-child a img:hover {
	opacity: 1;
}

.logo {
	width: 60%;
}

.telBtn {
	width: 14%;
	padding: 1%;
	background: #22b0a9;
}

.menuBtn {
	width: 14%;
	float: right;
	padding: 1%;
	background: #14968d;
}
#cover .pc {
	display: none !important;
}

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

#cover img {
    width: 100%;
    margin: 0;
}

.cover01 {
	background: none;
}

.cover02 {
	background: none;
}

.cover03 {
	background: none;
}

.cover04 {
	background: none;
}

.cover05 {
	background: none;
}

.mainConte {
    padding: 0 0 0;
}


/*--- modal ---*/

.telBtn a,
.menuBtn a {
	margin: 10px 0 6px;
    font-size: 300%;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 0;

}

#pageslide {
	width: 65%;
	padding: 1%;
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	color: #FFF;
	background: #22b0a9;
	border-left: solid 5px #e5e5e6;
	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;
	overflow-y: auto;
}

p.btn-close {
	width: 60%;
	margin: 5% auto;
	padding: 6px 2% 3px;
	background: #14736c;
	font-size: 94%;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.btn-close > a {
	text-decoration: none !important;
	color: #fff;
	display: block;
}

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

#slide_navi li a {
	margin: 7px 0 0;
	padding: 0 0 3px;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 3;
	text-decoration: none;
	font-size: 90%;
	border-bottom: 1px solid #c9c9c9;
}

.nolink span {
	text-align: center;
	padding: 12px 0 7px;
	margin: 6px 0 0;
	display: block;
	background: #666;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 2px;
	color: #e5dfd8;
}

#slide_navi li .p_in a, #slide_navi li .p_in2 a {
	background: #22b0a9;
	color: #fff;
	font-size: 12px;
	padding: 15px 5px;
	line-height: 1.2;
	margin: 0 auto 0;
	width: 91%;
}


.nolink {
	text-align: center;
	padding: 15px 0 10px;
	font-size: 14px;
	font-weight: bold;
	background: #168e85;
	margin: 9px 0 0px;
}

.p_in {
	margin: 12px 0 0;
}


.menu-icon1 {
    padding: 10px 0 9px;
    color: #fff;
    border-top: 1px solid #add;
}

.menu-icon2 {
    padding: 10px 0 9px;
    color: #fff;
    border-top: 1px solid #add;
}

.nav_in a {
	background: #168e85 !important;
}

.preface li {
    width: 65% !important;
    margin: 20px auto 0 !important;
    float: none;
}
/*-- ページトップ --*/

#pageTop {
	display: none !important;
}

#pageTop02 {
	display: none !important;
}


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

.sp nav {
	margin: 0 auto;
	background: #22b0a9;
}

.sp nav li a,
.sp nav li a:link,
.sp nav li a:visited {
	color: #fff !important;
}


.sp nav li, .sp nav li:first-child {
	width: 100%;
	float: none;
}

.sp nav li a {
	padding: 13px 0 9px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: #22b0a9;
	border-top: 1px solid #add;
	border-bottom: 1px solid #14968d;
}

.sp nav li a:hover {
	background: initial;
}

.sp nav li dt {
	color: #fff;
	padding: 13px 0 9px
}

.sp nav li dd {
	background: #168e85;
}


/*-- フッターアイコン --*/

.sp footer {
    margin: 0;
    padding: 20px 0 0;
    border-top: 1px solid #add;
    background: #22b0a9;
}

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

.sp footer li {
	width: 31%;
	margin: 0 1%;
	float: left;
}

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

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

footer ul li:first-child a {
    border: 2px solid #fff;
}

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

.sp .copyright {
	margin: 20px auto 0;
	padding: 10px 2%;
	font-size: 70%;
	color: #fff;
	text-align: center;
}


/* トップページ
----------------------------------------------------------- */

#main {
	float: none;
}

#main {
	width: 96%;
}

.preface li:first-child {
    width: 90% !important;
    max-width: 310px;
}

.preface li {
    width: 90% !important;
    margin: 20px auto 0 !important;
    float: none;
}

.preface li {
    width: 65% !important;
    margin: 20px auto 0px !important;
    /* padding: 0 0 31%; */
    float: none;
}

.constWork li:first-child {
    width: 90% !important;
}

.constWork li {
    width: 90%;
    margin: 20px auto 0 !important;
    float: none;
}

.constWork li + li {
	max-width: 316px;
}


.work li:first-child {
    width: 90% !important;
    margin: 20px auto 0 !important;
}

.work li {
    width: 90% !important;
    margin: 20px auto 0 !important;
    float: none;
    max-width: 316px;
}

.news dl dt {
	float: none;
}

.news dl dd {
	float: none;
	width: 96%;
}


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

.article .conteBox + .conteBox {
    margin: 12% auto 0;
    padding: 20px 0 0;
}

.company iframe {
	width: 100%;
	margin: 30px auto 0;
	display: block;
}

.listUl li {
	width: 48%;
}

.contact_tb th {
	font-size: 100%;

}

.choose_list1 {
	width: 40%;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 95%;
}

#zip1, #zip2 {
	width: 110px;
}

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

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

.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;
}

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

.zip2formError {
	width: 42% !important;
	left: 50% !important;
}


/* 私たちについて
----------------------------------------------------------- */

.aboutBox li {
	margin: 30px auto 0;
	width: 100%;
	float: none;
	text-align: center;
}

.aboutBox li img {
	max-width: 400px;
}

.aboutBox li:first-child {
	margin: 0;
	text-align: left;
	width: 100%;
}

.aboutBox02 ul li {
    float: none;
    width: 80%;
    margin: 25px auto 0;
    max-width: 300px;
}

.aboutBox03 > ul > li {
	float: none;
	width: 80%;
	margin: 20px auto 0;
}

.staff_banner {
    width: 90%;
    margin: 10% auto 11%;
}

.staff_detail {
    width: 92%;
    padding: 0 4% 4%;
}

.staff_center {
    left: 0;
}

.staff_right {
    left: 0;
}

.flexslider .slides {
    width: 100%;
    margin: 2% 0 0;
    float: none;
}

.flex-control-thumbs {
    width: 100% !important;
    margin: 2% 0 !important;
}


/* 新築・リフォーム
----------------------------------------------------------- */

.newlyBox li {
	margin: 50px auto 0;
	width: 90%;
	float: none;
}

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

.newly_right {
    margin: 50px auto 0 !important;
}

.newly_btn {
	margin-left: auto;
	margin-right: auto;
}

.newly_btn li {
	width: 80%;
	float: none;
	text-align: center;
	margin: 20px auto 0;
}

.article .bnrBox h3 {
    margin: 0 auto;
    width: 90%;
}



/* 蜂・シロアリ駆除
----------------------------------------------------------- */

.vermin_top {
    margin: 8% auto 4%;
    width: 90%;
}

.vermin_top02 {
    margin: 15% auto 0;
}

.verminBox li {
	margin: 5% 0 0;
	width: 100%;
	float: none;
}

.verminBox li:first-child {
	margin: 0;
	width: 100%;
}

.flowOl01 > li {
    margin: 10% auto 0;
}

.flowOl01 > li > p {
	position: inherit;
	top: -10px;
	margin: 0;
	font-size: 125%;
}

.flowOl01:before {
    background: none;
}

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

.flowOl01 > li dd {
    float: none;
    width: 100%;
    margin: 20px 0 0;
}

.flowInFinish img {
    width: 90%;
    padding: 0 5%;
}

.flowInFinish:before {
    border-color: rgba(255, 255, 255, 0);
}

.verminBox03 .verminBox li {
	width: 100%;
	margin: 3% 0 0;
}

.verminBox03 .verminBox li:first-child {
	width: 100%;
	margin: 0;
}

.vermin_end {
    padding: 4%;
    width: 88%;
}


/* リフォーム
----------------------------------------------------------- */

.caseOl01 > li:first-child dt {
    float: none;
    width: 90%;
    margin: 0 auto;
}

.caseOl01 > li:first-child dd {
    float: none;
    width: 90%;
    margin: 30px auto 0;
}

.caseAfter span {
    width: 90%;
    margin: 30px auto 0;
}

.btnMore .moredown {
    margin: 0 auto;
	width: 90%;
}

.btnMore .moreup {
    margin: 0 auto;
	width: 90%;
}

.caseSet > li:first-child {
	width: 100%;
	float: none;
}

.caseSet > li:first-child + li {
	width: 100%;
	margin: 3% 0 0;
	float: none;
}



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

.company iframe {
    display: block;
}

.company_detail li:first-child {
	width: 100%;
    padding-bottom: 0;
    height: auto;
    width: 100%;
}

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

.company iframe {
	width: 100%;
	position: static;
}



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

.privacy h3 {
    width: 80%;
    max-width: 276px;
}



/* 修正20170515@
----------------------------------------------------------- */

.preface .preMotto {
    width: 90% !important;
    padding: 0 0 42%;
    background: url(../img/mottoBg.jpg) no-repeat center top;
    background-size: contain;
}

.preMotto > a > img {
    /* top: 43%; */
}

.contactSelect select {
    width: 98%;
}


/* 修正20170705@
----------------------------------------------------------- */

.newly_in2 li {
    float: none;
    width: 100%;
    font-size: 14px;
    margin: 10px 0 0;
    line-height: 1.8;
}

.newly_in2 li + li {
    float: none;
    margin: 30px 0 30px;
    width: 100%;
}
/* 修正20170803@寺尾
----------------------------------------------------------- */

.img-responsive{
	width: 100%;
	display: block;
}

.col-wrap {
	width: 100%;
}

.col-xs-6{
	float: none;
	width: 100%;
}



/* 修正20170804@ kaji
----------------------------------------------------------- */
.caseIn02 > li {
    float: none;
    margin: 0 auto;
}

.caseIn02 > li:first-child {
    margin: 0 auto 50px;
}

.caseIn02 > li:first-child:after {
    background: url(../img/reforme_07.png) no-repeat;
    left: 0;
    right: 0;
    bottom: -142%;
    width: 25px;
    background-size: contain;
}

.company td a {
    color: #14968d;
}

.contact .leadTxt a {
    color: #fff;
}

.contact .leadTxt p span {
    display: block;
}

/* 修正20171030@ mori
----------------------------------------------------------- */

.flow_top {
    font-size: 24px;
}

.flow_top span {
    font-size: 15px;
}

.article .flow_top em {
    font-size: 15px;
}

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

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

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




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

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

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


header li:first-child a img {
    width: auto;
    height: auto;
    max-width: 87%;
    max-height: 100%;
    padding: 4%;
}

.telBtn {
	width: 14%;
	margin: 0;
}

.menuBtn {
	width: 14%;
	float: right;
	margin: 0;
}

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

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

.choose_list1 {
	width: 65%;
	font-size: 90%;
}

.choose_list1 > li {
	width: 100%;
}

.news {
    margin: 70px auto 0;
}

.preMotto > a > img {
    /* width: 60%; */
    /* height: 10%; */
    /* position: absolute; */
    /* left: 0; */
    /* top: 48px; */
    /* right: 0; */
    /* margin: 0 auto; */
}

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

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

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




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

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

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

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



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

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

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