@charset "UTF-8";
/* CSS Document */
:root {
  --color-economics: #00a7ea;
  --color-sociology: #e85298;
  --color-distribution: #009d85;
  --color-law: #ea5504;
  --color-sports: #f7ab00;
  --color-ryugasaki: #669b2c;
  --color-matsudo: #f19149;
  --color-red: #d00;
  --color-gray-ddd: #ddd;
  --color-gray-666: #666;
  --color-gray-555: #555;
  --link-blue: #346faf;
  --rku-red: #ac1c22;
  --rku-blue: #002b62;
  --tbl-line-blue: rgb(0 43 98 / 0.5);
  --tbl-line-gray: rgb(0 0 0 / 0.15);
  --thead-bg-blue: #9bcced;
  --thead-bg-gray: #f7f7f7;
  --tr-bg-blue: #eef8ff;
  --tr-bg-gray: #fff;
  --rku-blue-rgb: 0, 43, 98;
  --light-rku-blue: rgb(0 43 98 / 0.08);
}

.abroad-modal-box {
    max-width: 820px;width: 700px;
    height: auto; max-height: 90%;
    border-radius: 10px;
    padding: 2rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    .abroad-modal-box { width: 90%;
        max-width: 90%;
        padding: 5vw;
    }
}

.abroad-modal-box .btn-close {
    position: absolute;
    top: -30px;
    right: 0;
    width: auto;
    height: auto;
    padding: 0 24px 0 0;
    font-size: 0.875rem;
    color: #FFF;
}

.abroad-modal-box .btn-close::before, .abroad-modal-box .btn-close::after {
    right: 10px;
    left: auto;
    width: 1px;
    height: 1.3rem;
    background-color: #FFF;
}

.abroad-modal-box .btn-close::before {
    transform: translateY(-50%) rotate(45deg);
}

.abroad-modal-box .btn-close::after {
    transform: translateY(-50%) rotate(-45deg);
}

.abroad-modal-box .abroad-modal-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
	background-color: var(--light-rku-blue); padding: 15px;min-width: 550px;width: 100%;
}
.abroad-modal-box .abroad-modal-title .icon {width: 40px;}
.abroad-modal-title h3 {display: flex; justify-content: space-between; align-items:center; width: calc(100% - 70px);}
.abroad-modal-title h3>span { background-color: #fff; border: 1px solid; margin-left: auto; padding: .25em;}
.abroad-modal-title h3>span.af {border-color: var(--rku-blue); color: var(--rku-blue);}
.abroad-modal-title h3>span.pt {border-color: var(--rku-red); color: var(--rku-red);}

.abroad-modal-box h4 > span {display: block; margin: .25em 0;}

@media (max-width: 767px) {
.abroad-modal-box .abroad-modal-title {min-width: 100%;}
    .abroad-modal-box .abroad-modal-title .icon {
        width: 7vw;
    }
}

.abroad-modal-box .abroad-modal-title .title-text {
    font-size: 1.625rem;
}

@media (max-width: 767px) {
    .abroad-modal-box .abroad-modal-title .title-text {
        font-size: 5.3333333333vw;
    }
}

.info-box { position: absolute; display: flex; flex-direction: column; background-color: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);;
    padding: 10px 15px 10px 10px; width: auto;}
.info-box.af > h3 { border-bottom: 1px var(--rku-blue) solid; padding-bottom: .35em; margin-bottom: .35em; padding-right: .5em;}
.info-box.pt > h3 { border-bottom: 1px var(--rku-red) solid; padding-bottom: .35em; margin-bottom: .35em; padding-right: .5em;}
.info-box > h3::before {
    position: absolute;
    top: 1em;
    content: "";
    vertical-align: middle;
    right: .5em;
    width: .65em;
    height: .65em;
    border-top: 1px solid #346FAF;
    border-right: 1px solid #346FAF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.info-box.pt > h3::before { border-top-color: var(--rku-red);border-right-color: var(--rku-red);}
.info-box.pt > p {line-height: 1.4;}


.info-box#england { left: 1%; top: 1%;}
.info-box#france {left: 14%; top: 20%;}
.info-box#portugal {left: 1%; top: 40%;}
.info-box#china {left: 33%; top: 40%;}
.info-box#korea { left: 36%; top: 3%;}
.info-box#taiwan {left: 55%; top: 38%;}
.info-box#canada { left: 62.5%; top: 1%;}
.info-box#usa {right: 4%; top: 26%;}


/* 20250324 …f¶¨Ð£×·¼Ó */
.info-box#vietnam {left: 55%; top: 55%;}