@charset "utf-8";
/*画像全般の設定*/
img {border: none;max-width: 100%;height: auto;vertical-align: middle;
  text-decoration: none;
}

p{line-height:1.6;}

.wrap1{width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	margin:0 auto;}

.wrap2{width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: space-evenly;	/*並びかたの種類の指定*/
	margin:0 auto;padding:5px;
	}
	
.wrap3{width:100%;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: nowrap;	/*折り返す指定*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	margin:0 auto;}

.wd50{width:50%;padding:10px;}
.wd50a{width:50%;padding:5px;}
.wd50b{width:50%;padding:5px;}
.wd30a{width:30%;padding:10px;}
.wd30b{width:32%;padding:5px;}
.wd70a{width:70%;padding:10px;}
.wd70b{width:70%;padding:5px;}
.wd55a{width:55%;padding:10px;}
.wd45a{width:45%;padding:10px;}
.wd55b{width:55%;padding:10px;}
.wd45b{width:45%;padding:10px;}
.wd55c{width:55%;padding:10px;}
.wd45c{width:45%;padding:10px;}
.wd28a{width:30%;padding:5px;}
.wd28b{width:30%;padding:5px;}
.wd25{width:25%;padding:5px;}

.fs40a{font-size:50px;}
.fs30{font-size:30px;}
.fs22{font-size:22px;}
.fs20{font-size:20px;}
.fs18{font-size:18px;}
.fs15{font-size:15px;}
.inb{display:inline-block;}

.mt10p{margin-top:17%;}
.mt20p{margin-top:24%;}
.mt20b{margin-top:40px;}
.mt3p{margin-top:3%;}
.mb25{margin-bottom:25px;}
.mb25_a{margin-bottom:25px;}
.mb20_p{margin-bottom:-10px;}
.mb25_b{margin-bottom:25px;}
.mbt50{margin-top:50px;}

.teleapo{max-width:350px;margin:0 auto;text-align:left;}

.px100{width:100px;margin:0 auto;padding:5px;}
.px-100{width:calc(100% - 100px);margin:0 auto;padding:5px;}

.a1ban{width:48%;position:relative;background-color:#D0E2F0;text-algn:center;margin:5px;padding:5px;border-radius:5px;}

.a2ban{width:48%;position:relative;background-color:#D0E2F0;text-algn:center;margin:5px;padding:5px;border-radius:5px;}

.white{background-color:#FFF;width:80%;padding:10px;text-align:center;margin:0 auto;border-radius:5px;height:100px;}

.gray_back,.gray_back2{background:#EDEDED;padding:10px;}

.orange_a{background:#fee5cd;padding:10px;margin-bottom:20px;}

.maker{width:180px;display: flex;align-items: center;border-right:2px solid #171c61;padding:5px;}
.maker_bun{width:calc(100% - 180px);text-aligh:left;padding:5px;}

.jusetsu{border-collapse: collapse;
  border: 1px solid #CCC;width:100%;}
.jusetsu th{width:150px;padding:5px;background:#171C61;color:#FFF;border: solid 1px #CCC;vertical-align:middle;}
.jusetsu th p{margin-bottom:0;}
.jusetsu td{padding:5px;border: solid 1px #999;vertical-align:middle;}
.jusetsu td p{margin-bottom:0;}

.reform{border-collapse: collapse;
  border: 1px solid #CCC;width:100%;}
.reform th{width:150px;padding:5px;background:#ededed;border: solid 1px #CCC;vertical-align:middle;text-align:left;}
.reform th p{margin-bottom:0;}
.reform td{padding:5px;border: solid 1px #CCC;vertical-align:middle;}
.reform td p{margin-bottom:0;}
.reform td ul{margin-bottom:0;margin-left:24px;}
.reform td ul li{border-bottom:none;padding:0px;margin:0;list-style-type: disc;display: list-item;text-indent:0;}

.reform .r_shurui{width:90px;}

.lb{border-collapse: collapse;
  border: 1px solid #CCC;width:100%;}
.lb th{padding:5px;background:#ededed;border: solid 1px #CCC;vertical-align:middle;text-align:center;}
.lb th p{margin-bottom:0;}
.lb td{padding:5px;border: solid 1px #CCC;vertical-align:middle;text-align:right;}
.lb td p{margin-bottom:0;}
.lb td ul{margin-bottom:0;margin-left:24px;}
.lb td ul li{border-bottom:none;padding:0px;margin:0;list-style-type: disc;display: list-item;text-indent:0;}

.hk{border-collapse: collapse;
  border: 1px solid #CCC;width:100%;}
.hk th{padding:5px;background:#ededed;border: solid 1px #CCC;vertical-align:middle;text-align:center;}
.hk th p{margin-bottom:0;}
.hk td{padding:5px;border: solid 1px #CCC;vertical-align:middle;text-align:right;}
.hk td p{margin-bottom:0;}
.hk td ul{margin-bottom:0;margin-left:24px;}
.hk td ul li{border-bottom:none;padding:0px;margin:0;list-style-type: disc;display: list-item;text-indent:0;}

.taiyo{border-collapse: collapse;
  border: 1px solid #CCC;width:100%;
  }
.taiyo th{padding:5px;background:#ededed;border: solid 1px #CCC;vertical-align:middle;text-align:center;}
.taiyo th p{margin-bottom:0;}
.taiyo td{padding:5px;border: solid 1px #CCC;vertical-align:top;text-align:center;}
.taiyo td p{margin-bottom:0;}

.wid20{width:20%;}
.wid60{width:60%;}

.back10{padding:5px;background:#171C61;color:#FFF;width:250px;margin:0 auto;font-weight:bold;margin-top:20px;margin-bottom:5px;}
  

.img-wrap {
  overflow: hidden;
  position: relative;
}


.img-wrap::before {
  animation: img-wrap 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes img-wrap {
  100% {
    transform: translateX(100%);
  }
}

.img-wrap2 {
  overflow: hidden;
  position: relative;
}

.img-wrap2::before {
  animation: img-wrap2 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #ededed;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes img-wrap2 {
  100% {
    transform: translateX(-100%);
  }
}


.img-wrap4 {
  overflow: hidden;
  position: relative;
}

.img-wrap4::before {
  animation: img-wrap4 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@keyframes img-wrap4 {
  100% {
    transform: translateY(100%);
  }
}

@media screen and (max-width:1600px) {
.ldk2{display:none;}

}
@media screen and (max-width:1400px) {
.a1ban{width:45%;
}
.a2ban{width:45%;
}
.wd55b{width:100%;padding:10px;}
.wd45b{width:100%;padding:10px;}

.mt20b{margin-top:30px;}
.wd30b{width:100%;padding:5px;}
}

@media screen and (max-width:1300px) {
.pcb{display:none;}
.gray_back{display:none;}
.gray_back2{max-width:450px;margin:0 auto;}
}

@media screen and (max-width:1100px) {
.wd55a{width:100%;padding:10px;}
.wd45a{width:100%;padding:10px;}
.hassou{text-align:center;}
.kanyu{text-align:center;}
.owner{text-align:center;}
.tb_none{display:none;}
.fs40a{font-size:40px;}
}
@media screen and (max-width:1100px) {
.reform th {
        display: none;border:none;
    }
 
    /* セルをブロックとして表示 */
    .reform td {
        display: block;border:none;
    }
 
    /* 最初の項目に背景色を付ける */
    .reform td:nth-child(1) {
        
        background-color: #DDDDDD;
    }
    .reform td:nth-child(1):before {
        content: 'リフォームの種類：';
    }
 
    /* セルに見出し代わりの文字を付加 */
    .reform td:nth-child(2):before {
        content: '工事内容：';
    }
 
    .reform td:nth-child(3):before {
        content: '該当する補助金（助成金）制度：';
    }
}

@media screen and (max-width:1000px) {
.maker{width:180px;display: flex;align-items: center;border-right:none;}
.maker_bun{width:100%;text-aligh:left;padding:5px;}

.wd70b{width:100%;}
.wd28b{width:100%;max-width:600px;margin:0 auto;}

.taiyo{
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;}
.mt10p{margin-top:14%;}
}

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

.wd50{width:100%;}
.wd50a{width:100%;}
.wd30a{width:100%;}
.wd70a{width:100%;}

.mt20p{margin-top:20px;}
.mb25_a{margin-bottom:0;}

.mb20_p{margin-bottom:0px;}
.mt10p{margin-top:0px;}
}

@media screen and (max-width:800px) {
.pc601{display:none;}
}

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


}

@media screen and (max-width:670px) {
.tb_none{display:block;}
}
@media screen and (max-width:600px) {
.wd28a{width:48%;margin:0 auto;margin-bottom:10px;}

.wd55c{width:100%;padding:10px;}
.wd45c{width:100%;padding:10px;}

.none600{display:none;}
.hk_mb30{margin-bottom:20px;}


}

@media screen and (max-width:500px) {
.a1ban{width:100%;
}
.a2ban{width:100%;
}

.jusetsu th{display:block;width:100%;border:none;}
.jusetsu td{display:block;width:100%;border:none;}

.wrap3{
	flex-wrap: wrap;	/*折り返す指定*/
	justify-content: space-evenly;	/*並びかたの種類の指定*/
	margin:0 auto;}
.px-100{width:100%;}

.fs22{font-size:18px;}

}

@media screen and (max-width:400px) {
.fs40a{font-size:30px;}
}
@media screen and (max-width:380px) {
.wd28a{width:100%;margin:0 auto;margin-bottom:10px;}
}

@media screen and (min-width:1601px) {
.ldk3{display:none;}
}
@media screen and (min-width:1301px) {
.pcs{display:none;}
}

@media screen and (min-width:1301px) {
.gray_back2{display:none;}
}
@media screen and (min-width:1001px) {
.scroll_can{display:none;}
}

@media screen and (min-width:801px) {
.tb600{display:none;}
}

@media screen and (min-width:601px) {
.over601{display:none;}

}