@charset "utf-8";

header h1 a { width:316px; }
@media screen and (max-width:1400px){
  header h1 a { width:260px; }
}
@media screen and (max-width:1200px){
	header h1 a { width:250px; }
}
@media screen and (max-width:640px){
	header h1 a { width:220px; }
}

footer .footer_box .flogo {width:316px; }
@media screen and (max-width:1280px){
	footer .footer_box .flogo { width:280px; }
}
@media screen and (max-width:640px){
	footer .footer_box .flogo { width:220px; }
}

.font_p {font-family: 'Montserrat'}

.subTopTitle .txt { font-weight:400; }

.subtitle-box .location > .box1 { width:180px; }
.subtitle-box .location > .box2 { width:350px; }

#main .recruit .titlebox .info li { min-width:180px; }
@media screen and (max-width:640px){
  #main .recruit .titlebox .info li { min-width:30%; }
  #main .recruit .titlebox .info li:nth-chihld(2) { min-width:40%; }
  #main .overview .titlebox p span { max-width:380px; }
}

.company-ceo .txtbox .txt_3 { line-height:1.6; }

.company-history .year-box .subTopTitle .tit-1 { font-size:65px; }
@media screen and (max-width:1280px){
  .company-history .year-box .subTopTitle .tit-1 {  font-size:50px; }
}
@media screen and (max-width:1024px){
  .company-history .year-box .subTopTitle .tit-1 {  font-size:36px; }
}
@media screen and (max-width:640px){
  .company-history .year-box .subTopTitle .tit-1 {  font-size:22px; }
}

.company-history .history-list > ul > li > dl > dd li { padding-left:55px; }
.company-history .history-list > ul > li > dl > dd li strong { width:40px; }

.company-technology .listbox > div { height:780px; }
.company-technology .bg .listbox > div { height:576px; }
.company-technology .listbox .txtbox .slist ul { display:block; flex-wrap:wrap; }
.company-technology .listbox .txtbox .slist li { position:relative; padding-left:78px; width:100%; text-align:left; border:none; margin-top:25px; }
.company-technology .listbox .txtbox .slist li:not(:last-child) { padding-bottom:25px; border-bottom:1px solid #e2e2e2; }
.company-technology .listbox .txtbox .slist li .icon { position:absolute; left:0; top:0; justify-content: flex-start; height:56px; }
.company-technology .listbox .txtbox .slist li dt { padding-top:2px; }
@media screen and (max-width:1024px){
  .company-technology .listbox > div,
  .company-technology .bg .listbox > div{ height:auto; }
}

.company-business .tab-submenu,
.content-box .tab-submenu { width:320px; }
.company-business .business-box,
.content-box .business-box { width:calc(100% - 320px); padding-left:70px; }
.company-business .business-box .contBox dd ul,
.content-box .business-box .contBox dd ul { display:block; }
.company-business .business-box .contBox dd li,
.content-box .business-box .contBox dd li { margin-top:15px; }

.esg-ethical .ethical-cont1 .listbox > ul > li .tit { font-size:24px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) { top:335px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) { top:-140px; margin-left:-160px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) { top:335px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) { left:220px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) { left:705px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) .tit { top:-277px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) .tit { top:192px; left:45px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) .tit { top:-277px; left:-220px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) .tit { left:58px; }
.esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) .tit { left:18px; }
@media screen and (max-width:1600px){
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) { top:-170px; left:80px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) { top:-210px; right:0; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) dt { padding-left:30px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) .tit { top:220px; left:-20px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) .tit { top:265px; left:-20px; }
}
@media screen and (max-width:1280px){
  .esg-ethical .ethical-cont1 .listbox > ul > li .m_br { display:block }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) { left:50px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) { top:-200px; margin-left:-120px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) { top:-205px; right:-20px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) { top:478px; left:140px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) { top:478px; left:535px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(1) .tit { top:210px; left:-10px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(2) .tit { top:240px; left:25px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(3) .tit { top:245px; left:20px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(4) .tit { top:-255px; left:80px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:nth-child(5) .tit { top:-255px; left:35px; }
  .esg-ethical .ethical-cont2 .listbox > ul > li { width:33.33%; }
  .esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(3n+1) { border-left:none; }
  .esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(4n+1) { border-left:1px solid #e0e0e0; }
}
@media screen and (max-width:1024px){
  .esg-ethical .ethical-cont1 .listbox > ul { gap:20px 20px; padding:0 50px; margin:0 auto }
  .esg-ethical .ethical-cont1 .listbox > ul > li { width:100% }
  .esg-ethical .ethical-cont1 .listbox > ul > li .box { border-radius:20px; padding-bottom:30px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li:after { display:none; }
  .esg-ethical .ethical-cont1 .listbox > ul > li .box { position:relative; left:unset; top:unset; transform:translateX(0); }
  .esg-ethical .ethical-cont1 .listbox > ul > li .tit { font-size:22px; padding:30px 0 0 !important;}
  .esg-ethical .ethical-cont1 .listbox > ul > li dt { font-size:17px; }
  .esg-ethical .ethical-cont1 .listbox > ul > li dl dd li { font-size:15px; }
}
@media screen and (max-width:960px){
  .esg-ethical .ethical-cont2 .listbox > ul > li dd br { display:none }
}
@media screen and (max-width:760px){
  .esg-ethical .ethical-cont1 .listbox > ul { padding:0 }
  .esg-ethical .ethical-cont2 .listbox > ul { gap:50px 0; }
  .esg-ethical .ethical-cont2 .listbox > ul > li { width:50%; padding:35px 15px 20px; }
  .esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(3n+1) { border-left:1px solid #e0e0e0; }
  .esg-ethical .ethical-cont2 .listbox > ul > li:nth-child(2n+1) { border-left:none; }
}

@media screen and (max-width:1280px){
  .esg-green .listbox .txtbox dt { width:45%; }
  .esg-green .listbox .txtbox dd { width:55%; }
}
@media screen and (max-width:860px){
  .esg-green .listbox .txtbox dt,
  .esg-green .listbox .txtbox dd { width:100%; }
  .esg-green .listbox .txtbox dt br { display:none }
  .esg-green .listbox .txtbox dt strong { display:block; margin-bottom:5px; }
}

.careers-training .training-cont1 .listbox > ul > li dd,
.careers-training .training-cont1 .edu_table tbody td,
.careers-training .training-cont2 .process-box > dl > dd,
.careers-training .training-cont2 .process-box .plist dl dt,
.careers-training .training-cont2 .process-box .plist dl dd li strong { font-weight:400 }
.careers-training .training-cont1 .listbox > ul > li { width:350px; }
.careers-training .training-cont2 .process-box > dl > dt { width:280px; text-align:left; padding-left:30px; justify-content:flex-start; }
.careers-training .training-cont2 .process-box > dl > dd { width:calc(100% - 280px); }
.careers-training .training-cont2 .process-box .plist dl dt { width:250px; }
.careers-training .training-cont2 .process-box .plist dl dd { width:calc(100% - 250px); }
@media screen and (max-width:1600px){
  .careers-training .training-cont2 .process-box .plist dl dt { width:150px; }
  .careers-training .training-cont2 .process-box .plist dl dd { width:calc(100% - 150px); }
}
@media screen and (max-width:960px){
  .careers-training .training-cont1 .listbox > ul { gap:10px 10px; }
  .careers-training .training-cont1 .listbox > ul > li { width:calc((100% - 10px) / 2); }
  .careers-training .training-cont2 .process-box > dl > dt { width:130px; }
  .careers-training .training-cont2 .process-box > dl > dd { width:calc(100% - 130px); }
  .careers-training .training-cont2 .process-box > dl > dt { text-align:center; padding-left:0; justify-content:center; }
  .careers-training .training-cont2 .process-box .plist dl dt,
  .careers-training .training-cont2 .process-box .plist dl dd { width:100%; }
}
@media screen and (max-width:760px){
  .careers-training .training-cont1 .listbox > ul > li dd { min-height:190px; }
}
}
@media screen and (max-width:640px){
  .careers-training .training-cont1 .listbox > ul > li dd { min-height:170px; }
}
@media screen and (max-width:430px){
  .careers-training .training-cont1 .listbox > ul > li dd { min-height:200px; }
}
@media screen and (max-width:1280px){
  .careers-welfare .listbox > ul > li .box dt br,
  .careers-welfare .listbox > ul > li .box dd br { display:none }
}

/*.contact-box .tab-submenu li:nth-child(2) a { padding-top:20px; padding-bottom:20px; height:auto;  }*/

/*.contact-box .business-box .contBox dd li.list > strong { min-width:468px; }*/
.contact-box .business-box .contBox dd li.list > strong { min-width:auto; }



.subTabmenu > ul > li a { width:270px; }
@media screen and (max-width:1200px){
	.subTabmenu > ul > li a { width:240px; }
}
@media screen and (max-width:1024px){
	.subTabmenu > ul { flex-wrap:wrap; gap:5px; }
	.subTabmenu > ul > li { margin:0 !important; width:calc((100% - 10px) / 2); }
	.subTabmenu > ul > li a { width:100%; }
}
@media screen and (max-width:640px){
	.subTabmenu > ul > li a { font-size:14px; }
}
/*
@media screen and (max-width:860px){
	.subTabmenu > ul > li { width:calc((100% - 10px) / 3); }
	.subTabmenu > ul > li a { width:100%; }
}
@media screen and (max-width:760px){
	.subTabmenu > ul { flex-wrap:wrap; gap:5px; }
	.subTabmenu > ul > li { width:calc((100% - 5px) / 2); }
	.subTabmenu > ul > li:not(:last-child) { margin-right:0; }
	.subTabmenu > ul > li:last-child { width:100%; }
	.subTabmenu > ul > li:last-child a { width:100%; padding:0 10px; }
}
*/
.company-technology-powder .processCont .process-list .box dl { margin-top:-36px; }
@media screen and (max-width:1024px){
	.company-technology-powder .processCont .process-list .box dl { margin:-20px 0 0 -20px; }
}
@media screen and (max-width:860px){
	.company-technology-powder .processCont .process-list .box dt br { display:none }
	.company-technology-powder .processCont .process-list .box dl { margin:0; }
}