@charset "UTF-8";

img{width:100%;}

a{color:#000000;
  text-decoration: none;
  }

a:hover{color:grey;font-weight: bold;}


#wrapper{ 
    width:100%;
    background: url("../images/noarwoodimg.jpg") ;
    background-size:100%;
    background-repeat:repeat;} 

/*==========================================
 ヘッダーのスタイル
===========================================*/
/*logoの設定*/  
header{
    margin:0px auto;
    }
header h1 {
	margin:0 auto 0 0;
	width:100%;
    text-align:center;
}
header h1 img {
	width:100%;
	max-width:200px;
}
header a {
    color:#000;
    text-decoration:none;}
header a:hover {
	color:#000;
    text-decoration:none;}


h2{width:100%;
   margin: 0 auto;
   font-size:19px;
   text-align: center;
  padding: 10px 1px;
  border-bottom: 3px dotted #000;}


h3{font-size:13px;
   text-align: center;}


.topmessage{
    width:90%;
    margin:10px auto;
    font-size:12px;}


.wantedtype{
    width:90%;
    margin:10px auto;
    font-size:13px;
font-weight:bold;}


.improvement{
    width:100%;}

h4{display: block;
    font-size:19px;
   padding-left:5%;
   padding-top:7px;
   padding-bottom:7px;
    margin-left: 5%;
  border-left: 7px solid #000;}

h5{width:90%;
   font-size:13px;
   margin:0 auto;}


.blackhole{width:90%;
           max-width: 500px;
           margin:10px auto;
　　　　　　　font-size:12px;
       line-height: 1.5;}

.imagebox{width:80%;
          max-width: 444px;
          margin:15px auto;}

.color{font-size:12px;
padding-left:12%;
margin-bottom: 12px;
font-weight:bold;}


/* かぎかっこをつけた見出し設定ここから */
.sample {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  padding: 5px 5px;
  text-align: center;}
.sample:before,
.sample:after {
  position: absolute;
  content: '';}
.sample:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;}
.sample:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;}
/* かぎかっこをつけた見出し設定ここまで */

.type{width:85%;
     max-width: 500px;
     font-size:15px;
     margin:0 auto;
     line-height: 1.5;
     text-align: left;}

.red{color:red;
    font-weight:bold;}

.mustreport{font-weight: bold;}



.message2{
    width:375px;
    margin:10px auto;
    background: url("../images/OliveandPigeon.png") ;
    background-size:100%;
    height:333px;
    background-repeat:no-repeat;}


.WayOfComunication{
    padding-top:90px;
    padding-left:60px;
    padding-right:60px;
    font-size:15px;
    line-height: 1.9;
    font-weight: bold;}


/* ボタン色の名前「スプリンググリーン」#90C612設定*/
.button{width:80%;
        max-width: 500px;
        margin: 0 auto;
        padding-top:13px;
        padding-bottom: 12px;
        text-align: center;
        background-color:#90C612;
        color:white;
        font-weight: bold;
　　　　　font-size:15px;
     font-weight: bold;}

.button small{font-size:13px;line-height: 1.0;text-align: left;}


.courage{width:96%;
         max-width: 444px;
        margin:18px auto;
        padding:18px 0;
        font-size:15px;
        line-height: 1.5;}

.challenge{width:100%;
           margin:0 auto;}


footer{
font-size:12px;
padding:13px;
margin:12px;}



section#footernavi{
    width:100%;
    text-align: center;
    font-size:12px;
    margin-top: 0px;}