@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :example.css
=================================================================== */

/*--- .topWrapper ---*/
h1 {
	background:url(/example/img/tit.png) no-repeat right 0;
	text-indent:-10000em;
	display:block;
	font-size:10px;
	line-height:100%;
	height:137px;
}
div.serviceBlock {
	padding-bottom:50px;
}
div.serviceBoxL {
	width:560px;
	padding-left:20px;
}
div.serviceBoxL p {
	width:520px;
	padding:20px 0 30px 20px;
	font-size:14px;
	line-height:160%;
}
div.serviceBoxL ul {
	padding-left:20px;
}
div.serviceBoxL li {
	float:left;
	padding:0 10px 10px 0;
}
div.serviceBoxLL {
	width:560px;
	padding-left:20px;
	margin-left:100px;
}
div.serviceBoxLL p {
	width:520px;
	padding:20px 0 30px 20px;
	font-size:14px;
	line-height:160%;
}
div.serviceBoxLL ul {
	padding-left:20px;
}
div.serviceBoxLL li {
	float:left;
	padding:0 10px 10px 0;
}
div.serviceBoxR {
	width:560px;
	margin-right:100px;
}
div.serviceBoxR ul {
	padding-right:20px;
}
div.serviceBoxR li {
	float:right;
	padding:0 10px 10px 0;
}

div.serviceBoxRR {
	width:560px;
}
div.serviceBoxRR ul {
	padding-right:20px;
}
div.serviceBoxRR li {
	float:right;
	padding:0 10px 10px 0;
}

h4 {
	font-size:6px;
	line-height:10%;
}
div.LLine {
	border-left:#CCCCCC solid 1px;
	padding:10px 0 0 30px;
	font-size:12px;
	line-height:160%;
}
div.LLine dl {
	clear:both;
	padding-bottom:10px;
}
div.LLine dt {
	width:70px;
}
div.andLine {
	background:url(/example/img/line.gif) no-repeat bottom;
	padding-bottom:41px;
}
div.LineEnd {
	background:url(/example/img/lineEnd.gif) no-repeat bottom;
	padding-bottom:23px;
}
div.sBox83 {
	margin-top:83px;
}
div.sBox72 {
	margin-top:72px;
}
div.sBox62 {
	margin-top:62px;
}
div.sBox69 {
	margin-top:69px;
}
div.sBox63 {
	margin-top:63px;
}
div.sBox59 {
	margin-top:59px;
}
div.sBox54 {
	margin-top:54px;
}
div.rightArea {
	padding-right:10px;
	width:500px;
}
div.rightArea dt {
	width:240px;
	padding-bottom:15px;
	background:url(/example/img/line.gif) no-repeat bottom;
	color:#003A7F;
	font-size:12px;
	line-height:110%;
}
div.rightArea dd {
	width:240px;
	font-size:12px;
	line-height:110%;
	padding-top:10px;
}
div.rightArea dd.listEnd {
	padding-bottom:40px;
}
div.leftArea {
	padding-left:20px;
}
div.leftArea div {
	padding-bottom:20px;
}

div.centerArea {
	display: flex;
	justify-content: center;
	width:500px;
}
div.centerArea dt {
	width:240px;
	padding-bottom:15px;
	background:url(/example/img/line.gif) no-repeat bottom;
	color:#003A7F;
	font-size:12px;
	line-height:110%;
}
div.centerArea dd {
	width:240px;
	font-size:12px;
	line-height:110%;
	padding-top:10px;
}
div.centerArea dd.listEnd {
	padding-bottom:40px;
}

h3 {
	width:440px;
	padding:0 0 10px 10px;
	background:url(/example/img/line.gif) no-repeat bottom;
	color:#003A7F;
	font-size:18px;
	line-height:110%;
}
h4 {
	width:440px;
	padding:0 0 10px 10px;
	background:url(/example/img/line.gif) no-repeat bottom;
	color:#003A7F;
	font-size:14px;
	line-height:110%;
}

.gallery-image:hover {
    transform: scale(1.2);
    transition: transform 0.5s ease;
}

.animated-zoom15 {
    transition: transform 0.4s ease-in-out;
}

.animated-zoom15:hover {
    transform: scale(1.5);
}

.animated-zoom2 {
    transition: transform 0.4s ease-in-out;
}

.animated-zoom2:hover {
    transform: scale(2);
}

.animated-zoom3 {
    transition: transform 0.4s ease-in-out;
}

.animated-zoom3:hover {
    transform: scale(3);
}

@media (max-width: 600px) {
    .animated-zoom2 {
        transform: scale(1.1);
    }
    .animated-zoom3 {
        transform: scale(1.3);
    }
}