/* ##### renovation ##### */

/**基本設定**/
#pttl_Renovation_lp section {
font-size: 1.6rem;
line-height: 1.8em;
letter-spacing: 0.05em;
overflow: hidden;
margin-bottom: 30px;
}
#pttl_Renovation_lp section br{ line-height: 1em;}
.w1100{
overflow: hidden;
}

#pttl_Renovation_lp article{
overflow: hidden;
clear: both;
}
article + article {
padding-top: 70px;
}

#pttl_Renovation_lp .keyword{
display: inline-block;
padding-top: 0.25em;
padding-bottom: 0.25em;
background-color: #89a3bc;
color: #FFFFFF;
padding-left: 1em;
border-radius: 4px;
padding-right: 1em;
}

[class*="pcW_"]{}
[class*="pcW_100per"]{width: 100%;}
[class*="pcW_90per"]{width: 90%;}
[class*="pcW_80per"]{width: 80%;}
[class*="pcW_70per"]{width: 70%;}
[class*="pcW_60per"]{width: 60%;}
[class*="pcW_50per"]{width: 50%;}
[class*="pcW_40per"]{width: 40%;}

ul[class*="colspa_"]>li{overflow: hidden;}
ul[class*="colspa_"][class*="aspratio43"]>li{aspect-ratio: 4 / 3;}
ul[class*="colspa_"][class*="aspratio32"]>li{aspect-ratio: 3 / 2;}
ul[class*="colspa_"][class*="aspratio21"]>li{aspect-ratio: 2 / 1;}
ul[class*="colspa_"][class*="aspratio169"]>li{aspect-ratio: 16 / 9;}
ul[class*="colspa_"]>li>img{height: 100%; width: auto;}

.boxclear{clear: both;}
/**基本設定ここまで**/

/**タイトルエリア**/
#renovation_ttl{}
#renovation_ttl h1{
font-size: 3.2rem;
font-weight: bold;
padding-bottom: 1em;
color: #5c5c5c;
padding-top: 0.2em;
}
#renovation_ttl .upd_yymmdd,#renovation_ttl .post_time{font-size: 1.4rem; padding-top: 2em; padding-bottom: 1em; color: #838383; padding-left: 0.3em; text-align: left; }
#renovation_ttl #renovation_preface{
font-size: 1.8rem;
float: left;
width : -webkit-calc(100% - 400px);
width : calc(100% - 400px);
padding-right: 1em;
line-height: 2em;
}
#renovation_ttl img.lead_img{width: 400px;float: right;}
#renovation_ttl .ytube_box{width:400px; float:right; aspect-ratio: 16 / 9;}
#renovation_ttl .ytube_box iframe{width: 100%; height: 100%;}



/**目次**/
#renovation_tabcont{}
#toc_container{
}
#toc_container p.toc_title {
    font-size: 2.5rem;
    display: block;
    background: #e8e8e8;
    position: relative;
    padding: 0.75em 1em;
    line-height: 1em;
    cursor: pointer;
}
#toc_container p.toc_title.opened:after{transform: rotate(180deg);}
#toc_container p.toc_title:after{content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(/com/img/comm_arrBL01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    vertical-align: middle;
    position: absolute;
    right: 0.75em;
    top: 0.75em;
    }
#toc_container p.toc_title:before{
    display: none;
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    bottom: -10px;
    left: 0;
    z-index: -1;
    background: #e8e8e8;
    transform: scaleY(1.4) perspective(1.6em) rotateX(5deg);
    transform-origin: bottom left;
    border-radius: 0px 0px 0 0;
}

#toc_container p.toc_title+ul.toc_list {
/*display: none;*/
display: block;
margin-top: 0em;
padding: 24px;
margin-bottom: 4rem;
}
#toc_container .toc_list{
	position: relative;
	background-color: #e8e8e8 ;
}
#toc_container .toc_list:before,
#toc_container .toc_list:after{
  content: '';
  border: 25px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -25px;
}
#toc_container .toc_list:before{
	border-top-color: #fff; 
	bottom: -50px;
}
#toc_container .toc_list:after{
  border-top-color: #e8e8e8; 
  bottom: -49px;
}
#toc_container ul ul{
padding-left: 1em;
padding-bottom: 0.5em;
}

/**記事**/
#renovation_main{}
article .renovation_art{}
article .renovation_photos{}
article figure[class*="art_fig"] img{ width: 75%; min-width: 400px;}
article figure.art_figMax500 img{max-width: 500px;}
article figure[class*="art_fig"] figcaption{padding-top: 1em; font-size: 80%;}

/**前後関係レイアウト**/
article .renovation_art + figure[class*="art_fig"],
article .renovation_art + .renovation_photos{padding-top: 3em;}
article figure[class*="art_fig"] + .renovation_art,
article figure[class*="art_fig"] + h3{padding-top: 3em;}
article .renovation_photos + h3{padding-top: 4em;}
/**前後関係レイアウトここまで**/

article .renovation_art a{
color: #385572!important;
text-decoration: underline;
word-break: break-all;
}
article h2{
color: #385572;
font-size: 2.4rem!important;
font-weight: bold;
padding-bottom: 0.5em;
}
article h2:before{
content: "■";
font-size: 75%;
display: inline-block;
vertical-align: middle;
line-height: 1em;
padding-right: 0.5em;
}
article h2 + h3{margin-top: 1em;}
article h3{
color: #89a3bc;
font-size: 2rem!important;
font-weight: bold;
padding-bottom: 1em;
clear: both;
}
article h3:before{
content: "";
font-size: 75%;
display: none;
vertical-align: middle;
line-height: 1em;
padding-right: 0.5em;
}
article h4.merideme{
color: #4A4A4A;
font-size: 1.8rem!important;
font-weight: bold;
padding-bottom: 1em;
}
article h4{
color: #4A4A4A;
font-size: 2rem!important;
font-weight: bold;
padding-bottom: 1em;
}
article h4.maru_h4:before{
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url(../../../com/img/comm_maru_red.svg);
background-position: center top;
background-size: 100% auto;
vertical-align: middle;
margin-right: 0.5em;
}
article h4.batsu_h4:before{
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url(../../../com/img/comm_batsu_gray.svg);
background-position: center top;
background-size: 100% auto;
vertical-align: middle;
margin-right: 0.5em;
}
article .renovation_art + h4{padding-top: 2em;}
article h3 + h4{padding-top: 1em;}


article .merit_box{
overflow: hidden;

}
article .merit_box +.merit_box{
padding-top: 50px;
}
h3 + .merit_box{ padding-top: 20px;}
.merit_box +h3{ padding-top: 60px;}
.renovation_art + h3{padding-top: 60px;}
.renovation_tab.float_ill + .renovation_art + h3{ padding-top: 60px;}

.merit_box + .renovation_art{ padding-top: 80px;}
.renovation_art + .renovation_tab
{ padding-top: 30px; }

table.renocase_tbl{width: 100%; font-size: 14px; margin: 1em 0 3em 0; max-width: 620px;}
table.renocase_tbl tr:first-child th,table.renocase_tbl tr:first-child td{border-top: 1px solid #C9C9C9;}
table.renocase_tbl th,table.renocase_tbl td{padding: 0.5em 1em; border-bottom: 1px solid #C9C9C9;}
table.renocase_tbl th{width:15%; background-color: #E7E7E7;}
table.renocase_tbl td{width:35%;}

.renovation_tab + h3{ padding-top: 60px;}
.renovation_tab table{
border: 2px solid #C8C8C8;
border-collapse: separate;
border-spacing: 0;
border-radius: 4px;
overflow: hidden;
/*min-width:700px;*/
}
.renovation_tab table th,.renovation_tab table td{
padding-top: 0.5em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 0.5em;
border-bottom: 1px solid #C8C8C8;
border-right: 1px solid #C8C8C8;
}
.renovation_tab table th:last-child,.renovation_tab table td:last-child{
border-right-style: none;
}
.renovation_tab table td:first-child{
/*border-right: 1px solid #EB6143;*/
color: #424242;
font-weight: bold;
background-color: #ececec;
}
.renovation_tab table th{
background-color: #EB6143;
color: #FFFFFF;
}
.renovation_tab table tr:last-child td{ border-bottom-style: none; }

.renovation_tab table strong.kibo{
color: #EB6143;
font-weight: bold;
font-size: 120%;
}
.renovation_tab table em{
font-weight: bold;
}
.renovation_tab table em:before{
content: ":";
font-weight: normal;
}
.renovation_tab table small{
font-size: 80%;
line-height: 1.4em;
}
.renovation_tab .img_samp{
width: 75%;
}
.renovation_tab table td.tab_maru{
background-image: url(../../../com/img/comm_maru_red.svg);
background-repeat: no-repeat;
background-position: 20px center;
padding-left: 130px;
}
.renovation_tab table td.tab_batsu{
background-image: url(../../../com/img/comm_batsu_gray.svg);
background-repeat: no-repeat;
background-position: 20px center;
padding-left: 130px;
}

.renovation_tab.float_ill{
width: 450px;
float: right;
clear: both;
margin-left: 30px;
}
.renovation_tab.float_ill img{
width: 100%;
height: auto;
}

.renovation_tab.float_ill + .renovation_art{
width: 620px;
}

ul.stage_list {
padding-bottom: 50px;
padding-top: 40px;
}
ul.stage_list li{ text-align: center;}
ul.stage_list li:after{
	content: "▼";
	color: #E8EDED;
	text-align: center;
	display: block;
	font-size: 4rem;
	line-height: 1em;
}
ul.stage_list li:last-child:after{
	display: none;
}
ul.stage_list li:nth-child(2),
ul.stage_list li:nth-child(3),
ul.stage_list li:nth-child(4){
	padding-top: 60px;
} 
ul.stage_list li h6{
	background-color: #E8EDED;
	text-align: center;
	font-size: 1.9rem;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 30px;
	font-weight: bold;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
ul.stage_list li .num_box{
	font-size: 2.6rem;
	line-height: 1.6em;
	border-bottom: 1px solid #000000;
	text-align: center;
	padding-bottom: 14px;
}
ul.stage_list li .stage_ill{
	float: left;
	width: 180px;
	margin-top: -45px;
}
ul.stage_list li p{
	font-size: 2rem;
	line-height: 1.6em;
	display: block;
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: left;
	padding-left: 190px;
}
ul.stage_list li .start_txt{
	font-size: 1.6rem;
	margin-bottom: 14px;
	display: inline-block;
}

ul.stage_newlist{padding: 2em 0;}
ul.stage_newlist li{ line-height: 1.6em; border-bottom: 1px solid #7b7b7b; text-align: left; padding: 0.75em 1em; font-weight: bold;}



ul.qa_list {
padding-bottom: 50px;
padding-top: 20px;
}
ul.qa_list li{

}
.list_innner{
background-color: #ededed;
overflow: hidden;
margin-bottom: 0.5em;

}

ul.qa_list li .qa_box{ overflow: hidden; letter-spacing: -.4em; align-items: center; display: flex; padding: 20px 30px; position: relative;}
ul.qa_list li .qa_box.q_area{ cursor: pointer; }
ul.qa_list li .qa_box.q_area:after{content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(/com/img/comm_arrBL01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    vertical-align: middle;
    position: absolute;
    right: 1.75em;
    top: 0;
    bottom: 0;
    margin: auto;}
ul.qa_list li .opened .qa_box.q_area:after{ transform: rotate(-180deg);}
ul.qa_list li .qa_box.a_area{display: none; align-items: flex-start;}
ul.qa_list li .qa_box strong{
letter-spacing: normal;
font-size: 200%;
color: #385572;
font-weight: normal;
display: inline-block;
width: 40px;
vertical-align: top;
line-height: 1.2em;
}
ul.qa_list li .qa_box p{
letter-spacing: normal; 
display: inline-block;
width : 90%; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 40px);
width : calc(100% - 40px);
vertical-align: top;
}
ul.qa_list li .qa_box + .qa_box{
padding-top: 0;
}



.bg_gray {
    background-color: #d7dde3;
}
.article_contact_box {
    background-color: #d7dde3;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}
h2.bs_size {
    font-size: 2rem;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}
.article_contact_box p {
    text-align: left;
    margin-bottom: 20px;
}

/**renovation事例ボックス**/

h2.case_mid{
margin-top: 80px;
text-align: center!important;
color: #5c5c5c;
padding-bottom: 1.5em;
}
h2.case_mid:before{
content: "【";
font-size: 2.4rem;
margin-right: 0.5em;
padding-right: 0px;
line-height: 1.3em;
}
h2.case_mid:after{
content: "】";
font-size: 2.4rem;
margin-left: 0.5em;

}
ul.renov_case{
margin-bottom:40px;
}
.renovation_art + ul.renov_case{margin-top: 2em; margin-bottom: 7em;}

ul.renov_case>li{
margin-bottom: 30px;
}
ul.renov_case>li a,ul.renov_case>li .nolink{
padding: 30px;
display: block;
overflow-y: hidden;
background-color: #E6E6E6;
}
ul.renov_case>li .renocase_photo{
width: 390px;
float: left;
}
ul.renov_case>li .renocase_photo img{
width: 100%;
display: block;
}
ul.renov_case>li .renocase_txt{
width : -webkit-calc(100% - 390px);
width : calc(100% - 390px);
float: left;
padding-left: 30px;
line-height: 1.6em;
}
ul.renov_case>li h3,ul.renov_case>li h4{ font-size: 1.9em; }
ul.renov_case>li .renocase_cond{ font-size: 1.2rem; padding-bottom: 0.5em; color: #666666;}
ul.renov_case>li .renocase_ol{
padding-bottom: 2em;
letter-spacing: 0em;
font-size: 1.3rem;
}
ul.renov_case>li .todetail{
display: inline-block;
padding: 0.2em 4em;
border-radius: 4px;
background-color: #385572;
color: #FFFFFF;
position: relative;
}
ul.renov_case>li .todetail:after{
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-image: url(/com/img/comm_arrWH02.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 1em auto;
position: absolute;
top: 0px;
bottom: 0px;
right: 0.75em;
margin-top: auto;
margin-bottom: auto;
}

ul.renov_case>li:last-child{ margin-bottom: 0px;}
ul.renov_case>li:nth-child(2n) .renocase_photo{ float: right;}
ul.renov_case>li:nth-child(2n) .renocase_txt{ float: right; padding-left: 0px; padding-right: 30px;}


.btm_linklist{}
.btm_linklist h3.llist_title{border: 1px solid #8f8f8f; color: #565656; padding: 1em;}
.btm_linklist ul.llist_ul{ padding: 1em;}
.btm_linklist ul.llist_ul li{border-bottom: 1px dashed #b7b7b7; padding: 0 0.5em ;}
.btm_linklist ul.llist_ul li:last-child{border-bottom-style: none;}
.btm_linklist ul.llist_ul li a{ padding: 0.5em; display: inline-block; text-indent: -1.5em; padding-left: 1.5em;}
.btm_linklist ul.llist_ul li a:before{ content: ""; display: inline-block; /*vertical-align: middle;*/ width: 0.65em; height: 0.65em; background-image: url(../../../com/img/comm_arrBL01.svg); background-repeat: no-repeat; background-position: center center; margin-right: 0.85em; background-size: 100% auto; transform: rotate(-90deg);}
.btm_linklist ul.llist_ul + h3.llist_title{ margin-top: 2em;}

/* ------------------------------------
// add 20220819-myrenoBTN-
------------------------------------ */

.journal_MYRENOban { width: 90%; margin: auto; display: flex;align-items: center;background-color: #eee; max-width: 700px; margin-top: 2em; margin-bottom: 3.5em;}
.journal_MYRENOban .myrenoban_photo{width: 55%;}
.journal_MYRENOban .myrenoban_photo img{display: block; width: 100%;}
.journal_MYRENOban .myrenoban_txt{width: 45%; padding: 1em 1.5em;}
.journal_MYRENOban .myrenoban_txt p{ line-height: 1.6; margin-bottom: 1em;}
.journal_MYRENOban .myrenoban_txt a{}

article + .journal_MYRENOban{margin-top: 4em;}
#toc_container + .journal_MYRENOban{ margin-top: 2.5em; margin-bottom: 3em;}
.post_body p + .journal_MYRENOban{ margin-top: 3em; margin-bottom: 3em;}
.journal_MYRENOban + h2{}
article#unch_artic_sche .renovation_tab table{ margin: 1em 0 2em 0; }
article#unch_artic_sche .renovation_tab table th{}

/* ------------------------------------
// add 20210921-conversionBTN-
------------------------------------ */

.journal_CVbox {
	padding: 2em;
    text-align: center;
    border: 1px solid #8c8c8c;
    color: #686868;
    width: 90%;
    max-width: 700px;
    margin: 1em auto 5em auto;
    border-radius: 0.5em;
}
.journal_CVbox strong{font-size:1.8rem; line-height: 1.4em; padding-bottom: 1.5em; display: block;}
.journal_CVbox ul{
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin: auto;
}
.journal_CVbox ul li { width: 100%;}
.journal_CVbox ul li:nth-child(1){padding-right: 2%;}
.journal_CVbox ul li:nth-child(2){padding-left: 2%;}
.journal_CVbox ul li a{ background-color:#FF7861;  color:#FFF; text-decoration: none; display: block; text-align: center; align-items: stretch; }
.journal_CVbox ul li.CV_registration a{background-color: #385572;}
.journal_CVbox ul li.CV_tell{display: none;}

#toc_container + .journal_CVbox{ margin-top: 2.5em; margin-bottom: 5em;}
.post_body p + .journal_CVbox{ margin-top: 3em; margin-bottom: 5em;}

.journal_CVbox ul li .myj_fkd{position: relative; padding: 0.25rem 3rem; font-weight: normal; text-align: center; margin-bottom: 0.5em; font-size: 1.5rem; display: inline-block;}
.journal_CVbox ul li .myj_fkd::before,
.journal_CVbox ul li .myj_fkd::after { position: absolute;  height: 1.8rem; content: ''; top: 0.2em;}
.journal_CVbox ul li .myj_fkd::before{ border-left: solid 1px; left: 0;transform: rotate(-30deg);}
.journal_CVbox ul li .myj_fkd::after{ border-right: solid 1px; right: 0;transform: rotate(30deg);}

.cv_btn {
    display: inline-block;
    text-align: center;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    font-size: 2.0rem;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 6px;
    background-color: #385572;
    color: #FFFFFF;
    position: relative;
    line-height: 1.2em;
}
.cv_btn:after {
    content: "";
    background-image: url(/com/img/comm_arrWH02.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1em auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0.75em;
    margin-top: auto;
    margin-bottom: auto;
    width: 1em;
    height: 1em;
}

/* .c-cta
----------------------------------------------------------------------------- */
.c-cta {
    padding: 2.25em 2em;
    text-align: center;
    border: 1px solid #8c8c8c;
    width: 80%;
    max-width: 700px;
    margin: 1em auto 3em auto;
    border-radius: 0.5em;
}
.c-cta__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2.6rem;
  color: #000;
  margin-bottom: 1em;
  font-weight: bold;
  padding-bottom: 0.65em;
  position: relative;
}
.c-cta__title::after {
  display: block;
  content: "";
  width: 1.285em;
  height: 0.1em;
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  bottom:0;
  margin: auto;
}
.c-cta__list {
  display: inline-flex;
  justify-content: center;
  gap: 3rem;
  width: 100%;
  background: #FFF;
  margin: 0 auto;
}
.c-cta__list.-type1 {
  max-width: 57rem;
}
.c-cta__list .list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.c-cta__list .list-item__text {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  margin-bottom: 0.5em;
}
.c-cta .u-txt-main {
    color: #385572;
    font-style: normal;
}
.c-cta .u-txt-sub {
    color: #eb6143;
    font-style: normal;
}
.c-cta .btn {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.1;
  text-decoration: none;
  background: #385572;
  color: #FFF;
  cursor: pointer;
  padding: 0.9em 1em;
  margin-right: auto;
  margin-left: auto;
  border: none;
  border-radius: 100vh;
  box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.16);
  transition: opacity 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.c-cta .btn--search {
  background: #385572;
  background: linear-gradient(90deg, #37536f 0%, #2c445c 100%);
}
.c-cta .btn--doc {
  background: #eb6143;
  background: linear-gradient(90deg, #f4694e 0%, #ee5b3f 100%);
}
.c-cta .btn .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.c-cta .btn .icon--search {
  width: 1.59em;
  height: 3em;
  right: 1.36em;
  background: url(/com/img/cta_img_search.webp) 50% 50% no-repeat;
  background-size: contain;
}
.c-cta .btn .icon--doc {
  width: 4.54em;
  height: 3.68em;
  right: 0em;
  background: url(/com/img/cta_img_doc.webp) 50% 50% no-repeat;
  background-size: contain;
}
.c-cta .btn > span {
  position: relative;
  z-index: 3;
}
.c-cta .btn:hover {
  opacity: 0.8;
}

/**執筆者box**/
.authors_box{ display: flex; align-items: flex-start; border: solid 1px #dadada; padding: 2.5em; padding-bottom: 1.5em; margin-bottom: 4rem; width: 1100px; margin-left: auto; margin-right: auto;}
.authors_box .authors_imgs{ width:30%;}
.authors_box .authors_imgs img{width: 100%; display: block;}
.authors_box .authors_dl{ width:70%; padding-left: 32px; padding-top:10px;line-height: 1;}
.authors_box .authors_dt{ font-size:2.2rem!important; padding-bottom: 20px; display: flex; align-items: center;}
.authors_box .authors_dt small{display: inline-block; vertical-align: bottom; margin-right: 1em; padding-right: 1em; border-right: 1px solid #acacac; font-size: 65%;}
.authors_box .authors_dd{line-height: 1.6;}
.authors_box .authors_dd strong{display: block; padding-bottom: 0.5em; font-weight: normal; }
.authors_box .authors_dd p{margin-bottom:0!important;}
.authors_box .authors_dd p+strong{padding-top: 1.5em;}
.authors_box .authors_dd a{display: block; width:fit-content; text-decoration: underline; margin-top: 1em;}
.authors_box .authors_sns{display: flex; width: 65%; padding-top:1em;}
.authors_box .authors_sns a img{opacity: 0.6;}

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

/**基本設定**/
#pttl_Renovation_lp section {
font-size: 1.4rem;
line-height: 1.6em;
letter-spacing: 0.05em;
}
#pttl_Renovation_lp section br{ line-height: 1em;}

#pttl_Renovation_lp .keyword{
display: block;
}

#pttl_Renovation_lp .sp_txtal_center{
text-align: center;
}

[class*="spW_100per"]{width: 100%!important;}
[class*="spW_90per"]{width: 90%!important;}
[class*="spW_80per"]{width: 80%!important;}
[class*="spW_70per"]{width: 70%!important;}
[class*="spW_60per"]{width: 60%!important;}
[class*="spW_50per"]{width: 50%!important;}
[class*="spW_40per"]{width: 40%!important;}
[class*="spW_auto"]{width: auto!important;}
/**基本設定ここまで**/

/**タイトルエリア**/
#renovation_ttl h1{
font-size: 1.6rem;
padding-top: 0.4em;
}
#renovation_ttl .upd_yymmdd,#renovation_ttl .post_time{font-size: 1rem; padding-left: 0em; padding-top: 1em;}
#renovation_ttl #renovation_preface{
font-size: 1.4rem;
width : -webkit-calc(100%);
width : calc(100%);
padding-right: 0em;
padding-bottom: 2em;
line-height: 1.6em;
}

#renovation_ttl img.lead_img{ width: 100%;}
#renovation_ttl .ytube_box{ width: 100%;}

/**目次**/
#renovation_tabcont{
margin-bottom: 0px;
}
#toc_container{
}
#toc_container p.toc_title {
    font-size: 2rem;
}
#toc_container p.toc_title:before{
}

#toc_container p.toc_title+ul.toc_list {
padding: 1.2em;
margin-bottom: 1em;
}
#toc_container .toc_list{
}
#toc_container .toc_list:before,
#toc_container .toc_list:after{
  border: 1em solid transparent;
  margin-left: -1em;
}
#toc_container .toc_list:before{
	bottom: -2em;
}
#toc_container .toc_list:after{
  bottom: -2em;
}
#toc_container ul ul{
padding-left: 1em;
padding-bottom: 0.5em;
}


/**記事**/
article figure[class*="art_fig"] img{ width: 100%!important; min-width: initial;}
article figure.art_figMax500 img{max-width: initial;}
article figure[class*="art_fig"] figcaption{}
article .renovation_art + figure[class*="art_fig"] {}
article figure[class*="art_fig"] + .renovation_art,
article figure[class*="art_fig"] + h3{}

#renovation_main{}
#renovation_main > .w1100{}
article .renovation_art{}
article h2{font-size: 2rem!important;padding-bottom: 0.5em;}
article h2:before{}


article h3{
font-size: 1.8rem!important;
padding-bottom: 1em;
}
article h3:before{
}

article h4{color: #4A4A4A;
    font-size: 1.6rem!important;
    font-weight: bold;
    padding-bottom: 1.5em;
}
article h4.maru_h4{
background-image: url(../../../com/img/comm_maru_red.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 4em;
padding-top: 1.5em;
padding-bottom: 1.5em;
margin-bottom: 1em;
text-align: center;
}
article h4.maru_h4:before{
display: none;
}
article h4.batsu_h4{
background-image: url(../../../com/img/comm_batsu_gray.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 4em;
padding-top: 1.5em;
padding-bottom: 1.5em;
margin-bottom: 1em;
text-align: center;
}
article h4.batsu_h4:before{display: none;

}

article .merit_box{
}
article .merit_box +.merit_box{
}
h3 + .merit_box{ padding-top: 0px;}
.merit_box +h3{ padding-top: 60px;}
.renovation_art + h3{padding-top: 40px;}
.renovation_tab.float_ill + .renovation_art + h3{ padding-top: 60px;}

.merit_box + .renovation_art{ padding-top: 80px;}
.renovation_art + .renovation_tab
{ padding-top: 30px; }

.renovation_tab + h3{ padding-top: 60px;}
.renovation_tab table{min-width: 100%;
}
.renovation_tab table th,.renovation_tab table td{
border-right-style: none;
width: 100%;
display: block;
}

.renovation_tab table th:last-child,.renovation_tab table td:last-child{
border-right-style: none;
}
.renovation_tab table td:first-child{
text-align: center;
}
.renovation_tab table td[class$="_td"]:before{
display: inline-block;
background-color: #EB6143;
color: #FFFFFF;
padding-left: 0.5em;
padding-right: 0.5em;
border-radius: 0.2em;
margin-right: 0.5em;
}
.renovation_tab table td.teigi_td:before
{content: "定義";}
.renovation_tab table td.hiyo_td:before
{content: "費用";}
.renovation_tab table td.merit_td:before
{content: "メリット";}
.renovation_tab table td.demerit_td:before
{content: "デメリット";}
.renovation_tab table td.kibo_td:before
{content: "";}
.renovation_tab table td.naiyo_td:before
{
content: "リノベーション内容";
display: block;
margin-right: 0px;
text-align: center;
margin-bottom: 0.5em;
}


.renovation_tab.tabscrll{ overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 1em;}
.renovation_tab.tabscrll table{ width: 100%; min-width: 500px;}

.renovation_tab table th{
display: none;
}
.renovation_tab table[class*="spW_auto"] th,.renovation_tab table[class*="spW_auto"] td{
border-right-style: solid;
width: auto;
display: table-cell!important;
}
.renovation_tab table tr:last-child td{
border-bottom-style: solid;
}
.renovation_tab table tr:last-child td:last-child{
border-bottom-style: none;
}
.renovation_tab table strong.kibo{
color: #EB6143;
font-weight: bold;
font-size: 120%;
}
.renovation_tab table em{
display: block;
}
.renovation_tab table em:before{ content:"";}

.renovation_tab table small{
font-size: 80%;
line-height: 1.4em;
}
.renovation_tab .img_samp{
width: 100%;
}
.renovation_tab table td.tab_maru{
background-position: center 4vw;
padding-left: 1em;
background-size: 18vw auto;
padding-right: 1em;
padding-top: 26vw;
}
.renovation_tab table td.tab_batsu{
background-position: center 4vw;
padding-left: 1em;
background-size: 18vw auto;
padding-right: 1em;
padding-top: 26vw;
}

.renovation_tab.float_ill{
width: 100%;
margin-left: 0px;
}
.renovation_tab.float_ill img{
margin-bottom: 1em;
}

.renovation_tab.float_ill + .renovation_art{
width: 100%;
}
.renovation_tab table.visbTh th{display: table-cell;}
.renovation_tab table.visbTh th, .renovation_tab table.visbTh td{ width: auto; display: table-cell; text-align: left;}
.renovation_tab table.visbTh tr:last-child td:last-child{ border-bottom-style: none;}
.renovation_tab table.visbTh tr:last-child td{ border-bottom-style: none;}


table.renocase_tbl{font-size: 12px; margin: 1em 0 3em 0; max-width: initial;}
table.renocase_tbl tr:first-child th:first-of-type,
table.renocase_tbl tr:first-child td:first-of-type{border-bottom-style: none;}
table.renocase_tbl tr:first-child td{}
table.renocase_tbl tr{display: flex;flex-wrap: wrap;}
table.renocase_tbl th,table.renocase_tbl td{padding: 0.5em 1em; }
table.renocase_tbl th{width:50%;}
table.renocase_tbl td{width:50%;}


article[id^="unch_artic_"],
h3[id^="unch_artic_"]{
  margin-top:-60px;
  padding-top:130px;
}


article#unch_artic_renova{
  margin-top:0px;
  padding-top:130px;
}
#renovation_main{
margin-top: -60px;
}


ul.stage_list {
padding-bottom: 50px;
padding-top: 1em;
}
ul.unch_link + #bukken_n{ margin-top:-110px; padding-top:110px;}

ul.stage_list li{
	overflow-y: hidden;
}
ul.stage_list li:nth-child(3),
ul.stage_list li:nth-child(4){
	padding-top: 30px;
}
ul.stage_list li#bukken_y{ margin-top:-90px; padding-top:120px }

ul.stage_list li:after{
	content: "▼";
	color: #E8EDED;
	text-align: center;
	display: block;
	font-size: 2rem;
	float: none;
	clear: both;
}
ul.stage_list li:last-child:after{
	display: none;
}
ul.stage_list li h6{
	text-align: center;
	font-size: 1.8rem;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 30px;
	width: 100%;
}

ul.stage_list li .num_box{
	font-size: 1.6rem;
	clear: both;
}
ul.stage_list li p{
padding-top: 0em;
padding-bottom: 1.5em;
padding-left: 0%;
font-size: 1.4rem;
}
ul.stage_list li .stage_ill{
width: 50%;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
float: none;
}
section#step_sec:after{
	display: none;
}

ul.stage_list li .start_txt{
	font-size: 1.1rem;
}

ul.stage_newlist{padding: 1em 0  2em 0;}
ul.stage_newlist li{ text-indent: -1em; padding-left: 1.5em;}

ul.qa_list {
}
ul.qa_list li{
padding-top: 103px;
margin-top: -103px;
}
.list_innner{}

ul.qa_list li .qa_box{ padding: 15px ;}
ul.qa_list li .qa_box strong{
font-size: 150%;
width: 26px;
}
ul.qa_list li .qa_box p{
width : 90%; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 26px);
width : calc(100% - 26px);
}
ul.qa_list li .qa_box + .qa_box{
}


/**renovation事例ボックス**/

h2.case_mid:before{
display: none;
}
h2.case_mid:after{
display: none;
}

ul.renov_case{
margin-bottom:40px;
}
ul.renov_case>li{
margin-bottom: 30px;
}

ul.renov_case>li a,ul.renov_case>li .nolink{
padding: 1em;
}
ul.renov_case>li .renocase_photo{
width: 100%;
}
ul.renov_case>li .renocase_photo img{
width: 100%;
}
ul.renov_case>li .renocase_txt{
width : -webkit-calc(100%);
width : calc(100%);
padding-left: 0px;
line-height: 1.6em;
}
ul.renov_case>li h3,ul.renov_case>li h4{
font-size: 1.9em;
margin-top: 1em;
padding-bottom: 0.5em;
}
ul.renov_case>li .renocase_cond{ font-size: 1.2rem; padding-bottom: 1em; color: #666666;}
ul.renov_case>li .renocase_ol{
padding-bottom: 2em;
letter-spacing: 0em;
font-size: 1.3rem;
}
ul.renov_case>li .todetail{
display: block;
text-align: center;
padding: 0.2em 2em;
}
ul.renov_case>li .todetail:before{}

ul.renov_case>li:last-child{ margin-bottom: 0px;}
ul.renov_case>li:nth-child(2n) .renocase_photo{ float: right;}
ul.renov_case>li:nth-child(2n) .renocase_txt{ float: right; padding-right: 0px;}

.btm_linklist{}
.btm_linklist h3.llist_title{font-size: 1.4rem!important;}
.btm_linklist ul.llist_ul{ }
.btm_linklist ul.llist_ul li{}
.btm_linklist ul.llist_ul li:last-child{}
.btm_linklist ul.llist_ul li a{ font-size: 1.2rem;}
.btm_linklist ul.llist_ul li a:before{ }
.btm_linklist ul.llist_ul + h3.llist_title{ }
/* ------------------------------------
// add 20210921-conversionBTN-
------------------------------------ */
.journal_CVbox { padding: 1em; margin-bottom: 1em;}
.journal_CVbox strong{font-size:1.2rem;}
.journal_CVbox ul{ width: 100%; flex-direction: column; }
.journal_CVbox ul li{padding: 0!important; margin-bottom: 0.5em;}
.journal_CVbox ul li:last-child{ margin-bottom: 0;}
.journal_CVbox ul li a{ font-size: 1.2rem; }
.journal_CVbox ul li.CV_tell{display: block;}
.journal_CVbox ul li .myj_fkd{font-size: 1.1rem;}
/* ------------------------------------
// add 20220819-myrenoBTN-
------------------------------------ */
.journal_MYRENOban {flex-wrap: wrap; }
.journal_MYRENOban .myrenoban_photo{width: 100%;}
.journal_MYRENOban .myrenoban_photo img{}
.journal_MYRENOban .myrenoban_txt{width: 100%;}
.journal_MYRENOban .myrenoban_txt p{padding: 0; }
.journal_MYRENOban .myrenoban_txt a{font-size: 1.2rem;}


article#unch_artic_sche .renovation_tab table{}
article#unch_artic_sche .renovation_tab table th{display: block;}

/* .c-cta
----------------------------------------------------------------------------- */
  .c-cta {
    padding: 1.5em 1.5em 2em 1.5em;
    width: 90%;
  }
  .c-cta .c-cta__title{
    font-size: 1.7rem;
    letter-spacing: 0;
    margin-bottom: 1.2em;
    padding-bottom: 0.7em;
  }
  .c-cta__list {
    display: flex;
    flex-direction: column;
    max-width: none;
    width:100%;
  }
  .c-cta__list.-type1 {
    max-width: none;
  }
  .c-cta__list .list-item {
    width: 100%;
  }
  .c-cta__list .list-item__text {
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .c-cta .btn {
    font-size: 1.5rem;
  }
  .c-cta .btn.btn--doc{padding-right: 2.25em;}
  .c-cta .btn .icon {
    transform: translateY(-50%) scale(1.05);
  }
  .c-cta .btn .icon--search {
    right: 2rem;
  }
  .c-cta .btn .icon--doc {
    right: 0.5rem;
  }



/**執筆者box**/
.authors_box{ flex-direction: column; padding: 20px; margin-bottom: 4rem; width: calc(100% - 30px); }
.authors_box .authors_imgs{ width:100%; order: 1; display: flex; flex-direction: column; }
.authors_box .authors_imgs img{order: 1;}
.authors_box .authors_dl{ width:100%; padding-left: 0; padding-top: 0;}
.authors_box .authors_dt{ font-size:1.8rem!important; padding-bottom: 1em;align-items: flex-start;flex-direction: column;gap: 5px;}
.authors_box .authors_dt small{display: block; font-size: 75%; width: fit-content; margin-bottom: 0.5em;}
.authors_box .authors_dd{ padding-bottom: 2em;}
.authors_box .authors_dd strong{}
.authors_box .authors_dd p{line-height: 1.6!important}
.authors_box .authors_dd p+strong{padding-top: 1.5em;}
.authors_box .authors_dd a{}
.authors_box .authors_sns{width: 80%; margin-right: auto; margin-left: auto; padding-top: 0; padding-bottom: 1em;}
.authors_box .authors_sns a img{}

}