.contents { max-width: 1000px; margin: 0 auto; }

.ico { margin-right: 1em; }
@media screen and (max-width: 750px) { .ico { margin-right: 1.5em; } }

.dis-mainttl { padding: 70px 0; }
@media screen and (max-width: 750px) { .dis-mainttl { padding: 50px 0; } }
.dis-mainttl .mainttl-txt { font-size: 3.4rem; font-weight: 700; text-align: center; }

.main { margin-bottom: 130px; padding-bottom: 150px; border-top: 1px solid #d80012; background-color: #edeff4; }
@media screen and (max-width: 750px) { .main { margin-bottom: 80px; padding-bottom: 80px; } }

.dis-map { padding: 35px 0 50px; text-align: center; }
.dis-map .contents { position: relative; max-width: 924px; }
.dis-map .dis-map-txt { position: absolute; top: 0; left: 0; display: block; width: 14.4%; height: 28px; padding-top: 4px; text-align: center; color: #fff; text-decoration: none; cursor: pointer; }
@media screen and (max-width: 750px) { .dis-map .dis-map-txt { height: 18px; } }
.dis-map .dis-map-txt p { font-size: 1.6; line-height: 1; }
@media screen and (max-width: 750px) { .dis-map .dis-map-txt p { font-size: 1.05rem; } }
.dis-map .dis-map-txt p::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #999db1; transform: skewX(-35deg); }
.dis-map .dis-map-txt p span { position: relative; }
.dis-map .dis-map-txt::before { content: ''; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; border: 1px solid #d80012; border-radius: 25px; transition: all .5s; transform: translate(-50%, -50%) scale(0, 0); transition-delay: .2s; }
@media screen and (max-width: 750px) { .dis-map .dis-map-txt::before { width: 1.8em; height: 1.8em; border-radius: 0.9em; } }
.dis-map .dis-map-txt::after { content: ''; position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; border: 1px solid #d80012; border-radius: 45px; transition: all .5s; transform: translate(-50%, -50%) scale(0, 0); opacity: 0.4; }
@media screen and (max-width: 750px) { .dis-map .dis-map-txt::after { width: 3.2em; height: 3.2em; border-radius: 1.6em; } }
.dis-map .dis-map-txt.active::before { transform: translate(-50%, -50%) scale(1, 1); }
.dis-map .dis-map-txt.active::after { transform: translate(-50%, -50%) scale(1, 1); }
.dis-map .dis-map-txt.active p::before { background-color: #d80012; }
.dis-map .dis-map-txt._map-america { margin-top: 21.4285714286%; margin-left: 10.2813852814%; }
.dis-map .dis-map-txt._map-europe { margin-top: 14.1774891775%; margin-left: 40.2597402597%; }
.dis-map .dis-map-txt._map-middleeast { margin-top: 22.5108225108%; margin-left: 45.4545454545%; }
.dis-map .dis-map-txt._map-asia { margin-top: 18.5064935065%; margin-left: 60.8225108225%; }

.dis-nav { margin-bottom: 40px; border-bottom: 1px solid #d80012; }
.dis-nav ul { display: flex; }
.dis-nav ul li { width: 23.8%; margin-right: 1.6%; background-color: #999db1; cursor: pointer; }
.dis-nav ul li span, .dis-nav ul li a { display: block; padding: 20px 5px; font-size: 1.6rem; color: #fff; text-align: center; text-decoration: none; line-height: 1; }
.dis-nav ul li:last-child { margin-right: 0; }
.dis-nav ul li:hover, .dis-nav ul li.active { background-color: #d80012; }

.dis-con .dis-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .dis-con .dis-list { display: block; } }
.dis-con .dis-list li { width: 48.7%; margin-right: 2.6%; margin-bottom: 25px; padding: 20px 20px 10px; background-color: #fff; }
@media screen and (max-width: 750px) { .dis-con .dis-list li { width: 100%; margin-right: 0; margin-bottom: 40px; } }
.dis-con .dis-list li:nth-child(2n) { margin-right: 0; }
.dis-con .dis-list li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .dis-con .dis-list li:last-child { margin-bottom: 0; } }
.dis-con .dis-list li .list-area { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.dis-con .dis-list li .list-area p { display: flex; align-items: center; margin-right: 1em; line-height: 1; }
.dis-con .dis-list li .list-area p:last-child { margin-right: 0; }
.dis-con .dis-list li .list-heading { margin-bottom: 20px; font-size: 1.9rem; font-weight: 700; }
.dis-con .dis-list li dl { display: flex; margin-bottom: 15px; }
.dis-con .dis-list li dl dt { width: 6em; font-size: 1.4rem; font-weight: 700; color: #d80012; }
.dis-con .dis-list li dl dd { flex: 1; font-size: 1.4rem; font-weight: 300; }
.dis-con .dis-list li .list-no { padding-bottom: 10px; }
.dis-con .dis-list li .list-no dl { margin-bottom: 5px; }
.dis-con .dis-list li .list-item { display: flex; justify-content: flex-end; }
.dis-con .dis-list li .list-item p { margin-right: 10px; }
.dis-con .dis-list li .list-item p:last-child { margin-right: 0; }

/*# sourceMappingURL=distributors.css.map */