/* 住宅ストック循環支援事業css */
.font0{font-size: inherit;}
.txt_indent{padding-left: 1em !important; text-indent: -1em; display: block;}

.stock_body{max-width: 980px; padding:0 2%; font-size: 123.1%; text-align: left; box-sizing: border-box; color: #333333;}

.stock_body h2{font-size: 225%; line-height: 1; padding:2.5% 2%; margin:2% 0; color: #fff; font-weight: bold; text-align: center;}
.stock_body h3{font-size: 150%; line-height: 1; padding:1.3% 2%; color: #fff; font-weight: bold;}
.stock_body h3.h3_02{color:#42af72; border-left:solid 3px #42af72; border-right:solid 3px #42af72; }
.stock_body h4{font-size: 150%; line-height: 1; padding:1.3% 2%; font-weight: bold;}
.stock_body h4.h4_02{color:#fff;}
.stock_body .must_btn{font-size: 79.2%; padding: 5px 1%; margin-top:-5px; color:#000; float: right;}
.stock_body strong{font-weight: bold; color: #ff9200; }

.stock_body>p{padding:2%; box-sizing: border-box;}
.stock_body>.box_inner{padding: 2%; box-sizing: border-box; overflow: hidden;}
.box_inner>p{margin:2% 0;}
.box_inner>ul{margin:2% 0;}
.box_inner>a{margin:2% 0; display: block;}
.box_inner>p:nth-of-type(1),.box_inner>ul:nth-of-type(1){margin-top:0;}

.bg_green01{background:#8bb305; }
.bg_green02{background:#009944;}
.bg_green03{background:#42af72;}
.bg_blue01{background:#273a87;}
.bg_blue02{background:#495fb4;}
.bg_purple01{background:#920783;}
.bg_purple02{background:#b54baa;}
.bg_yellow01{background:#fff100; }
.bg_toiawase{background: url(../images/bg_info01.jpg) repeat;}

.box_info{ color: #333333;}
.box_info a{max-width: 940px; margin:2% auto;}
.info_catch01{font-size:212.5%; max-width: 73%; font-weight: bold; text-align: center; padding-top: 2%; margin:0 auto;}
.info_catch02{font-size:268.8%; font-weight: bold; text-align: center;}
.box_toiawase{box-sizing: border-box; padding: 4% 2%; overflow: hidden;}
.box_toiawase>p{font-size: 162.5%; font-weight: bold;}
.info_toiawase{font-size: 562.5%; font-weight: bold;}
.info_toiawase>img{width: auto !important; max-width: 100%; vertical-align:initial !important; margin:0 1% 0 0;}
.info_reception_time{width:50%; font-size: 187.5%; font-weight: bold; box-sizing: border-box; float: left; text-align: right;}
.inf_day_off{width:50%; font-size: 187.5%; font-weight: bold;box-sizing: border-box; float: left; text-align: left;}

.box01_01 dl{width: 100%; font-size: 162.5%; line-height: 1.2; margin:1%; font-weight: bold; overflow: hidden; display: table;}
.box01_01 dt{width: 31.5%; padding: 1%; text-align: center; vertical-align: middle; display:table-cell; box-sizing: border-box; color: #fff;}
.box01_01 dd{width: 68.5%; padding: 1% 1% 1% 4%; vertical-align: middle; display:table-cell; box-sizing: border-box;}

.box01_02 dl{overflow: hidden; width:33%; float: left; box-sizing: border-box; padding: 1%;}
.box01_02 dt{width:100%; font-size: 187.5%; padding: 3%; border-radius:8px; line-height: 1.2; font-weight: bold; box-sizing: border-box; color: #fff; float: left; clear: left; text-align: center;}
.box01_02 dd{clear:left;}
.box01_02 dd>ul{padding:2% 0;}

.add_btn img{max-width:100%; width: auto !important; display: block; margin: 0 auto;}
.box02_02>p{font-size: 187.5%; padding:0 2%; font-weight: bold; line-height:1.8; text-align: center; width: 53%; margin: 0 auto 3%;}
.box02_02>ul{font-size: 150%; padding:0 2%; font-weight: bold; color:#fff; }
.box02_02>div{padding:0 2%; color:#fff; }

.box02_03,.box02_04,.box02_05,.box02_06{border:3px solid #42af72; box-sizing: border-box;}
.box02_03>p{font-size: 187.5%; line-height:1.8; color:#fff; text-align: center; width: 53%; margin: 0 auto 3%;}
.box02_03>ul,.box02_03>div{padding: 0 2%;}

.box02_03 li,.box02_04 dt,.box02_05 li,.box02_06 li,.box02_06 p{ font-size: 150%; font-weight: bold;}
.box02_06{margin-bottom: 7%;}

.box02_04>dl>dd>div,.box02_04>div,.box02_05>dl>dd>div,.box02_05>div{padding: 0 2%;}

.box02_06>.box_inner{padding:0 2%; margin: 2% 0;}
.box02_06>.box_inner>div{padding:0 2%;}
.box02_06>.box_inner>ul span{font-size:100%; font-weight: normal;}

.box03_02{margin-bottom: 7%; border:3px solid #495fb4; box-sizing: border-box;}
.box03_02>p{padding: 0; margin:0; font-size: 150%; font-weight: bold;}


.box04_02{margin-bottom: 7%; border:3px solid #b54baa; box-sizing: border-box;}
.box04_02>p{padding: 0; margin:0; font-size: 150%; font-weight: bold;}


@media screen and (max-width:640px) {
.stock_body h2{font-size: 9vw; line-height: 1.5;}
.stock_body h3{font-size:5.3vw; padding: 2%; line-height: 1.5;}
.stock_body{font-size: 4.0vw;  line-height: 1.5;}
/*.stock_body strong{display: block;}*/
.box_toiawase > p{font-size: 4.0vw;}

.info_catch01{font-size: 4.5vw; max-width: 97%; line-height: 1.5;}
.info_catch02{font-size: 5.625vw; line-height: 1.5;}
.info_toiawase{font-size: 10vw; line-height: 1.5;}
.info_toiawase > img{width: 15% !important;}
.info_reception_time,.inf_day_off{font-size: 3.75vw; line-height: 1.5;}

.box01_01 dl{font-size: 4.53vw; line-height: 1.5;}
.box01_01 dt{width:40%; padding: 2%;}
.box01_01 dd{width:60%;}

.box01_02 dl{width: 100%;}
.box01_02 dt{width: 70%; font-size: 5.31vw; line-height: 1.5;}
.box01_02 dt br{display: none;}

.box02_02 > ul{font-size: 4.5vw; padding:0; line-height: 1.5;}
.box02_03 > p{width: 100%;font-size: 4.5vw; line-height: 1.5;}
.box02_03 li,.box02_04 dt,.box02_05 li,.box02_06 li,.box02_06 p{ font-size: 5.3vw; font-weight: bold; line-height: 1.5;}
.box02_03>ul>li>span{display: block; text-align: right;}

h3.h2_box02_04{position: relative;}
h3.h2_box02_04>span:nth-of-type(1){display: block; text-align: right; font-size:5vw; line-height: 1.5; margin-top:10px;}
h3.h2_box02_04>span:nth-of-type(2).must_btn{display: block; text-align: right; position: absolute; top:10px; right: 10px;}
.box02_04>dl>dt>span,.box02_04>dl>dd>span{display: block; text-align: right;}
.box02_05>ul>li>span{display: block; text-align: right;}

.box02_06>h4.h4_02{position: relative;}
.box02_06>h4.h4_02>span:nth-of-type(1){display: block; text-align: right; font-size:5vw; line-height: 1.5; margin-top:10px;}
.box02_06>h4.h4_02>span:nth-of-type(2).must_btn{display: block; text-align: right; position: absolute; top:10px; right: 10px;}
.box02_06>.box_inner>ul span,.box02_06>.box_inner>p>span{display: block; text-align: right;}

.box03_02 > p{font-size: 5.3vw;}
.box03_02 >p>span:nth-of-type(2){display: block; text-align: right;}
.box04_02 > p{font-size: 5.3vw;}
.box04_02 >p>span:nth-of-type(2){display: block; text-align: right; font-size: 4.9vw; line-height: 1.5;}

}