@charset "utf-8";


/* #contact
---------------------------------------------------- */
#company{  background:url(../img/company/bg_main.jpg) no-repeat center top; width: 100%; min-width: 1000px; max-width: 1368px; margin: 0 auto;}
#company header{ height: 470px;}
#company #mainColumn{ background-color: #fff; opacity:0.8; width: 960px; padding: 70px; box-sizing: border-box; margin: 0 auto 30px;}
#company #mainColumn img{ width: 100%;}
#company h2 { font-size: 34px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000;}

/* #greeting
---------------------------------------------------- */
#company #greeting { width:960px; margin: 80px auto 0; padding-bottom:80px; border-bottom: 1px solid #f2f2f2;}
#company #greeting .lBox{ width:100%;}
#company #greeting .rBox{ width:25%; float:right;}
#company #greeting .rBox img{ width:100%;}
#company #greeting .lBox h2{ margin-bottom: 20px;}
#company #greeting .lBox p{ color: #000; padding-bottom: 15px;}
#company #greeting .rBox p.president{ color: #000; text-align: left; font-weight: bold;}
#company #greeting .rBox p.president img{ width:100%;}
@media screen and (max-width: 768px) {
#company{  background:url(../img/company/bg_main_sp.jpg) no-repeat  center top; width: 100%; min-width: 320px;}
#company header{ height: 470px;}
#company #mainColumn{ background-color: #fff; opacity:0.8; width: 100%; min-width: 320px; padding: 70px; box-sizing: border-box; margin: 0 auto 30px;}
#company #mainColumn img{ width: 100%;}
#company h2 { font-size: 34px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000;}
#company #greeting { width:100%; margin: 80px auto 0; padding-bottom:80px; border-bottom: 1px solid #f2f2f2;}
#company #greeting .lBox{ width:100%; float:none;}
#company #greeting .rBox img{ width:100%;}
#company #greeting .lBox h2{ margin-bottom: 20px;}
#company #greeting .lBox p{ color: #000;}
#company #greeting .rBox{ width:30%; float:none; margin-top: 30px; margin-left:70%;}
#company #greeting .rBox p.president{ color: #000; text-align: left; font-weight: bold;}
#company #greeting .rBox p.president img{ width:100%;}
}
@media screen and (max-width: 640px) {
#company #greeting .rBox{ width:40%; float:none; margin-top: 30px; margin-left:60%;}
}
@media screen and (max-width: 480px) {
#company #greeting .rBox{ width:60%; float:none; margin-top: 30px; margin-left:40%;}
}

/* #rinen
---------------------------------------------------- */
#company #rinen { width:960px; margin: 80px auto 0; padding-bottom:80px; }
#company #rinen h2{ width:21%; float: left;}
#company #rinen .rBox{ width:79%; float: right;}
#company #rinen .rBox .number{ width: 100%; background: url(../img/company/bg_rinen.png) no-repeat top left; background-size: contain; font-size: 19px; white-space: nowrap; color: #333333; line-height: 60px; box-sizing: border-box; padding: 55px 60px 100px;}

@media screen and (max-width: 768px) {
#company #rinen { width:100%; min-width: 320px; margin: 80px auto 0; padding-bottom:80px; }
#company #rinen h2{ width:100%; float: none;}
#company #rinen .rBox{ width:100%; float: none;}
#company #rinen .rBox .number{ width: 100%; background: url(../img/company/bg_rinen.png) no-repeat top left; background-size:contain; font-size: 20px; white-space: normal; color: #333333; line-height: 36px; box-sizing: border-box; padding: 40px 0 50px;}
}

/* #aboutus
---------------------------------------------------- */
#company #aboutus { width:960px; margin: 80px auto 0; padding-bottom:80px; }
#company #aboutus h1{ width:21%; float: left; font-size: 34px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000;}
#company #aboutus .rBox{ width:79%; float: right;}
@media screen and (max-width: 768px) {
#company #aboutus { width:100%; min-width: 320px; margin: 80px auto 0; padding-bottom:80px; }
#company #aboutus h1{ width:100%; float: none;}
#company #aboutus .rBox{ width:100%; float: none;}
#company #aboutus .rBox .number{ width: 100%; background: url(../img/company/bg_rinen.png) no-repeat top left; background-size:contain; font-size: 20px; white-space: normal; color: #333333; line-height: 36px; box-sizing: border-box; padding: 40px 0 50px;}
}

/* #access
---------------------------------------------------- */
#company #access { width:960px; margin: 80px auto 0; padding-bottom:80px; }
#company #access h1{ width:21%; float: left; font-size: 34px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000;}
#company #access .rBox{ width:79%; float: right;}
#company #access .accessBox { width:100%; border-bottom:1px dashed #333; padding:0 0 30px 0; margin:0 0 30px 0;}
#company #access h2 { font-size: 24px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000;}
#company #access h3 { font-size: 20px; font-weight:bold;}
#company #access .mapBtn { font-size:16px; text-align:center; padding-top:20px;}
@media screen and (max-width: 768px) {
#company #access { width:100%; min-width: 320px; margin: 80px auto 0; padding-bottom:80px; }
#company #access h1{ width:100%; float: none;}
#company #access .rBox{ width:100%; float: none;}
}

/* #history
---------------------------------------------------- */
#company #history { width:960px; margin: 80px auto 0; padding-bottom:80px; }
#company #history h1{ width:21%; float: left; font-size: 34px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000;}
#company #history .rBox{ width:79%; float: right;}
#company #history .historyBox { width:100%; border-bottom:1px dashed #333; padding:0 0 30px 0; margin:0 0 30px 0;}
#company #history h2 { font-size: 24px; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; color: #000;}
#company #history h3 { font-size: 20px; font-weight:bold;}
#company #history .mapBtn { font-size:16px; text-align:center; padding-top:20px;}
@media screen and (max-width: 768px) {
#company #history { width:100%; min-width: 320px; margin: 80px auto 0; padding-bottom:80px; }
#company #history h1{ width:100%; float: none;}
#company #history .rBox{ width:100%; float: none;}
}