/*===== CSS RESET =====*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{outline:none;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}.clearfix:after{content:" ";display:table;clear:both}.clearfix{*zoom:1}ul,ol{list-style:none;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body *{max-height:99999em}body img{max-height:none}


/*===== COMMON =====*/

html, body {
	width: 100%;
	min-height: 100%;
}
body {
	background: #FFF;
	font-size: 20px;
	line-height: 1.4;
	font-family:  "ヒラギノ角ゴProN" ,"Hiragino Kaku Gothic Pro", Meiryo, YuGothic, sans-serif;
	-webkit-text-size-adjust: none;
	color: #000;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
		font-family: Meiryo, sans-serif;
	}
	.block-list02 .top	h3 strong{
	padding-top: 0.1em;
}

}
.ie9 body {
	font-family: Meiryo, sans-serif;
}
.ie9 .block-list02 .top	h3 strong{
	padding-top: 0.1em;
}
.ft_serif {
	font-family: "Hiragino Mincho Pro", Times, "Times New Roman", Georgia, serif;
}

a {
	color: #000;
	text-decoration: none;
}
.text-center{
	text-align: center;
}
.trans {
	opacity: 1;
}
.trans:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
}
img{
	display: block;
	max-width: 100%;
}
.container {
	width: 100%;
	max-width: 1264px;
	min-width: 768px;
	margin-left: auto;
	margin-right: auto;
}
.pos-re{
	position: relative;
}
.wrapper {
	width: 100%;
	padding: 0 1.042%;
	margin-left: auto;
	margin-right: auto;
}
.last{
	margin-right: 0!important;
}

/*===== FONT SIZE =====*/
@media (max-width: 1264px) { body { font-size: 20px } }
@media (max-width: 1256px) { body { font-size: 19.873417721518987px } }
@media (max-width: 1248px) { body { font-size: 19.746835443037973px } }
@media (max-width: 1240px) { body { font-size: 19.620253164556964px } }
@media (max-width: 1232px) { body { font-size: 19.49367088607595px } }
@media (max-width: 1224px) { body { font-size: 19.367088607594937px } }
@media (max-width: 1216px) { body { font-size: 19.240506329113924px } }
@media (max-width: 1208px) { body { font-size: 19.11392405063291px } }
@media (max-width: 1200px) { body { font-size: 18.9873417721519px } }
@media (max-width: 1192px) { body { font-size: 18.860759493670887px } }
@media (max-width: 1184px) { body { font-size: 18.734177215189874px } }
@media (max-width: 1176px) { body { font-size: 18.60759493670886px } }
@media (max-width: 1168px) { body { font-size: 18.481012658227847px } }
@media (max-width: 1160px) { body { font-size: 18.354430379746834px } }
@media (max-width: 1152px) { body { font-size: 18.227848101265824px } }
@media (max-width: 1144px) { body { font-size: 18.10126582278481px } }
@media (max-width: 1136px) { body { font-size: 17.974683544303797px } }
@media (max-width: 1128px) { body { font-size: 17.848101265822784px } }
@media (max-width: 1120px) { body { font-size: 17.72151898734177px } }
@media (max-width: 1112px) { body { font-size: 17.59493670886076px } }
@media (max-width: 1104px) { body { font-size: 17.468354430379748px } }
@media (max-width: 1096px) { body { font-size: 17.341772151898734px } }
@media (max-width: 1088px) { body { font-size: 17.21518987341772px } }
@media (max-width: 1080px) { body { font-size: 17.088607594936708px } }
@media (max-width: 1072px) { body { font-size: 16.962025316455698px } }
@media (max-width: 1064px) { body { font-size: 16.835443037974684px } }
@media (max-width: 1056px) { body { font-size: 16.70886075949367px } }
@media (max-width: 1048px) { body { font-size: 16.582278481012658px } }
@media (max-width: 1040px) { body { font-size: 16.455696202531644px } }
@media (max-width: 1032px) { body { font-size: 16.329113924050635px } }
@media (max-width: 1024px) { body { font-size: 16.20253164556962px } }
@media (max-width: 1016px) { body { font-size: 16.075949367088608px } }
@media (max-width: 1008px) { body { font-size: 15.949367088607595px } }
@media (max-width: 1000px) { body { font-size: 15.822784810126583px } }
@media (max-width: 992px) { body { font-size: 15.69620253164557px } }
@media (max-width: 984px) { body { font-size: 15.569620253164556px } }
@media (max-width: 976px) { body { font-size: 15.443037974683545px } }
@media (max-width: 968px) { body { font-size: 15.316455696202532px } }
@media (max-width: 960px) { body { font-size: 15.189873417721518px } }
@media (max-width: 952px) { body { font-size: 15.063291139240507px } }
@media (max-width: 944px) { body { font-size: 14.936708860759493px } }
@media (max-width: 936px) { body { font-size: 14.810126582278482px } }
@media (max-width: 928px) { body { font-size: 14.683544303797468px } }
@media (max-width: 920px) { body { font-size: 14.556962025316455px } }
@media (max-width: 912px) { body { font-size: 14.430379746835444px } }
@media (max-width: 904px) { body { font-size: 14.30379746835443px } }
@media (max-width: 896px) { body { font-size: 14.177215189873417px } }
@media (max-width: 888px) { body { font-size: 14.050632911392405px } }
@media (max-width: 880px) { body { font-size: 13.924050632911392px } }
@media (max-width: 872px) { body { font-size: 13.79746835443038px } }
@media (max-width: 864px) { body { font-size: 13.670886075949367px } }
@media (max-width: 856px) { body { font-size: 13.544303797468354px } }
@media (max-width: 848px) { body { font-size: 13.417721518987342px } }
@media (max-width: 840px) { body { font-size: 13.291139240506329px } }
@media (max-width: 832px) { body { font-size: 13.164556962025317px } }
@media (max-width: 824px) { body { font-size: 13.037974683544304px } }
@media (max-width: 816px) { body { font-size: 12.91139240506329px } }
@media (max-width: 808px) { body { font-size: 12.784810126582279px } }
@media (max-width: 800px) { body { font-size: 12.658227848101266px } }
@media (max-width: 792px) { body { font-size: 12.531645569620252px } }
@media (max-width: 784px) { body { font-size: 12.405063291139241px } }
@media (max-width: 779px) { body { font-size: 12.278481012658228px } }

@media (max-width: 768px) { body { font-size: 24px } }
@media (max-width: 764px) { body { font-size: 23.875px } }
@media (max-width: 760px) { body { font-size: 23.75px } }
@media (max-width: 756px) { body { font-size: 23.625px } }
@media (max-width: 752px) { body { font-size: 23.5px } }
@media (max-width: 748px) { body { font-size: 23.375px } }
@media (max-width: 744px) { body { font-size: 23.25px } }
@media (max-width: 740px) { body { font-size: 23.125px } }
@media (max-width: 736px) { body { font-size: 23px } }
@media (max-width: 732px) { body { font-size: 22.875px } }
@media (max-width: 728px) { body { font-size: 22.75px } }
@media (max-width: 724px) { body { font-size: 22.625px } }
@media (max-width: 720px) { body { font-size: 22.5px } }
@media (max-width: 716px) { body { font-size: 22.375px } }
@media (max-width: 712px) { body { font-size: 22.25px } }
@media (max-width: 708px) { body { font-size: 22.125px } }
@media (max-width: 704px) { body { font-size: 22px } }
@media (max-width: 700px) { body { font-size: 21.875px } }
@media (max-width: 696px) { body { font-size: 21.75px } }
@media (max-width: 692px) { body { font-size: 21.625px } }
@media (max-width: 688px) { body { font-size: 21.5px } }
@media (max-width: 684px) { body { font-size: 21.375px } }
@media (max-width: 680px) { body { font-size: 21.25px } }
@media (max-width: 676px) { body { font-size: 21.125px } }
@media (max-width: 672px) { body { font-size: 21px } }
@media (max-width: 668px) { body { font-size: 20.875px } }
@media (max-width: 664px) { body { font-size: 20.75px } }
@media (max-width: 660px) { body { font-size: 20.625px } }
@media (max-width: 656px) { body { font-size: 20.5px } }
@media (max-width: 652px) { body { font-size: 20.375px } }
@media (max-width: 648px) { body { font-size: 20.25px } }
@media (max-width: 644px) { body { font-size: 20.125px } }
@media (max-width: 640px) { body { font-size: 20px } }
@media (max-width: 636px) { body { font-size: 19.875px } }
@media (max-width: 632px) { body { font-size: 19.75px } }
@media (max-width: 628px) { body { font-size: 19.625px } }
@media (max-width: 624px) { body { font-size: 19.5px } }
@media (max-width: 620px) { body { font-size: 19.375px } }
@media (max-width: 616px) { body { font-size: 19.25px } }
@media (max-width: 612px) { body { font-size: 19.125px } }
@media (max-width: 608px) { body { font-size: 19px } }
@media (max-width: 604px) { body { font-size: 18.875px } }
@media (max-width: 600px) { body { font-size: 18.75px } }
@media (max-width: 596px) { body { font-size: 18.625px } }
@media (max-width: 592px) { body { font-size: 18.5px } }
@media (max-width: 588px) { body { font-size: 18.375px } }
@media (max-width: 584px) { body { font-size: 18.25px } }
@media (max-width: 580px) { body { font-size: 18.125px } }
@media (max-width: 576px) { body { font-size: 18px } }
@media (max-width: 572px) { body { font-size: 17.875px } }
@media (max-width: 568px) { body { font-size: 17.75px } }
@media (max-width: 564px) { body { font-size: 17.625px } }
@media (max-width: 560px) { body { font-size: 17.5px } }
@media (max-width: 556px) { body { font-size: 17.375px } }
@media (max-width: 552px) { body { font-size: 17.25px } }
@media (max-width: 548px) { body { font-size: 17.125px } }
@media (max-width: 544px) { body { font-size: 17px } }
@media (max-width: 540px) { body { font-size: 16.875px } }
@media (max-width: 536px) { body { font-size: 16.75px } }
@media (max-width: 532px) { body { font-size: 16.625px } }
@media (max-width: 528px) { body { font-size: 16.5px } }
@media (max-width: 524px) { body { font-size: 16.375px } }
@media (max-width: 520px) { body { font-size: 16.25px } }
@media (max-width: 516px) { body { font-size: 16.125px } }
@media (max-width: 512px) { body { font-size: 16px } }
@media (max-width: 508px) { body { font-size: 15.875px } }
@media (max-width: 504px) { body { font-size: 15.75px } }
@media (max-width: 500px) { body { font-size: 15.625px } }
@media (max-width: 496px) { body { font-size: 15.5px } }
@media (max-width: 492px) { body { font-size: 15.375px } }
@media (max-width: 488px) { body { font-size: 15.25px } }
@media (max-width: 484px) { body { font-size: 15.125px } }
@media (max-width: 480px) { body { font-size: 15px } }
@media (max-width: 476px) { body { font-size: 14.875px } }
@media (max-width: 472px) { body { font-size: 14.75px } }
@media (max-width: 468px) { body { font-size: 14.625px } }
@media (max-width: 464px) { body { font-size: 14.5px } }
@media (max-width: 460px) { body { font-size: 14.375px } }
@media (max-width: 456px) { body { font-size: 14.25px } }
@media (max-width: 452px) { body { font-size: 14.125px } }
@media (max-width: 448px) { body { font-size: 14px } }
@media (max-width: 444px) { body { font-size: 13.875px } }
@media (max-width: 440px) { body { font-size: 13.75px } }
@media (max-width: 436px) { body { font-size: 13.625px } }
@media (max-width: 432px) { body { font-size: 13.5px } }
@media (max-width: 428px) { body { font-size: 13.375px } }
@media (max-width: 424px) { body { font-size: 13.25px } }
@media (max-width: 420px) { body { font-size: 13.125px } }
@media (max-width: 416px) { body { font-size: 13px } }
@media (max-width: 412px) { body { font-size: 12.875px } }
@media (max-width: 408px) { body { font-size: 12.75px } }
@media (max-width: 404px) { body { font-size: 12.625px } }
@media (max-width: 400px) { body { font-size: 12.5px } }
@media (max-width: 396px) { body { font-size: 12.375px } }
@media (max-width: 392px) { body { font-size: 12.25px } }
@media (max-width: 388px) { body { font-size: 12.125px } }
@media (max-width: 384px) { body { font-size: 12px } }
@media (max-width: 380px) { body { font-size: 11.875px } }
@media (max-width: 376px) { body { font-size: 11.75px } }
@media (max-width: 372px) { body { font-size: 11.625px } }
@media (max-width: 368px) { body { font-size: 11.5px } }
@media (max-width: 364px) { body { font-size: 11.375px } }
@media (max-width: 360px) { body { font-size: 11.25px } }
@media (max-width: 356px) { body { font-size: 11.125px } }
@media (max-width: 352px) { body { font-size: 11px } }
@media (max-width: 348px) { body { font-size: 10.875px } }
@media (max-width: 344px) { body { font-size: 10.75px } }
@media (max-width: 340px) { body { font-size: 10.625px } }
@media (max-width: 336px) { body { font-size: 10.5px } }
@media (max-width: 332px) { body { font-size: 10.375px } }
@media (max-width: 328px) { body { font-size: 10.25px } }
@media (max-width: 324px) { body { font-size: 10.125px } }
@media (max-width: 320px) { body { font-size: 10px } }

/*===== header =====*/
header{
	background: #fff;
	padding-top: 0.522%;
	padding-bottom: 0.313%;
}
.logo{
	float: left;
	width: 28.334%;
	margin-top: 0.426%;
}
.logo a{
	display: block;
}
.logo a img{
	width: 100%;
}
header .right{
	float: right;
}
.text-service{
	float: left;
	margin-right: 0.35em;
	margin-right: 0.459em;
}
.text-service p{
	font-size: 0.6em;
	font-weight: bold;
}
.text-phone{
	float: left;
	text-align: right;
	margin-top: 0.24%;
	margin-right: 0.65834em;
}
.text-phone p.tk{
	font-weight: bold;
	font-size: 0.53em;
}
.text-phone .number{
	font-size: 0.9em;
    font-weight: bold;
    letter-spacing: -0.01em;
}
.text-phone .number span{
	font-size: 125%;
}
.text-phone .number img{
	display: inline-block;
	margin-right: 0.3em;
}
header .right .bt-link{
	text-align: center;
	background: #1c4fa2 url(../img/icon02.png) no-repeat 95% center;
	color: #fff000;
	font-weight: bold;
	font-size: 0.8em;
	padding: 0.6em 2.05em 0.6em 0.9em;
	float: left;
	line-height:1em;
	margin-top: 1.195%;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         1px 1px 3px 0px rgba(0, 0, 0, 0.3);
vertical-align:middle;
}
.banner{
	position: relative;
}
.banner .wrapper{
	position: ;
}
.banner .img-bg{
	width: 100%;
}
.logo-banner-left{
	position: absolute;
	left: 0.6423em;
	top: 0;
	width: 6.32em;
}
.logo-banner-right{
	position: absolute;
	right: 0.6423em;
	top: 0.6423em;
	width: 11.653em;
}
.banner .text01{
	display: inline-block;
	position: absolute;
	top: 15.3em;
	width: 94%;
	margin-left: -17.018em;
	left: 30%;
}
.text-safe{
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: url(../img/bg01.png);
	font-size: 1.26em;
	padding: 0.05em 0 0.1em;
	position: absolute;
	width: 100%;
	top: 15.45em;
}
a.link02{
	position: absolute;
	width: 40.03em;
	left: 50%;
	margin-left: -20.015em;
	z-index: 10;
	top: 21.8em;
}
a.link02 img{
	margin: 0 auto;
	width:100%;
}
.list01{
	background: #e5f4ff;
	padding-top: 4.39em;
	padding-bottom: 1.9268em
}
.list01 a{
	float: left;
	width: 31.915%;
	margin-right: 2.1%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.list01 a img{
	width: 100%;
}
.quality{
	padding-top: 2.63334em;
	padding-bottom: 3.2114em;
}
.quality h2{
	margin-bottom: 2.12em;
}
.quality img{
	width: 55.3em;
	margin: 0 auto;
}
.block-quality{
	float: left;
	width: 29.545em;
	background: #d3eeff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:0.6423em 0.578em 0.1284em;
}
.block-quality.second{
	background: #d9f3f0;
	float: right;
}
.block-quality .top .image{
	float: left;
	width: 25.34%;
	margin-right: 2%;
}
.block-quality .top .text{
	float: left;
	width: 72%;
}
.logo-quality{
	padding-top: 1.15em;
}
.block-quality .top .text p{
	font-size: 1.73333em;
	letter-spacing: -0.05em;
	color: #333333;
}
.block-list02{
	float: left;
	width: 31.916%;
	background: #1d50a2;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	height: 22.05em;
	margin-right: 2.12%;
}
.block-list02 .top	h2{
	font-size: 1.2em;
	color: #fff100;
	letter-spacing: -0.1em;
	line-height: 2.6em;
}
.block-list02 .top	h2 strong{
	font-size: 190%;
	vertical-align: middle;
	display: inline-block;
}
.block-list02 .top	h2 small {
	font-size: 1em;
	display: inline-block;
	vertical-align: middle;
	margin-top: 0.2em;
}
.block-list02 .top	h2 span{
	float: left;
	font-size: 190%;
	font-weight: bold;
	color: #1d50a2;
	background: #fff100;
	border-radius: 5px 0px 7px 0px;
	-moz-border-radius: 5px 0px 7px 0px;
	-webkit-border-radius: 5px 0px 7px 0px;
	width: 1.4087em;
	height: 1.4087em;
	text-align: center;
	line-height: 1.4087em;
	margin-right: 0.2817em;
}
.block-list02 .content{
	padding: 0.7065em 0.6423em 0;
}
.block-list02 .content img{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 0.7065em;
	width: 100%;
}
.block-list02 .content p{
	font-size: 1.2em;
	color: #fff;
	font-weight: 300;
	line-height: 1.65em;
	letter-spacing: -0.05em;
}
.cm-image{
	padding-top: 1.73413em;
	padding-bottom: 1.15em;
}
.cm-image img{
	margin: 0 auto;
	width: 57.934em;
}
.block03 p{
	font-size: 1.46em;
	font-weight: bold;
	vertical-align: middle;
}
.block03 p span{
	font-weight: normal;
	color: #1d50a2;
	display: inline-block;
	font-size: 72%;
	border: 1px solid #1d50a2;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	padding:  0 0.8em 0;
	float: left;
	margin-left: 0.5em;
	margin-top: 0.25em;
}
.block03 p strong{
	float: left;
	color: #333333;
}
.block03 .tbl{
	width: 100%;
	margin-top: 0.32115em;
	margin-bottom: 1.9268em;
}
.block03 .security{
	width: 52.667em;
	margin:0 auto;
}
.block03 .service{
	text-align: center;
	font-weight: bold;
	color: #d70300;
	font-size: 1.8em;
	margin-top: 1.24887em;
}
.btn02{
	text-align: center;
	padding-top: 0.6423em;
	padding-bottom: 2.3em;
}
.btn02 a{
	display: inline-block;
	width: 40.592em;
}
.btn02 a img{
	width: 100%;
}
.single{
	background: #d3eeff;
	padding-top: 1.47723em;
	margin-bottom: 0.6423em;
	padding-bottom: 1.9268em;
}
.single h2{
	text-align: center;
	font-size: 2.93em;
	line-height: 1.25em;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #27a1d8;
	display: block;
	margin: 0 auto 0.7014em;
	width: 16.2215em;
	position: relative;
	border-bottom: 1px solid #9fd7f3;
	padding-bottom: 0.24112em;
}
.single.family{
	background: #d9f3f0;
	margin-bottom: 0;
}
.single.older{
	background: #f4eaf4;
	margin-bottom: 0;
}
.single.family h2{
	border-color: #97d8d6;
	color: #009999;
}
.single.older h2{
	border-color: #dabcda;
	color: #9f539f;
}
.single.family .text img {
    position: absolute;
    top: -6.46em;
    right: 0.77076em;
        width: 10.405em;
}
.single.older .text img {
    position: absolute;
    top: -5.266em;
    right: 1.5414em;
    width: 13.488em;
}
.single h2:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: -2px;
	background: #fff;
}
.single .you-tube{
	float: left;
	width: 48.937%;
	height: 16.571em;
}
.single .you-tube.no-h{
	height: auto;
}
.single .you-tube iframe{
	border: 0;
	width: 100%;
	height: 100%;
}
.single .you-tube img{
	width: 100%;
}
.single .text{
	float: right;
	width: 48.937%;
	margin-top: -0.1927em;
	position: relative;
}
.single .text img{
	position: absolute;
	top: -6.15em;
	right: 2.5049em;
	width: 10.919em;
}
.single .text .top{
	font-size: 1.73em;
	font-weight: bold;
	color: #333333;
	line-height: 1.2em;
	margin-bottom: 0.8539em;
}
.single .text p{
	font-size: 1.2em;
	color: #333333;
	line-height: 1.65em;
}
.btn02.second{
	padding-top: 1.9268em;
	padding-bottom: 1.76em;
}
.also{
	margin-top: -0.77071em;
}
.also img{
	margin: 0 auto 1.7984em;
	width: 50.034em;
}
.also .block-list02 .top h2{
	line-height: 1.6em;
	letter-spacing:0;

}
.also .block-list02 .top h2 strong{
	font-size: 115%;
	padding-top: 0.55em;
	display: inline-block;
}
.also .block-list02 .content img{
	border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.also .block-list02{
	height: 25.7em;
}
.tbl2 img{
	width: 100%;
}
.cm-image.second {
    padding-top: 1.82em;
    padding-bottom: 1.75em;
}
.btn02.third {
    padding-top: 1.95em;
    padding-bottom: 2.25em;
}
.customer{
	background: #1c4fa2;
	padding-top: 1.8626em;
	padding-bottom: 1em;
}
.customer01{
	position: relative;
	background: #fff;
    margin-bottom: 1.28454em;
}
.customer h2{
	margin-bottom: 1.9268em;
}
.list-customer{
	padding: 0 3.85366em;
}
.customer01 .bage{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 9.185em;
}
.customer01 .bage img{
	width: 100%;
}
.customer h2 img{
	text-align: center;
	width: 49.584em;
	margin: 0 auto;
}
.customer p.text-right{
	text-align: right;
	color: #fff;
	font-size: 0.8em;
}
.customer01 .right{
	float: right;
	width: 15.415em;
}
.customer01 .right img{
	width: 100%;
}
.customer01 .text{
	float: left;
	width: 28.325em;
	display: table;
    margin-left: 7.57885em;
}
.customer01 .text .inner-text{
	display: table-cell;
	vertical-align: middle;
}
.customer01 .text .inner-text img{
	width: 100%;
}
.customer01.last{
	margin-bottom: 0.5138em;
}
.btn02.four {
    padding-top: 2.3em;
    padding-bottom: 1.9em;
}
.gallery{
  display: none !important;
  position: relative;
	background: url(../img/bg02.png) no-repeat top center;
	background-size: cover;
	padding-top: 3.2114em;
	padding-bottom: 2.89025em;
}
.gallery h2{
	margin-bottom: 1.5em;
}
.gallery h2 img{
	margin: 0 auto;
	width: 19.269em;
}
.gallery .web_logo {
  position: absolute;
  top: 3.2114em;
  right: 1.55em;
  width: 10em;
}

.gallery p{
	font-weight: bold;
	color: #333333;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.65em;
	margin-bottom: 0.85636em;
}
.movie{
	text-align: center;
}
.inner-movie{
	display: inline-block;
	border: 0.55em solid #fff;
}
.inner-movie a{
	display: block;
}
.inner-movie.first{
	margin-right: 0.4em;
}
.inner-movie.second{
	margin-left: 0.4em;
}
.inner-movie img{
	width: 28.4em;
}
footer{
	padding-bottom: 0.7065em;
}
footer .left{
	float: left;
	width: 70%;
	padding-top: 1.3488em;
}
footer .left img{
	width: 14.066em;
    margin-bottom: 1.0919em;
}
footer .left p{
	font-size: 0.73em;
	color: #333333;
	margin-bottom: 0.1em;
}
footer .left p.coppyright{
	font-size: 0.6em;
	margin-bottom: 0;
	margin-top: 0.5em;
	text-transform: uppercase;
}
footer .right{
	float: right;
	text-align: right;
	width: 15%;
	padding-top: 1.0919em;
}
footer .right img{
	float: right;
}
footer .right img.logo-p{
	width: 4.946em;
	margin-bottom: 0.83495em;
}
footer .right img.notron{
	width: 5.976em;
}
.cm-image p.note{
	text-align: right;
	font-size: 0.8em;
	margin-top: -0.5em;
	padding-right:1.3em;
}
/*===== RESPONSIVE =====*/

.sm {
	display: none !important;
}
.fancybox-inner{
	overflow:auto!important;
}
@media (max-width: 768px) {

	.md {
		display: none !important;
	}
	.sm {
		display: block !important;
	}

	img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
	}
	img.inline {
		display: inline;
		width: auto;
	}

	.trans {
		opacity: 1;
	}
	.trans:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	.container {
		width: auto;
		min-width: 320px;
	}
	.wrapper {
		width: auto;
		margin: 0;
		padding-left: 4.6875%;
		padding-right: 4.6875%;
	}
	header .wrapper{
		padding-left: 3.125%;
		padding-right: 3.125%;
	}
	.logo {
	    float: left;
	    width: 39.834%;
	    margin-top: 0.9em;
      margin-bottom: 0.9em;
	}
	.logo-banner-right {
	    position: absolute;
	    right: 1em;
	    top: 7em;
	    width: 8.85em;
	}
	.banner .bg-sm img{
		position: relative;
		top: auto;
		margin-bottom: 0.25em;
	}
	.bg-sm{
		background: #1e51a2;
		padding-top: 0.4em;
		padding-bottom: 3.2em;
	}
	.banner .text01 {
	    display: block;
	    margin: 0 auto;
	    position: absolute;
	    top: 9.085em;
	    width: 28.45em;
	    left: auto;
	}
	.text-safe {
	    background: url(../img/bg01.png);
	    font-size: 1.1em;
	    padding: 0;
	    position: relative;
	    width: 100%;
	    top: auto;
	    background-size: 100% auto;
	}
	a.link02{
		top: auto;
		left: auto;
		margin: 0 auto;
		display: block;
		width: 92.4%;
		position: relative;
	}
	.btn-yl{
		background: #e5f4ff;
		margin-top: -2.76em;
	}
	.list01 a{
		width: 100%;
		margin-right: 0;
		border-radius: 0.65em;
	    -moz-border-radius: 0.65em;
	    -webkit-border-radius: 0.65em;
	    margin-bottom: 0.8em;
	}
	.list01{
		padding-top: 1em;
		padding-bottom: 0.7em;
	}
	.quality h2 img{
		width: 24.35em;
	}
	.quality h2 {
	    margin-bottom: 0.9em;
	}
	.quality {
	    padding-top: 0.65em;
	    padding-bottom: 0;
	}

	.block-quality {
	    float: left;
	    width: 100%;
	    background: #d3eeff;
	    border-radius: 0.65em;
	    -moz-border-radius: 0.65em;
	    -webkit-border-radius: 0.65em;
	    padding: 0;
	    margin-bottom: 0.95em;
	}
	.block-quality .top{
		padding: 0.4em 1px 0;
	}
	.block-quality .top .image {
	    width: 29.5%;
	    margin-right: 1.5%;
	}
	.block-quality .top .text{
		width: 69%;
	}
	.block-quality .top .text p {
	    font-size: 1.8em;
	    letter-spacing: -0.13em;
	}
	.block-quality .top .text p strong{
		font-size: 105%;
	}
	.logo-quality {
	    padding: 0.55em 0.85em 0;
	}
	.block-list02{
		width: 100%;
		margin-right: 0;
		border-radius: 0.7em;
	    -moz-border-radius: 0.7em;
	    -webkit-border-radius: 0.7em;
	    height: auto;
	    margin-bottom: 0.7em;
	}
	.block-list02 .top	h2 {
	    font-size: 1.2em;
	    color: #fff100;
	    letter-spacing: 0;
	    line-height: 2.85em;
	}

	.block-list02 .top	h2 strong{
		font-size: 158%;
		margin-left: 0.1em;
	}
	.block-list02 .top	h2 span{
		font-size: 158%;
		width: 1.846em;
		height: 1.846em;
		line-height: 1.846em;
		border-radius: 0.3em 0px 0.4em 0px;
	    -moz-border-radius: 0.3em 0px 0.4em 0px;
	    -webkit-border-radius: 0.3em 0px 0.4em 0px;
	}
	.block-list02 .content {
	    padding: 0.5em 1em 0.95em;
	}
	.block-list02 .content img{
		width: 51.76%;
		float: left;
		margin-bottom: 0;
		margin-right: 2%;
		border-radius: 0.5em;
	    -moz-border-radius: 0.5em;
	    -webkit-border-radius: 0.5em;
	}
	.block-list02 .content p {
	    font-size: 1.4em;
	    line-height: 1.6em;
	    margin-top: -0.3em;
	}
	.cm-image {
	    padding-top: 0.1em;
	    padding-bottom: 1.6em;
	}
	.cm-image img{
		margin: 0 auto;
		width: 100%;
	}
	.block03 p{
		font-size: 1.4em;
	}
	.block03 p span{
		font-size: 85%;
		border-width: 0.1em;
		margin-top: 0.075em;
		line-height: 1.3em;
		margin-left: 0;
	}
	.block03 .tbl {
	    width: 100%;
	    margin-top: 0.8em;
	    margin-bottom: 1.5em;
	}
	.block03 .service {
	    font-size: 1.7em;
	    margin-top: 0.57em;
	    line-height: 1.55em;
	}
	.btn02 a{
		width: 100%;
	}
	.btn02 {
	    text-align: center;
	    padding-top: 0.55em;
	    padding-bottom: 1.1em;
	}
	.single h2{
		width: 100%;
		font-size: 2.2em;
		border-width: 2px;
		padding-bottom: 0.25em;
		margin-bottom: 0.73em;
	}
	.single h2:after{
		bottom: -0.0912em;
		height: 0.0456em;
	}
	.single .you-tube{
		width: 100%;
		height: 16.25em;
		margin-bottom: 2.45em;
	}
	.single .text{
		width: 100%;
	}
	.single .text img{
		right: 0;
		width: 45.175%;
		top: -1.4em;
	}
	.single{
		padding-top: 1.2em;
		padding-bottom: 0.95em;
		margin-bottom: 0.5em;
	}
	.single .text .top {
	    font-size: 1.8em;
	    line-height: 1.35em;
	    margin-bottom: 0.43em;
	}
	.single .text p {
	    font-size: 1.4em;
	}
	.single.family .text img {
	    position: absolute;
	    top: -2.4em;
	    right: -0.1em;
	    width: 52.244%;
	}
	.single.older .text img {
	    position: absolute;
	    top: -1.81em;
	    right: 0;
	    width: 46.898%;
	}
	.btn02.second {
	    padding-top: 1.45em;
	    padding-bottom: 1.15em;
	}
	.also{
		margin-top: 0;
		padding-top: 0.5em;
	}
	.also img {
	    margin: 0 auto 1.5em;
	    width: 50.034em;
	}
	.also .block-list02 .top h2 strong {
	    font-size: 158%;
	    padding-top: 0.4em;
	    display: inline-block;
	}
	.also .block-list02{
		height: auto;
	}
	.also .block-list02 .content {
	    padding: 0.5em 1em 0.95em;
	}
	.block-list02 .content p{
		float: left;
		width: 46%;
	}
	.cm-image.second {
	    padding-top: 0.6em;
	    padding-bottom: 1.25em;
	}
	.btn02.third {
	    padding-top: 1.5em;
	    padding-bottom: 1.15em;
	}
	.customer01{
		margin-bottom: 1em;
	}
	.list-customer{
		padding: 0
	}
	.customer01 .text {
	    float: left;
	    width: 100%;
	    display: table;
	    margin-left: 0;
	    padding-top: 1.5em;
	    padding-bottom: 1em;
	}
	.customer01 .right {
	    width: 56.897%;
	}
	.customer01 .bage {
	    width: 38.106%;
	}
	.customer p.text-right {
	    font-size: 1em;
	    padding-top: 0.25em;
	}
	.btn02.four {
	    padding-top: 1.3em;
	    padding-bottom: 0.15em;
	}
	.gallery{
		background: url(../img/bg02-sm02.png) no-repeat top center;
	    background-size: cover;
	    padding-top: 2em;
	    padding-bottom: 0.5em;
	}
	.gallery h2 img{
		width: 63.104%;
	}
	.gallery p {
	    font-size: 1.3em;
	    line-height: 1.72em;
	    margin-bottom: 0.75em;
	}
	.inner-movie{
		border-width: 0.75em;
		-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:    0px 1px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow:         0px 1px 4px 0px rgba(0, 0, 0, 0.3);
		width: 100%;
		margin: 0 0 1.15em;
	}
  .movie .second {
	margin-bottom: 6.8em!important;
}
  .gallery .web_sm {
  width: 10em;
    top: 45.5em;
    right: 1.2em;
}
  
	footer .left{
		width: 100%;
		padding-top: 1.27em;
	}
	footer .left p {
	    font-size: 1.3em;
	    margin-bottom: 0.1em;
	    line-height: 1.47em;
	}
	footer .right{
		width: 100%;
		padding-top: 1em;
	}
	footer .right img{
		float: left;
	}
	footer .right img.logo-al{
		width: 37.76%;
		margin-right: 7.07%;
	}
	footer .right img.logo-p{
		width: 18.277%;
		margin-bottom: 0;
		margin-right: 7.07%;
	}
	footer .right img.notron{
		width: 28.794%;
	}
	.cm-image p.note{
		font-size: 1em;
		margin-top: 0;
	}
}
/*===== HEADER =====*/