@charset "utf-8";

/* お問い合わせで使用 */

.bukken_on>span { display: none !important;}
.dn>span { display: none !important;}

/* facebook　ページプラグインのレスポンシブ対応 */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
/*---------------------------------------------
	body
  ---------------------------------------------*/
  html{ scroll-behavior: smooth;}
body {
	/*もとのフォント
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*/
	font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
#top .main_img	{ background:none top center no-repeat;  }
#search .main_img	{ background: url(../img/main_img/search.jpg) center top  no-repeat; }
#solar .main_img	{ background: url(../img/main_img/solar.jpg) center top  no-repeat; }
#oam .main_img	{ background: url(../img/main_img/oam.jpg) center top  no-repeat; }
#fit .main_img	{ background: url(../img/main_img/fit.jpg) center top  no-repeat; }
#works .main_img	{ background: url(../img/main_img/works.jpg) center top  no-repeat; }
#about .main_img	{ background: url(../img/main_img/about.jpg) center top  no-repeat; }
#enkaku .main_img	{ background: url(../img/main_img/enkaku.jpg) center top  no-repeat; }
#recruit .main_img	{ background: url(../img/main_img/about.jpg) center top  no-repeat; }

#contact .main_img	{ background: url(../img/main_img/about.jpg) center top  no-repeat; }
#news .main_img	{ background: url(../img/main_img/about.jpg) center top  no-repeat; }



/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a {	outline: none;}
a:link {text-decoration: none;color: #02529C;}
a:visited {text-decoration: none;color: #02529C;}
a:hover {	text-decoration: underline;	color: #0371D3;}
a:active {	text-decoration: none;	color: #02529C;}



/*---------------------------------------------
 ** common div
---------------------------------------------*/
#content	{ width:100%; clear:both;}

/*---------------------------------------------
 ** width
---------------------------------------------*/
.w_200{width:200px;}
.w_250{width:250px;}
.w_270{width:270px;}
.w_280{width:280px;}
.w_300{width:300px;}
.w_400{width:400px;}
.w_420{width:420px;}
.w_440{width:440px;}
.w_880{width:880px !important;}
.w_1040{width:980px;}

/*---------------------------------------------
 **  color
---------------------------------------------*/
.cf{color: #FFF;}
.bl{color: #2B57B8;}
.gr{color: #18ABAD;}
.bk{color: #000;}
/*---------------------------------------------
	p
---------------------------------------------*/
p {margin-bottom: 1em; }
p:last-of-type {margin-bottom: 0; }

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.m0a{margin: 0 auto;}

.mt20{margin-top:20px !important;}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}

.mlr5{ margin-left: 5%; margin-right: 5%;}


/* インナーカラムのマージン　オフ */
.inner_clounm{margin-bottom:0!important;}

/*---------------------------------------------
 ** float
---------------------------------------------*/
.float_L{ float:left;}
.float_R{ float:right;}

.img_R{ float:right; margin:0 0 0 30px;}
.img_L{ float: left; margin:0 30px 0 0 ;}
.img_C{ float: left; margin:0  0 20px 0 ;}

/*---------------------------------------------
 ** float解除
---------------------------------------------*/
.over_zoom{_zoom: 1;	overflow: hidden;}
.clear	{ width:100%; height:3px; font-size:2px; clear:both;}

/*---------------------------------------------
 ** ON OFF hover
---------------------------------------------*/
.hover {-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/*---------------------------------------------
 **  画像角丸
---------------------------------------------*/
/* img{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} */

/*---------------------------------------------
 **  ページトップ
---------------------------------------------*/
#pageTop {

  position: fixed;
  bottom: 20px;
  right: 20px;
    z-index: 999;
}
 
#pageTop a {
  display: block;
  padding: 5px 3px 0px 3px;
  border-radius: 30px;
  width: 137px;
  height: 142px;
  background-color: #02529C;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: url(../img/common/pt.png) no-repeat;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*---------------------------------------------
 **   text-align
---------------------------------------------*/
.tac{ text-align: center;}

/*---------------------------------------------
 **  position
---------------------------------------------*/
.por{position: relative;}
/*---------------------------------------------
 ** ボタン
---------------------------------------------*/

/*---------------------------------------------
 ** パンくずリスト
---------------------------------------------*/
nav#breadcrumbs ol{ padding:0;}

nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
  font-size:80%;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}



/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/
@media screen and (max-width: 320px) {
}

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

body{color:#444;}

.img_box{ margin-bottom:20px;}	
/* fook */
.only_tab, .only_pc	{display:none;}
.only_sp		{display:inline;}
.only_sp_none {display:none!important; }
.sp_br{display: inline;}

/*画像*/
img{max-width:100%; height:auto;}

/*---------------------------------------------
 ** box ブロック SP
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main			{margin-bottom: 0px;padding: 20px  0 0 0px;}




/* フッター　左右 */
#ftrL,#ftrR{ margin-bottom:30px; padding: 0 5%;}


/* コピーライト */
#copyright{font-size:10px;padding: 15px 15px 16px 15px;text-align:center;background: #00B2B8;color: #FFF;}


/* スマホ　ページTOP */
#pageTop a {
  width: 60px;
  height: 60px;
  background-size:100%;
}

}

/*=================================================================================================================================*/
/** 個別指定 for タブレット
/*=================================================================================================================================*/
 @media screen and (min-width: 741px) and (max-width: 1279px) { 
 
 /* fook */
.only_sp, .only_pc	{display:none;}
.only_tab		{display:inline;}
.only_tab_none {display:none!important; }
.sp_br{display: none;}

/*---------------------------------------------
 ** box ブロック TAB
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main{margin-bottom:50px;padding: 20px  0 0 0px;}


/* フッター　左右 */
#ftrL,#ftrR{margin-bottom:30px;padding: 0 2%;width: 46%;float: left;}


/* コピーライト */
#copyright{font-size:10px;padding: 15px 15px 16px 15px;text-align:center;background: #00B2B8;color: #FFF;}

}

 
/*=================================================================================================================================*/
/**  個別指定 for PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 1280px) {

/* fook */
.only_tab, .only_sp	{display:none;}
.only_pc		{display:inline;}
.only_pc_none {display:none!important; }
.sp_br{display: none;}


/*---------------------------------------------
 **  box ブロック PC
---------------------------------------------*/
/* コンテンツ全体 */
#content{ width:100%;}
#main{width: 100%;margin: 0 auto;padding: 75px 0 0px;}

/*---------------------------------------------
 **  PC専用 width
---------------------------------------------*/
.w450{width: 450px !important;}
.w690{width: 690px !important;}


/*---------------------------------------------
 ** margin
---------------------------------------------*/
.mrl50{margin-right: 50px; margin-left: 50px;}


}



.buy_css{ position: relative;}
.buy_css img{ opacity:0.7;}
.buy_css :after{
	width:100px;
	position: absolute;
	top: 43%;
	left:0;
	right:0;
	margin: 0 auto;
	display:block;
	padding:2px 10px;
	background: rgba(0,104,181,1);
	content: '売約済み';
	z-index: 1;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	}