/*
Noto Sans CJK JP Regular
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;

Noto Sans CJK JP Medium
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 500;
font-style: normal;

Noto Sans CJK JP Bold
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 700;
font-style: normal;

*/

@charset "utf-8";
.l-wrap{
    position: relative;
    max-width: 1230px;
    margin: 0 auto;
}

.top-mainvisual{
	position: relative;
	margin-bottom: 40px;
}

.slide-conteiner{
    background-image: url(../img/top01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 280px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

 .slide-title{
    font-size: 1.9rem;
    font-weight: 700;
    color: #333;
    background-color: #fff;
	 letter-spacing: .2rem;
	 text-align: center;
	 line-height: 1;
	 border-radius: 4px;
	 padding: 15px;
	 margin: 0;
/*
    letter-spacing: .1rem;
    margin-bottom: 13px;
    line-height: 2;
*/
}

 .slide-title:not(:last-child){
	 margin-bottom: 10px;
/*
    letter-spacing: .1rem;
    margin-bottom: 13px;
    line-height: 2;
*/
}


/***************************************
	共通
***************************************/
/*--------------------------------------
	main
--------------------------------------*/
body.is-active {
position: fixed;	
}

/** h2タイトル **/
#title_h2{
    text-align:center;
	letter-spacing: .2rem;
    margin:0 0 10px;
}
#title_h2 h2{
	font-size: 2.6rem;
	font-weight: 400;
	letter-spacing: .3rem;
/*    margin:0 0 30px;*/
}
/* ブルーライン */
#title_h2 hr{
    width:70px;
    height:1px;
    background-color:#4ABEE4;
    border:none;
    color:#4ABEE4;
    margin:0 auto;
}
/* ブルーライン end */
/* グレーライン */
#title_h2 hr.hr_gray{
    width:70px;
    height:1px;
    background-color:#333;
    border:none;
    color:#333;
    margin:0 auto 20px;
}



/* グレーライン end */
#title_h2 p{
    font-family: "Roboto Condensed",sans-serif;
    font-size:1.6rem;
	font-weight: 400;
    color:#4ABEE4;
    margin-bottom:5px;
}
/** h2タイトル end **/







.SubTitle_h3{
	position: relative;
    font-size:2.0rem;
	font-weight: 400;
    line-height:1.6;
	letter-spacing: .1rem;
}



.SubTxt{
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 2;
	text-align: justify;
}
.btn_center{
	margin: 0 auto;
}
.btn a{
	color: #fff;
	text-align: left;
}
.BoxPattern01_ttl{
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: .2rem;
}
.BoxPattern02_ttl{
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: .2rem;
}


.lead-txt {
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: .1rem;
}







/** blueボタン **/
.btn{
    width:200px;
    background:#4ABEE4;
    border-radius:4px;
    text-align:center;
    letter-spacing:0.1em;
}
.btn{
    position:relative;
    color:#fff;
/*	font-size: 1.5rem;*/
    padding:15px 0 15px 15px
}
.btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scaleX(.8) rotate(45deg);
    -ms-transform: scaleX(.8) rotate(45deg);
    -o-transform: scaleX(.8) rotate(45deg);
    transform: scaleX(.8) rotate(45deg);
}
/** blueボタン end **/
/** ページ内リンクnav balloonタイプ **/
.flex_nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:20px;
}
.flex_nav li{
    border-right:1px solid #fff;
    text-align:center;
    /* 1行と複数行が混在しても上下中央になる vertical不要！ */
    display:flex;
    justify-content:center;/*水平揃え*/
    align-items:center;/*垂直揃え*/
    /* 1行と複数行が混在しても縦中央になる vertical不要！ end */
    /* balloon用 */
    position:relative;
    background:#4ABEE4;
    color:#fff;
    /* balloon用 end */
}
/* balloon */
.flex_nav li:before{
    content:"";
    position:absolute;
    top:98%;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border:solid 10px transparent;
    border-top:solid 10px #4ABEE4;
}
/* balloon end */
.flex_nav li:first-child{
    border-top-left-radius:7px;
    border-bottom-left-radius:7px;
}
.flex_nav li:last-child{
    border-right:none;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.flex_nav a{
    color:#fff;
    padding:10px 0;
}
/** ページ内リンクnav balloonタイプ end **/
/** グレイback area **/
.gray_area{
    width:100%;
    background:#f7f7f7;
    padding:1px 0;
}
/** グレイback area end **/
/** ブルーback area **/
.blue_area{
    width:100%;
    background:#e4f1f5;
    padding:30px 0 1px;
}
/** ブルーback area end **/

/** 足跡 **/
#Footprints{
    margin-bottom:20px;
}
#Footprints p{
    font-size:1.0rem;
    text-align:right;
}
#Footprints p span{
    color:#CCCCCC;
}
#Footprints p a{
    display:inline-block;
}
/** 足跡 end **/

/***************************************
	共通 ipad
***************************************/
@media screen and (min-width:768px) {
/*--------------------------------------
	main
--------------------------------------*/
/** mainvisual **/

 .slide-conteiner {
    height: 360px;
}
 .slide-title{
    font-size: 2.3rem;
	 padding: 20px;
}



/** blueボタン **/
.btn{
/*    width:300px;*/
}
/** 右下bottomライン合わせ **/
.btn_bottomline_r{
    margin:auto 0 0 auto;
}
/** 右bottomライン合わせ end **/
/** blueボタン end **/
/** ページ内リンクnav **/
.flex_nav{
    margin:0 auto 20px;
}
/** ページ内リンクnav end **/
}

/***************************************
	共通 PC
***************************************/
@media screen and (min-width:1024px) {
/*--------------------------------------
	main
--------------------------------------*/
/** mainvisual **/

 .slide-conteiner {
    height: 400px;
}

/** h2タイトル **/
#title_h2 p{
    font-size:2.0rem;
    line-height:2.6rem;
}
/** h2タイトル end **/
}


/***************************************
	index.html
***************************************/
/*--------------------------------------
	main
--------------------------------------*/

#strengths .flex {
	width: 92%;
	justify-content: space-between;	
	margin: 0 auto;
}
#strengths figure {
	margin-bottom: 20px;
}
#strengths .strengths_item .TitleText h3 {
	font-size: 2.2rem;
}
/** BoxPattern01 **/
.BoxPattern01 .box_text{
    width:100%;
    background:#fff;
    padding:20px;
}
/** 左ボーダー見出し **/
/*** 複数行の場合 ***/
.BoxPattern01 .box_text h3{
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
/*
    text-indent:-3.4rem;
    padding-left:3.4rem;
*/
}
.BoxPattern01 .box_text h3::before{
   position:absolute;
   content:"";
   width:23px;
   height:1px;
   background-color:#0097A7;
   top: 50%;
   left:0;
}
/*** 複数行の場合 end ***/
/*** 1行の場合 flexでできる ***/
/*.BoxPattern01 .box_text h3{
    display:flex;
    align-items:center;/* 垂直中心 */
    /*justify-content:left;/* 左寄せ */
/*}
/*.BoxPattern01 .box_text h3:before{
    content:"";
    border-top:solid 1px #2D9CDB;
    width:3rem;
    margin:3px 10px 0 0;
}
/*** 1行の場合 flexでできる end ***/
/** 左ボーダー見出し end **/
.BoxPattern01 .box_text h3{
    font-size:2.0rem;
    line-height:2.6rem;
}
.BoxPattern01 .box_text h4{
    font-size:1.6rem;
    line-height:2.2rem;
}
.BoxPattern01 .box_img img{
    width:100%;
}
/** BoxPattern01 end **/

/***************************************
	index.html ipad
***************************************/
@media screen and (min-width:768px) {
/*--------------------------------------
	main
--------------------------------------*/

#strengths .flex .strengths_item {
	width: 48.5%;
}


/** top img **/
#TopImg{
/*    max-width:1200px;*/
    margin:0 auto 50px;
}
/** top img end **/
/** BoxPattern03 **/
.BoxPattern03 figure{
    width:100%;
}
/** BoxPattern03 end **/
/** BoxPattern01 **/
.BoxPattern01{
    position:relative;
}
.BoxPattern01 .box_text{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width:47%;
    height:85%;
}
.BoxPattern01 .box_text.box_text_last{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width:47%;
    height:auto;
}
.BoxPattern01 .box_l{
    left:60px;
}
.BoxPattern01 .box_r{
    right:60px;
}
.BoxPattern01 .box_img img{
    width:50%;
}
.BoxPattern01 .img_r{
    text-align:right;
    padding:0 60px 0 0;
}
.BoxPattern01 .img_l{
    text-align:left;
    padding:0 0 0 60px;
}
/** BoxPattern01 end **/


}
/***************************************
	index.html PC
***************************************/
@media screen and (min-width:1024px) {
/*--------------------------------------
	main
--------------------------------------*/
/** BoxPattern03 **/
.BoxPattern03 figure{
    width:auto;
}
/** BoxPattern03 end **/
/** BoxPattern01 **/
.BoxPattern01 .box_text{
    padding:40px;
}
.BoxPattern01 .box_text.box_text_last{
    height:85%;
}

.BoxPattern01 .box_text h3{
    font-size:2.2rem;
    line-height:2.8rem;
}

.BoxPattern01 .box_text {
    height: 80%;
}
/** BoxPattern01 end **/
}



/***************************************
	強み about.html
***************************************/
/*--------------------------------------
	main
--------------------------------------*/
/** 強みbox **/
.TitleText{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#0E508C;
    margin:0px -15px 0;
}
.TitleText h3{
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 1.6;
    padding:0 15px;
}
.TitleNO{
/*    height:65px;*/
    border-right:solid 1px #0E508C;
    text-align:center;
    padding:0 15px;
	margin-bottom: 20px;
}
.TitleNO p{
    font-size:1.2rem;
    line-height:1.6rem;
    padding:0 0 2px;
}
.TitleNO .No{
    width:50px;
    font-family:"Oswald";
    font-weight:600;
    font-size:4.4rem;
    margin:14px 0 0;
}
/** 強みbox end **/

/***************************************
	強み about.html ipad
***************************************/
@media screen and (min-width:768px) {
/*--------------------------------------
	main
--------------------------------------*/
/** 強みbox **/
.TitleNO{
/*    height:65px;*/
}
.TitleNO p{
    padding:0 0 4px;
}
/** 強みbox end **/

}
/***************************************
	強み about.html PC
***************************************/
@media screen and (min-width:1024px) {
/*--------------------------------------
	main
--------------------------------------*/
/** 強みbox **/
.TitleText h3{
    font-size:2.6rem;
/*    line-height:3.2rem;*/
}
.TitleNO .No{
    width:60px;
}
/** 強みbox end **/

}



/***************************************
	事業内容 business.html
***************************************/
/*--------------------------------------
	main
--------------------------------------*/
.SubTitle_h3{
	position: relative;
	margin-bottom: 50px;
}
.SubTitle_h3::after{
    background-color: #333;
    content: "";
    width: 60px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 50px;
}

.google-map {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding-bottom: 300px;
	margin-top: 15px;
}

.google-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 768px) {

	.profile_table td span.office1 {
		margin-top: 0;
	}

	.google-map {
		position: relative;
		height: 0;
		overflow: hidden;
		padding-bottom: 400px;
	}
}



/** BoxPattern02 **/
.BoxPattern02 .box_text{
    width:100%;
    background:#fff;
    padding:20px;
}
/** 左ボーダー見出し **/
/*** 複数行の場合 ***/
.BoxPattern02 .box_text h3{
    text-indent:-3.4rem;
    padding-left:3.4rem;
}

.BoxPattern02 .box_text h3:before{
    content:"";
    display:inline-block;
    border-top:solid 1px #2D9CDB;
    width:3rem;
    margin:0 0.4rem 0.7rem 0;
}
/*** 複数行の場合 end ***/
/*** 1行の場合 flexでできる ***/
/*.BoxPattern02 .box_text h3{
    display:flex;
    align-items:center;/* 垂直中心 */
    /*justify-content:left;/* 左寄せ */
/*}
/*.BoxPattern02 .box_text h3:before{
    content:"";
    border-top:solid 1px #2D9CDB;
    width:3rem;
    margin:3px 10px 0 0;
}
/*** 1行の場合 flexでできる end ***/
/** 左ボーダー見出し end **/
.BoxPattern02 .box_text h3{
    font-size:2.0rem;
/*    line-height:2.6rem;*/
}
.BoxPattern02 .box_text h4{
    font-size:1.6rem;
/*    line-height:2.2rem;*/
}
.BoxPattern02 .box_img img{
    width:100%;
}
/** グレイback Half area **/
.gray_area_half_l{
    width:100%;
    background:#F9F9F9;
    padding:50px 0 1px;
}
.gray_area_half_r{
    width:100%;
    background:#F9F9F9;
    padding:50px 0 1px;
}
/** グレイback Half area end **/
/** BoxPattern02 end **/

/***************************************
	business.html ipad
***************************************/
@media screen and (min-width:768px) {
/*--------------------------------------
	main
--------------------------------------*/
	.centering .SubTitle_h3,
	.centering .SubTxt{
	text-align: center;
}
/** BoxPattern02 **/
.BoxPattern02{
    position:relative;
}
.BoxPattern02 .box_text{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width:55%;
    height:90%;
}
.BoxPattern02 .box_r{
    right:0;
}
.BoxPattern02 .box_img img{
    width:60%;
}
.BoxPattern02 .img_r{
    text-align:right;
}
.BoxPattern02 .img_l{
    text-align:left;
}
/** グレイback Half area **/
.gray_area_half_l{
    width:100%;
    background:linear-gradient(to right, #F9F9F9 0%, #F9F9F9 60%, #fff 40%, #fff 100%);
    padding:50px 0 1px;
}
.gray_area_half_r{
    width:100%;
    background:linear-gradient(to left, #F9F9F9 0%, #F9F9F9 60%, #fff 40%, #fff 100%);
    padding:50px 0 1px;
}
/** グレイback Half area end **/
/** BoxPattern02 end **/

}
/***************************************
	business.html PC
***************************************/
@media screen and (min-width:1024px) {
/*--------------------------------------
	main
--------------------------------------*/
/** BoxPattern02 **/
.BoxPattern02 .box_text{
    height:80%;
    padding:40px;
}
.BoxPattern02 .box_text h3{
    font-size:2.2rem;
    line-height:2.8rem;
}
/** BoxPattern02 end **/
}



/***************************************
	会社概要 company.html
***************************************/
/*--------------------------------------
	main
--------------------------------------*/
/** アンダーライン **/
.line_text{
    margin:0 0 40px;
}
.line_text h3{
    position:relative;
    border-bottom:solid 2px #E0E0E0;
    padding-bottom:10px;
}
.line_text h3:after{
    position:absolute;
    content:"";
    border-bottom:solid 2px #2d9cdb;
    bottom:-2px;
    left:0;
    width:115px;
}
/** アンダーライン end **/
/** 一覧表 **/
.Chart{
    width:100%;
    border-collapse:collapse;
}
.Chart,.Chart tr{
    border:solid 1px #E0E0E0;
}
.Chart th{
    width:115px;
    background:#F5F5F5;
    text-align:center;
    padding:15px 0;
}
.Chart td{
    padding:15px;
}
.flex_dl dl{
    margin:0 0 5px;
}
.flex_img{
/*
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
*/
	display: table;
}
.flex_img .comp_img1{
	width: 50%;
	display: table-cell;
	/*
	flex: 0 1 50%;
	max-width: 50%;	
*/
}
.flex_img .comp_img2{
	width: 33.3333%;
	display: table-cell;
}
.flex_img img{
	width: 100%;
}
/** 一覧表 end **/
/***************************************
	company.html ipad
***************************************/
@media screen and (min-width:768px) {
/*--------------------------------------
	main
--------------------------------------*/
/** 一覧表 **/
.flex_dl dl{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.flex_dl dl dt{
    flex:0 0 60%;
    max-width:60%;
}
/** 一覧表 end **/
}
/***************************************
	company.html PC
***************************************/
@media screen and (min-width:1024px) {
/*--------------------------------------
	main
--------------------------------------*/
/** アンダーライン **/
.line_text h3:after{
    width:120px;
}
/** アンダーライン end **/
/** 一覧表 **/
.Chart th{
    width:120px;
}
.flex_dl dl dt{
    flex:0 0 45%;
    max-width:45%;
}
/** 一覧表 end **/
}




/***************************************
	contact.html
***************************************/
/*--------------------------------------
	main
--------------------------------------*/
/** TEL MAIL **/
.contact_tel h3.tel{
        font-family: 'Roboto Condensed', sans-serif;
	font-size:3.8rem;
    line-height:3.8rem;
    font-weight:600;
    letter-spacing:0.03em;
    margin:0;
}
.contact_tel h3.tel span{
    font-size:2.4rem;
    letter-spacing:normal;
}
#title_h2 p.time{
    font-size:1.4rem;
    line-height:2.0rem;
    color:#333;
    font-weight:500;
}
#title_h2 p.contact_p{
    font-size:1.4rem;
    color:#333;
    text-align:left;
	line-height: 2;
    margin:0 0 20px;
}
/** TEL MAIL end **/
/** FORM **/
form{
    margin:0 auto 40px;
}
.form_text{
    margin:0 0 25px;
}
.form_label{
    font-size:1.4rem;
    line-height:1;
    margin:0 0 10px;
	padding: 0 0 10px;
}




form#mailformpro dl dt {
	font-size: 1.3rem;
	border-top: 0px;
	padding: 0;
}

form#mailformpro dl dd {
	width: 100%;
	padding: 0;
}
.form_text input[type="text"],
.form_text input[type="email"],
.form_text input[type="tel"],
.form_text textarea {
	display: block;
	font-size: 1.2rem;
	width: 100% !important;
	background: #F7F7F7;
	border: solid 1px #DCDCDC;
	outline: none;
	padding: 10px;
}

textarea {
	height: auto !important;
	overflow: auto;
}

.form_required {
	display: inline-block;
	background: #e05e4d;
	border-radius: 3px;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	padding: 3px 6px;
	margin-left: 5px
}

.submitbtn-brock {
	width: 90%;
	max-width: 400px;
	text-align: center;
	display: flex;
	margin: 0 auto;
}

.submitbtn-brock [type="submit"] {
    background:#4ABEE4;
}
.submitbtn-brock [type="reset"] {
    background:#cecece;
}
.submitbtn-brock [type="submit"],
.submitbtn-brock [type="reset"] {
	display: block;
	padding: 15px;
	width: 45%;
	max-width: 200px;
	border: none;
    border-radius:4px;
/*	background: #2F363B none repeat scroll 0% 0%;*/
	color: #FFF;
	text-align: center;
	cursor: pointer;
	font-size: 1.5rem;
	letter-spacing: 3px;
	margin: 0 auto;
	outline: none;
	text-shadow: none;
}

#title_h2 .thanks-txt {
	color: #333;
}
/*
.submitbtn-brock [type="submit"] {
	margin-bottom: 10px;
}

.submitbtn-brock [type="reset"] {
	margin-bottom: 20px;
}
*/

/** FORM end **/
/***************************************
	contact.html ipad
***************************************/
@media screen and (min-width:768px) {
/*--------------------------------------
	main
--------------------------------------*/
/** TEL MAIL **/
.contact_tel h3.tel{
    font-size:3.2rem;
    line-height:3.2rem;
    text-align:right;
    border-right:solid 1px #DCDCDC;
}
#title_h2 p.time{
    line-height:3.2rem;
    text-align:left;
}
#title_h2 p.contact_p{
    text-align:center;
}
/** TEL MAIL end **/

}

/***************************************
	contact.html PC
***************************************/
@media screen and (min-width:1024px) {
/*--------------------------------------
	main
--------------------------------------*/
/** TEL MAIL **/
.contact_tel h3.tel{
    font-size:3.8rem;
    line-height:3.8rem;
}
#title_h2 p.time{
    line-height:3.8rem;
    text-align:left;
}
/** TEL MAIL end **/
/** FORM **/
#mailformpro{
	width: 70%;
}
.form_text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.form_label{
    width:28%;
}
/** FORM end **/
}



/***************************************
	privacy.html
***************************************/
/*--------------------------------------
	main
--------------------------------------*/

/***************************************
	privacy.html ipad
***************************************/
@media screen and (min-width:768px) {
/*--------------------------------------
	main
--------------------------------------*/
}
/***************************************
	privacy.html PC
***************************************/
@media screen and (min-width:1024px) {
/*--------------------------------------
	main
--------------------------------------*/

}



/***************************************
	sitemap.html
***************************************/
/*--------------------------------------
	main
--------------------------------------*/
.sitemap_dl dl{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-top:solid 1px #EDEDED;
    padding:15px;
}
.sitemap_dl dd{
    line-height:1.6rem;
    border-left:dotted 1px #333;
    padding-left:1rem;
}
/***************************************
	sitemap.html ipad
***************************************/
@media screen and (min-width:768px) {
/*--------------------------------------
	main
--------------------------------------*/
.SitemapBox{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0px -15px;
}
.sitemap_dl{
    width:100%;
    padding:0 15px;
}
.sitemap_dl .last_line_bottom{
    border-bottom:solid 1px #EDEDED;
}
}
/***************************************
	sitemap.html PC
***************************************/
@media screen and (min-width:1024px) {
/*--------------------------------------
	main
--------------------------------------*/
}





/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　inview
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*--------------------------------------
	top
--------------------------------------*/

.slide-conteiner.inview {
   -webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
   transition: all 2s cubic-bezier(.46, .01, .17, 1);
   -webkit-transform: translate(0, 20px);
   transform: translate(0, 20px);
   opacity: 0;
}

.slide-conteiner.inview.is-active {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
   opacity: 1;
}

.slide-conteiner .inview {
   -webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
   transition: all 2s cubic-bezier(.46, .01, .17, 1);
   -webkit-transform: translate(0, 20px);
   transform: translate(0, 20px);
   opacity: 0;
}

.slide-conteiner .inview.is-active {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
		transition-delay: 500ms;
   opacity: 1;
}

#strengths.inview {
   -webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
   transition: all 2s cubic-bezier(.46, .01, .17, 1);
   -webkit-transform: translate(0, 20px);
   transform: translate(0, 20px);
   opacity: 0;
}

#strengths.inview.is-active {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
	transition-delay: 800ms;
   opacity: 1;
}

section #title_h2.inview {
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}

section #title_h2.inview.is-active {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}

section .centering.inview .lead-txt {
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}

section .centering.inview.is-active .lead-txt {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}


section .BoxPattern01.inview {
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}

section .BoxPattern01.inview.is-active {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}


/*--------------------------------------
	about
--------------------------------------*/

section .flex.flex_margin_15.flex_reverse.inview,
section .flex.flex_margin_15.inview{
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}

section .flex.flex_margin_15.flex_reverse.inview.is-active,
section .flex.flex_margin_15.inview.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}

/*--------------------------------------
	bussiness
--------------------------------------*/
section.bus-1.inview,
section.bus-2.inview{
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}
section.bus-1.inview.is-active,
section.bus-2.inview.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}

#nav01.bus-3.inview,
#nav02.bus-4.inview,
#nav03.bus-5.inview,
#nav04.bus-6.inview,
#nav05.bus-7.inview{
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}

#nav01.bus-3.inview.is-active,
#nav02.bus-4.inview.is-active,
#nav03.bus-5.inview.is-active,
#nav04.bus-6.inview.is-active,
#nav05.bus-7.inview.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}

/*--------------------------------------
	company
--------------------------------------*/
.comp-01.inview{
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}
.comp-01.inview.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}

/*--------------------------------------
	contact
--------------------------------------*/
section.cont-01.inview{
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}
section.cont-01.inview.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}

/*--------------------------------------
	privacy
--------------------------------------*/
section.priv-01.inview{
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}
section.priv-01.inview.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}

/*--------------------------------------
	sitemap
--------------------------------------*/
section.sitmp-01.inview{
	-webkit-transition: all 2s cubic-bezier(.46, .01, .17, 1);
	transition: all 2s cubic-bezier(.46, .01, .17, 1);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
	opacity: 0;
}
section.sitmp-01.inview.is-active{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
/*	transition-delay: 800ms;*/
	opacity: 1;
}