@charset "UTF-8";

header{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	z-index: 9999;
}
header #head_cont{
	padding-top: 10px;
	background-color: #FFFFFF;
	overflow-y: hidden;
}
.menu-trigger{
	display: none;
}


header #head_left{
	float: 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;
}
header #head_right{
	float: right;
}
header #head_right li{
	float: left;
	margin-left: 6px;
	display: block;
	font-weight: bold;
}
header #head_right li a{
	font-size: 1.2rem;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: bold;
	background-color: #395775;
	color: #FFFFFF;
	border-radius: 2px;
} 
header #head_right li a.border{
	width: 90px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}
header #head_right li a img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
	height: 9px;
}
header #head_right li#head_broker a{
	border-style: none;
	background-color: #FF7861;
	padding-left: 14px;
	padding-right: 14px;
}
header #head_right li#head_mail{}
header #head_right li#head_mail a{
	border-style: none;
	white-space: nowrap;
}
header #head_right li#head_mail a img{
	height: 10px;
	margin-bottom: 3px;
}
header #head_right li#head_heart a img{
	height: 10px;
	margin-bottom: 3px;
}
header #head_right li#head_freedial{
	float: right;
	clear: both;
	padding-top: 10px;
	white-space: nowrap;
}
header #head_right li#head_freedial a{
	display: inline-block;
	font-size: 2rem;
	letter-spacing: 0em;
	background-color: #FFFFFF;
	color: #000000;
	vertical-align: middle;
}
header #head_right li#head_freedial a img{
	height: 16px;
	margin-right: 4px;
	margin-left: 0px;
	vertical-align: top;
}
header #head_right li#head_freedial a[ href^="tel:"]{
    pointer-events: none;
  }

header nav {
	clear: both;
	padding-top: 8px;
	background-color: #FFFFFF;
	height: 40px;
}
header nav>ul
{	position: relative;
    width: 100%;}

header nav>ul>li{
	float: left;
}
header nav>ul>li:nth-child(1){ width: 16%;}
header nav>ul>li:nth-child(2){ width: 16%;}
header nav>ul>li:nth-child(3){ width: 18%;}
header nav>ul>li:nth-child(4),header nav>ul>li:nth-child(5){
	width: 19%;
}
header nav>ul>li:nth-child(6){	width: 12%;}
header nav>ul>li:nth-child(n+7){
	display: none;
}
header nav>ul>li>a{
	font-size: 1.4rem;
	display: block;
	padding-top: 4px;
	padding-bottom: 5px;
	text-align: center;
}
header nav>ul>li:nth-child(1)>a{
	text-align: left;
}
header nav>ul>li:nth-child(6)>a{
	text-align: right;
}
header nav>ul>li { position: relative; }

/*CSSのみドロップダウンメニュー*/
header nav>ul>li ul.smenu {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	position: absolute;
	top: 12px;
	width: 100%;
	background-color: #EBEFEF;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
header nav>ul>li ul.smenu:after
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 10px 7px;
	border-color: transparent transparent #ebefef transparent;
	top: -10px;
	content: "";
	display: block;
	left: 0px;
	position: absolute;
	width: 0;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
}
/*エリアドロップダウン*/
header nav>ul>li ul.smenu.navi_area{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	left: -352px;
	right: 0px;
}
header nav>ul>li ul.smenu.navi_area:after{
	left: 430px;
	right: auto;
}
header nav>ul>li ul.smenu.navi_area>li{
	padding: 14px;
}
header nav>ul>li ul.smenu.navi_area>li .navi_ttl{
	font-size: 1.2rem;
	display: block;
	text-align: center;
}
header nav>ul>li ul.smenu.navi_area>li dl.area_dl{
	font-size: 1.1rem;
	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 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{
	padding-top: 10px;
}
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.3rem;
	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;
}


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



header nav>ul>li ul.smenu li{
	padding-right: 10px;
	padding-left: 10px;}
header nav>ul>li ul.smenu li:first-child{
}

header nav>ul>li ul.smenu li a{
	font-size: 1.2rem;
	display: block;
	border-bottom: 1px solid #9B9B9B;
	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-hover {
	top: 32px;
	visibility: visible;
	opacity: 1;
}



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

header{
	width: 100%;
	position: fixed;
	top: 0px;
	padding-bottom: 0px;
	overflow-y: auto;
	max-height: 100vh;
}
header #head_cont{
	padding-bottom: 8px;
}
header #head_left{
	padding-left: 2.8vw;
}
header #head_left #head_logo{
	margin-top: 4px;
}
header #head_right{
	float: left;
	padding-top: 10px;
	display: block;
	width: 100%;
	padding-left: 2vw;
}
header #head_right li{
	margin-left: 3px;
	}
header #head_right li a{
	font-size: 1.1rem;
}
header #head_right li a.border{
	width: auto;
	letter-spacing: 0em;
	padding-left: 4px;
	padding-right:4px;
}
header #head_right li#head_broker a{
	letter-spacing: 0em;
	padding-left: 4px;
	padding-right: 4px;
}
header #head_right li#head_broker{
	margin-left: 0px;
}
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 #000000;
	float: left;
	height: 100%;
	margin-bottom: 120px;	
}

header nav>ul{
/*	position: relative;
    width: 100%;
	height: 100%;
*/
}

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

header nav>ul>li:nth-child(8){
	background-color: #FFE3DB;
}
header nav>ul>li>a{
	font-size: 1.5rem;
	padding-top: 16px;
	padding-bottom: 16px;
	text-align: left;
	padding-left: 2.8vw;
	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(-n+2){
	width: 50%!important;
}
header nav>ul>li:nth-last-child(-n+2) a{
	text-align: center;
	background-color: #EBEFEF;
	letter-spacing: -0.03em;
	font-size: 1.6rem;
	font-weight: bold;
	padding-top: 14px;
}
header nav>ul>li:nth-last-child(-n+2) a em{
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	padding-bottom: 6px;
	}
header nav>ul>li:nth-last-child(-n+2) a em:before,
header nav>ul>li:nth-last-child(-n+2) a em:after{
		content: "";
        flex-grow: 1;
        height: 1px; 
        background: #000;
        margin:0 .8em;
	}
header nav>ul>li:nth-last-child(2) a img{
	height: 21px;
	width: auto;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 2%;
}
header nav>ul>li:nth-last-child(1) a img{
	height: 21px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


header nav>ul>li:nth-last-child(1){
	border-left: 1px solid #000000;
}



/*CSSのみドロップダウンメニュー*/
header nav>ul>li ul.smenu {
	visibility: visible;
	opacity: 1;
	background-color: #FFFFFF;
	position: static;
	top: 12px;
	width: 100%;
}






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:first-child{
}

header nav>ul>li ul.smenu li a{
	font-size: 1.5rem;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 2.8vw;
	padding-right: 2.8vw;
}
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:hover ul.smenu {

}



/*ハンバーガー*/
a.menu-trigger {
	position: absolute;
	width: 36px;
	height: 36px;
	display: block;
	right: 15px;
	top: 24px;
}
a.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #000000;
}
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(16px) rotate(-45deg);
	transform: translateY(16px) rotate(-45deg);
	top: 0px;
}
a.menu-trigger span:nth-of-type(2){
	top: 15px;
}
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(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
	bottom: 0px;
}

/*アコーディオン*/

nav .toggle_switch::after {
	width: 18px;
	height: 11px;
	background-image: url("/com/img/comm_arrBL01.svg");
	top: 50%;
	right: 20px;
}
nav .toggle_switch.open::after {
  top: 38%;
}
nav .toggle_switch.open {
	border-bottom: 1px solid #9b9b9b;
	background-color: #DDE2E6;
}
nav .toggle_contents a{
	padding-left: 6vw;
	padding-right: 6vw;
	display: block;
	font-size: 1.4rem;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #000000;
}

nav .toggle_contents a:last-child{
	border-bottom-style: none;
}

/*エリアアコーディオン*/
header nav>ul>li ul.smenu.navi_area{
	width: 100%;
	position: static;
    -webkit-transition: none;
    transition: none;
}
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;
}


}