@charset "utf-8";
/* greeting */
#greeting .wrap .inner {display: flex; gap: 4vw; margin: 50px auto 0; flex-wrap: wrap;}
#greeting .wrap .inner .note {width: calc(50% - 4vw / 2); margin: 0 auto;}
#greeting .wrap .inner .note .sign {font-weight: bold; margin: 50px 0 0; text-align: right;}
#greeting .wrap .inner .img {width: calc(50% - 4vw / 2);}
@media screen and (max-width:768px) {
    #greeting .wrap .inner .note,
    #greeting .wrap .inner .img {width: 100%;}
}
/* philosophy */
#philosophy .wrap .inner {margin: 50px auto 0;}
#philosophy .wrap .inner p {font-size: 35px; font-weight: bold; text-align: center;}
#philosophy .wrap .inner p .sub {font-size: 20px;}
#philosophy .wrap .inner p .blue {color: #002060;}
#philosophy .wrap .inner p .red {color: #FF0000;}
#philosophy .wrap .inner ol li {font-size: 24px; margin: 0 auto 30px;}
#philosophy .wrap .inner ol li:last-child {margin: 0 auto;}
@media screen and (max-width:768px) {
    #philosophy .wrap .inner p {font-size: 25px;}
    #philosophy .wrap .inner p .sub {font-size: 16px;}
    #philosophy .wrap .inner ol li {font-size: 18px;}
}
/* company */
.wrap.company .block {display: flex; flex-wrap: wrap; gap: 4vw 2vw;}
.wrap.company .block h4 {font-size: 24px; line-height: 1;}
.wrap.company .block h4 span {font-size: 14px;}
.wrap.company .block .table {width: calc(50% - 1vw);}
.wrap.company .block .table table {width: 100%; border-spacing: 0 1em; margin: 2vw auto 0;}
.wrap.company .block .table table tr th {width: 30%; border-bottom: 1px solid #2C3E50; text-align: left; padding: 0 0 0 1em; line-height: 2.5;}
.wrap.company .block .table table tr td {width: 70%; border-bottom: 1px solid #F2F4F7; padding: 0 0 0 1em;}
@media screen and (max-width:1080px) {
    .wrap.company .block {flex-direction: column; gap: 50px;}
    .wrap.company .block .table {width: 100%;}
}
@media screen and (max-width:768px) {
    .wrap.company .block h4 {font-size: 20px;}
    .wrap.company .block h4 span {font-size: 10px;}
}
/* access */
#access .wrap .gmap iframe {width: 100%; height: 100%; aspect-ratio: 17 / 8;}
#access .wrap .link {margin: 50px auto 0; text-align: right;}
@media screen and (max-width:768px) {
    #access .wrap .gmap iframe {aspect-ratio: 4 / 3;}
}
/* chart */
#chart .wrap .img {max-width: 1024px; margin: 50px auto 0;}
/* partners */
#partners .wrap .partner {list-style: none; margin: 50px auto 0;}
#partners .wrap .partner li {font-size: 20px; font-weight: bold; line-height: 3;}
@media screen and (max-width:768px) {
    #partners .wrap .partner li {font-size: 16px;}

}
/* navigation */
.service-list {padding: 200px 0;}
.service-list li .desc .box.sdgs {position: relative;}
.service-list li .desc .box.sdgs::before {position: absolute; content: ""; background: no-repeat url(../img/sdgs/logo_yoko.webp) center/contain; width: 200px; height: 72px; top: 0; left: 50px;}
@media screen and (max-width:1280px) {
    .service-list li .desc .box.sdgs::before {top: 50px;}
}
@media screen and (max-width:768px) {
    .service-list {padding: 150px 0;}
    .service-list li .desc .box.sdgs::before {width: 150px; height: 54px; top: 0; left: 20px;}
}