.mobile{display: block;}
.pc{display: none !important;}
img{display: block;}
.container{width: 100%;padding: 0 10px;box-sizing: border-box;}

@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");
  }
/* -----------------企業情報----------------------------- */
.company01{ background-color: #2e2e33; padding: 1rem 0;}
.company01 h2{ position: relative; font: normal .6rem/1rem '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 .9rem/1rem 'NOTOSANSJP-BOLD'; color: #3b3b3d; text-transform: uppercase; z-index: 1; }
.company01 p{ margin-top: .8rem; font: bold .26rem/.6rem '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: .1rem; background-color: #ed0000; z-index: -1; }

.com-title{ text-align: center; }
.com-title h2{ position: relative; display: inline-block; font: bold .6rem/.6rem 'NOTOSANSJP-BOLD'; color: #000; z-index: 1; }
.com-title h2::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: .18rem; background-color: #d71317; z-index: -1; }
.com-title span{ display: block; font: normal .28rem/.8rem 'NOTOSANSJP-REGULAR'; color: #666; text-transform: uppercase; }

.company02{ background-color: #fff; padding: .6rem 0;}
.company02 .img{ position: relative; }
.company02 .img .img01{ display: block; width: 100%;}
.company02 .img .img02{ position: absolute; left: 1%; bottom: -.5rem; width: 98%;}

.company02 .company-info{ margin-top: 1rem; font: normal .28rem/.8rem 'NOTOSANSJP-REGULAR'; color: #232323; text-indent: 1em; }
.company02 .company-info dt{ float: left; width: 29%; border-bottom: 1px solid #b6b7af; font-weight: bold;}
.company02 .company-info dd{ float: right; width: 69%; border-bottom: 1px solid #b6b7af;}

.company03{ background: #fff url(../images/MITSUBISHI/Company/companyImg03.jpg) no-repeat center top; background-size: 240% auto;}
.company03 .com-title{ padding-top: 1rem; text-align: center;}
.company03 .com-title h2{ color: #fff; }
.company03 .com-title span{ margin: .4rem 0 .8rem; color: rgba(255,255,255,.5);}
.company03 .txt-box{ background-color: #fff; border-top: .26rem solid #d71317; padding: .6rem .3rem;  font: normal .28rem/.52rem 'NOTOSANSJP-REGULAR'; color: #232323;  }

.company04{ background-color: #f9f9f9; padding-top: .6rem;}
.company04 .container{ position: relative;}
.company04 .com-title span{ opacity: .5;}
.company04 .txt-box{ position: relative; padding: .6rem .3rem; font: normal .28rem/.52rem 'NOTOSANSJP-REGULAR'; color: #232323; }
.company04 .txt-box p{ padding-left: .3rem; margin-bottom: .3rem; background: url(../images/MITSUBISHI/Company/companyImg05.png) no-repeat left center; background-size: .1rem auto; text-align: justify;}
.company04 .img{ display: block; width: 80.625%; margin-left: 1.667%; margin-bottom: -4.167%;}


.company05{ background-color: #fff; padding-top: .6rem; padding-bottom: .6rem; }
.company05 .container{ position: relative; padding-top: 9.15%; z-index: 1;}
.company05 .address{ position: relative; width: 100%; padding: .6rem .3rem; background-color: #2e2e33; font: normal .28rem/.52rem 'NOTOSANSJP-REGULAR'; color: #fff; box-sizing: border-box; }
.company05 .address span{ position: relative; display: block; width: 3rem; padding-left: .4rem; margin-top: .4rem; background-color: #000; border: 1px solid #fff; line-height: .6rem; box-sizing: border-box; }
.company05 .address span::after{ content: ''; position: absolute; left: 2.3rem; top: .2rem; width: 1.35rem; height: .11rem; background: url(../images/MITSUBISHI/Company/companyImg06.png) no-repeat; background-size: 100% 100%;}
.company05 .map{ position: relative; width: 100%; height: 5rem; margin-top: .3rem; border-bottom: .16rem solid #d71317; z-index: 2;}

.company06{ background: #fff url(../images/MITSUBISHI/Company/companyImg07.jpg) no-repeat center top; background-size: 240% auto;}
.company06 .com-title{ padding-top: .6rem;}
.company06 .com-title h2{ color: #fff; font-size: .48rem; }
.company06 .com-title h2 em{ display: block;}
.company06 .com-title span{ font-size: .24rem;  color: rgba(255,255,255,.5);}
.company06 .txt-box{ background-color: #fff; border-top: .26rem solid #d71317; padding: .6rem .3rem; margin-top: .3rem;  font: normal .26rem/.52rem 'NOTOSANSJP-REGULAR'; color: #232323; text-align: justify; }
.company06 .txt-box h3{ position: relative; margin-top: .2rem; margin-bottom: .1rem; padding-left: .27rem; font-size: .28rem; line-height: .6rem;  color: #d71317;}
.company06 .txt-box h3::before{ content: ''; position: absolute; left: 0; top: .25rem; width: .1rem; height: .1rem; border-radius: 50%; background-color: #d71317;}
.company06 .txt-box div{ padding: .3rem; margin: .3rem 0; background-color: #f9f9f9;}
.company06 .txt-box p{ margin-bottom: .1rem;}
.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{ width: 100%; }
.company07 .img img{ display: block; width: 100%;}
.company07 ul li{ position: relative; padding: .3rem 0; border-bottom: 1px solid #b7b8b0; margin-bottom: .15rem;}
.company07 ul li::before{ content: ''; position: absolute; right: 0; top: 50%; width: .11rem; height: .12rem; margin-top: -.06rem; background: url(../images/MITSUBISHI/Company/companyImg09.png) no-repeat ; background-size: 100% 100%;}
.company07 h3{ font: normal .36rem/.76rem 'NOTOSANSJP-REGULAR'; color: #232323;}
.company07 span{ font: normal .28rem/.32rem 'NOTOSANSJP-REGULAR'; color: #d71317;}

.company08{margin-top: .6rem;}
.company08 .container{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;
    box-sizing:border-box;
}
.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 0.3rem/0.4rem "SourceHanSansCN-Regular";color: #ffffff;}
.company08 ul li div p:nth-child(3){font: normal 0.5rem/0.8rem "SourceHanSansCN-Regular";color: #ffffff;}
.company08 ul li div p:nth-child(4){font: normal 0.5rem/0.8rem "SourceHanSansCN-Bold";color: #ffffff;}



.delicaList{ padding-top: 5%;}
.delicaList li { position: relative; margin-bottom: 10%;}
.delicaList li .img{ float: left; width: 100%; margin-bottom: .4rem;}
.delicaList li .img img{ display: block; width: 100%;}
.delicaList li .txt{float: left; width: 100%; }
.delicaList li main{ margin-bottom: .6rem;}
.delicaList li h2{
    padding-bottom: .2rem;
    font: normal .36rem/.6rem "YUMIN";
    color: #28241d;
    border-bottom: 1px solid #424242;
}
.delicaList li p{
    margin: .4rem 0;
    color: #54452c;
    font: normal .28rem/.52rem "NOTOSANSJP-REGULAR";
}
.delicaList li p span,.delicaList li p strong{ display: block;}