@charset "UTF-8";

@charset "UTF-8";

@charset "UTF-8";

@charset "UTF-8";


/*最初の見出し*/
#first+section .heading.block_header_6 .h {
  position: relative;
  display: inline-block;
  padding: 0px;
  font-size: 3.8rem !important;
  font-weight: bold;
  line-height: 1.5;
}
#first+section .heading.block_header_6 .h::before {
  content: '';
  position: absolute;
  display: block;
  bottom: 5px;
  height: 20px;
  left: 0;
  width: 100%;
  background: #f8b551;
  z-index: -1;
}
@media screen and (max-width: 1050px){
  #first+section .heading.block_header_6 .h {
    font-size: 3rem !important;
  }
}
@media screen and (max-width: 800px){
  #first+section .heading.block_header_6 .h {
    font-size: 2.6rem !important;
  }
}


/*------見出し--------*/
main .heading.block_header_2 .h{
  padding-bottom: 0;
  border: none;
}
/*------？の画像2並び--------*/
#question+.composite_box01 .inner_item_img img, #bxshadow_in2+.composite_box01 .inner_item_img img{
  max-width: 74px!important;
  height: 84px!important;
  font-family: 'object-fit: contain';
  object-fit: contain;
}
#question+.composite_box01 .heading.block_header_4 .h, #bxshadow_in2+.composite_box01 .heading.block_header_4 .h{
  color: #313131;
  font-size: 3rem;
}
#question+.composite_box01 .wrapper_item,
#question+.composite_box01+.composite_box01 .wrapper_item{
  overflow: visible;
}

#question+.composite_box01 .inner_item, #bxshadow_in2+.composite_box01 .inner_item{
  background: #e4dad3;
  padding: 20px;
  box-shadow: -10px 10px 10px rgba(0,0,0,0.15);
}

@media screen and (max-width: 800px){
  #question+.composite_box01 .heading.block_header_4 .h,
  #question+.composite_box01+.composite_box01 .heading.block_header_4 .h{
    font-size: 2.6rem;
  }
}
/*------選ばれる理由--------*/
#reason+.contents_box01 .heading.block_header_6 .h{
  color: #634123;
  font-weight: 700;
}
#reason+.contents_box01 .wrapper_item .inner_item_txt .heading.block_header_2{
  display: none;
}
#reason+.contents_box01 .wrapper_item .inner_item_txt p{
  line-height: 2.3;
}
/*------背景茶　box白--------*/
a[id*="box"]+.contents_box01{
  padding-left: 2%;
  padding-right: 2%;
}
a[id*="box"]+.contents_box01 .content_wrapper{
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  padding: 30px 2%;
}
/*------施工内容＆事例--------*/
a[id*="works"]+.composite_box01 .heading.block_header_4{
  background: #e8d3c9;
}
a[id*="works"]+.composite_box01 .heading.block_header_4 .h{
  padding: 15px 0;
  color: #634123;
}
a[id*="works"]+.composite_box01 .inner_item_img{
  margin-bottom: 0;
}
a[id*="works"]+.composite_box01 .inner_item_txt{
  margin-top: -35px;
}
/*------防水は下地が命＆総合工事店だから~--------*/
#twocol+.composite_box01{
  padding-left: 2%;
  padding-right: 2%;
}
#twocol+.composite_box01 .wrapper_item{
  overflow: visible;
}
#twocol+.composite_box01 .inner_item{
  background: #fff;
  box-shadow: -10px 10px 10px rgba(0,0,0,0.15);
  padding: 20px 2.5%;
}
#twocol+.composite_box01 .inner_item .heading.block_header_4 .h{
  font-size: 3rem;
  position: relative;
  display: inline-block;
  z-index:0;
}
#twocol+.composite_box01 .inner_item .heading.block_header_4 .h:before{
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  background: #fff100;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 800px){
  #twocol+.composite_box01 .inner_item .heading.block_header_4 .h{
    font-size: 2.6rem;
  }
  #twocol+.composite_box01 .inner_item .heading.block_header_4 .h:before{
    height: 16px;
  }
}
/*------見出し下線デザイン--------*/
#h_line+section .heading.block_header_6.align-center .h{
  padding-bottom: 20px;
  background: url(/common/upload_data/shintoakogyojp/image/h_border.png) no-repeat left bottom/100% 14px;
  color: #634123;
  font-weight: 700;
  margin-bottom: 15px;
}
@media screen and (max-width: 800px){
  #h_line+section .heading.block_header_6.align-center .h{
    background-size: 100% 9px;
    padding-bottom: 16px;
  }
}
/*見出し三角下*/
@media screen and (max-width: 800px){
  #con_san01+section {
    padding-bottom: 70px;
  }
  #con_san02+section {
    padding-bottom: 70px;
  }
  #h_line+section {
    padding-bottom: 70px;
  }
}

#twocol+.composite_box01 .inner_item_txt p span[style*="background-color"]{
  display: inline-block;
  line-height: 1.2;
  padding: 3px 5px;
  margin: 0 3px 3px 0;
}

/* 追記 */

/* MVアイコン非表示 */
/* #lv p span:after{
display:none;
} */

/* MVスマホ */
@media screen and (max-width: 768px) {
  #lv_outer {
    background: none;
  }
  #lv_outer::before {
    background: none;
  }
}

/* MVページ見出し */
#lv p span{
  letter-spacing: 10px;
  font-size: 60px;
}
@media screen and (max-height: 1030px){
	#lv p span{
		font-size: 5vh;
	}
}
@media screen and (max-height: 700px){
	#lv p span{
		font-size: 40px;
	}
}

/* サービス一覧MV */
#lv .parallax_img{
  background-position: 0% 0% !important;
}

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

/* サービス一覧ページMV直下見出し */
a#mvdown_firstttl + section {
  margin-top: 100px;
  background-color: rgb(145, 118, 102);
}
a#mvdown_firstttl + section .heading{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
a#mvdown_firstttl + section .h{
  color: #ffffff;
}
a#mvdown_firstttl + section .heading.block_header_6 .h::before {
  content: '';
  position: absolute;
  display: block;
  bottom: 5px;
  height: 20px;
  left: 0;
  width: 100%;
  background: #f8b551;
  z-index: -1;
}
a#mvdown_firstttl + section .h span {
  position: relative;
}
a#mvdown_firstttl + section .h span:before {
  content: '●';
  position: absolute;
  top: -9px;
  font-size: 10px;
  width: 100%;
  color: yellow;
  text-align: center;
}
@media screen and (max-width: 768px) {
  a#mvdown_firstttl + section {
    margin-top: 30px;
  }
  a#mvdown_firstttl + section .heading.block_header_6 .h::before {
    bottom: -10px;
    height: 10px;
  }
}

/* 見出しフォントサイズ調整 */
/* .heading.block_header_2 .h,
.gallery_single .content_wrapper>.heading .h,
.heading.block_header_1 p,
.heading.block_header_6 .h{
font-size: 26px !important;
} */

@media screen and (max-width: 768px) {
  .heading.block_header_2 .h,
  .gallery_single .content_wrapper>.heading .h,
  .heading.block_header_1 p,
  .heading.block_header_6 .h{
    font-size: 18px !important;
  }
}

/* 画像+テキストの画像サイズ調整 */
@media screen and (max-width: 768px) {
  .contents_box01.block_image_text_3 .inner_item_img img,
  .contents_box01.block_image_text_4 .inner_item_img img{    
    max-width: 90% !important;
  }
}

/* 選ばれるポイント */
#reason+.contents_box01 .inner_item_txt > p {
  font-size: 18px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  border-bottom: 1px solid #774e3c;
  color:#774e3c;
  padding-bottom: 5px;
}

#reason+.contents_box01 .inner_item_txt > p:before {
  content: "";
  background: url(/common/upload_data/shintoakogyojp/image/20200909134551.png);
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 10px;
}
#reason+.contents_box01 .inner_item_txt p.pimg{
  padding-top:30px;
  border-bottom:0;
}
#reason+.contents_box01 .inner_item_txt p.pimg:before {
  display: none;
}
@media screen and (max-width: 768px) {
  #reason+.contents_box01 .inner_item_txt > p {
    font-size: 16px;
  }
}

/* ページオリジナル */

/* 背景茶色 */
a#koremadenojisseki + section,
a#sekou_ji + section,
a#jisseki1 + section,
a#jisseki2 + section {
  background: rgb(228, 218, 211);
}

/* BOXshadow */
a#int + section,
a#bxshadow_in1 + section,
a#question + div,
a#bxshadow_in2 + div,
a#bxshadow_bottom + section{
  padding: 0 4%;
}
a#int + section{
  padding-top: 30px;
}
a#bxshadow_bottom + section{
  padding-bottom: 60px;
}
a#int + section .content_wrapper,
a#bxshadow_in1 + section .content_wrapper,
a#question + div .content_wrapper,
a#bxshadow_in2 + div .content_wrapper,
a#bxshadow_bottom + section .content_wrapper{overflow: visible;}
a#int + section .content_wrapper{
}
a#bxshadow_bottom + section .content_wrapper{
  padding-bottom: 60px;
}

/* BOXshadow2 */
a#works + div,
a#works2 + div,
a#w800 + div,
a#w8002 + section,
a#w800_downttl + section{
  padding: 0 4%;
}
a#works + div{
  padding-top: 30px;
}
a#w800_downttl + section{
  padding-bottom: 60px;
}
a#works + div .content_wrapper,
a#works2 + div .content_wrapper,
a#w800 + div .content_wrapper,
a#w8002 + section .content_wrapper,
a#w800_downttl + section .content_wrapper{
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  padding: 30px 4%;
}
a#works + div .content_wrapper{
  padding-top: 60px;
}
a#w800_downttl + section .content_wrapper{
  padding-bottom: 60px;
}

/* その他 */
#w800+div .content_wrapper, #w8002+div .content_wrapper {
  max-width: 1200px !important;
}
a#w800 + .composite_box01 .wrapper_item {
  width: 800px;
  margin: 0 auto;
}
a#w800 + .composite_box01 .wrapper_item .inner_item_img img {
  object-fit: contain;
  font-family: 'object-fit: contain;';
}
a#w800_downttl + section {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
a#h_line + section .inner_item_txt p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
a#twocol+.composite_box01 {
  padding-right: 0;
  padding-left: 0;
}
a#twocol + .width_fixed .content_wrapper {
  padding: 0;
}
#twocol+.composite_box01 .inner_item {
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  padding: 50px 50px;
}
#twocol+.composite_box01 .inner_item .heading.block_header_4 .h {
  font-size: 26px;
}
a#twocol + div.composite_box01 .inner_item_img {
  margin-bottom: 30px;
}
a#twocol + div.composite_box01 .inner_item .heading {
  margin-bottom: 30px;
}
#twocol+.composite_box01 .inner_item_txt p span[style*="background-color"] {
  width: 30.5%;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px 5px;
}
@media screen and (max-width: 768px) {
a#w800 + .composite_box01 .wrapper_item {
    width: 100%;
}

a#w800 + .composite_box01 .wrapper_item .inner_item {
    width: 50% !important;
    margin-bottom: 0!important;
}

#w800+div .content_wrapper, #w8002+div .content_wrapper {
    width: 100% !important;
}
a#w800 + .composite_box01 .wrapper_item .inner_item .inner_item_img {
    margin-bottom: 0 !important;
}

a#w800 + .composite_box01 .wrapper_item .inner_item_img img {width: 90% !important;margin: 0 auto;}

a#w800 + .composite_box01 .wrapper_item .inner_item .inner_item_img {
    margin-bottom: 0 !important;
}

a#w800 + .composite_box01 .wrapper_item .inner_item_img img {width: 90% !important;margin: 0 auto;}

a#w8002+section {
    display: none;
}

#twocol+.composite_box01 .inner_item {
    padding: 50px 15px;
}

#twocol+.composite_box01 .inner_item_txt p span[style*="background-color"] {
    width: 29%;
    white-space: nowrap;
}
}



/* MV*/
.dir_repair+#lv_outer, .dir_waterproof+#lv_outer, .dir_painting+#lv_outer, .dir_roof+#lv_outer, .dir_ceiling+#lv_outer, .dir_long+#lv_outer, .dir_baserepair+#lv_outer, .dir_scaffold+#lv_outer, .dir_tile+#lv_outer, .dir_cleaning+#lv_outer, .dir_other+#lv_outer{height: 890px;}.dir_repair+#lv_outer:before, .dir_waterproof+#lv_outer:before, .dir_painting+#lv_outer:before, .dir_roof+#lv_outer:before, .dir_ceiling+#lv_outer:before, .dir_long+#lv_outer:before, .dir_baserepair+#lv_outer:before, .dir_scaffold+#lv_outer:before, .dir_tile+#lv_outer:before, .dir_cleaning+#lv_outer:before, .dir_other+#lv_outer:before{background-size: 940px;position: absolute;bottom: 10px;right: 1.25%;}.dir_repair+#lv_outer #lv, .dir_waterproof+#lv_outer #lv, .dir_painting+#lv_outer #lv, .dir_roof+#lv_outer #lv, .dir_ceiling+#lv_outer #lv, .dir_long+#lv_outer #lv, .dir_baserepair+#lv_outer #lv, .dir_scaffold+#lv_outer #lv, .dir_tile+#lv_outer #lv, .dir_cleaning+#lv_outer #lv, .dir_other+#lv_outer #lv {max-height: 800px;margin-bottom:0;}.dir_repair+#lv_outer #lv .parallax_img, .dir_waterproof+#lv_outer #lv .parallax_img, .dir_painting+#lv_outer #lv .parallax_img, .dir_roof+#lv_outer #lv .parallax_img, .dir_ceiling+#lv_outer #lv .parallax_img, .dir_long+#lv_outer #lv .parallax_img, .dir_baserepair+#lv_outer #lv .parallax_img, .dir_scaffold+#lv_outer #lv .parallax_img, .dir_tile+#lv_outer #lv .parallax_img, .dir_cleaning+#lv_outer #lv .parallax_img, .dir_other+#lv_outer #lv .parallax_img {/* background-size: cover !important; *//* background-position-y: 60px !important; *//* width: 80% !important; */}

@media screen and (max-width: 768px) {
  .dir_repair+#lv_outer, .dir_waterproof+#lv_outer, .dir_painting+#lv_outer, .dir_roof+#lv_outer, .dir_ceiling+#lv_outer, .dir_long+#lv_outer, .dir_baserepair+#lv_outer, .dir_scaffold+#lv_outer, .dir_tile+#lv_outer, .dir_cleaning+#lv_outer, .dir_other+#lv_outer{height: auto;}
  .dir_repair+#lv_outer:before, .dir_waterproof+#lv_outer:before, .dir_painting+#lv_outer:before, .dir_roof+#lv_outer:before, .dir_ceiling+#lv_outer:before, .dir_long+#lv_outer:before, .dir_baserepair+#lv_outer:before, .dir_scaffold+#lv_outer:before, .dir_tile+#lv_outer:before, .dir_cleaning+#lv_outer:before, .dir_other+#lv_outer:before{display:none;}
  .dir_repair+#lv_outer #lv .parallax_img, .dir_waterproof+#lv_outer #lv .parallax_img, .dir_painting+#lv_outer #lv .parallax_img, .dir_roof+#lv_outer #lv .parallax_img, .dir_ceiling+#lv_outer #lv .parallax_img, .dir_long+#lv_outer #lv .parallax_img, .dir_baserepair+#lv_outer #lv .parallax_img, .dir_scaffold+#lv_outer #lv .parallax_img, .dir_tile+#lv_outer #lv .parallax_img, .dir_cleaning+#lv_outer #lv .parallax_img, .dir_other+#lv_outer #lv .parallax_img {margin-left: 0 !important;width: 100% !important;background-size: cover !important;background-position-y: 0 !important;}.dir_repair+#lv_outer p span, .dir_waterproof+#lv_outer p span, .dir_painting+#lv_outer p span, .dir_roof+#lv_outer p span, .dir_ceiling+#lv_outer p span, .dir_long+#lv_outer p span, .dir_baserepair+#lv_outer p span, .dir_scaffold+#lv_outer p span, .dir_tile+#lv_outer p span, .dir_cleaning+#lv_outer p span, .dir_other+#lv_outer p span{color: #313131;font-size: 26px;text-shadow: #ffffff 1px 0 10px;letter-spacing: 10px;}
#lv p span{
    background: rgba(255,255,255,0.5);
    padding: 20px;
  }
  #lv p span:before{
    display: none;
  }
}

@media screen and (max-width: 768px) {
    #int+.contents_box01 .wrapper_item {
    padding: 30px 10px 40px !important;
}

#int+.contents_box01 .wrapper_item .inner_item_img img {
    max-width: 90% !important;
}
a#bxshadow_in2 + div .content_wrapper .wrapper_item {
    overflow: visible;
}

a#bxshadow_in2 + div .content_wrapper {
    padding-top: 0;
}
a#bxshadow_bottom + section .content_wrapper {
    padding-bottom: 0;
}
}


a#mvdown_firstttl + section .h {
    font-size: 40px !important;
}

a#mvdown_firstttl + section .h span {
    font-size: 140%;
}
a#int + section .h {
    color: #944b14;
}
@media screen and (max-width: 768px) {
a#mvdown_firstttl + section .h {
    text-align: center;
    font-size: 18px !important;
}
#twocol+.composite_box01 .wrapper_item {
    padding: 0 10px;
}
a#bxshadow_in1 + section .content_wrapper .heading.block_header_1 p {
  text-align: center !important;
}  
#question+.composite_box01 .inner_item, #bxshadow_in2+.composite_box01 .inner_item {
  padding: 20px;
  box-shadow: none;
}  
#question+.composite_box01 .inner_item .inner_item_img, #bxshadow_in2+.composite_box01 .inner_item .inner_item_img {
  display: none;
}  
#question+.composite_box01 .inner_item .heading h3,
#bxshadow_in2+.composite_box01 .inner_item .heading h3{
  background: #fff !important;
}
#works+section{
padding-bottom:0;
}
a#int + section {
    padding: 0 0 30px;
}
a#int + section .content_wrapper .heading {
    margin: 20px auto 30px;
}
a#bxshadow_bottom + section {
    padding-bottom: 30px;
}

#reason+section {
    padding-top: 0;
}

#reason+section .heading {
    padding: 30px 0;
}
}