.title1{
	margin:20px auto;
	padding:20px 0px;
	width:4em;
	font-family:DINCondensed-Regular,"DIN Condensed";
	letter-spacing: 2px;
	font-size:40px;
	color:#000;
	margin:0px auto;
	width:6em;
}

.title1 span{
	font-family:"Meiryo", "メイリオ", sans-serif;
	font-size:22px;
	color:#a6a8ab;
	font-weight:bold;
	vertical-align:middle;
}
.title2{
	font-family:"Meiryo", "メイリオ", sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#fff;
}


/* wide */

.topview .wide{
	margin-top:0px;
	background-image:url(../sdgs/bg-top.jpg);
}
.company .wide{background-image:url(../sdgs/bg-company.jpg);}
.tsutop .wide{background-image:url(../sdgs/bg-tsutop.jpg);}
.joyfit .wide{background-image:url(../sdgs/bg-joyfit.jpg);}
.joyreha .wide{background-image:url(../sdgs/bg-joyreha.jpg);}
.hokkaido .wide{background-image:url(../sdgs/bg-hokkaido.jpg);}

.wide{
	margin-top:100px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#000;
	height:330px;
}


.wide h1{
	margin:0px auto;
	padding-top:150px;
	text-align:center;
}

.wide span{
	color:#fff;
}



/* all */
article{
	font-size:16px;
	line-height:30px;
}
.box{
	margin:0px auto;
	max-width:1000px;
	padding:20px 15px;
}

.line{
	margin:80px auto;
	display:block;
	border-bottom:solid 5px #000;
}


/* as */
.as img{
	width:100%;
	max-width:881px;
	display:block;
	margin:auto;
	padding-top:50px;
}



/* slogan */
.slogan h1{
	margin:10px;
	line-height:40px;
}
.slogan img{
	float:right;
	padding:10px;
	width:100%;
	max-width:471px;
}
.box:after{
	content:"";
	display:block;
	clear:both;
}




/* policy */
.policy .box{
	margin:20px auto;
}
.policy .box img{
	float:left;
	margin-right:20px;
}
.policy .box p:nth-of-type(1){
	padding-top:3em;
}
.g3{border-bottom:solid 8px #269b47;}
.g4{border-bottom:solid 8px #c21f32;}
.g5{border-bottom:solid 8px #ef3e2a;}
.g10{border-bottom:solid 8px #e11584;}
.g11{border-bottom:solid 8px #f89c24;}
.g12{border-bottom:solid 8px #cf8d29;}
.g14{border-bottom:solid 8px #007cbb;}
.g15{border-bottom:solid 8px #3eaf49;}
.g17{border-bottom:solid 8px #183567;}


.g6{border-bottom:solid 8px #c21f32;}




/* mie */
.mie{
	margin:50px auto;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.mie img{
	width:95%;
	max-width:411px;
	display:block;
	margin:50px auto;
}



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


}

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


.slogan img{
	float:none;
	padding:0px;
}

.title2{
	font-size:20px;
}
.topview .wide{
	background-position:-50px;
}
.joyfit .wide{
	background-position:-50px;
}
.policy .box img{
	float:none;
	display:block;
	margin-right:0px;
	margin:auto;
	text-align:center;
}




}