/* common*/
body{
    font-family: 'M PLUS 1p', sans-serif;
    background-color:#ffffff;
    box-sizing:content-box;
    color:#696969;
}

/* header */

header{
    height:100px;
    display:flex;
    min-width:700px;
}

header img{
    padding:25px 0px 25px 20px;
    height:50px;
    width:60px;
}

header h1{
    margin:35px 0 30px 20px;
}

header nav{
    margin:20px 0 0 auto;
}

header ul{
    list-style-type:none;
    display:flex;
    padding:0;
}

header ul li{
    width:120px;
    list-style-type:none;
    margin:0px;
    font-size:1.2em;
    text-align:center;
}

header ul li a,
header ul li a:link,
header ul li a:visited{
    display:block;
    padding:10px 10px;
    text-decoration:none;
    color:#696969
}


header ul li a:hover{
    cursor: pointer;
    display: inline-block;
	transform: scale(1.2);
    color:rgba(115, 165, 40, 1.0);
    border-bottom:3px solid rgba(115, 165, 40, 0.5);
}


/* footer */

footer{
    margin:100px 0 0 0;
    height:50px;
    background-color:lightgray;
    }

footer p{
    text-align:center;
    color:#696969;
    font-size:0.8em;
    line-height:50px;
}


/*index*/

main{
    height:100%;
}

.image_top{
    background:url(image/top_image_2.jpg) no-repeat center top;
    opacity:0.9;
    color:#f5f5f5;
    background-size: 100%;
    min-width:900px;
    height:auto;
}

.image_comment{
    min-height:300px;
    height:auto;
    padding:10% 0 0 1%;
    font-size:1.5em;
}

main .contents{
    margin:0 20px 0 20px;
}

main h2{
    font-size:1.5em;
    border-left:solid 10px rgba(115, 165, 40, 0.6);
    padding:0 0 0 8px;
}

main h3{
    font-size:1.3em;
}

main .aboutus{
    padding:0 0 50px 0;
}

main .company_explanation{
    margin:30px;
    line-height:1.68em;
}

main p{
    font-size:1.25em;
}
main .activityintro{
    display:flex;
    margin:30px;
    justify-content:center;
    min-width:650px;
}

.activity_items{
    width:50%;
    padding:20px 20px 40px 20px;
    margin:0px 40px 0px 0px;
    border:solid 0.5px #999;
    text-align:center;
}

.activity_article{
    line-height:30px;
    text-align:left;
}

.activity_pic{
    width:25%;
    height:auto;
}

.button{
    margin:100px 0 30px 0;
    display:flex;
    justify-content:center;
    min-width:650px;
}

.inquiry_button{
    padding:10px 90px 10px 90px;
    text-decoration: none;
    border:solid 2px rgba(115, 165, 40, 0.7);
    border-radius:5px;
    font-size:1.4em;
    color:rgba(115, 165, 40, 1.0);
 }

.inquiry_button:hover{
     background: rgba(115, 165, 40, 0.7);
     color: white;
}

main .news{
    padding:0 0 50px 0;
}

main .news li{
  font-size:1.25em;
}



/*project.html*/


/*contact.html*/
.inquiry{
    width:90%;
    border:solid 0.5px #ccc;
    padding:20px 20px;
    border-radius:5px;
    line-height:50px;
    overflow:hidden;
}

.inquiry dt{
    float:left;
    padding:1em;

}

.inquiry dd{
    margin:0;
    padding:1em 0 1em 15em;
    border-bottom:solid 1px #9999;
}

input{
    width:300px;
    padding:5px 0 5px 0;
    margin-left:0px;

}