/* ---Reset--- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ul {list-style-type: square; margin-left:16px;}
li span {color:#CC3300;}
ol {list-style-type: decimal;}
blockquote, q {quotes:none;}
table, table td {padding:0;border:none;border-collapse:collapse;}
img {vertical-align:top;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* --- */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.container-fluid{padding-right:.9375rem;padding-left:.9375rem;margin-right:auto;margin-left:auto}.container-fluid::after{display:table;clear:both;content:""}

.containerback {
	background-color: rgba(255,255,255,0.7);
	margin-bottom: 30px;
	}

/* --- */

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{
	color: #36A5C7;
	text-decoration: none;
	font-weight: 700;
}
a:hover {text-decoration: none; color:#257087;}

h1 	{font-size: 16px;line-height: 28px;color: #212121; margin:30px 0 20px 0;}
h2 	{font-size: 16px;line-height: 25px;color: #212121; margin:30px 0 20px 0;}
h3, h4	{font-size: 16px;line-height: 18px;color: #212121;}
h5, h6	{font-size: 16px;line-height: 16px;color: #212121;}

p{margin: 10px 0;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.float-right{float: right;}
.float-left{float: left;}

.post{}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

.margintopfirst {margin-top:160px;}

.black {color:#000;}
.abl {color:#006EB6;}
.ablbold {color:#006EB6; font-weight:bold;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

hr{border: 0;height: 3px;margin: 20px auto;}
hr.line-1{background: #fff;max-width: 30px;}
hr.line-2{background: #252525;max-width: 50px;height: 8px;}

.shadow1 {box-shadow: 5px 5px 10px 1px #888;}

/* ---Html-Body--- */
html, body {width:100%; padding:0; margin:0;}
body {
	color: #000000;
	background-color: #E2E8F5;
	font: 16px/25px Arial, Helvetica, sans-serif;
	font-weight: 400;
	
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.5s; /* Firefox < 16 */
        -ms-animation: fadein 1.5s; /* Internet Explorer */
         -o-animation: fadein 1.5s; /* Opera < 12.1 */
            animation: fadein 1.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

body .wrap-body{}

.back01, .back02 {
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #E2E8F5;
}

.back01 {
	background-image: url(../images/logo-back-1.svg);
}

/* ---Header--- */
header {margin-top:15px; height:146px}
.logo{text-align: left;}
.logo img{margin: 25px 0 0 5px; width: 200px;}

/* ---Container--- */
#container {
	min-height:800px
	}

#container .wrap-container {}

/* ---content-box--- */
.content-box {}
.content-box .wrap-box {padding: 20px 0; position: relative;}

.header {text-align: left; margin-bottom: 20px;color: #006EB6;}
.header h1, .header h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.0; letter-spacing:0.0em; margin-bottom: 20px; color:#006EB6}
.header h1 {font-size: 22px;}
.header h2 {font-size: 18px;}
.header h3 {font-size: 16px;}
.header h4 {font-size: 16px; margin-top:25px}

.content-box.box-1 {text-align: left;}
.content-box.box-1 .wrap-col{margin: 0 10px; }

/* ---Footer--- */
footer{margin: 0; text-align:right;}
footer .wrap-footer{padding: 50px 15px 0 15px;}
footer a{color: #BCDFF3; font-size: 14px; font-weight: normal; margin-right: 15px;}
footer a:hover{color: #009BF3;}

@media only screen and (max-width: 767px) {
.back01 {
	background-image: url(../images/logo-back-2.svg);
}
}

@media only screen and (max-width: 479px) {
.back01 {
	background-image: url(../images/logo-back-3.svg);
}
}