@charset "UTF-8";
#importance{display: none;}
#end-contact .top-seo .msg{display: none;}
@media screen and (min-width: 768px),print {


.corporate-main-img {width: 100%; margin-bottom: 100px;}

#corporate  {width: 1000px; margin: 0 auto;}
#corporate .corporate-bx {position: relative; margin-bottom: 150px;}

#corporate .corporate-01-bx {position: absolute; width: 440px; min-height: 250px; border-bottom: 1px solid #000; }
#corporate .corporate-01 li{}
#corporate .corporate-01 h4{font-size: 23px; position: absolute; top:50px; left: 90px; letter-spacing: 2px;}
#corporate .corporate-01 p{font-size: 16px; position: absolute; top: 100px; left: 90px; line-height: 180%;}
#corporate .corporate-01 .corporate-icon{position: absolute; bottom: 0; right: 0; padding-bottom: 15px;}

#corporate .corporate-02-bx {position: absolute; right: 0;width: 440px; min-height: 250px; border-bottom: 1px solid #000; }
#corporate .corporate-02 li{}
#corporate .corporate-02 h4{font-size: 23px; position: absolute; top:50px; left: 90px; letter-spacing: 2px; }
#corporate .corporate-02 p{font-size: 16px; position: absolute; top: 120px; left: 90px; line-height: 180%;}
#corporate .corporate-02 .corporate-icon{position: absolute; bottom: 0; right: 0; padding-bottom: 15px;}

#corporate .corporate-03-bx {position: relative; right: 0;width: 440px; min-height: 640px; border-bottom: 1px solid #000; }
#corporate .corporate-03 .corporate-03-icon{position: absolute; top: 300px;}
#corporate .corporate-03 h4{font-size: 23px; position: absolute; top:350px; left: 90px; letter-spacing: 2px; line-height: 150%;}
#corporate .corporate-03 p{font-size: 16px; position: absolute; top: 430px; left: 90px; line-height: 180%; z-index: 2;}
#corporate .corporate-03 .corporate-icon{position: absolute; bottom: 0; right: 0; padding-bottom: 15px; z-index: 1;}

#corporate .corporate-04-bx {position: absolute; top: 0; right: 0;width: 440px; min-height: 640px; border-bottom: 1px solid #000; }
#corporate .corporate-04 .corporate-04-icon{position: absolute; top: 300px;}
#corporate .corporate-04 h4{font-size: 23px; position: absolute; top:350px; left: 90px; letter-spacing: 2px;}
#corporate .corporate-04 p{font-size: 16px; position: absolute; top: 400px; left: 90px; line-height: 180%;}
#corporate .corporate-04 .corporate-icon{position: absolute; bottom: 0; right: 0; padding-bottom: 15px;}

#corporate .corporate-05-bx {position: relative; top: 0; right: 0;width: 440px; min-height: 330px; margin-bottom: 80px;}
#corporate .corporate-05 .corporate-05-icon{position: absolute; top: 100px;}
#corporate .corporate-05 h4{font-size: 23px; position: absolute; top:150px; left: 90px; letter-spacing: 2px;}
#corporate .corporate-05 p{font-size: 16px; position: absolute; top: 200px; left: 90px; line-height: 180%;}
#corporate .corporate-05 .corporate-icon{position: absolute; bottom: -30px; right: 0;}

#corporate .corporate-06-bx {position: absolute; top: 650px; right: 0;width: 440px; min-height: 330px; }
#corporate .corporate-06 .corporate-06-icon{position: absolute; top: 100px;}
#corporate .corporate-06 h4{font-size: 23px; position: absolute; top:150px; left: 90px; letter-spacing: 2px;line-height: 150%;}
#corporate .corporate-06 p{font-size: 16px; position: absolute; top: 220px; left: 90px; line-height: 180%;}
#corporate .corporate-06 .corporate-icon{position: absolute; bottom: -30px; right: 0;}

.zeh-bx {}
.zeh-bx .bx{width: 800px; margin: 0 auto 80px; }
.zeh-bx .bx .ttl{font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; line-height: 1.8;}
.zeh-bx .bx table{width: 650px; margin: 0 auto 30px;}
.zeh-bx .bx tbody{width: 650px; margin: 0 auto; }
.zeh-bx .bx tr{width: 450px; margin: 0 auto; }
.zeh-bx .bx th{width: 200px; margin: 0 auto; border: 1px solid #000; padding: 15px; text-align: center;}
.zeh-bx .bx th.th1{background: #ccc;}

.human-bx {width: 800px; margin: 0 auto 130px; position: relative;}
.human-bx .human-ttl{text-align: center; margin-bottom: 30px;}
.human-bx .human-img{
    width: 35%;
    position: absolute;
    right: 0;
    bottom: -80px;}
.human-bx .human-txt{font-size: 16px; line-height: 1.6; margin-bottom: 30px;}

.corporate-end {margin-bottom: 80px;}

#company-profile {width: 1100px; margin: 0 auto; }
#company-profile .company-profile-ttl{text-align: center; margin-bottom: 20px;}
#company-profile .company-profile-sub-ttl{text-align: center; margin-bottom: 20px; font-size: 18px; line-height: 150%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

#company-profile .company-profile-table {width: 2000px; position: relative; left:-40%; }
#company-profile .company-profile-table .company-profile-bg{position: absolute; z-index: 1; padding-top: 100px; }
#company-profile table {position: relative; width: 800px; margin: 0 auto; font-size: 14px; background: #fff; z-index: 2;}
#company-profile tr {width: 1100px; border: 1px solid #000;}
#company-profile th {width: 300px; padding: 20px 50px 20px 50px; text-align: left;}
#company-profile td {padding: 10px;}
#company-profile li {line-height: 150%;}

#company-profile-access {width: 1100px; margin: 80px auto ; padding: 25px 30px; background: #fff; min-height: 600px; position: relative; z-index: 1;}
#company-profile-access .access-bx{margin: 0 auto; position: relative; top: -10px;}
#company-profile-access .access-ttl{text-align: center;  margin-bottom: 10px;}
#company-profile-access .access-sub-ttl{text-align: center; font-size: 16px; margin-bottom: 10px; line-height: 150%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#company-profile-access iframe{width: 100%; position: relative; top: 15px; }


#company-logo {width: 950px; min-height: 600px; margin: 0 auto; padding: 50px; position: relative;}
#company-logo .company-logo-bx{width: 850px; min-height: 650px; background: url(../images/company/company-logo-bg.png) no-repeat;}
#company-logo .company-logo1{text-align: center; position: absolute; top:120px; left: 300px;}
#company-logo .company-logo-txt{text-align: center; position: absolute;  top:220px; left: 200px; font-size: 18px;}
#company-logo .company-logo2{position: absolute;  top:300px; left: 200px; }
#company-logo .company-logo3{position: absolute;  top:290px; left: 320px; }


}





@media screen and (max-width: 767px) {



.corporate-main-img {width: 100%; margin-bottom: 100px;}

#corporate  {width: 95%; margin: 0 auto;}
#corporate .corporate-bx {position: relative; margin-bottom: 10%;}

#corporate .corporate-01-bx {width: 100%; margin-bottom: 10%; min-height: 250px; border-bottom: 1px solid #000; }
#corporate .corporate-01 li{}
#corporate .corporate-01 h4{font-size: 1.2rem; letter-spacing: 2px; padding: 3%;}
#corporate .corporate-01 p{font-size: 0.9rem;line-height: 180%; padding: 3%;}
#corporate .corporate-01 .corporate-icon{position: absolute; top: 150px; right: 0; padding-bottom: 10%; }

#corporate .corporate-02-bx {width: 100%; margin-bottom: 10%; min-height: 280px; border-bottom: 1px solid #000; }
#corporate .corporate-02 li{}
#corporate .corporate-02 h4{font-size: 1.2rem; letter-spacing: 2px; padding: 3%;}
#corporate .corporate-02 p{font-size: 0.9rem;line-height: 180%; padding: 3%;}
#corporate .corporate-02 .corporate-icon{position: absolute; top: 470px; right: 0; padding-bottom: 10%; }

#corporate .corporate-03-bx {width: 100%; margin-bottom: 10%; min-height: 430px; border-bottom: 1px solid #000; }
#corporate .corporate-03 li{}
#corporate .corporate-03 h4{font-size: 1.2rem; letter-spacing: 2px; padding: 3%;}
#corporate .corporate-03 p{font-size: 0.9rem;line-height: 180%; padding: 3%;}
#corporate .corporate-03 .corporate-icon{position: absolute; top: 940px; right: 0; padding-bottom: 10%; }

#corporate .corporate-04-bx {width: 100%; margin-bottom: 10%; min-height: 380px; border-bottom: 1px solid #000; }
#corporate .corporate-04 li{}
#corporate .corporate-04 h4{font-size: 1.2rem; letter-spacing: 2px; padding: 3%;}
#corporate .corporate-04 p{font-size: 0.9rem;line-height: 180%; padding: 3%;}
#corporate .corporate-04 .corporate-icon{position: absolute; top: 1360px; right: 0; padding-bottom: 10%; }

#corporate .corporate-05-bx {width: 100%; margin-bottom: 10%; min-height: 280px; border-bottom: 1px solid #000; }
#corporate .corporate-05 li{}
#corporate .corporate-05 h4{font-size: 1.2rem; letter-spacing: 2px; padding: 3%;}
#corporate .corporate-05 p{font-size: 0.9rem;line-height: 180%; padding: 3%;}
#corporate .corporate-05 .corporate-icon{position: absolute; bottom: 375px; right: 0; padding-bottom: 10%; }

#corporate .corporate-06-bx {width: 100%; margin-bottom: 10%; min-height: 360px; border-bottom: 1px solid #000; }
#corporate .corporate-06 li{}
#corporate .corporate-06 h4{font-size: 1.2rem; letter-spacing: 2px; padding: 3%;}
#corporate .corporate-06 p{font-size: 0.9rem;line-height: 180%; padding: 3%;}
#corporate .corporate-06 .corporate-icon{position: absolute; bottom: 0; right: 0; padding-bottom: 10%; }

.zeh-bx {}
.zeh-bx .bx{width: 90vw; margin: 0 auto 10vw; }
.zeh-bx .bx .ttl{font-size: 3.8vw; font-weight: bold; text-align: center; margin-bottom: 3vw; line-height: 1.8;}
.zeh-bx .bx table{width: 100%; margin: 0 auto 3vw; display: block;}
.zeh-bx .bx tbody{width: 100%; margin: 0 auto; display: block }
.zeh-bx .bx tr{width: 100%; margin: 0 auto;  display: block}
.zeh-bx .bx th{width: 29vw; margin: 0 auto; border: 1px solid #000; padding: 6vw 3vw 0; float: left; display: block; min-height: 16vw;}
.zeh-bx .bx th.th1{background: #ccc;}
.zeh-bx .bx th.th2{background: #ccc;width: 29vw; margin: 0 auto; border: 1px solid #000; padding: 3vw 3vw 0; float: left; display: block; min-height: 16vw;}

.human-bx {width: 90vw; margin: 0 auto; position: relative;}
.human-bx .human-ttl{text-align: center; margin-bottom: 5vw;}
.human-bx .human-img{text-align: center; margin-bottom: 5vw;}
.human-bx .human-txt{font-size: 3.6vw; line-height: 1.8; margin-bottom: 3vw;}

.corporate-end {display: none;}

#company-profile {width: 100%; margin: 0 auto; background: #d7e1dc;}
#company-profile .company-profile-ttl{text-align: center; margin-bottom: 5%; padding-top: 10%;}
#company-profile .company-profile-sub-ttl{text-align: center; margin-bottom: 20px; font-size: 1.2rem;}

#company-profile .company-profile-table {width: 95%; margin: 0 auto; padding-bottom: 10%;}
#company-profile .company-profile-table .company-profile-bg{position: absolute; z-index: 1; }
#company-profile table {position: relative; width: 100%; margin: 0 auto; font-size: 0.8rem; background: #fff; z-index: 2;}
#company-profile tr {width: 100%; min-height: 200px; border: 1px solid #000;}
#company-profile th {width: 40%; padding: 5%; text-align: left;}
#company-profile td {padding: 4%;}
#company-profile li {line-height: 150%;}

#company-profile-access {width: 100%; margin: 10% auto ; padding: 25px 30px; background: #fff; min-height: 600px; position: relative; z-index: 1;}
#company-profile-access .access-bx{margin: 0 auto; position: relative; top: -10px;}
#company-profile-access .access-ttl{text-align: center;  margin-bottom: 10px;}
#company-profile-access .access-sub-ttl{text-align: center; font-size: 16px; margin-bottom: 10px;}
#company-profile-access iframe{width: 100%; position: relative; top: 15px; }


#company-logo {width: 100%; min-height: 600px; margin: 0 auto; padding: 5%; position: relative;}
#company-logo .company-logo-bx{width: 100%; min-height: 120vw; background: url(../images/company/company-logo-bg.png) repeat;}
#company-logo .company-logo1{width: 80%; margin: 0 auto 10%; padding-top: 10%;}
#company-logo .company-logo-txt{width: 90%; text-align: center; margin: 0 auto 10%; font-size: 1rem;line-height: 1.6;}
#company-logo .company-logo2{ margin: 0 auto 10%; text-align: center;}
#company-logo .company-logo3{width: 80%; margin: 0 auto; text-align: center; margin-right: 5%;}


}