body{max-width: 1920px;margin: 0 auto;}
img{display: block;}
.pc{display: block;}
.mobile,.lpc{display: none !important;}

@font-face {
    font-family: "KOZGOPR6N-REGULAR";
    src: url("../fonts/KOZGOPR6N-REGULAR.OTF");
}
@font-face {
    font-family: "NOTOSANSJP-BOLD";
    src: url("../fonts/NOTOSANSJP-BOLD.OTF");
}
@font-face {
    font-family: "NOTOSANSJP-REGULAR";
    src: url("../fonts/NOTOSANSJP-REGULAR.OTF");
  }
/* -----------------企業情報----------------------------- */
html{ overflow-x: hidden;}
.company01{ background-color: #2e2e33; padding: 90px 0 10.4%;}
.company01 h2{ position: relative; font: normal 60px/120px 'KOZGOPR6N-REGULAR'; color: #fff; text-align: center; }
.company01 h2 span{ position: relative; z-index: 2;}
.company01 h2::before{ content: 'philosophy'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font: bold 130px/100px 'NOTOSANSJP-BOLD'; color: #3b3b3d; text-transform: uppercase; z-index: 1; }
.company01 p{ margin-top: 84px; font: bold 36px/48px 'NOTOSANSJP-BOLD'; color: #fff; text-align: center; }
.company01 p span{ position: relative; display: inline-block; z-index: 2; }
.company01 p span::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 9px; background-color: #ed0000; z-index: -1; }

.com-title h2{ position: relative; display: inline-block; font: bold 60px/60px 'NOTOSANSJP-BOLD'; color: #000; z-index: 1; }
.com-title h2::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 17px; background-color: #d71317; z-index: -1; }
.com-title span{ display: block; font: normal 27px/76px 'NOTOSANSJP-REGULAR'; color: #666; text-transform: uppercase; }

.company02{ background-color: #fff; padding: 60px 0 80px;}
.company02 .container{ position: relative;}
.company02 .com-title{ position: absolute; left: 0; top: 6.58%;}
.company02 .img{ position: relative; padding-left: 32%; }
.company02 .img .img01{ display: block; width: 100%;}
.company02 .img .img02{ position: absolute; left: 0; bottom: 0; width: 79.39%; margin-bottom: 1.4%;}

.company02 .company-info{ margin-top: 60px; padding-left: 32%; font: normal 18px/110px 'NOTOSANSJP-REGULAR'; color: #232323; text-indent: 1em; }
.company02 .company-info dt{ float: left; width: 21.5%; border-bottom: 1px solid #b6b7af; font-weight: bold;}
.company02 .company-info dd{ float: right; width: 74%; border-bottom: 1px solid #b6b7af;}

.company03{ background: #fff url(../images/MITSUBISHI/Company/companyImg03.jpg) no-repeat center top;}
.company03 .com-title{ padding-top: 108px; text-align: center;}
.company03 .com-title h2{ color: #fff; }
.company03 .com-title h2::before{ bottom: -8px; height: 14px; }
.company03 .com-title span{ margin: 20px 0 95px; color: rgba(255,255,255,.5);}
.company03 .txt-box{ background-color: #fff; border-top: 26px solid #d71317; padding: 75px 16% 10.67% 5.1%;  font: normal 16px/42px 'NOTOSANSJP-REGULAR'; color: #232323;  }

.company04{ background-color: #f9f9f9; padding-top: 65px;}
.company04 .container{ position: relative;}
.company04 .com-title{ position: absolute; left: 0; top: 0;}
.company04 .com-title span{ opacity: .5;}
.company04 .txt-box{ position: relative; padding: 30px 0 85px 32%;   font: normal 20px/50px 'NOTOSANSJP-REGULAR'; color: #232323; }
.company04 .txt-box p{ padding-left: 30px; background: url(../images/MITSUBISHI/Company/companyImg05.png) no-repeat left center;}
.company04 .img{ display: block; width: 80.625%; margin-left: 1.667%; margin-bottom: -4.167%;}


.company05{ background-color: #fff; padding-top: 8.5%; padding-bottom: 6%; text-align: right;}
.company05 .container{ position: relative; padding-top: 9.15%;}
.company05 .address{ position: absolute; width: 85%; left: 0; top: 0; padding-top: 13%; padding-bottom: 10%; padding-left: 24px; background-color: #2e2e33; font: normal 18px/36px 'NOTOSANSJP-REGULAR'; color: #fff; text-align: left;}
.company05 .address::after{ content: ''; position: absolute; left: -50%; top: 0; bottom: 0; width: 50%; background: #2e2e33;}
.company05 .address span{ position: relative; display: block; width: 230px; padding-left: 24px; margin-top: 30px; background-color: #000; border: 1px solid #fff; line-height: 44px; box-sizing: border-box; }
.company05 .address span::after{ content: ''; position: absolute; left: 163px; top: 13px; width: 135px; height: 11px; background: url(../images/MITSUBISHI/Company/companyImg06.png) no-repeat;}
.company05 .map{ position: relative; display: inline-block; width: 68%; height: 510px; border-bottom: 16px solid #d71317; z-index: 2;}

.company06{ background: #fff url(../images/MITSUBISHI/Company/companyImg07.jpg) no-repeat center top;}
.company06 .com-title{ padding-top: 118px; text-align: center;}
.company06 .com-title h2{ color: #fff; }
.company06 .com-title h2::before{ bottom: -8px; height: 14px; }
.company06 .com-title span{ margin: 20px 0 95px; color: rgba(255,255,255,.5);}
.company06 .txt-box{ background-color: #fff; border-top: 26px solid #d71317; padding: 42px 5.1%  10.67%;  font: normal 16px/42px 'NOTOSANSJP-REGULAR'; color: #232323; text-align: justify; }
.company06 .txt-box h3{ position: relative; margin-top: 16px; padding-left: 27px; font-size: 18px; line-height: 50px;  color: #d71317;}
.company06 .txt-box h3::before{ content: ''; position: absolute; left: 0; top: 20px; width: 11px; height: 11px; border-radius: 50%; background-color: #d71317;}
.company06 .txt-box div{ padding: 40px; margin: 20px 0 30px; background-color: #f9f9f9;}
.company06 .txt-box .red,.company06 .txt-box p span{ color: #cb1b1b;}
.company06 .txt-box .text-r{ text-align: right;}


.company07{ background-color: #fff;}
.company07 .img{ float: left; width: 43.72%; margin-top: 30px;}
.company07 .img img{ display: block; width: 100%;}
.company07 ul{ float: right; width: 50.24%; }
.company07 ul li{ position: relative; padding: 34px 0; border-bottom: 1px solid #b7b8b0; margin-bottom: 15px;}
.company07 ul li::before{ content: ''; position: absolute; right: 0; top: 50%; width: 11px; height: 12px; margin-top: -6px; background: url(../images/MITSUBISHI/Company/companyImg09.png) no-repeat ;}
.company07 h3{ font: normal 36px/76px 'NOTOSANSJP-REGULAR'; color: #232323;}
.company07 span{ font: normal 18px/18px 'NOTOSANSJP-REGULAR'; color: #d71317;}

.company08{margin-top: 112px; margin-bottom: 140px;}
.company08 ul{text-align: center;}
.company08 ul li{overflow: hidden}
.company08 ul li:first-child{float: left;}
.company08 ul li:last-child{float: right;}
.company08 ul li img{width: 100%;transition: all 0.3s ease-in-out;}
.company08 ul li:hover img{transform: scale(1.17)}
.company08 ul li div{
    width:100%;
    height:100%;
    background: url("../images/MITSUBISHI/s8_p_bg.png") no-repeat;
    position: absolute;
    top:0;
    text-align: center;
    padding-top: 16%;
    background-size: contain;
}
.company08 ul li div span{display:inline-block;width: 68px;height: 4px;background-color: #fff;}
.company08 ul li div p:nth-child(1){font: normal 1.7vw/2.5vw "SourceHanSansCN-Regular";color: #ffffff;}
.company08 ul li div p:nth-child(3){font: normal 2.4vw/6vw "SourceHanSansCN-Regular";color: #ffffff;}
.company08 ul li div p:nth-child(4){font: normal 2.4vw/3vw "SourceHanSansCN-Bold";color: #ffffff;}

@media (max-width: 1639px) and (min-width:1000px){
    .container{width: 94%;margin: 0 auto;}
    .company01 h2{ font: normal 3.125vw/6.25vw 'KOZGOPR6N-REGULAR';}
    .company01 h2::before{ font: bold 6.77vw/5.2vw 'NOTOSANSJP-BOLD';}
    .company01 p{ margin-top: 4.375vw; font: bold 1.875vw/2.5vw 'NOTOSANSJP-BOLD';}

    .com-title h2{ font: bold 3.125vw/3.125vw 'NOTOSANSJP-BOLD'; }
    .com-title span{ font: normal 1.4vw/3.958vw 'NOTOSANSJP-REGULAR'; }
    .company07 ul li{ position: relative; padding: 1.77vw 0; border-bottom: 1px solid #b7b8b0; margin-bottom: .78vw;}
    .company07 h3{ font: normal 1.875vw/3.958vw 'NOTOSANSJP-REGULAR';}
    .company07 span{ font: normal .9375vw/.9375vw 'NOTOSANSJP-REGULAR'; }
   
}
@media (max-width: 1367px) and (min-width:1000px){
    .company02 .company-info{ font-size: 16px; line-height: 90px;}
    .company03 .txt-box{ padding: 75px 5.1% 10.67%; }
    .company04 .txt-box{ font-size: 18px;}
    .company05 .container{ padding-left: 400px; box-sizing: border-box; }
    .company05 .map{ width: 100%; height: 450px; }
}
.delicaList{ padding-top: 5%;}
.delicaList li { position: relative; margin-bottom: 10%;}
.delicaList li .img{ float: left; width: 50%;}
.delicaList li .img img{ display: block; width: 100%;}
.delicaList li .txt{ position: absolute; width: 46%; left: 54%; top: 50%; transform: translateY(-50%);}
.delicaList li:nth-child(2n) .img{ float: right;}
.delicaList li:nth-child(2n) .txt{ left: 0;}
.delicaList li main{ margin-bottom: 30px;}
.delicaList li h2{
    padding-bottom: 15px;
    font: normal 2vw/50px "YUMIN";
    color: #28241d;
    border-bottom: 1px solid #424242;
}
.delicaList li p{
    margin: 28px 0 20px;
    color: #54452c;
    font: normal 1.5vw/60px "NOTOSANSJP-REGULAR";
}
.delicaList li p span,.delicaList li p strong{ display: block;}