@charset "utf-8";

/* company.css
------------------------------------------ */
@media screen and (max-width: 1000px) { /* タブレット対応 ============================================== */
.coment{ }
.box_l {float: none; margin: 0px;width: 100%}

.box_r {float: none;  margin: 0px auto;text-align: center; width: 100%}
}

@media screen and (max-width: 640px) { /* スマホ1対応 ============================================== */
	.box_r {width: 300px !important;}
}

#HEADER {
    background: url("../img/bg.jpg") no-repeat scroll center center / cover ;
}
.headerArea {
  height: 200px;
}
.headerArea h1 {
    margin: auto;
    max-width: 140px;
    padding-top: 50px;
}
.headerArea h2 {
    margin: -30px auto;
    max-width: 230px;
}
.pic_company {
    left: 5%;
    max-width: 195px;
    position: absolute;
    top: 140px;
    width: 40%;
}
.pic_president {
    max-width: 268px;
    position: absolute;
    right: 5%;
    top: 190px;
    width: 65%;
}
.pic_president span {
    left: -20px;
    position: absolute;
    top: 80%;
    width: 70%;
}


@media screen and (max-width:320px){
.companySec {
    margin: auto;
    padding-top: 5%;
}
}

.companySec {
    margin: auto;
    padding-top:20%;
}
.companySec h2 {
    margin: auto;
    text-align: center;
    width: 101px;
}
.companySec table {
    border-collapse: separate;
    border-spacing: 4px;
    margin: 20px auto;
    width: 90%;
    font-size: 90%;
}
.companySec th {
    background: #eeeeee;
    padding: 5px 9px;
    text-align: center;
    width: 30%;
}
.companySec td {
    background: #fafafa;
    padding: 10px 9px;
}
.companyBox{
    margin-top:80px;
}

.historyBox{
    margin-top:80px;
}
.historyBox h2 {
    margin: auto;
    text-align: center;
    width: 101px;
}
.historyBox table {
    border-collapse: separate;
    border-spacing: 4px;
    margin: 20px auto;
    width: 90%;
    font-size: 90%;
}
.historyBox th {
    background:none;
    border-bottom: 1px solid #bbbbbb;
    padding: 5px 3px;
    text-align: center;
    width: 33%;
}
.historyBox td {
    border-bottom: 1px solid #bbbbbb;
    background:none;
    padding: 10px 9px;
}
.greetingBox{
}
.greetingBox h2 {
    margin: auto;
    text-align: center;
    width: 101px;
}
.greetingBox p {
    margin: 0px auto;
    width: 90%;

	font-family: "ＭＳ Ｐ明朝", "MS PMinch0o","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif", "A-OTF Ryumin Pro R-KL";
	line-height: 2.0em;
	text-align: center;

}