@charset "utf-8";


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


/* TOP */
h2 {font-size: 20px;color:#000;font-weight: bold;margin: 15px 0 15px 0;position: relative;padding: 40px 0 0 0;text-align: center;}
h2:after{width: 34px;height: 35px;position: absolute;top: 0px;left: 0px;right: 0;margin: 0 auto;background: url( ../img/title/h2_icon.png) no-repeat;background-size: 100%;content: '';}
h2 span{font-size: 12px;color:#666;display:block;}

/* Ｏ＆Ｍ(改修/保守点検) */
h2.h2_oam_01 {font-size: 27px;color:#000;font-weight: normal;margin: 0px 0 20px 0;text-align: center;position: relative;padding: 70px 0 0 0px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;line-height: 1.8;}
h2.h2_oam_01:after{width: 100px;height: 100px;position: absolute;top: -30px;left: 0px;right: 0;background: url( ../img/title/h2_oam_01.png) no-repeat;background-size: 100%;content: '';margin: 0 auto;}
h2.h2_oam_01 span{font-size:16px;color:#666;display:block;font-family: initial;line-height: 1;}

h2.h2_oam_02 {font-size: 27px;color:#000;font-weight: normal;margin: 0px 0 20px 0;text-align: center;position: relative;padding: 70px 0 0 0px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;line-height: 1.8;}
h2.h2_oam_02:after{width: 100px;height: 100px;position: absolute;top: -30px;left: 0px;right: 0;background: url( ../img/title/h2_oam_02.png) no-repeat;background-size: 100%;content: '';margin: 0 auto;}
h2.h2_oam_02 span{font-size:16px;color:#666;display:block;font-family: initial;line-height: 1;}

h3.oam_h3_01 {
  /* Firefox v3.6+ */
  background-image:-moz-linear-gradient(50% 0% -90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%); 
/* safari v4.0+ and by Chrome v3.0+ */
  background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(254,254,254)),color-stop(0.5, rgb(247,247,247)),color-stop(0.97, rgb(239,239,239)));
/* Chrome v10.0+ and by safari nightly build*/
  background-image:-webkit-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
/* Opera v11.10+ */
  background-image:-o-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
/* IE v10+ */
  background-image:-ms-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
  background-image:linear-gradient(180deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
  width:calc((100% - 60px));
  font-size: 20px;
  color:#006CB7;
  padding:10px 30px 15px;
  margin: 0 0 15px 0;
  text-align:left;
  border-color:rgb(205,212,221);
  border-width:1px;
/* Firefox v1.0+ */
  -moz-border-radius:9px;
/* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-border-radius:9px;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
  border-radius:9px;
  border-style:solid;
/* Firefox v3.5+ */
  -moz-box-shadow:inset 0px 0px 0px rgb(255,255,255);
/* Safari v3.0+ and by Chrome v0.2+ */
  -webkit-box-shadow:inset 0px 0px 0px rgb(255,255,255);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
  box-shadow:inset 0px 0px 0px rgb(255,255,255);
}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{line-height:150%;color:#212121;text-align: left;padding: 0 0 0px;margin: 0 0 30px;font-weight: bold;font-family:HannariMincho;font-size:24px;font-weight:bold;text-align:center;position: relative;}

solar_nbr{ position:relative;}
.solar_nbr:after{width: 45px;height: 40px;position: absolute;top: 0px;left: 0px;right: 0;margin: 0;background: #006DB7;color:#FFF;text-align:center;line-height: 1.5;padding: 5px 0 0px 0px;}
.nbr_1:after{content: '1';}
.nbr_2:after{content: '2';}
.nbr_3:after{content: '3';}
.nbr_4:after{content: '4';}

.nbr_1,.nbr_2,.nbr_3,.nbr_4 {font-size:20px;padding-left: 56px;text-align: left;}
#oam .solar_nbr:after{top: 0;}

.h3_top_01{width: 250px;height: 146px;background: url( ../img/title/h3_top_01.png) 0 0 no-repeat;text-indent: -999em;margin: 0 auto 20px;}
.h3_top_02{width: 250px;height: 146px;background: url( ../img/title/h3_top_02.png) 0 0 no-repeat;text-indent: -999em;margin: 0 auto 20px;}


.h3_footer_01{width: 320px;height: 33px;background: url( ../img/title/footer_h2_01.png ) 0 0 no-repeat;background-size: 100%;text-indent: -999em;margin: 0 auto 30px;}

/* 物件を探す */
.buken_h3{width:calc((100% - 2px));border: 1px solid #BDB8BE;padding: 11px 0 18px;background: #F9F9F9;font-size: 25px;margin: 0 0 30px;color: #10AF9E;}


/*---------------------------------------------
 **  h4
---------------------------------------------*/
h4 {font-size:22px;color:#006CB7;text-align:center;font-weight:bold;margin: 0 0 1px;}



}




/*---------------------------------------------
 ** TAB
---------------------------------------------*/
 @media screen and (min-width: 741px) and (max-width: 1279px) { 


/* TOP */
.main_clounm_2_L h2 {
width:calc((72% - 40px)); margin: 0 auto 30px !important ;
  font-size:28px; color:#000; font-weight: bold; margin: 15px 0 15px 0;text-align: left;position: relative;padding: 0 0 0 46px;}

h2 {font-size:28px; color:#000; font-weight: bold; margin: 15px 0 15px 0;text-align: left;position: relative;padding: 0 0 0 46px;}
h2:after{width: 34px;height: 35px;position: absolute;top: 9px;left: 0px;background: url( ../img/title/h2_icon.png) no-repeat;background-size: 100%;content: '';}
h2 span{font-size:16px; color:#666; display:block;}

/* Ｏ＆Ｍ(改修/保守点検) */
h2.h2_oam_01 {font-size: 27px;color:#000;font-weight: normal;margin: 30px 0 20px 0;text-align: center;position: relative;padding: 70px 0 0 0px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;line-height: 1.8;}
h2.h2_oam_01:after{width: 100px;height: 100px;position: absolute;top: -30px;left: 0px;right: 0;background: url( ../img/title/h2_oam_01.png) no-repeat;background-size: 100%;content: '';margin: 0 auto;}
h2.h2_oam_01 span{font-size:16px;color:#666;display:block;font-family: initial;line-height: 1;}

h2.h2_oam_02 {font-size: 27px;color:#000;font-weight: normal;margin: 30px 0 20px 0;text-align: center;position: relative;padding: 70px 0 0 0px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;line-height: 1.8;}
h2.h2_oam_02:after{width: 100px;height: 100px;position: absolute;top: -30px;left: 0px;right: 0;background: url( ../img/title/h2_oam_02.png) no-repeat;background-size: 100%;content: '';margin: 0 auto;}
h2.h2_oam_02 span{font-size:16px;color:#666;display:block;font-family: initial;line-height: 1;}

h3.oam_h3_01 {
  /* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(254,254,254)),color-stop(0.5, rgb(247,247,247)),color-stop(0.97, rgb(239,239,239)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
background-image:linear-gradient(180deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
width:calc((100% - 60px));
font-size:22px;
color:#006CB7;
padding:10px 30px 15px;
text-align:left;

border-color:rgb(205,212,221);
border-width:1px;
/* Firefox v1.0+ */
-moz-border-radius:9px;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:9px;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:9px;
border-style:solid;
/* Firefox v3.5+ */
-moz-box-shadow:inset 0px 0px 0px rgb(255,255,255);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:inset 0px 0px 0px rgb(255,255,255);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:inset 0px 0px 0px rgb(255,255,255);
}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
#about h3 {   font-size: 34px; }
h3{line-height:150%;color:#212121;text-align: left;padding: 5px 0 0px;margin: 0 0 30px;font-weight: bold;font-family:HannariMincho;font-size: 19px;font-weight:bold;text-align:center;position: relative;}

.h3_top_01{ width: 250px; height: 146px; background: url( ../img/title/h3_top_01.png) 0 0 no-repeat; text-indent: -999em; margin: 0 0 20px; }
.h3_top_02{width: 250px;height: 146px;background: url( ../img/title/h3_top_02.png) 0 0 no-repeat;text-indent: -999em;margin: 0 0 20px;}

.h3_footer_01{width: 681px;height: 62px;background: url( ../img/title/footer_h2_01.png ) 0 0 no-repeat;text-indent: -999em;margin: 0 auto 40px;}

solar_nbr{ position:relative;}
.solar_nbr:after{width: 45px;height: 40px;position: absolute;top: 0px;left: 0px;right: 0;margin: 0;background: #006DB7;color:#FFF;text-align:center;line-height:1;padding: 5px 0 0px 0px;}
.nbr_1:after{content: '1';}
.nbr_2:after{content: '2';}
.nbr_3:after{content: '3';}
.nbr_4:after{content: '4';}

/* 物件を探す */
.buken_h3{width:calc((100% - 2px));border: 1px solid #BDB8BE;padding: 11px 0 18px;background: #F9F9F9;font-size: 25px;margin: 30px 0 30px;color: #10AF9E;}


/*---------------------------------------------
 **  h4
---------------------------------------------*/
h4 {font-size:22px;color:#006CB7;text-align:center;font-weight:bold;margin: 0 0 1px;}


}

/*-----------------------------------------------------	*/
/*  for PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 1280px) {
	
/*---------------------------------------------
 ** h2
---------------------------------------------*/


/* TOP */
h2 {font-size:28px; color:#000; font-weight: bold; margin: 15px 0 15px 0;text-align: left;position: relative;padding: 0 0 0 46px;}
h2:after{width: 34px;height: 35px;position: absolute;top: 9px;left: 0px;background: url( ../img/title/h2_icon.png) no-repeat;background-size: 100%;content: '';}
h2 span{font-size:16px; color:#666; display:block;}

/* Ｏ＆Ｍ(改修/保守点検) */
h2.h2_oam_01 {font-size: 37px;color:#000;font-weight: normal;margin: 30px 0 20px 0;text-align: center;position: relative;padding: 70px 0 0 0px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;line-height: 1.8;}
h2.h2_oam_01:after{width: 150px;height: 150px;position: absolute;top: -80px;left: 0px;right: 0;background: url( ../img/title/h2_oam_01.png) no-repeat;background-size: 100%;content: '';margin: 0 auto;}
h2.h2_oam_01 span{font-size:16px;color:#666;display:block;font-family: initial;line-height: 1;}

h2.h2_oam_02 {font-size: 37px;color:#000;font-weight: normal;margin: 30px 0 20px 0;text-align: center;position: relative;padding: 70px 0 0 0px;font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;line-height: 1.8;}
h2.h2_oam_02:after{width: 150px;height: 150px;position: absolute;top: -80px;left: 0px;right: 0;background: url( ../img/title/h2_oam_02.png) no-repeat;background-size: 100%;content: '';margin: 0 auto;}
h2.h2_oam_02 span{font-size:16px;color:#666;display:block;font-family: initial;line-height: 1;}

h3.oam_h3_01 {
  /* Firefox v3.6+ */
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(254,254,254)),color-stop(0.5, rgb(247,247,247)),color-stop(0.97, rgb(239,239,239)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
/* IE v10+ */
background-image:-ms-linear-gradient(-90deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
background-image:linear-gradient(180deg,rgb(254,254,254) 0%,rgb(247,247,247) 50%,rgb(239,239,239) 97%);
width:calc((100% - 60px));
font-size:22px;
color:#006CB7;
padding:10px 30px 15px;
text-align:left;

border-color:rgb(205,212,221);
border-width:1px;
/* Firefox v1.0+ */
-moz-border-radius:9px;
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-border-radius:9px;
/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
border-radius:9px;
border-style:solid;
/* Firefox v3.5+ */
-moz-box-shadow:inset 0px 0px 0px rgb(255,255,255);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:inset 0px 0px 0px rgb(255,255,255);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:inset 0px 0px 0px rgb(255,255,255);
}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{line-height:150%;color:#212121;text-align: left;padding: 0 0 0px;margin: 0 0 30px;font-weight: bold;font-family:HannariMincho;font-size:34px;font-weight:bold;text-align:center;}

solar_nbr{ position:relative;}
.solar_nbr:after{width: 45px;height: 45px;position: absolute;top: -50px;left: 0px;right: 0;margin: 0 auto;background: #006DB7;color:#FFF;text-align:center;line-height:1;}
.nbr_1:after{content: '1';}
.nbr_2:after{content: '2';}
.nbr_3:after{content: '3';}
.nbr_4:after{content: '4';}

#oam .solar_nbr:after{top: -45px;}

.h3_top_01{ width: 250px; height: 146px; background: url( ../img/title/h3_top_01.png) 0 0 no-repeat; text-indent: -999em; margin: 0 0 20px; }
.h3_top_02{width: 250px;height: 146px;background: url( ../img/title/h3_top_02.png) 0 0 no-repeat;text-indent: -999em;margin: 0 0 20px;}

.h3_footer_01{width: 681px;height: 62px;background: url( ../img/title/footer_h2_01.png ) 0 0 no-repeat;text-indent: -999em;margin: 0 auto 40px;}

/* 物件を探す */
.buken_h3{width:calc((100% - 2px));border: 1px solid #BDB8BE;padding: 11px 0 18px;background: #F9F9F9;font-size: 25px;margin: 0 0 30px;color: #10AF9E;}

/*---------------------------------------------
 **  h4
---------------------------------------------*/
h4 {font-size:22px;color:#006CB7;text-align:center;font-weight:bold;margin: 0 0 1px;}



}