@charset "utf-8";



/*============================
#main
============================*/
#main .mv { display:flex; align-items:center; height:350px; padding-top:78px; box-sizing:border-box; background:url(../img/company/mv.jpg) no-repeat center; background-size:cover; }
#main .mv h2 { width:100%; text-align:center; color:#fff; font-size:30px; letter-spacing:10px; }

.company table { margin:50px auto 90px; border-top:1px solid #c4c4c4; line-height:2; border-collapse:separate; border-spacing:0;max-width: 700px; }
.company table tr th { width:310px; padding:20px 35px; border-bottom:1px solid #0a0a0a; box-sizing:border-box; vertical-align:middle; background:#f5f5f5; font-weight:normal; }
.company table tr td { width:520px; padding:20px 35px; border-bottom:1px solid #c4c4c4; box-sizing:border-box; vertical-align:middle; }
.company .message { position:relative; }
.company .message .ttl { display:flex; align-items:center; box-sizing:border-box; height:460px; width:60%; padding-left:30%; background:url(../img/company/message_bg.jpg) no-repeat center; background-size:cover; }
.company .message .ttl2 { display:flex; align-items:center; box-sizing:border-box; height:460px; width:60%; padding-left:30%; background:url(../img/company/message_bg2.jpg) no-repeat center; background-size:cover; }
.company .message .ttl3 { display:flex; align-items:center; box-sizing:border-box; height:460px; width:60%; padding-left:30%; background:url(../img/company/message_bg3.jpg) no-repeat center; background-size:cover; }
.company .message .ttl h3 { color:#fff; letter-spacing:2px; font-size:20px; text-align:center; }
.company .message .ttl h3 span { display:block; padding:10px 0 0; font-size:30px; }
.company .message .ttl h3 span:first-child { margin-bottom:45px; padding-bottom:45px; border-bottom:2px solid #fff; }
.company .message .ttl2 h3 { color:#fff; letter-spacing:2px; font-size:20px; text-align:center; }
.company .message .ttl2 h3 span { display:block; padding:10px 0 0; font-size:30px; }
.company .message .ttl2 h3 span:first-child { margin-bottom:45px; padding-bottom:45px; border-bottom:2px solid #fff; }
.company .message .ttl3 h3 { color:#fff; letter-spacing:2px; font-size:20px; text-align:center; }
.company .message .ttl3 h3 span { display:block; padding:10px 0 0; font-size:30px; }
.company .message .ttl3 h3 span:first-child { margin-bottom:45px; padding-bottom:45px; border-bottom:2px solid #fff; }
.company .message .ceo { position:absolute; top:35px; width:415px; right:23%; }
.company .message p.txt { width:830px; margin:50px auto 80px; font-size:16px; letter-spacing:2px; line-height:3.3; }


@media screen and (max-width:1035px) {
#main .mv { height:175px; padding-top:0; }
#main .mv h2 { font-size:20px; }
.company table { border-top:0; border-bottom:1px solid #0a0a0a; width:calc(100% - 20px); }
.company table tr th { display:block; width:100%; padding:10px; border-top:1px solid #0a0a0a; border-bottom:1px solid #c4c4c4; }
.company table tr td { display:block; width:100%; padding:10px; border-bottom:0; }
.company .message .ttl { width:87%; height:265px; padding-left:12%; }
.company .message .ttl h3 { font-size:13px; }
.company .message .ttl h3 span { font-size:17px; }
.company .message .ttl h3 span:first-child { margin-bottom:30px; padding-bottom:30px; }
.company .message .ttl2 { width:87%; height:265px; padding-left:12%; }
.company .message .ttl2 h3 { font-size:13px; }
.company .message .ttl2 h3 span { font-size:17px; }
.company .message .ttl2 h3 span:first-child { margin-bottom:30px; padding-bottom:30px; }
.company .message .ttl3 { width:87%; height:265px; padding-left:12%; }
.company .message .ttl3 h3 { font-size:13px; }
.company .message .ttl3 h3 span { font-size:17px; }
.company .message .ttl3 h3 span:first-child { margin-bottom:30px; padding-bottom:30px; }
.company .message .ceo { width:200px; right:0; top:65px; }
.company .message p.txt { width:90%; padding:0 10px; letter-spacing:0; line-height:2; box-sizing:border-box; }
}


@media screen and (max-width:320px) {
.company .message .ttl { padding-left:5%; }
.company .message .ttl2 { padding-left:5%; }
.company .message .ttl3 { padding-left:5%; }
.company .message .ceo { width:180px; top:80px; }
}