@charset "UTF-8";

header{ display: flex; flex-direction: column; justify-content: space-between; padding: 0.75em 0 0.5em 0; background-color: #fff; z-index: 999; position: relative; min-width: 1100px;}
header a:hover{opacity: 1;}
header img{width: 100%; height: auto; aspect-ratio: attr(width) / attr(height);}

header #head_cont{ display: flex; justify-content: space-between;/*overflow-y: hidden;*/ z-index: 11;}
.menu-trigger{ display: none;}
.subMenu-trigger{position: relative;}

header #head_left{}
header #head_left #head_copy{ font-size: 1.0rem; font-weight: bold; line-height: 1.6em;}
header #head_left #head_logo{ margin-top: 8px; width: 15em;}
header #head_left img[src*="logo_myreno_BLK.svg"]#head_logo{width:11em;margin-top:16px;margin-bottom: 10px;}
header #head_right{ display: flex; align-items: center;}
header #head_right li{ font-weight: bold; margin-left: 1em;}

header #head_right li a{ font-size: 1.2rem; display: block;	font-weight: bold; padding: 0.5em 1em; line-height: 1;} 
header #head_right li a img{ display: inline-block;	vertical-align: middle;	margin-left: 2px;}

header #head_right li a.border{ border: 1px solid var(--comm-Lightgray); transition: background-color 0.25s ease; /* アニメーションの設定 */ background-color: #fff;}
header #head_right li a.border:hover{background-color: var(--comm-Lightgray); opacity: 1;}


header #head_right li.head_broker a{background-color: var(--comm-Lightgray); border: 1px solid var(--comm-Lightgray); transition: background-color 0.25s ease; }
header #head_right li.head_broker a:hover{background-color: #fff; opacity:1;}

header #head_right li.head_heart{margin-left: 0.5em;}
header #head_right li.head_heart a{ padding-left:0.75em; padding-right: 0.5em; }
header #head_right li.head_heart a img{	width: 1.5rem;}
header #head_right li.head_heart a img.heart_msove{display: none;}
header #head_right li.head_heart a:hover img.heart_msove{display: block;}
header #head_right li.head_heart a:hover img.heart_def{display: none;}

header #head_right li.head_login{margin-left: 0;}
header #head_right li.head_login a img{width: 1.4em; margin-left: 0.75em;}

header #head_right li.head_dgas{ white-space: nowrap; margin-left: 0;}
header #head_right li.head_dgas a{ display: inline-block; font-size: 2rem; letter-spacing: 0em; color: #000000; vertical-align: middle; padding-right: 0; padding-left: 14px; padding-top: 0px;padding-bottom: 0;}
header #head_right li.head_dgas a img{ width: 120px;}


header nav { padding-top: 0.5em;}
header nav>ul{ position: static; display: flex; justify-content: space-between; width: 100%;}

header nav>ul>li{}
header nav>ul>li:nth-child(1){}
header nav>ul>li:nth-child(2){}
header nav>ul>li:nth-child(3){}
header nav>ul>li:nth-child(4),header nav>ul>li:nth-child(5){}
header nav>ul>li:nth-child(6){}
header nav>ul>li:nth-child(n+7){ display: none;}
header nav>ul>li>a{	display: block; padding: 0.5em 0.1em 0.5em 0.1em;  text-align: center; text-decoration: none; white-space: nowrap; z-index: 11;}
header nav>ul>li.mega_dd{}

/**hoverアンダーライン**/
a.over_uline{position: relative; display: block; width: fit-content;}
a.over_uline:hover{ opacity: 1!important;}
a.over_uline::before {content: ''; position: absolute; left: 0; bottom: 3px; /* 下線の位置調整 */ width: 100%; height: 1px; /* 下線の太さ */ background-color: var(--comm-gray); transform: scaleX(0); transform-origin: left; transition: transform 0.2s ease;}
a.over_uline:hover::before { transform: scaleX(1);}
a.over_uline.line-on:before{ transform: scaleX(1)!important;}


/*CSSのみドロップダウンメニュー*/
header nav>ul>li ul.smenu { visibility: hidden; opacity: 0; top: -40px; background-color: var(--comm-Lightblue); -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; z-index: 10; width: 100%; left: 50%; transform: translateX(-50%); padding: 14rem 4rem 4rem 4rem; }
header nav>ul>li ul.smenu-hover { top: 0px;visibility: visible;opacity: 1; }
header nav>ul>li ul.smenu li{ }
header nav>ul>li ul.smenu li>a{ font-size: 1.4rem; display: block; padding-top: 6px; padding-bottom: 6px;}
header nav>ul>li ul.smenu li:last-child>a{ border-bottom-style: none;}
header nav>ul>li ul.smenu .toggle_contents{	display: none;}
header nav>ul>li ul.smenu-hover {}


header nav>ul>li ul.smenu.colbox{display: flex; gap:1rem;}
header nav>ul>li ul.smenu.colbox>li{width: 100%;}
header nav>ul>li ul.smenu.colbox>li>a{}
header nav>ul>li ul.smenu.colbox>li>.wht_box{background-color: #fff; height: 100%; display: flex; align-items: center; justify-content: center; padding: 1.5rem; text-align: center; flex-wrap: wrap; line-height: 1.6;}
header nav>ul>li ul.smenu.colbox>li>.wht_box>*{width: 100%;}
header nav>ul>li ul.smenu.colbox>li>.wht_box .area_choice{display: flex; gap: 1rem; padding-top: 1em;}
header nav>ul>li ul.smenu.colbox>li>.wht_box .area_choice a{display: block;background-color: var(--comm-Lightgray); padding: 0.5em 1em; width: 100%;}
header nav>ul>li ul.smenu.colbox>li>a.toggle_switch.open{ background-color: var(--comm-Lightblue);}

/*エリアドロップダウン*/
header nav>ul>li ul.smenu.navi_area{}
header nav>ul>li ul.smenu.navi_area:after{}
header nav>ul>li ul.smenu.navi_area>li{}
header nav>ul>li ul.smenu.navi_area>li .navi_ttl{ font-size: 1.4rem; display: block; text-align: center;}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl{ font-size: 1.2rem; padding-top: 10px; padding-bottom: 10px; display: inline-block; padding-right: 10px;}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl.tokyo_box{ display: block; width: 100%; padding-right: 0px;}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl.osaka_box{ width: calc(50% - 5px);}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl.hyogo_box{ width: calc(50% - 5px); padding-right: 0px;}

header nav>ul>li ul.smenu.navi_area>li dl.area_dl dt{ background-color: #3C3C46; color: #FFFFFF; font-size: 1.2rem; text-align: center; display: block;}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd{}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd table.area_table{}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd table.area_table td{ padding-right: 1em;}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd table.area_table a{ font-size: 1.4rem; display: inline-block; width: auto; margin-right: 0.5em; padding-top: 6px; padding-bottom: 0px; margin-top: 6px; border-bottom: 1px solid #000000; line-height: 1.2em; white-space: nowrap;}


/*エリアドロップダウンここまで*/

/**休暇案内**/
#vaca_inc{padding-top: 0.75em;border-top: 1px solid #A2A2A2; }
#vaca_box{padding: 1.6em 0; margin-bottom: 1.8rem; line-height: 1.8em; }
#vaca_box strong{ display: block; padding-bottom: 0.5em; font-size: 120%; line-height: 1.4em; }
.sub_com_ttl + .w1100 #vaca_box{ margin-top: 40px; border-color: #c8c8c8; /*border-style: none; margin-bottom: 20px; margin-top: 40px; background-color: #ebebeb;*/}
#moving_inc{}
#moving_box{padding: 1.6em 0; line-height: 1.8em;display: flex;gap:3rem;}
#moving_box strong{ display: block; padding-bottom: 0.5em; font-size: 130%; line-height: 1.4em; }
.sub_com_ttl + .w1100 #moving_box{ margin-top: 40px; border-color: #c8c8c8; /*border-style: none; margin-bottom: 20px; margin-top: 40px; background-color: #ebebeb;*/}
#vaca_inc+#moving_inc{padding-top: 0; margin-top: -4rem;}

/**お引越し告知**/
#reno_fork{ background-color: #fff; padding: 2em;/*display: none;*/ width: 100%;font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
#reno_fork .fork_txt{ padding-bottom: 1em; font-size: 2.4rem; line-height: 1.6em; text-align: center;}
#reno_fork strong{display: block; font-size:135%;padding-bottom: 0.75em;}
#reno_fork .comm_btn{ width: 100%;}
#reno_fork ul li:after{display: none!important;}
#reno_fork ul[class*="colspa_"] li{margin-bottom: 0;}




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

    header{	width: 100%; position: fixed; top: 0px;	overflow-y: auto; max-height: 100vh; padding: 0; min-width: initial;}
    header #head_cont{ flex-direction: column; height: 80px; padding: 6px 2vw 10px 2vw; justify-content: flex-start;}
    header #head_left{height: 38px;}
    header #head_left #head_logo{ margin-top: 4px; width: 9em;}
	header #head_left img[src*="logo_myreno_BLK.svg"]#head_logo{width:6.5em;margin-top:10px;margin-left: 0.5em;margin-bottom: 0;}
    header #head_right{	align-items: flex-start; justify-content: space-between; width: 100%; gap:1.5vw}
    header #head_right li{ margin-left: 0!important; width: 20vw;}
    header #head_right li a{ padding: 0.4em 0 0.5em 0; text-align: center;}
    header #head_right li a img{}
    header #head_right li a.border{	width: auto; letter-spacing: 0em; }
    header #head_right li.head_broker{ width: 38vw; position: absolute; top: 0.75em; right: 15.5vw;}
    header #head_right li.head_broker a{padding:0.4em 0 0.5em 0;}

    header #head_right li.head_broker02{display: block;}header #head_right li.head_login
    header #head_right li.head_broker02 a{ letter-spacing: 0em;	padding-left: 4px;	padding-right: 4px;}
    header #head_right li.head_broker02{}

    header #head_right li.head_heart{ width: fit-content; margin-left: auto!important;}
    header #head_right li.head_heart a img{}
    header #head_right li.head_login{border: 1px solid var(--comm-Lightgray); }
    header #head_right li.head_login a{padding-left: 0; padding-right: 0; letter-spacing: -0.1em; }
    header #head_right li.head_login a img{ width: 1em; margin-left: 0.2em; display:inline-block; vertical-align: middle; }
    header #head_right li.heart_gbc{ flex-shrink: 0;}

    header #head_right li.head_dgas{ width: 12vw; }
    header #head_right li.head_dgas a{ padding: 0; }
    header #head_right li.head_dgas a img{ width: 100%; max-width: 70px;}

    header #head_right li#head_mail,header #head_right li#head_freedial{ display: none;}
    header nav { display: none; padding-top: 0px; width: 100%; border-top: 1px solid var(--comm-gray); float: left; height: 100%; margin-bottom: 120px;}
    header nav>ul{flex-direction: column; gap:0;}

    header nav>ul>li{ border-left-style: none; width: 100%!important; border-bottom: 1px solid var(--comm-gray);}
    header nav>ul>li:nth-child(n+6){ display: block;}


    header nav>ul>li>a{ font-size: 1.4rem; padding-top: 16px; padding-bottom: 16px; text-align: left; padding-left: 2vw; padding-right: 2.8vw;}
    header nav>ul>li:first-child>a{ display: none;}
    header nav>ul>li:nth-child(4)>a{ display: none;}
    header nav>ul>li:nth-child(6)>a{ text-align: left;}
    header nav>ul>li:nth-last-child(2){ }
    header nav>ul>li>a::before {display: none;}

    header nav>ul>li.btm3line{ width: 100%; display: flex; border-bottom-style: none;}
    header nav>ul>li.btm3line>*{ display: block; width: calc(100% / 3) ; position: relative; border-left: 1px solid #f6bb89; }
    header nav>ul>li.btm3line>*:first-child{ border-left-style: none;}
    header nav>ul>li.btm3line>* a{ text-align: center; background-color: #EBEFEF; letter-spacing: -0.03em; font-size: 1.6rem; padding-top: 6px; padding-bottom: 16px; padding-left: 1vw; padding-right: 1vw; display: block; }
    header nav>ul>li.btm3line>* a em{ display: flex; align-items: center; font-size: 1.1rem; padding-bottom: 2px;justify-content: center;}
    /*header nav>ul>li.btm3line>* a em:before, header nav>ul>li.btm3line>* a em:after {   content: ""; flex-grow: 1; height: 1px; background: #fff; margin: 0 .8em; display: flex; align-items: center; font-size: 1.1rem;	
        }
        */
    header nav>ul>li.btm3line>* a[class*="ga_SpFoot"]{ background-image: -webkit-linear-gradient(270deg,rgba(247,124,0,1.00) 0%,rgba(224,79,0,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(247,124,0,1.00) 0%,rgba(224,79,0,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(247,124,0,1.00) 0%,rgba(224,79,0,1.00) 100%); background-image: linear-gradient(180deg,rgba(247,124,0,1.00) 0%,rgba(224,79,0,1.00) 100%); color: #FFFFFF;}
    header nav>ul>li.btm3line>* a.ga_SpFoot_tel{ background-image: -webkit-linear-gradient(270deg,rgba(235,97,67,1.00) 0%,rgba(203,45,76,1.00) 100%); background-image: -moz-linear-gradient(270deg,rgba(235,97,67,1.00) 0%,rgba(203,45,76,1.00) 100%); background-image: -o-linear-gradient(270deg,rgba(235,97,67,1.00) 0%,rgba(203,45,76,1.00) 100%); background-image: linear-gradient(180deg,rgba(235,97,67,1.00) 0%,rgba(203,45,76,1.00) 100%);}
    header nav>ul>li.btm3line>* a.ga_SpFoot_regist{}header nav>ul>li.btm3line>* a img {height: 18px; width: auto; display: inline-block; vertical-align: bottom; opacity: 0.8; margin-top: 0.3em;}



    /*CSSのみドロップダウンメニュー*/
    header nav>ul>li ul.smenu { visibility: visible; opacity: 1; background-color: #FFFFFF; position: static; top: 12px; width: 100%; flex-direction: column; transform: translateX(0);        padding: 0;}
    header nav>ul>li ul.smenu:after{ display: none;}
    header nav>ul>li ul.smenu li{ padding-right: 0px; padding-left: 0px;}
    header nav>ul>li ul.smenu li>a{ font-size: 1.4rem; padding-top: 16px!important; padding-bottom: 16px!important; padding-left: 2vw!important; padding-right: 2.8vw!important;}
    header nav>ul>li ul.smenu li>a.toggle_switch{ padding-right: 3em; }
    header nav>ul>li ul.smenu li a br{ display: none;}
    header nav>ul>li ul.smenu li:last-child>a{ border-bottom-style: none;}


    header nav>ul>li ul.smenu.colbox{gap:0; display: block;}
    header nav>ul>li ul.smenu.colbox>li{ border-bottom: 1px solid var(--comm-gray);}
    header nav>ul>li ul.smenu.colbox>li>a{ text-align: left; display: block;}
    header nav>ul>li ul.smenu.colbox>li:last-child{border-bottom-style :none;}

    header nav>ul>li ul.smenu.colbox>li>.wht_box{ justify-content: flex-start; }
    header nav>ul>li ul.smenu.colbox>li>div.wht_box{padding: 0;}
    header nav>ul>li ul.smenu.colbox>li>.wht_box>*{}
    header nav>ul>li ul.smenu.colbox>li>.wht_box .area_choice{display: block; padding-top: 0}
    header nav>ul>li ul.smenu.colbox>li>.wht_box .area_choice a{background-color: #fff; padding: 16px 2.8vw 16px 2vw!important; width: 100%; border-bottom: 1px solid var(--comm-gray); text-align: left;}
    header nav>ul>li ul.smenu.colbox>li>.wht_box .area_choice a:before{ content: "リノベーション物件を探す [リノコレ]"; margin-right: 1em;}
    header nav>ul>li ul.smenu.colbox>li>.wht_box .area_choice a:last-child{border-bottom-style: none; }





    /*ハンバーガー*/
    a.menu-trigger { position: absolute; width: 28px; height: 28px; display: block; right: 1em; top: 0.75em;}
    a.menu-trigger span { position: absolute; left: 0;right: 0; margin: auto; width: 80%; height: 1px; background-color: #000;}
    a.menu-trigger,
    a.menu-trigger span {   display: inline-block; transition: all .4s; box-sizing: border-box;}
    a.menu-trigger span:nth-of-type(1){	top: 6px;}
    a.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); top: 6px;}
    a.menu-trigger span:nth-of-type(2){ top: 13px;}
    a.menu-trigger.active span:nth-of-type(2) { opacity: 0;}
    a.menu-trigger span:nth-of-type(3){	bottom:6px;}
    a.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); bottom: 6px;}

    /*アコーディオン*/

    nav .toggle_switch::after { width: 1em; height: 1em; background-image: url("/com/img/comm_arrBL01.svg"); top: 0; bottom: 0; right: 1em; transform: rotateZ(0deg); margin: auto;}
    nav .toggle_switch.open::after {transform: rotateZ(-180deg); }
    nav .toggle_switch.open { border-bottom: 1px solid var(--comm-gray); background-color: var(--comm-Lightblue);}
    nav .toggle_contents a{ padding-left: 6vw; padding-right: 6vw; display: block; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px dotted #000000;}
    nav .toggle_contents a:last-child{ border-bottom-style: none;}
	nav .toggle_switch.nav_seminar + ul.smenu.colbox{display: none;}

	
    /*エリアアコーディオン*/
    header nav>ul>li ul.smenu.navi_area{ width: 100%; position: static; -webkit-transition: none; transition: none; transform: translateX(0); padding: 4vw;}
    header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd table.area_table tr{display: block;width: 100%;}
    header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd table.area_table tr td{width: 100%;display: block;padding-right: 0px;}
    header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd table.area_table a {padding-left: 0.5em;padding-right: 0.5em;}
    header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd table.area_table tr td:empty{display: none;}
    header nav>ul>li ul.smenu.navi_area>li dl.area_dl dd table.area_table tr td.small_area{padding-top: 14px;}
    header nav>ul>li ul.smenu.navi_area>li dl.area_dl{ display: block; width: 100%; padding-right: 0px;}
    header nav>ul>li ul.smenu.navi_area>li dl.area_dl.osaka_box{ width: 100%;}
    header nav>ul>li ul.smenu.navi_area>li dl.area_dl.hyogo_box{ width: 100%; padding-right: 0px;}

    /**リノコレ関東関西**/
    .subMenu-trigger{position: relative;}
    .subMenu-trigger > a{display: none!important;} 

    .subMenu-trigger > .area_choice{ opacity: 1; visibility: visible; position: static; font-size: 1.5rem; background: #fff;}
    .subMenu-trigger > .area_choice.subMenu-open{}


    /**hoverアンダーライン**/
    a.over_uline{width:100%;}
    a.over_uline:hover{ }
    a.over_uline::before {display: none;}
    a.over_uline:hover::before { transform: scaleX(0);}
	
	/**休暇案内**/
	header+#vaca_inc{margin-top: 8rem;}
	#vaca_inc{ }
	#vaca_box{padding:1em;line-height: 1.6em;}
	#vaca_box strong{font-size:110%;}
	.sub_com_ttl + .w1100 #vaca_box{}
	#moving_inc{margin-top: 80px;}
	#moving_box{padding: 1em;line-height: 1.6em;gap:0.5rem;flex-direction: column;}
	#moving_box strong{font-size: 115%; }
	.sub_com_ttl + .w1100 #moving_box{ margin-top: 40px; border-color: #c8c8c8; /*border-style: none; margin-bottom: 20px; margin-top: 40px; background-color: #ebebeb;*/}
	#vaca_inc+#moving_inc{margin-top: -2rem;}
	
	/**お引越し告知**/
	.lightcase-inlineWrap{overflow: scroll;}
	#reno_fork{ padding: 2em;}
	#reno_fork .fork_txt{ font-size: 1.8rem; } 
	#reno_fork .comm_btn{ width: 75vw;}
	#reno_fork ul li:after{display: none!important;}
	#reno_fork ul[class*="colspa_"] li:first-child{margin-bottom: 12px;}
	#reno_fork ul[class*="colspa_"] li{ margin-bottom: 0;}
}