@charset "UTF-8";
/* CSS Document */
.col-md-2_4{
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
    height:180px;
}

.col5_cont_15{
	margin:auto;
	position:relative;
	top:15%;
	line-height: 1.5em;
	font-size: 0.9em;
}

.col5_cont_20{
	margin:auto;
	position:relative;
	top:25%;
	line-height: 1.5em;
	font-size: 0.9em;	
}

.col5_cont_30{
	margin:auto;
	position:relative;
	top:30%;
	line-height: 1.5em;
	font-size: 0.9em;
}

/*===========
display
===========*/
.dis_sp{
	display:none;
}

.dis_pc{
	display:block;
}

/*===========
teigi
===========*/
.teigi{
	border-top:1px solid #c6c6c6;
}

.teigi dt{
	padding:15px 0;
	width:25%;
	float:left;
	color:#003f76;
	font-size:1.2em;
}

.teigi dd{
	padding:15px 0;
	font-size:0.85em;
}

/*===========
bg
===========*/
.bg_b{
	color:#ffffff;
	background-color:#0d3385;
}

.bg_g{
	padding:25px;
	background-color:#eceded;
}
.bg_n{
	padding:10px;
	color:#ffffff;
	background-color:#0d3385;
}


.bg_n_2{
	margin-top:10px;
	margin-bottom:15px !important;
	padding:5px 10px;
	color:#ffffff;
	background-color:#0d3385;
	max-width:81%;
}

.bg_mg{
	padding:10px;
	text-align:center;
	background-color:#d3eaea;
}

.bg_mg_2{
	margin-bottom:10px;
	padding:10px 15px;
	color:#ffffff;
	background-color:#5fbec4;
	font-size:0.9em;
}

.col5_bg{
	padding:20px;
	text-align:center;
	color:#0d3385;
	background-image: url(/service/building/zeb/images/img_zeb_v2_06_bg.png);
	background-size:75%;
	background-position:50% 50%;
	position:relative;
}

/*===========
border box
===========*/
.bb_g{
	padding-bottom:5px;
	border-bottom:1px solid #c6c6c6;
}

.bt_g{
	padding-top:10px;
	border-top:1px solid #acacac;
}

.bt_g_dot{
	padding-top:20px;
	border-top:1px dotted #acacac;
}

.box_b{
	padding:20px;
	border:1px solid #8094c9;
}

.box_g{
	padding:20px;
	border:1px solid #36b4a7;
}

.box_mini{
	margin-left:27%;
}

/*===========
width
===========*/
.w90{
	margin:0 auto;
	width:90% !important;
}

.w80{
	margin:0 auto;
	width:80% !important;
}

.w60{
	margin:0 auto;
	width:60% !important;
}

.w65{
	margin:0 auto;
	width:65% !important;
}

/*===========
text
===========*/
.text_c{
	text-align:center;
}

.text_a_l{
	text-align:left;
}

.text_g{
	margin-top:5px;
	text-align:center;
	color:#00a4a9;
	font-size:1.1em;
}

.text_b{
	color:#0d3385;
}

.indent_1_2{
	padding-left: 1.2em;
	text-indent: -1.2em;
}

.bg_b_title{
	padding:12px 0;
	text-align:center;
	line-height:2em;
}

/*===========
font-size
===========*/
.text_s{
	font-size:0.85em;
	line-height: 1.6em;
}

.text_ss{
	font-size:0.5em;
}

.text_sm{
	font-size:0.95em;
}

.text_sm_2{
	font-size:0.9em;
}

.text_m{
	font-size:1.1em;
}

.text_ml{
	font-size:1.2em;
}

.text_l{
	font-size:1.5em;
	line-height: 1.3em;
}

.text_l_2{
	font-size:1.4em;
	line-height: 1.3em;
}

.text_ll{
	font-size:2.4em;
}

.lh_1_6{
	line-height:1.6em;
}

.lh_1{
	line-height:1em;
}

.lh_05{
	line-height:0.5em;
}
.col5_text{
	line-height:1.6em;
	font-size:0.9em;
}
/*===========
margin
===========*/
.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}


.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb45{
	margin-bottom:45px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb85{
	margin-bottom:85px;
}

.mb_pc{
	margin-bottom:51px !important;
}

.mb_25_pc{
	margin-bottom:25px !important;
}

.mb65{
	margin-bottom:65px;
}

.mb80{
	margin-bottom:80px;
}
.mb20_sp{
	margin-bottom:20px;
}

.mt20{
	margin-top:20px;
}

.mt40{
	margin-top:40px;
}

.m0_a{
	margin:0 auto;
}

/*===========
padding
===========*/
.pd_pc{
	padding-top:23px;
	padding-bottom:24px;
}

.pt20{
	padding-top:20px;
}

.pb0{
	padding-bottom:0;
}

.pl_7em{
	padding-left:7em;
}

.pl_5em{
	padding-left:5.85em;
}

/*===========
scroll-box
===========*/
.scroll-box {
	overflow-x: auto;
	padding-bottom: 10px;
	-webkit-overflow-scrolling: touch;
}
.scroll-box div img {
	max-width: 100%;
	min-width: 767px;
	vertical-align: top;
}

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar{
	height: 16px;
}
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track{
	background: #efefef;
}
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb{
	background: #898989;
	border: none;
	transition :1s;
	border-radius:15px;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover{
	background: #ccc;
	transition :1s;
	border-radius:15px;
}

/*===========
sp
===========*/
@media screen and (max-width: 767px){
.box_mini{
	margin-left:0;
	margin-bottom:20px;
	float:left;
	width:125px;
}
.mb0_sp{
	margin-bottom:0 !important;
}
.mb_pc{
	margin-bottom:17px !important;
}	
.col-md-2_4{
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    height:180px;
}
.sp_w100{
	width:100%;
}
.dis_sp{
	display:block;
}
.dis_pc{
	display:none;
}
.bg_n_2{
	margin-top:15px !important;
	margin-bottom:5px !important;
	max-width: 64%;
}
.mb_25_pc{
	margin-bottom:0;
}
.pd_pc{
	padding-top:10px;
	padding-bottom:10px;
}
.w65{
	margin:0 auto;
	width:100% !important;
}
.teigi dt{
	padding:10px 0 0 0;
	width:100%;
	float:none;
	color:#003f76;
	font-size:1.2em;
}

.teigi dd{
	padding:5px 0 10px 0;
	font-size:0.85em;
}
.mb0{
	margin-bottom:0 !important;
}
.sp_col-md-3{
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}
.sp_col-md-9{
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
}
.sp_mt50{
	margin-top:50px !important;
}
.sp_mt30{
	margin-top:30px !important;
}
.sp_mt35{
	margin-top:35px !important;
}
.col5_bg{
	padding:20px;
	text-align:center;
	color:#0d3385;
	background-image: url(/service/building/zeb/images/img_zeb_v2_06_bg.png);
	background-size:50%;
	background-position:50% 50%;
	position:relative;
}
.mb20_sp{
	margin-bottom:0 !important;
}
}
@media screen and (max-width: 520px){
.col5_bg{
	padding:20px;
	text-align:center;
	color:#0d3385;
	background-image: url(/service/building/zeb/images/img_zeb_v2_06_bg.png);
	background-size:75%;
	background-position:50% 50%;
	position:relative;
}
}

/*===========
2305
===========*/
table{
	width:100%;
	white-space:nowrap;
}
table th{
	padding:10px;
	border-top:1px solid #acacac;
	font-size: 0.8em;
	background-color: #d3eaea;
}

table td{
	padding:10px;
	border-top:1px solid #acacac;
	font-size: 0.8em;
	text-align:center;
}

.tl{
	text-align:left !important;
}

.last_line{
	border-bottom:1px solid #acacac;
}

.st{
	color:#0d3385;
	font-size:1.2em;
}

.sub_title{
	font-size:1.1em;
}

.w1{
	width:125px !important;
	min-width:125px !important;
	text-align:left;
}

.w2{
	width:215px !important;
	min-width:215px !important;
}

.w3{
	width:190px !important;
	min-width:180px !important;
}

.w4{
	width:190px !important;
	min-width:165px !important;
}

.w5{
	width:190px !important;
	min-width:165px !important;
}

.w6{
	width:190px !important;
	min-width:165px !important;
}

.link_text{
	color:#212121;
}

.link-arrow_table{
    padding-right:20px;
    text-decoration:underline;
    background:url(/common/images/icon_arrow_link.svg) 100% 48% no-repeat;
    background-size:12px 12px;
}

.table_sp_w{
    width:1100px;
}