@charset "UTF-8";

#main-image{}
#main-image h2{
	width:960px;
	margin:0 auto;
	position:relative;
	left:50%;
	margin: 0 0 0 -600px;
}
.greeting{
	border-bottom: 1px dotted #ccc;
	margin: 0 0 4rem 0;
	padding: 0 0 1.8rem 0;
}
.greeting h2{
    font-size: 2.4rem;
    margin: 0 0 1.8rem 0;
}
.greeting h3{
    font-size: 1.8rem;
    margin: 0 1rem 1.8rem 1rem;
    font-weight:  normal;
    /* color:#686089 */
}

.company{}
.company h2{
    font-size: 2.4rem;
    margin: 0 0 1.8rem 0;
}
.company h3{
    font-size: 1.8rem;
    margin: 0 0 1.8rem 0;
}
.company h4{
    font-size: 1.6rem;
    margin: 0 0 1.8rem 0;
    font-weight:  normal;
}

.company dl{
	padding: 0 0 0 0;
	margin: 1.8rem 1rem 0 1rem;
	overflow: hidden;
	font-size: 1.4rem;
	/* color:#686089 */
}
.company dl dt{
     float: left;
     clear: left;
     width: 20%;
     padding:2rem 1rem;
     font-weight:  bold;
}
.company dl dd{
     border-bottom: 1px dotted #ccc;
     padding: 2rem 1rem 2rem 24%;
 }
.company dl dd span{}


@media screen and (max-width: 640px) {
#main-image{}
#main-image h2{
	width: 100%;
	margin:0 auto;
	position:relative;
	left: auto;
	margin: 0;
}

.greeting{
	border-bottom: 1px dotted #ccc;
	margin: 4rem 0 4rem 0;
	padding: 0 0 1.8rem 0;
}
.greeting h2{
    font-size: 2.1rem;
}
.greeting h3{
    font-size: 1.6rem;
}

.company{}
.company h2{
    font-size: 2.1rem;
}
.company h3{
    font-size: 1.6rem;
}

	
.company dl{
	width: 100%;
	padding: 0 0 0 0;
	margin: 1.8rem 0 0 0;
	overflow: hidden;
	font-size: 1.6rem;
}
.company dl dt{display:  block;width: 100%;padding: 1rem 0;}
.company dl dd{
    display:  block;
    padding: 1rem 1rem;
}
.company dl dd span{
}
}