@charset "utf-8";
/* CSS Document */
/*==================default page==================*/
.A10502d2{background:#000; position:relative; overflow: hidden;}
.A10502d2::after{content:""; width:310px; height:100%; display:block; position:absolute; top:0; right:0; background:url("images/A10502_02.jpg") no-repeat top right;}
.A10502d2 .bgimg{width:50%; height:100%; position:absolute; top:0; left:0; display: block; overflow: hidden;}
.A10502d2 .bgimg img{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.A10502d2 .bgimg.rr{width:310px; height:100%; left:auto; right:0; opacity:.5;}
.A10502d2 table{line-height:2em; font-size:16px; padding:5%; position:relative; float:right; z-index: 3; width:50%; color:#fff;}
.A10502d2 table h2{font-size:45px; line-height:1.6em; margin:0;}
.A10502d2 table h3{font-size:26px; line-height:1.3em; margin:0;}
.A10502d2 table::before{content:""; width:40%; height:100%; display:block; position:absolute; left:-40%; top:0; background:linear-gradient(90deg, rgba(0,0,0,0),rgba(0,0,0,1));}
.A10502d2 .more a, .A10502d3 .more span{display:inline-block; background:#085f89; color:#fff; border-radius:1.5em; padding:0.5em 1em;}
.A10502d2 .more a::after, .A10502d3 .more span::after{content:""; width:10px; height:10px; border:1px solid #fff; display:inline-block; transform:rotate(45deg); margin-left:1em; border-bottom:none; border-left:none;}
.A10502d3{padding:80px 0;}
.A10502d3 .dtit{text-align:center; font-size:42px; color:#000;}
.A10502d3 .dtit span{font-size:26px; font-weight:normal; display:block; color:#000;}
.A10502d3 .list figure, .A10502d3 .list section{display: inline-block; vertical-align: middle; padding:1em; color:#000;}
.A10502d3 .list figure{width:55%; transform:translateY(25px);}
.A10502d3 .list section{padding:3em; width:44%;}
.A10502d3 .list section h3.subject{font-size:30px; color:#000; font-weight:normal; position:relative; padding-top:20px;}
.A10502d3 .list section h3.subject::before{content:",,"; display:inline-block; font-size:40px; color:#085f89; transform:rotate(180deg) translateY(-15px); font-weight:900;}
.A10502d3 .list .innerhtml{font-size:16px;}
.A10502d3 .list.rr figure{transform:translateX(80%) translateY(-25px);}
.A10502d3 .list.rr section{transform:translateX(-125%);}
.A10502d3 .more{text-align:left; margin-top:1em;}
.A10502d4 .page{width:100%; max-width:100%; padding:0;}
.A10502d4 .list, .A10502d4 .list .frm{padding:0;}
.A10502d4 .list section{position:absolute; top:30%; left:0; height:auto; z-index: 3; text-align: center; color:#fff; padding:0 10%; width:100%;}
.A10502d4 .list figure{z-index:-1; position:relative; background:#000;}
.A10502d4 .list figure img{opacity:.5;}
.A10502d4 .list .frm{position:relative;}
.A10502d4 .list h3.subject{font-size:2.7vw; margin:0; line-height:1.3em;}
.A10502d4 .list .innerhtml{font-size:18px; line-height:1.5em;}

.A10502d5{padding:80px 0;}
.A10502d5 .dtit{text-align:center; font-size:42px; color:#000;}
.A10502d5 .dtit span{font-size:26px; font-weight:normal; display:block; color:#000;}
.A10502d5 .list h3.subject {font-size:19px; font-weight:normal; display:block; color:#000;text-align: center;}


@media screen and (max-width:1286px){/*desktop*/
.A10502d4 .list .innerhtml{font-size:15px;}	
}
@media screen and (max-width:960px){/*desktop-small pad*/
.A10502d3{padding:80px 40px;}
.A10502d3 .list section{padding:1em;}
.A10502d3 .list section h3.subject{font-size:20px;}
.A10502d3 .list section .innerhtml{font-size:13px;}
.A10502d4 .list .innerhtml{font-size:22px;}
.A10502d4 .list section{top:26%;}
.A10502d2 table{width:100%; background:rgba(0,0,0,.7);}
.A10502d2 .bgimg{width:100%;}
}
@media screen and (max-width:767px){/*phone*/
.A10502d2 table,.A10502d3 .list .innerhtml{font-size:14px;}
.A10502d3 .list section h3.subject{font-size:20px;}
.A10502d3 .list figure{padding:0;}
.A10502d3 .list figure, .A10502d3 .list section{width:100%;}
.A10502d3 .list.rr figure,.A10502d3 .list.rr section,.A10502d3 .list figure{transform:translateX(0%) translateY(0px);}
.A10502d4 .list h3.subject{font-size:36px;}
}	
/*====================================*/
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%;}

@media screen and (max-width:1286px){/*desktop*/
	
}
@media screen and (max-width:960px){/*desktop-small pad*/

}
@media screen and (max-width:767px){/*phone*/
.MBLayout figure,.MBLayout h1{width:100%; text-align: left; font-size:20px;}
.MBLayout .innerhtml.sum{width:100%; padding-left:0;}

}