header{
   margin-left:auto;
   margin-right:auto;
}
body{
   display:block;
   margin:0 auto;
}
.center{
   width:1000px;
   margin:0 auto;
}
.header-img{
   width:950px;
}

.root{
   margin:30px 0 20px 0;
   color:black;
}
.root span{
   margin:0 10px
}



header{
   margin-left:auto;
   margin-right:auto;
}
body{
   display:block;
   margin:0 auto;
}
.center{
   width:950px;
   margin:0 auto;
}
.header-img{
   width:950px;
}

.root{
   margin:30px 0 20px 0;
   color:black;
}
.root span{
   margin:0 10px
}

.index{
   width:200px;
}
.index p{
   background-color:orange;
   color:white;
   padding:10px 30px 5px 30px;
   text-align:center;
   font-weight:bold;
   font-size:18px;
}
.index-in{
   border:2px dotted darkorange;
   color:white;
   text-align:left;
}
.index-in ul{
   margin:0px;
   padding:10px;
}
.index-in a{
   background-color:linen;
   border-left:3px solid orange;
   padding:10px;
   margin:10px 0px;
   color:orange;
   font-weight:bold;
   display:block

}
.index-in a:hover{
   background-color:#ffc680;
   color:white;
}

.index-in p{
 background-color:#dcdcdc;
   text-align:left;
   border-left:3px solid #a9a9a9;
   padding:10px;
   margin:10px 0px;
   color:white;
   font-weight:bold;
   display:block;
   font-size:16px;
}
.main{
   width:720px;
   float:left;
   
   margin-top:18px;
   margin-left:30px;
   display:inline-block;
}
.contents{
   background-color:linen;
   margin-bottom:45px;
   padding:20px;
}
.contents span{
   color:orange;
}
.a{
   display:flex;
   width:950px;
}
h1{
   border-bottom:4px solid orange;
   margin:0 0 20px 0;
   font-weight:normal;
}
h2{
   font-weight:normal;
   border-bottom:2px double orange;
}
   

/*---------------------------------------------------------------------*/

.human{
 display:flex;
 margin-bottom:0;
}

.human-left{
 float:left;
 text-align:center;
}

.name{
 margin-top:10px;
}

.name p{
 margin:0;
 font-weight:bold;
}

.human-right{
 display:inline-block;
}

.human-right p {
 margin-left:40px;
}

.coment p{
 background-color:#ffc680;
 margin-left:20px;
 padding: 10px;
 border-radius:6px;
}

ul{
 margin:0;
}

.footer-img{
   text-align:center;
}

.content{
 margin-bottom:40px;
}

.imgs{
 text-align:center;
}

/*---------------------------------------------------------------------*/
.things{
 margin-bottom:40px;
 padding-left:20px;
}


.human-thing-left{
 float:left;
 text-align:center;
 width:430px;
 padding-top:10px;
}

.human-thing-right{
 display:inline-block;
 width:240px;
 padding-top:0px;
}

.picture img{
float:right;
}

.picture li{
 width:400px;
 margin-right:0px;
}

.picture p{
 width:400px;
 margin-right:0px;
}

.things img{
  float:left;
}

.arrow_box{
    position:relative;
    width:350px;
    height:80px;
    background:#E5FFB5;
    padding:10px;
    text-align:left;
    border:1px solid #AFAFAF;
    color:#000000;
    font-size:15px;
    border-radius:11px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
}
.arrow_box:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    left:100%;
    top:45%;
}
.arrow_box:after{
    border-color: rgba(229, 255, 181, 0);
    border-top-width:17px;
    border-bottom-width:17px;
    border-left-width:30px;
    border-right-width:30px;
    margin-top: -17px;
    border-left-color:#E5FFB5;
}
.arrow_box:before{
    border-color: rgba(175, 175, 175, 0);
    border-top-width:18px;
    border-bottom-width:18px;
    border-left-width:31px;
    border-right-width:31px;
    margin-top: -18px;
    margin-left: 1px;
    border-left-color:#AFAFAF;
}



.takemoto-comment{
 margin-top:25px;
 height:70px;
}

.kawakami-comment{
 margin-top:25px;
 height:70px;
}

.mukuda-comment{
 margin-top:25px;
 height:70px;
}

.murai-comment{
 margin-top:25px;
 height:70px;
}

.tawara-comment{
 margin-top:25px;
 height:50px;
}

.ishida-comment{
 margin-top:12px;
 height:110px;
}

}