@charset "utf-8";

/*@import url("../../../css/reset.css");*/
@import url("../../../../../css/common.css");
@import url("../common.css");

/*===========================================

    company-branch-index.css

===========================================*/
div.main_contents { width:930px; padding: 30px 0 0 0;}
div#contents { padding-bottom: 25px;}

/* branch__highlight */
.branch__highlight-list:not(:last-child){
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.branch__highlight-list--box{
	width: calc(100% / 2 - 3%);
	position: relative;
}
.branch__highlight-list--box:not(:nth-child(-n+2)){
	margin-top: 4%;
}
.branch__highlight-list--box---ttl{
	border-left: 6px solid #175A97;
	padding-left: 8px;
	color: #175A97;
	font-size: 18px;
	line-height: 1.2;
}
.branch__highlight-list--box---map{
	position: absolute;
	top: 0;
	right: 0;
}
.branch__highlight-list--box---map a{
	display: block;
	position: relative;
	padding: 0 0 0 14px;
}
.branch__highlight-list--box---map a::before{
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 6px;
	height: 8px;
	border: 6px solid transparent;
	border-left: 8px solid #000;
}



p.map { clear: both; border-top: 1px solid #CCCCCC; padding-top: 30px; margin:0 auto;}
div.map { clear:both; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px 0; margin:0 auto;}
	div.map dl { overflow: hidden; }
		div.map dl dt { float: left; margin-right: 25px; color: #000; font-size: 16px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
			div.map dl dt span { border-left: 8px solid #175A97; padding-left: 10px; margin-left: 40px;}
		div.map dl dd { overflow: hidden; font-size: 90%;}

.branch_list_map{ position: relative; font-size: 13px; line-height: 150%; height: 1010px; background: url("../../../images/company/branch/index/map_1908.png") no-repeat top 10px left 78px; margin-top: 20px;}
.branch_list_map,
.branch_list_map * { box-sizing: border-box!important;}
.branch_list_map .branch_list_map_click_txt{ font-size: 15px; font-weight: 600; color: #1e5483;}
.branch_list_map .branch_list_map_box{ min-width: 190px; border: 2px solid #1e5483; background-color: #fff; padding: 15px; position: absolute;}
	.branch_list_map .branch_list_map_box::before{ content: ''; position: absolute;}
.branch_list_map .branch_list_map_box h3{ font-size: 20px; color: #1e5483; padding: 0; width: auto;}
.branch_list_map .branch_list_map_box h4{ font-size: 16px; color: #1e5483; margin-bottom: 5px;}
.branch_list_map .branch_list_map_box .right_area{ margin-left: 40px;}
.branch_list_map .branch_list_map_box .bloc+.bloc{ margin-top: 2em;}
.branch_list_map .branch_list_map_li li{ position: relative; padding-left: 15px;}
.branch_list_map .branch_list_map_li li+li{ margin-top: 2px;}
.branch_list_map .branch_list_map_li li::before{ content: ''; position: absolute; top: 3px; bottom: 0; left: 0; box-sizing: border-box; width: 6px; height: 6px; border: 6px solid transparent; border-left: 6px solid #231815;}
	/* position */
	.branch_list_map .branch_list_map_box.__kanto{ top: 80px; right: 0;}
		.branch_list_map .branch_list_map_box.__kanto::before{ width: 112px; height: 2px; background-color: #1e5483; top: 482px; right: 100%;} 
	.branch_list_map .branch_list_map_box.__chubu{ top: 660px; right: 300px;}
		.branch_list_map .branch_list_map_box.__chubu::before{ width: 2px; height: 92px; background-color: #1e5483; bottom: 100%; left: 13px;} 
	.branch_list_map .branch_list_map_box.__kansai{ top: 40px; left: 0;} 
		.branch_list_map .branch_list_map_box.__kansai::before{ width: 2px; height: 140px; border-right: 2px solid #1e5483; top: 100%; right: 32px;} 
	.branch_list_map .branch_list_map_box.__kyusyu{ top: 420px; left: 0;}
		.branch_list_map .branch_list_map_box.__kyusyu::before{ width: 2px; height: 30px; background-color: #1e5483; top: 100%; right: 17px;} 

/**/
div#contents div.cta{
	clear: both;
	margin-bottom: 30px;
}
div#contents div.cta div.inner{
	padding: 20px 100px;
}
div#contents div.cta h4{
	text-align: center;
	font-size: 26px;
	margin-bottom: 8px;
}
div#contents div.cta p{
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}
div#contents div.cta div.flex-btw > div{
	width: 31%;
}
div#contents div.cta div.flex-btw div a.bt-def-sty.bt-sty02:hover{
	color: #fff;
}

/* 06-08-2023 */
.branch_list_map .branch_list_map_box.__kyusyu {
    top: 485px;
}

.branch_list_map .branch_list_map_box.__kanto::before {
    top: 520px;
}

.branch_list_map .branch_list_map_box.__chubu {
    top: 735px;
}

.branch_list_map .branch_list_map_box.__kansai::before {
    height: 165px;
}

.branch_list_map {
    background-position-y: 85px;
}

/* 08-30-2023 */
.branch__highlight-list--box---map a::before {
    display:none;
}

.branch__highlight-list--box---map a{
    font-size: 16px!important;
    color: #023b73!important;
    line-height: 1.5!important;
    font-weight:600;
    padding-left: 15px;
}

.branch__highlight-list--box---map a:after{
    content:'';
    width: 7px;
    height: 7px;
    border: 2px solid #023b73;
    transform: rotate(45deg) skew(7deg, 7deg);
    border-left: none;
    border-bottom: none;
    top: 9px;
    left: 0;
    position:absolute;
}

body div#contents div.cta {
    margin-left: -24px;
    margin-right: -24px;
}

.branch_list_map .branch_list_map_li li::before{
	display:none;
}

.branch_list_map .branch_list_map_li li{
	color: #023b73!important;
	line-height: 1.5!important;
	font-weight:600;
	padding-left: 15px;
}

.branch_list_map .branch_list_map_li li::after{
	content:'';
	position:absolute;
	content:'';
    width: 7px;
    height: 7px;
    border: 2px solid #023b73;
    transform: rotate(45deg) skew(7deg, 7deg);
    border-left: none;
    border-bottom: none;
    top: 7px;
    left: 0;
    position:absolute;
}

/* 09-05-2023 */
div.main_contents{
	width: 1230px;
}

div#contents div.cta div.inner{
	max-width: 1230px;
}

div.map, .branch_list_map{
	width: 930px;
	margin-left:auto;
	margin-right: auto;
}

/* 2024-05-07 */
.branch_list_map .branch_list_map_box.__kansai::before {
	height: 110px;
}

.branch_list_map .branch_list_map_box.__kyusyu {
	top: 840px;
}

.branch_list_map .branch_list_map_box.__kyusyu::before {
	top: -90%;
	height: 157px;
}