.box{padding: 30px;}
#tab{width:979px;margin:0 auto;padding-bottom: 40px;}
#tab li{width:25%;float:left;}
#tab li a{display: block;padding:15px 0;background:#0053a3; color:#fff;text-align: center;font-size:18px;letter-spacing: 0.1em;position: relative;}

.second #mainview .right{background: #0053a3 url('/company/images/mainview-bk.png') right center no-repeat;background-size: cover}

.company01 #tab li:nth-child(1) a{background: #d1b23a}
.company01 #tab li:nth-child(1) a:before{content: "";position: absolute;bottom: -23px;left: 50%;border: 12px solid transparent;border-top: 12px solid #d1b23a;margin-left: -12px;}
.company02 #tab li:nth-child(2) a{background: #d1b23a}
.company02 #tab li:nth-child(2) a:before{content: "";position: absolute;bottom: -23px;left: 50%;border: 12px solid transparent;border-top: 12px solid #d1b23a;margin-left: -12px;}
.company03 #tab li:nth-child(3) a{background: #d1b23a}
.company03 #tab li:nth-child(3) a:before{content: "";position: absolute;bottom: -23px;left: 50%;border: 12px solid transparent;border-top: 12px solid #d1b23a;margin-left: -12px;}
.company04 #contents #tab li:nth-child(4) a{background: #d1b23a}
.company04 #contents #tab li:nth-child(4) a:before{content: "";position: absolute;bottom: -23px;left: 50%;border: 12px solid transparent;border-top: 12px solid #d1b23a;margin-left: -12px;}


.company01 .shadow{padding:50px;}
.company01 .shadow .left{width:203px;}
.company01 .shadow .left p{margin-bottom: 10px;}
.company01 .shadow .left h3{text-align: center;padding-bottom: 20px;}
.company01 .shadow .left h3 span{font-size:20px;display: block;padding:5px 0;}
.company01 .shadow .left ul li{padding-bottom: 10px;}
.company01 .shadow .left ul li:last-child{padding-bottom:0;}
.company01 .shadow .right{width:640px;}
.company01 .shadow .right h3{font-size:20px;color:#0053a3;padding-bottom: 18px;line-height: 160%;}
.company01 .shadow .right p{font-size:15px;padding-bottom: 15px;line-height: 160%;}
.company01 .shadow .right p:last-child{padding-bottom:0;}
.company01 .shadow .bnr li{float:left;}
.company01 .note{text-indent:-1em;padding:20px 0 0 1em !important;line-height: 160%;font-size:13px;}
.company01 .profile {padding:30px;}
.company01 .profile .left{width:375px;}
.company01 .profile .right{width:480px;}
.company01 .profile .right dl {display: table;width:100%;margin-bottom: 18px;}
.company01 .profile .right dl dt,
.company01 .profile .right dl dd{display: table-cell;text-align: left;font-size:15px;line-height: 160%;}
.company01 .profile .right dl dt{width:90px;color:#0053a3;}
.company01 .gradarea .left{text-align:center;}
.company01 .gradarea .right{text-align:center;}
.company01 .gradarea .left p,
.company01 .gradarea .right p{padding-top:10px;}

.company02 table th{width:23%;background: transparent !important;text-align: left !important;color:#0053a3 !important;vertical-align: top;line-height: 140%}
.company02 table td{text-align: left !important;padding-left: 0 !important;vertical-align: top;}
.company02 table td dl{display: table;margin-bottom:8px;width:100%;}
.company02 table td dl:last-child{margin-bottom:0;}
.company02 table td dl dt,
.company02 table td dl dd{display: table-cell;}
.company02 table td dl dt{width:48%;}
.company02 table td li{margin-bottom:8px;}
.company02 table td li:last-child{margin-bottom:0;}
.company02 table td .half1 {width:45%;float:left;}
.company02 table td .half2 {width:55%;float:left;}

.company03 #contents .shadow{padding:50px;}
.company03 #contents dl {display: table;width: 100%;position: relative; }
.company03 #contents dl dt,
.company03 #contents dl dd{display: table-cell;font-size:15px;padding-bottom: 30px;line-height: 140%;}
.company03 #contents dl dt{border-right:solid 3px #0053a3;width:22%;color:#0053a3;}
.company03 #contents dl dd{padding-left: 45px;}
.company03 #contents dl dd:before {content: "";position: absolute;background: #fff;left: 20.5%;margin-top :0;height: 18px;width: 18px;border-radius: 50%;border: solid 2px #0053a3}
.company03 #contents dl dd li{padding-bottom: 5px;padding-left: 15px;text-indent: -15px}
.company03 #contents dl dd li:before {content: "\25CF ";font-size:10px;vertical-align: 2px;margin-right: 5px;color:#0053a3;;}
.company03 #contents dl:last-child dt,
.company03 #contents dl:last-child dd{padding-bottom: 0;}



.company04 .shadow .tl{margin: -80px auto 50px !important;}
.company04 .shadow{padding:50px;}
.company04 hr{height:1px;border:none;border-bottom: dotted 1px #0053a3;outline: none;margin:0 0 35px;padding:0;}
.company04 .engbox{margin-bottom: 35px;width: 100%;margin-right: 0}
.company04 .engbox h3{font-size:20px;color:#0053a3;padding-bottom: 10px;line-height: 160%;}
.company04 .engbox li{font-size:15px;padding-bottom: 5px;line-height: 160%;margin:0 0 0 1.3em;list-style-type: disc;}
.company04 .engbox p{width: 40%;margin-left: 20px;float:right;}
.company04 .engbox p span{display: block;padding-top:5px;font-size:13px;text-align: center;}
.company04 .engbox img{width: 100%;}
.company04 .engbox3{margin:0 auto !important;width:auto !important;float:none;}
.company04 .copy{clear:both;width: 650px;margin:0 auto;padding:25px 0 0;line-height: 180%}
.company04 .copy p{padding:0 0 1em;font-size:15px;}
.company04 .copy p:last-child{padding:0}
.company04 .gradarea .block p{text-align:center;padding-bottom: 15px;}
.company04 ol.policy{padding:0 ;width: 650px;margin:0 auto;}
.company04 ol.policy li{font-size:17px;padding:10px 0;line-height: 160%;text-indent: -2em;padding-left: 2em;}
.company04 .note{text-indent:-1em;padding:20px 0 10px 1em;line-height: 160%;margin:0 50px;font-size:13px;}
.company04 .philosophy p{line-height: 180%;text-align: left !important;padding: 0 0 1em;font-size: 15px;width: 650px;margin:0 auto;}
.company04 .sdgs_area {margin:0 auto;width:979px;}
.company04 .sdgs_area h2{text-align: center;margin-bottom: 15px;}
.company04 .sdgs_area ul {margin-bottom: 100px; }
.company04 .sdgs_area ul li{float:left;width:150px;margin-right:15.8px;margin-bottom: 16px; }
.company04 .sdgs_area ul li:nth-child(6n){margin-right:0; }
.company04 .sdgs_area ul li img{width:100%;height: auto;}
.company04 .sdgs_area p{text-align: center;margin-bottom: 40px;line-height: 140%}
.company04 .sdgs_icon ul  {text-align: center;margin-bottom: 45px}
.company04 .sdgs_icon ul li {display: inline-block;width: 15%;margin:0 10px;}
.company04 .sdgs_icon ul li img{width:100%;height: auto;}

.company04 .engbox h4{font-size:16px;color:#0053a3;padding: 10px 0;line-height: 160%;}
.company04 .engbox ul+a img{width: 203px;margin-top: 5px;}




#contribution ol.policy{padding:0 50px;}
#contribution ol.policy li{font-size:17px;padding:10px 0;line-height: 160%;text-indent: -2em;padding-left: 2em;}
.activities p.right{width:350px;margin-left: 20px;}
.activities p.right img{width:100%;}
.activities p.left{width:350px;margin-right: 20px;}
.activities p.right img,
.activities p.left img{width:100%;}


.news{width:640px;}
.news dl{display: table;width: 100%;font-size:15px;line-height: 160%;border-top: dotted 1px #ccc;padding:20px 0;}
.news .btn{border-top: dotted 1px #ccc;padding:30px 0 0;}
.news dl dt{display: table-cell;width: 15%;}
.news dl dd{display: table-cell;}
.activities_news p.catch{width:640px;margin:0 auto;text-align: left;font-size: 15px}


.company04 .long dl{display: flex;width: 700px;margin:10px auto ;padding:20px 30px;font-size: 20px;line-height: 160%;letter-spacing: 0.1em;background: rgba(0,83,163,0.1);}
.company04 .long dl dt{width: 4.5em;color:#0053a3}