@charset "utf-8";

/* ------- ZEB ------- */
:root ol, :root ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#zeb-index > .content-area01{
	height:390px;
	margin:0 auto;
	text-align:center;
	background:url(img/zeb/bg_title.jpg) no-repeat center top;

}
#zeb-index h1{
	color:#fff;
	font-size:4.4rem;
	font-weight:bold;
}
#zeb-index h1 span{
	font-size:2.2rem;
	display:block;
	border:1px solid #fff;
	padding:1.2rem 0;
	width:260px;
	margin:0 auto 3rem;
}

.ttl02-zeb {
    position: relative;
    border-bottom: 2px solid #01579b;
    background: #edf0f5;
    color: #01579b;
    text-align: center;
    font-size: 2.4rem;
    padding: 4.6rem 0 4rem;
    margin: 0 0 4.4rem;
    letter-spacing:-0.1rem;
}
    /* 下三角 */ 
    .ttl02-zeb:before{
        content: "";
        position: absolute;
        bottom: -24px;
        left: 48.5%;
        margin-left:0px;
        border: 14px solid transparent;
        border-top: 14px solid #edf0f5;
        z-index: 2;
    }
    .ttl02-zeb:after {
        position: absolute;
        border: 14px solid transparent;
        border-top-color: #01579b;
        border-bottom-width: 0;
        bottom: -14px;
        content: "";
        left: 48.5%;
        z-index: 1;
    }


#zeb-01{
	background:#edf0f5;
	padding:0 0 5.5rem;
}
#zeb-01 > .content-area01{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

#zeb-01 figure{
	margin:3.0rem 0;
    text-align: center;
    background: #ffffff;
}
#zeb-01 .ex-txt{
	font-size:1.6rem;
}
#zeb-02{
	padding:2rem 0 5.5rem;
}
#zeb-02 > .content-area01{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
#zeb-02 .ttl02-zeb {
	background: #fff;
}
#zeb-02 .ttl02-zeb:before{
	border-top: 14px solid #fff;
}
#zeb-02 section{
	width:490px;
	margin-bottom:20px;
	background:#dee5f1;
}
#zeb-02 section:nth-child(odd){
	margin-right:20px;
}
#zeb-02 section h3{
	background:#01579b;
	color:#fff;
	font-size:2.0rem;
	padding:1.0rem;
	text-align:center;
}
#zeb-02 section p{
	color:#01579b;
	font-weight:bold;
	padding:2.0rem;
}
#zeb-02 section > p.ex-txt{
	color:#263238;
	font-weight:normal;
	padding-top:0;
	margin-top:-2rem;
	text-align:left;
	font-size:1.6rem;
}
#zeb-02 .ex-txt{
	padding-top:3rem;
	font-size:1.6rem;
	text-align:center;
}
#zeb-03{
	background:#edf0f5;
	padding:0;
}
#zeb-03 > .content-area01{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
.zeb-03-1{padding-bottom:55px;justify-content:space-between;}
.zeb-03-1 > div{width:390px;}
.zeb-03-1 > figure{width:560px;}

.zeb-03-1 > div h3 {
	font-size:2.0rem;
	color:#01579b;
	padding-bottom:1.8rem;
}
.zeb-03-1 > div h3 span{
	font-size:2.0rem;
	color:#fff;
	background:#01579b;
	display:block;
	text-align:center;
	width:10rem;
	margin-bottom:1.4rem;
}