@charset "UTF8";
.inner-effect .section-l p{font-size:1.8rem}
.introduction-wrap .reference-btn a{width:265px}
.inner-sys-archive .archive-txt .archive-tit{font-size:3.8rem}
.archive-more a strong:nth-child(1){font-size:2.2rem}
.edu-product-info-list li .l-section > p{font-size:3rem}
.map-list li a, .map-list li:last-child a{max-width:195px}

.esg-dialgram1 .item2 .box ul li{font-size: 1.8rem;}
.esg-dialgram1 .item2 .box{padding:0 2rem; box-sizing: border-box;}

.esg-dialgram2 > ul > li .type2 p{font-size: 1.8rem; padding:27px 10px}
.esg-dialgram2 > ul > li .type2 ul li{font-size: 1.6rem;}
.esg-dialgram2 > ul > li .type1{font-size: 2rem;}
.esg-dialgram3 ul li .box > p{font-size: 1.6rem;}
.esg-dialgram3 ul li .box strong{font-size: 2rem;}
.esg-dialgram4 ul li .box > p{font-size:2rem;}
.esg-dialgram2 > ul > li .type2{padding:2rem}
.esg-dialgram5 .box > ul li.type1 li{font-size: 1.7rem; padding-right:0.5rem}
.esg-dialgram7 .inner-esg-dialgram7 ul li p{font-size: 2rem;}
.esg-dialgram8 > ul > li .box1 p{font-size: 2rem;}
.esg-dialgram1 .item1 p{font-size: 2.6rem;}
.esg-dialgram9 .item1 p, .esg-dialgram9 .top p{font-size: 1.8rem;}
.esg-dialgram9 .item2 .top, .esg-dialgram9 .item3 .top, .esg-dialgram9 .item4 .top, .esg-dialgram9 .item6 .top{padding:34px 0}
.esg-dialgram10 .box > ul > li p{font-size: 2rem;}
.esg-dialgram10 .box > ul > li > ul li{margin-bottom:1rem;}
.esg-dialgram10 .box > ul > li > ul{margin-top:2rem}
.esg-dialgram10 .tit{font-size:2rem}
.privacy-card > li .p-card-b ul li .card-t-t{width:90px;}
.privacy-card > li .p-card-b ul li .card-t-c{width: calc(100% - 90px)}
.privacy-card > li .p-card-t p{font-size:1.8rem}
.privacy-card > li .p-card-t{padding:1.7rem 1rem}
.inner-product-foot > ul li{display: flex;}
.inner-product-foot > ul li a .top strong{height:60px;}
.inner-product-foot > ul li a{flex:1}
.introduction-view-r > ul li p{width:60px}
.introduction-view-r > ul li ul{width: calc(100% - 75px)}
.product-wrap .info-cont .item1 .btn-type1{max-width:240px;}

@media all and (max-width: 1280px) {
.esg-dialgram3 ul li .box strong{font-size: 1.8rem;}
.esg-dialgram3 ul{gap:6.75vw}
.esg-dialgram3 ul li .box > p{font-size:1.5rem; padding:0 1rem}
.esg-dialgram2 > ul > li .type1{font-size:1.8rem}
.esg-dialgram2 > ul > li .type1 p:nth-child(1){width:28px; height:28px; line-height:28px; font-size:1.8rem}
}
@media (max-width: 991px) {
.esg-dialgram1 .item2 .box{padding:4rem 2rem}    
.esg-dialgram9 .item2 .top, .esg-dialgram9 .item3 .top, .esg-dialgram9 .item4 .top, .esg-dialgram9 .item6 .top{padding:3rem 0}
.esg-dialgram9:after{height:934px}
}


@media (max-width: 767px) {
.esg-dialgram1 .item2 .box ul li{font-size: 1.6rem;}
.esg-visual p.txt1{font-size: 2.4rem;}
.esg-visual p.txt2{font-size: 1.8rem;}
.esg-visual p.txt3{font-size: 1.5rem;}
.esg-visual{height: 410px;}
.esg-dialgram3 ul li .box{width:280px; height:280px}
.esg-dialgram5 .box > ul li.type1{margin-top:0}
.esg-dialgram5 .box > ul li.type1 li{font-size:1.6rem}
.esg-dialgram1 .item1 p{font-size:2.2rem}
.esg-dialgram9 .item2 .top, .esg-dialgram9 .item3 .top, .esg-dialgram9 .item4 .top, .esg-dialgram9 .item6 .top{padding:2rem 0}
.esg-dialgram9 .item1 p, .esg-dialgram9 .top p{font-size:1.6rem}
.esg-dialgram9:after{height:771px}
.inner-product-foot > ul li a .top strong{height: auto;}
.introduction-view-r > ul li p{width:55px}
.introduction-view-r > ul li ul{width: calc(100% - 60px);}
.product-wrap .info-cont .item1 .btn-type1{max-width:215px}
}