@charset "UTF-8";
/* reset minimum */
button { border: 0; }
.mod { 
  overflow: auto;
}
.mod--hidden,
.no-scroll { 
  overflow: hidden;
}
/* quelques floattants */
.left {
  float: left;
}
.right {
  float: right;
}
/* clearer les floats */
.clear {
  clear: both;
}



/* grid = élément d’une inline-grid */
.grid {
  vertical-align: top;
}

/* pour relativiser */
.relative {
  position: relative;
}

/* bloc centré */
.center {
  margin-left: auto;
  margin-right: auto;
}

/* margins */
.mt0 { margin-top: 0; }
.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }
.mr0 { margin-right: 0; }
.mr1 { margin-right: 1em; }
.mr2 { margin-right: 2em; }
.mb0 { margin-bottom: 0; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom:2em; width:75%; margin:0 auto; margin-top:4%; margin-bottom:4%;}
.ml0 { margin-left: 0; }
.ml1 { margin-left: 1em; }
.ml2 { margin-left: 2em; }
.m0  { margin: 0; }
.m1  { margin: 1em; }
.m2  { margin: 2em; }

.chairman-msg {
width:100%;
border:1px solid#d2d2d2;
height:300px;
}
.chairman-left {
width:30%;
position: absolute;
top:-30px;
left:40px;
}
.chairman-pic {
}
.chairman-left h1 {
color:#016c34;
font-size:1.1em;
font-weight:600;
text-align:left;
line-height:1.2em;
padding-top:4%;
margin:0;
-webkit-margin-before:0;
-webkit-margin-after:0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.chairman-left p {
color:#000;
font-size:1.1em;
text-align:left;
-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.chairman-right {
width:70%;
float:left;
margin-left:37%;
}
.chairman-right h1 {
position: absolute;
top:-12px;
color:#016c34;
font-size:1.8em;
font-weight:600;
text-transform:uppercase;
background-color:#FFF;
}
.chairman-right p {
color:#000;
font-size:1.1em;
}
.chairman-right h2 {
color:#016c34;
font-size:1.3em;
line-height:1.5em;
font-weight:400;
padding-top:4%;
}

h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.more a {
    display: inline-block;
    padding:4px 12px;
    z-index: 0;
    color: #666666;
    text-align: center;
    font-size:1em;
    text-transform: lowercase;
	 background-color:#FFF;
    font-weight:400;
    text-decoration: none;
	border-radius:15px;
	border:1px solid#aaaaaa;
}
.more a:hover {
 color: #FFF;
 background-color:#016c34;
 border:1px solid#016c34;
 text-decoration: none;
}