<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">h1{
    color:rgb(254, 255, 251);
}
body{
    background-color:#333;

}
.image-box {
  position: relative;
  width: 100%; /* 蠢�ｦ√↓蠢懊§縺ｦ繧ｵ繧､繧ｺ隱ｿ謨ｴ */
  max-width: 800px;
  text-align:center;
  margin:10px auto;
  margin-bottom: 10px;
}

.bg {
  display: block;
  width: 100%;
}

.overlay {
  position: absolute;
  top: 80%;    /* 荳翫°繧峨�霍晞屬 */
  left: 50%;  /* 蟾ｦ縺九ｉ縺ｮ霍晞屬 */
  transform:translate(-50%,-50%);
  width: 400px auto; /* 繧ｵ繧､繧ｺ隱ｿ謨ｴ */
  opacity:0;
  animation:fadeIn 2s ease-in-out forwards;
}
@keyframes fadeIn{
    to{
        opacity:1;
    }
}

.dates{
    display:flex;
    justify-content:center;
    gap:10px;
    color:#e1e1e1;
    
}
.dates p{
    margin:20px;
}
p{
    text-align: center;
    /*justify-content:center;*/
    font-size:large;
    color:#d7d2d2;
}
.gnavi{
    display:flex;
    justify-content:center;
    margin:10px auto;
    list-style:none;
    flex-wrap:wrap;
}
.gnavi a{
    display:block;
    padding:10px 30px;
    text-decoration:none;
    color: #b1b1b1;
}
.gnavi li{
    margin-bottom:20px;
}
.gnavi li a {
    position:relative;
}
.gnavi li.current a {
    background-color: #0481A2; /* 閭梧勹濶ｲ繧呈欠螳� */
    color: white; /* 譁�ｭ苓牡繧呈欠螳� */
  }
.gnavi li a::after {
    content: '';
    position:absolute;
    z-index:-1;
    bottom: 0;
    left: 0;
    width:0;
    height:100%;
    background:#0481A2;
    transition:all .5s;
    opacity:0;
}
.gnavi li.current a::after,
.gnavi li a:hover::after{
    width:100%;
    opacity:1;
}
.gnavi li.current a,
.gnavi li a:hover{
    color: #fff;
}

/* 蛻晄悄迥ｶ諷九〒縺ｯ蜈ｨ縺ｦ髱櫁｡ｨ遉ｺ */
.content {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

/* 繧ｯ繝ｪ繝�け縺輔ｌ縺溯ｦ∫ｴ�縺�縺題｡ｨ遉ｺ��ヵ繧ｧ繝ｼ繝峨う繝ｳ */
.content.active {
    display: block;
    opacity: 1;
}


.cards{
    background-color: rgb(172, 172, 172);
    backdrop-filter: brightness(60%);
    background-size:cover;
    background-position:center center;
    width:auto;
    padding:20px;
    text-align: center;
    margin: 50px auto;
    box-shadow:0 0 10px rgba(o,o,o,o.5);
    border-radius:10px;
    align-items: center
}
.card:nth-of-type(1) {
    color:rgb(255, 255, 255);
    margin-bottom: 30%;
    width:80%;
    padding:20px;
    height: 50px;
    text-align:center;
    margin:50px auto;
}
.card:nth-of-type(2){
    color:rgb(255, 255, 255);
    margin-bottom: 30%;
    width:80%;
    padding:20px;
    height: 50px;
    text-align:center;
    margin:50px auto;
}
.card:nth-of-type(3){
    color:rgb(255, 255, 255);
    margin-bottom: 30%;
    width:80%;
    padding:20px;
    height: 50px;
    text-align:center;
    margin:50px auto;
}
.card:nth-of-type(4){
    color:rgb(255, 255, 255);
    margin-bottom: 30%;
    width:80%;
    padding:20px;
    height: 50px;
    text-align:center;
    margin:50px auto;
}
.card:nth-of-type(5){
    color:rgb(255, 255, 255);
    margin-bottom: 30%;
    width:80%;
    padding:20px;
    height: 50px;
    text-align:center;
    margin:50px auto;
}
/*逅�ｳｻ逕ｨ隱櫁ｧ｣隱ｬ縺ｮ譫�*/
.content p{
    color:white;
    text-align:center;
    font-size: medium;

}
.pair {
    display: flex; /* 繝輔Ξ繝�け繧ｹ繝懊ャ繧ｯ繧ｹ繧呈怏蜉ｹ縺ｫ */
    align-items: center; /* 邵ｦ譁ｹ蜷代�荳ｭ螟ｮ謠�∴ */
    gap: 20px; /* "word"縺ｨ"explanation"縺ｮ髢馴囈繧呈欠螳� */
    margin-bottom: 10px; /* 繝壹い髢薙�菴咏區繧定ｿｽ蜉� */
    background-color: rgb(172, 172, 172);
    backdrop-filter: brightness(60%);
    background-size:cover;
    background-position:center;
    width:80%;
    padding:20px;
    text-align: center;
    margin: 50px;
    box-shadow:0 0 10px rgba(o,o,o,o.5);
    border-radius:10px;
}

.word {
    font-weight: bold; /* "word"繧貞ｼｷ隱ｿ */
    flex: 0 0 100px; /* 蝗ｺ螳壼ｹ�ｒ謖�ｮ夲ｼ�100px縺ｪ縺ｩ�� */
    text-align: left; /* 蜿ｳ謠�∴縺ｫ縺吶ｋ */
    border-right:2px solid #333;
    padding-right:10px;
}

.explanation {
    flex: 1; /* 谿九ｊ縺ｮ繧ｹ繝壹�繧ｹ繧貞頃譛� */
    text-align: left; /* 蟾ｦ謠�∴縺ｫ縺吶ｋ */
}
/*繧ｭ繝｣繧ｹ繝郁｡ｨ*/
table {
    width:100%;
    text-align:center;
    border-collapse:collapse;
    margin: 10px auto;
    border-radius:10px;
    background-color:#b1b1b1;
    border:none;
    box-shadow:0 0 10px rgba(o,o,o,o.5);
   
}
th,td{
    border:1px solid #333;
    padding:10px;
   
    
}
h1{
    text-align:center;
    font-size:20px;
}

/*繝輔ぉ繝ｼ繝峨い繝��縺ｮ譚｡莉ｶ*/
.fadeUpTrigger{
    opacity:0;
    transform:transLateY(100px);
}
.fadeUp{
    /*animation-name: fadeUpAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;*/
    opacity:1;
    transform:translateY(0);
    transition: opacity 0.9s ease, transform 0.9s ease;

}
/*@keyframes fadeUpAnime {
    from{
        opacity:0;
        transform: translateY(100px);
    }
    to{
        opacity:1;
        transform: translateY(0);
    }
}*/
.box1{
    margin:10px auto;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px #616931;
    border-bottom: solid 2px #616931;
}
.box1:before, .box1:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color:#616931;
}
.box1:before {left: 10px;}
.box1:after {right: 10px;}
.box1 p {
    margin: 0; 
    padding: 0;
    color:#ffffff;
}</pre></body></html>