* {
	margin:0;
	padding:0;
}
.ubuntu {
	font-family: 'Ubuntu', sans-serif;
	color:#414A52;
	margin: 20px 0 0 60px;
    	font-size: 34px;
}
img {
	vertical-align:bottom;
}
header.hero h1.ubuntu {
	font-family: 'Ubuntu', sans-serif;
	color:#414A52;
	position: absolute;
    width: 100%;
    height: 1em;
    line-height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 16%;

}
header.hero h1.ubuntu span:after {
    display: inline-block;
    content: "";
    width: 40px;
    height: 2px;
    background: #414A52;
    margin-bottom: 0.25em;
    margin-left: 0.5em;
}

.hero_img {
	position:relative;
	overflow:hidden;
}
.hero img  {
	height:250px;
	width:100%;
	object-fit:cover;
	object-position: 100% 70%;
}

/* ---------------  Main Section ------------------ */

#main1 {
	width:100%;
	position:relative;
	overflow:hidden;
	
}
.section_inner {
	width:100%;
	min-width:560px;
	position:relative;
	overflow:hidden;
	padding:125px 0;
	margin:0 auto;
}

#main1 h2,
#main1 p {
	color:#414A52;
	text-align:center;
	margin-bottom:2%;
}

#main1 .poricy,
#main1 .manager {
	width:50%;
	min-width:560px;
	margin:0 auto;
	padding-bottom:50px;
}

#main1 .poricy h3 {
	color:#a00;
	position:relative;
}

#main1 .poricy h3:before {
	display:block;
	content:"";
	width:100%;
	height:1px;
	background:#a00;
	position:absolute;
	top:50%;
	right:0;
}

#main1 .poricy h3 span {
	display:inline-block;
	position:relative;
	background:#fff;
	padding-right:3%;
	z-index:3;
}

#main1 .poricy p {
	text-align:left;
	padding:0;
	margin:0;
}

#main1 .poricy p span,
#main1 .window h4,
#main1 .window p {
	font-size:14px;
}

#main1 .poricy ol {
	padding:20px;
	line-height:2em;
}

#main1 .poricy ol li span {
	padding-right:1%;
	color:#a00;
}

#main1 .manager p.txt-right {
	text-align:right;
}

#main1 .window {
	width:50%;
	min-width:560px;
	margin:0 auto;
	border:4px solid #dadada;
	padding:2% 4%;
}

#main1 .window h4 {
	margin:0;
	padding-bottom:14px;
}

#main1 .window h4:after {
	display:none;
}

#main1 .window p {
	margin:0;
	padding:0;
	text-align:left;
}

#main1 .window p span {
	font-size:12px;
	padding-left:80px;
}






/* ------------------- scroll in ------------------ */

.fadein {
    opacity : 0;
    transform : translate(-60px,0);
    transition : all 0.7s;
}
.rightin {
	opacity:0;
	transform:translate(60px,0);
	transition:all 0.7s;
}

.bottomin {
	opacity:0;
	transform:translate(0,30px);
	transition:all 0.7s;
}

.fadein.scrollin ,
.rightin.scrollin,
.bottomin.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/* ------------------- ver.Smart Phone ------------------ */

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

header.hero h1.ubuntu {

    width: 100%;
    height: 1em;
    line-height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    left: 0;
	z-index:1;
}

header.hero h1.ubuntu span:after {
	display:none;
}

.hero_img:after {
	display:block;
	width:100%;
	height:100%;
	content:"";
	background:rgba(255,255,255,0.3);
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}


#main1 {
	overflow-x:scroll;
}
.section_inner {
	min-width:270px;
}

#main1 .poricy,
#main1 .manager,
#main1 .window  {
	width:90%;
	min-width:270px;
}

#main1 .poricy h3,
#main1 .poricy p span  {
	font-size:100%;
}

#main1 .poricy ol li {
	position:relative;
}

#main1 .poricy p,
#main1 .poricy ol li,
#main1 .manager p,
#main1 .window p {
	font-size:80%;
}

#main1 .poricy ol li {
	padding-left:8%;
}

#main1 .poricy ol li span {
	position:absolute;
	display:block;
	left:0;
	top:0;
	padding:0;
}

#main1 .window {
	padding:8% 4%;
}

#main1 .window p span {
	padding:0;
}

#main1 .window p span.spacing {
	letter-spacing:-0.2em;
}

#main1 .window,
#main1 .window h4,
#main1 .window p {
	text-align:center;
}


}