/* ---- loopSlider -------------------------- */

.loopSliderWrap {
    top: 0;
    left: 0;
    height: 233px;
    overflow: hidden;
    position: absolute;
}
 
.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 233px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.loopSlider ul {
    height: 233px;
    float: left;
    overflow: hidden;
}
 
.loopSlider ul li {
    width: 330px;
    height: 233px;
    float: left;
    display: inline;
    overflow: hidden;
}



.topwindow {
	background-position:center;
	background-repeat:no-repeat;
	height:780px;
	
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.topwindow h1 img {
	padding-top:18%;
	display:block;
	margin:0px auto;
	z-index:0;
}
.topname {
	font-family:DINCondensed-Regular;
	letter-spacing: 2px;
	text-align:center;
	font-size:23px;
	line-height:35px;
	padding-bottom:20px;
	color:#FFF;
}

.phrase {
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#FFF;
}


/* business */
.business {
	clear:both;
}
.business h1, .sublink h1{
	max-width:1000px;
	margin:0px auto;
	font-family:DINCondensed-Regular;
	letter-spacing: 2px;
	font-size:19px;
	padding:10px;
}
.business h1 span, .sublink h1 span{
	width:12em;
	border-bottom:solid 1px #000;
}


/* sdgs */
.sdgs{
	margin:50px auto;
	font-weight:bold;
	text-align:center;
	font-size:18px;
}
.sdgs a{
	display:block;
	margin:10px auto;
	text-align:center;
}
.sdgs img{
	width:95%;
	max-width:701px;
}

.sublink {
	width:100%;
	margin:20px auto;
	clear:both;
	background-color:#eee;
}

.sublink ul {
	margin:0px auto;
	max-width:1000px;
}

.sublink li {
	width:33.3%;
	margin:0px auto;
	float:left;
}
.sublink li img{
	width:100%;
	max-width:330px;
}
.sublink:after {
	content:"";
	display:block;
	clear:both;
}

 .loopSliderWrap:after, .business:after, .sublink:after {
	content:"";
	display:block;
	clear:both;
}


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

.topwindow {
	background-position:-300px;
	height:600px;
}


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

.topwindow {
	background-position:-200px;
	height:400px;
}

#slider img {
	width:100%;
}

/* business */
.business h1, .sublink h1{
	text-align:center;
}

/* sdgs */
.sdgs{
	font-size:14px;
}

.sublink li {
	margin:5px 0px;
	float:none;
	width:100%;
	text-align:center;
}


}