@charset "utf-8";

html {
  background: url("../img/top.jpg") no-repeat;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic" !important;
  overflow: auto;
}
.br {
  display: none;
}

h1{
  color: #111;
}

.wrapper {
  max-width: 1000px;
  margin: 0 auto;
	  min-height: 100vh;
	position: relative;
}

body {
  min-width: 100%;
  background: url("../img/top.jpg") no-repeat;
  overflow-x: hidden;
}

.form_f000 a {
  color: #fff;
}

/*********************************XL*/

/*メイン*/
@media (min-width: 992px) {
  .con-a {
    position: relative;
    width: 100%;
    height: 490px;
    background: url("../img/main_hito00.png") no-repeat 100% 20%;
    font-size: 1rem;
  }
  
}

.con-a {
  xposition: relative;
  width: 100%;
  xheight: 460px;
  background: url("../img/main_hito00.png") no-repeat 100% 20%;
  font-size: 1rem;
}

.t_tel {
  width: 100%;
  padding: 16px 0 0 0;
}

.kensa {
  position: relative;
  top: 30px;
}

.header {
  padding: 20px 0 0 0;
}

h1 {
  padding: 70px 0 0 40px;
  font-size: 2rem;
  font-weight: bold;
}

.logo img {
  width: 14rem;
  height: auto;
}

.top_t001 {
  margin: 0px 0 -20px 40px;
  font-weight: bold;
	font-size: 1.2rem;
}

.top_t003 {
  margin: 20px 0 0 40px;
}

.top_t004 {
  margin: 0px 0 0 40px;
  font-weight: bold;
}

.c1000{
	margin-top: -56px;
	width:100vw;
	margin-left:calc( ( 100% - 100vw ) / 2 );
}

/*800の赤枠*/

.box01 {
  background: #f7c901;
  display: table;
  width: 100%;
  height: 80px;
  padding: 20px;
  margin: 30px;
}
/*クロームハック*/
@supports (-ms-ime-align:auto){
	.box01 {
  background: #e60012;
  display: table;
  width: 100%;
  height: 110px;
  padding: 20px;
  margin: 30px;
}
}

.box001 {
  background: #f7c901;
  display: table;
  width: 80%;
  height: 80px;
  padding: 20px;
  margin: 30px 0;
  color: #333;
}

.box03 {
  background: #005bac;
  display: table;
  width: 100%;
  height: 80px;
  padding: 20px;
  margin: 30px 0;
  color: #fff;
  font-weight: bold;
}

.box003 {
  background: #005bac;
  display: table;
  width: 100%;
  height: 80px;
  padding: 20px;
  margin: 30px 0;
  color: #fff;
  font-weight: bold;
	border-left: #fff solid 1px;
}

.top_p002 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
}

.top_p003 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 1.4rem;
  color: #fff;
}

.top_t002 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 1.6rem;
  color: #111;
  font-weight: bold;
}

.top_t003 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 1.48rem;
  color: #000;
	font-weight: bold;
}

.top_t003 a {
  text-decoration: underline;
  color: #000;
}

.top_t003 a:hover {
  color: #fff;
}

/*料金*****************************************/

.price {
  position: relative;
	xtop: -60px;
  height: 80%;
  height: 420px;
  xbackground: url("../img/form_06.jpg") no-repeat center;
}

x.price::before {
  display: block;
  content: "";
  padding-top: 63%;
}

.price_r001 {
  /* font-size: 1rem; */
  /* position: absolute; */
  /* top: 2rem; */
  /* left: 5rem; */
}

.price_r002 {
  /* font-size: 1.4rem; */
  /* color: #fff; */
  /* position: absolute; */
  /* top: 1.4rem; */
  /* left: 28rem; */
}

/* Chrome & Opera */

_::content,
_:future,
.price_r002:not(*:root) {
  xtop: 2rem;
}

.box02 {
  background: #e60012;
  display: table;
  width: 40%;
  height: 60px;
  padding: 20px;
  margin: 30px;
  position: absolute;
  top: 14rem;
  left: 5rem;
}


/*お問合せ*/

.owrapper{-180
	position:relative;
	top: -180px;
}

.otoi {
  font-weight: bold;
  font-size: 1.2rem;
  color: #005bac;
  position: absolute;
  top: 14rem;
  left: 4rem;
}

.pwrapper {
  position: absolute;
  width: 100%;
  top: -8rem;
  left: 30rem;
}

.ooo {
  position: absolute;
  width: 100%;
  top: 12rem;
  left: 0rem;
  border: solid 7px #005bac;
  height: 240px;
}

.price_t011 {
  font-size: 1rem;
  color: #000;
  xposition: absolute;
  top: 9rem;
  left: 5rem;
  
}

.price_t010 {
  font-size: 0.8rem;
  color: #005bac;
  xposition: absolute;
  /* top: 7rem; */
  /* left: 5rem; */
  margin-bottom: 10px;
}

.price_t000 {
  font-size: 1.3rem;
  color: #ff0000;
  xposition: absolute;
  /* top: 12rem; */
  /* left: 5rem; */
  font-weight: bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	p.text {
		color: #71ac00;
	}
}

.price_t001 {
  font-size: 1rem;
  color: #005bac;
  xposition: absolute;
  top: 14rem;
  left: 5rem;
  font-weight: bold;
}

.square_btn {
  width: 20rem;
  height: 4rem;
  position: absolute;
  top: 18rem;
  left: 4rem;
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-image: -webkit-linear-gradient(45deg, #e60012 0%, #a70411 100%);
  background-image: linear-gradient(45deg, #e60012 0%, #a70411 100%);
  transition: .4s;

}

.square_btn:hover {
  background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
  text-decoration: none;
  color: #fff;
}

.square_btn span {
  position: relative;
  top: 0.4rem;
  left: 2.4rem;
  font-size: 1.4rem;
  font-weight: bold;
}

.form_f000 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.4rem;
}

.price_t002 {
  color: #005bac;
  position: absolute;
  top: 22rem;
  left: 5rem;
  font-weight: bold;
  font-size: 1.2rem;
}

.price_t003 {
  color: #005bac;
  position: absolute;
  top: 24rem;
  left: 5rem;
}

.ao_m {
  position: absolute;
  top: 27rem;
  left: 6rem;
  width: 4rem;
}

.price_t004 {
  color: #005bac;
  position: absolute;
  top: 26rem;
  left: 12rem;
}

.price_t004 span {
  font-size: 2rem;
}

.price_t005 {
  color: #005bac;
  position: absolute;
  top: 29rem;
  left: 12rem;
}

.price_t005 span {
  font-size: 2rem;
}




/*外壁********************************/

h2 {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 40px 0 40px 30px;
}

.gaiheki {
  position:relative;
  max-width: 100%;
  min-height: 40rem;
  background: url("../img/gaiheki.png") no-repeat center center;
  background-size: 100%;
	margin-top: 40px;
}

.gaiheki_h {
  font-weight: bold;
}

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

.kai {
  font-size: 1rem;
  height: 10rem;
  margin: 80px 0 0 0;
  padding: 30px;
  border-bottom: solid 1px #000;
  border-top: solid 1px #000;
}

.footer {
  display: block;
  background-color: #005BAC;
  color: #fff;
  margin: 0 auto;

}

.foot_01 {
  width: 1000px;
}

.o_f {
  font-size: 0.8rem;
}

.o_t {
  font-size: 0.8rem;
}

.cp {
  width: 100%;
  margin: 2rem;
  font-size: 1rem;
  text-align: center;
  text-align: right;
}

.co {
  margin: 2rem;
  font-size: 0.8rem;
  text-align: right;
}

.secu {
  margin-left: 3rem;
  font-size: 0.8rem;
}

.cp a {
  color: #fff !important;
}

/*********************************lg*/

@media (max-width: 992px) {
  
  .br {
    display: block;
  }
  .logo img {
    width: 100%;
    height: auto;
  }

  .t_tel img {
    width: 100%;
    padding: 0 0 0 0;
  }

  .o_tel img {
    width: 100%;
    padding: 5px 0 0 0;
  }

  h1 {
    font-size: 1.8rem;
  }

  .con-a {
    xposition: relative;
    width: 100%;
    xheight: 460px;
    font-size: 1rem;
  }

  .box01 {
    background: #f7c901;
    display: table;
    width: 100%;
    height: 80px;
    padding: 20px;
    margin: 30px;
  }

  .box001 {
    background: #f7c901;
    display: table;
    width: 100%;
    height: 80px;
    padding: 20px;
    margin: 30px 0;
    color: #333;
  }

  .top_t002 {
    white-space: nowrap;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem;
    color: #111;
  }

  .top_t003 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem;
    color: #000;
  }

  .top_p002 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1rem;
    color: #fff;
  }

  .top_p003 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
    color: #fff;

  }


  .price_r001 {
    /* font-size: 1rem; */
    /* position: absolute; */
    /* top: 2rem; */
    /* left: 2rem; */
  }

  .price_r002 {
    /* font-size: 1.4rem; */
    /* color: #fff; */
    /* position: absolute; */
    /* top: 1.4rem; */
    /* left: 28rem; */
  }

  .box03 {
    background: #005bac;
    display: table;
    width: 100%;
    height: 100px;
    padding: 20px;
    margin: 30px 0 0 0;
  }

  .box003 {
    background: #005bac;
    display: table;
    width: 100%;
    height: 100px;
    padding: 20px;
    margin: 30px 0 0 0;
    color: #fff;
  }

  .pwrapper {
    position: absolute;
    width: 100%;
    top: -8rem;
    left: 20rem;
  }

}


/***タブレット******************************md*/

@media (max-width: 768px) {
  .logo img {
    width: 100%;
    height: auto;
  }

  .t_tel {
    width: 80%;
    padding: 15px 0 0 0;
  }

  .box01 {
    background: #f7c901;
    display: table;
    width: 100%;
    height: 80px;
    padding: 20px;
    margin: 30px;
  }

  .box001 {
    background: #f7c901;
    display: table;
    width: 100%;
    height: 80px;
    padding: 20px;
    margin: 30px 0;
    color: #333;
  }

  .price_t000 {
    font-size: 1rem;
    color: #ff0000;
    /* position: absolute; */
    /* top: 10rem; */
    /* left: 5rem; */
    font-weight: bold;
  }

  .price_t001 {
    font-size: 1.4rem;
    color: #005bac;
    /* position: absolute; */
    /* top: 12rem; */
    /* left: 5rem; */
    font-weight: bold;
  }


  .top_t002 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem;
    color: #111;
  }

  .top_t003 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.4rem;
    color: #000;
  }

  .price {
    position: relative; 
    /height: 80%; 
    height: 532px; 
  }
	  .price_r001 {
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    top: 3rem;
    left: 22rem;
  }

  .price_r002 {
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    top: 1.4rem;
    left: 22rem;
  }

  .m_mail {
    width: 0%;
  }

  .m_phone {
    width: 0%;
  }

  .owrapper {
    width: 80%;
    height: 50rem;
    position: absolute;
    top: 2rem;
    left: 5rem;
  }

  x.pwrapper {
    position: absolute;
    width: 100%;
    top: -8rem;
    left: 20rem;
  }

  .pwrapper {
    width: 100%;
    height: 50rem;
    position: absolute;
    top: 2rem;
    left: 0rem;
  }

  .ooo {
    position: absolute;
    width: 100%;
    top: 12rem;
    left: 0rem;
    border: solid 7px #005bac;
    height: 380px;

  }

  .gaiheki {
    position: relative;
    top: 3rem;
    max-width: 100%;
    min-height: 46rem;
    background: url("../img/gaiheki.png") no-repeat center center;
    background-size: 100%;
  }

  .kai {
    font-size: 1rem;
    height: 14rem;
    margin: 30px 0 0px 0;
    padding: 30px;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
  }
}

/****スマフォ*****************************sm*/

@media (max-width: 576px) {

  .top_t002 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
    color: #111;}
    
    .box03 {
    border-bottom: #fff solid 1px;
     border-left: #fff solid 1px;
}

  .box003 {
    border-bottom: #fff solid 1px;
}
  .top_p002 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
    color: #fff;
}

  .price {
    position: relative;
    height: 100%;
    height: 260px;
  }

  x.owrapper {
    width: 100%;
    height: 50rem;
    position: absolute!important;
    top: 20rem;
    left: 0rem;
  }


  .c1000{margin-top: 0px!important;}

  x.box03,.box003 {
    background: #005bac;
    display: table;
    width: 100%;
    height: 100px;
    padding: 20px;
    margin: 0 0 0 0!important;
  }

	
	x.otoi_t{
		position: relative;
		10000px;
	}
  h1 {
    padding: 26px 0 0 5px;
    font-size: 1.6rem;
  }

  .kphoto {
    width: 36%;
    position: absolute;
    top: 80px;
    left: 230px;
  }

  .gaiheki_p {
    margin: 0 0 20px 0;
  }

  body {
    xdisplay: none;
  }

  .box01 {
    background: #f7c901;
    /* height: 50px; */
    width: 100%;
    padding: 0px;
    margin: 0px;
  }

  .con-b {
    padding: 0px 0 0 2px;
  }

  .header {
    margin: 0;
    padding: 0;
  }

  .con-a {
    /* position: relative; */
    xwidth: 100%;
    xheight: 460px;
    background: url("../img/top_m.jpg") no-repeat center center;
    background-size: auto 456px;
    font-size: 1rem;
  }

  .logo {
    padding: 4% 3px 0 0 !important;
  }

  .logo img {
    width: 100%;
    height: auto;
  }

  .m_mail {
    display: block;
    background-color: #005bac;
    xposition: absolute;
    xtop: -17px;
    xright: 243px;
    padding: 0 3px 0 0 !important;
  }

  .m_mail img {
    width: 100%;
  }

  .m_phone {
    background-color: #e70012;
    padding: 0 3px 0 0 !important;
  }

  .m_phone img {
    display: block;
    width: 110%;
  }

  .otel a {
    color: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
  }

  .ttel a {
    color: #fff;
    position: absolute;
    top: 32px;
    left: 2px;
  }

  h1.d-sm-none {
    padding: 10px auto !important;
  }

  .price_m {
    margin: 0px 0 0 0;
    position: relative;
    top: 40px;
    height: 80%;
    min-height: 210px;
  }

  .price_r001 {
  width: 100%;
  height: 10rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
  background: url(../img/rr_03.jpg) no-repeat center center;
  background-size: 100%;
  }

  .top_t001 {
    margin: 20px 0 10px 6%;
  }

  .top_t003 {
    margin: 20px 0 10px 6%;
    white-space: nowrap !important;
  }


  .price_r001 span {
    /* position: absolute; */
    /* top:50px; */
    /* left: 2rem; */
    width: 100%;
  }

  .price_r002 {
    width: 100%;
    height: 10rem;
    position: absolute;
    top: 5rem;
    left: 0rem;
    background: url(../img/rr_03.jpg) no-repeat center center;
    background-size: 100%;
  }

  .price_r002 span {
    /* position: absolute; */
    /* top: 2.6rem; */
    /* left: 2rem; */
    width: 100%;
  }
	

  .price_t000 {
    color: #ff0000!important;
    xposition: absolute;
    font-size: 12px!imporant;
    xtop: 210px;
    xleft: 2rem;
    font-weight: normal!important;
  }

  .price_t001 {
    color: #005bac;
    xposition: absolute;
    xtop: 340px;
    xleft: 30px;
    font-size: 1rem;
    font-weight: bold;
  }

  .box02 {
    background: #e60012;
    display: table;
    width: 100%;
    height: 60px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0;
    left: 0rem;
  }

  .form_f000 {
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 1.4rem;
    padding: 10px;
  }

  .price_t002 {
    position: absolute;
    top: 60px;
    left: 10px;
  }

  .price_t003 {
    position: absolute;
    top: 100px;
    left: 30px;
  }

  .ao_m {
    position: absolute;
    top: 140px;
    left: 0px;
  }

  .price_t004 {
    position: absolute;
    top: 120px;
    left: 70px;
  }

  .price_t005 {
    position: absolute;
    top: 160px;
    left: 70px;
  }

  .gaiheki {
    position: relative;
    min-height: 56rem;
    margin: 0 0 0 0;
  }

  .gaiheki h2 {
    margin: 20px 0 20px 0;
    font-size: 1.2rem;
  }

  .form_f000 {
    width: 100% !imporant;
  }

  .kai {
    font-size: 1rem;
    height: 16rem;
    margin: 80px 0 0 0;
    padding: 30px;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
  }

  .cp {
    xposition: bsolute;
    margin: 40px 0 0 -10%;
  }

  .secu {
    position: absolute;
    top: -20px;
    left: 20%;
  }

  .foot_01 {
    color: #fff !imporant;

  }

  .o_f {
    color: #fff;
  }
	.gaiyo{
		position: absolute;
		top: -20px;
    left: 1rem;
		
	}

}