body{
    font-size:15px;
    text-align: center;
    font: normal 400 15px 'Open Sans','Microsoft JhengHei';
}
.panel-class-01{
    background-color: #000;
}
.panel-class-01__01{
    width: calc(100% * (1270 / 1920));
    margin-bottom: calc(100vw * (80 / 1920));
    margin-top: calc(100vw * (156 / 1920));
}
.panel-class-01__02{
    width: calc(100% * (1756 / 1920));
}
.panel-class-01__03{
    width: calc(100% * (1120 / 1920));
    margin-bottom: calc(100vw * (190 / 1920));
    margin-top: calc(100vw * (104 / 1920));
}
.panel-class-02{
    background-image: linear-gradient(to top, #E3E3E3, #fff), linear-gradient(to bottom, #fff,#fff);
}

.panel-class-02__01{
    width: calc(100% * (1120 / 1920));
    margin-bottom: calc(100vw * (100 / 1920));
    margin-top: calc(100vw * (140 / 1920));
}

.panel-class-02__list{
    width: calc(100% * (1756 / 1920));
    margin: auto;
}
.panel-class-02__list img{
    width: 100%;
}

.panel-class-02__link{
    padding-top: calc(100vw * (60 / 1920));
    padding-bottom: calc(100vw * (84 / 1920));
}
.panel-class-02__msg{
    width: calc(100% * (1756 / 1920));
    margin: auto;
    text-align: center;
    margin-top: calc(100vw * (80 / 1920));
    font-size: 2.4vw;
    font-weight: bold;
    line-height: 4.5vw;
}


.panel-class-03{
    width: 100%;
    overflow: hidden;
    background-color: #000;
    padding-bottom: calc(100vw * (60 / 1920));
}
.panel-class-03__01{
    width: 100%;
    height: auto;
}
.panel-class-03__02{
    width: calc(100% * (990 / 1920));
    margin: auto;
    margin-top: calc(100vw * (60 / 1920));
    margin-bottom: calc(100vw * (60 / 1920));
}
.panel-class-04{
    width: 100%;
    overflow: hidden;
    background-color: #436290;
    color:#ffffff;
    padding-bottom: calc(100vw * (60 / 1920));
}
.panel-class-04__01,.panel-class-04__02{
    width: 100%;
    height: auto;
}
.panel-class-04__03{
    text-align: center;
    font-size: 2.4vw;
    font-weight: bold;
    width: calc(100% * (1756 / 1920));
    margin: auto;
    margin-top: calc(100vw * (50 / 1920));
    margin-bottom: calc(100vw * (60 / 1920));
    line-height: 4.5vw;
}
.panel-class-05{
    width: 100%;
    background-color: #000;
    padding-top: calc(100vw * (110 / 1920));
    color:#fff;
    overflow: hidden;
    padding-right: calc(100vw * (60 / 1920));
    padding-left: calc(100vw * (60 / 1920));
}
.panel-class-05__01{
    padding-top: calc(100vw * (180 / 1920));
    padding-left: calc(100vw * (60 / 1920));
}
.panel-class-05__01 p{
    padding-top: calc(100vw * (65 / 1920));
    font-size: 2.4vw;
    text-align: left;
    font-weight: bold;
    line-height: 4.5vw;
}
.panel-class-05__link a{white-space:nowrap;}

.panel-class-05__02{
    padding-right: calc(100vw * (60 / 1920));
}

.panel-class-06{
    padding-top: calc(100vw * (68 / 1920));
    padding-bottom: calc(100vw * (50 / 1920));
    padding-right: calc(100vw * (60 / 1920));
    padding-left: calc(100vw * (60 / 1920));
    border-top:1px solid #636365;
    background-color: #000;
    color:#fff;
    overflow: hidden;
    width: 100%;
}

.panel-class-06__02{
    width: calc(100% * (742 / 1920));
    margin: auto;
    padding-top: calc(100vw * (65 / 1920));
    padding-bottom: calc(100vw * (40 / 1920));
}
.panel-class-06__03{
    width: calc(100% * (1756 / 1920));
    font-size: 2.4vw;
    text-align: left;
    font-weight: bold;
    line-height: 4.5vw;
    text-align: center;
}
.panel-class-06__link{
    margin-top: calc(100vw * (68 / 1920));
}

.panel-class-07,.panel-class-08{
    width: 100%;
    overflow: hidden;
}
.panel-class-09{
    background-color: #000;
    border: 1px solid #eee;
    padding-top: calc(100vw * (200 / 1920));
    padding-bottom: calc(100vw * (180 / 1920));
    padding-right: calc(100vw * (70 / 1920));
    padding-left: calc(100vw * (70 / 1920));
}
.panel-class-09 iframe{
    width:100%;
    height: calc( (100vw - 140px) * ( 704 / 1252 ) );
}
.panel-class--img{
    width: 100%;
    height: auto;
}

.df{
    display:inline;
}
a,a:hover{text-decoration:none;}

.panel-class--link a{   
    font-size: 3vw;
    color: #BA2565;
    border: 2px solid #BA2565;
    padding: 1vw 6vw;
    font-weight: bold;
}
.panel-class--link a:hover{   
    color: #FFF;
    background-color:#BA2565;
}
.panel-class--link--blue a{   
    font-size: 3vw;
    color: #fff;
    border: 2px solid #fff;
    padding: 1vw 6vw;
    font-weight: bold;
}
.panel-class--link--blue a:hover{   
    color: #436290;
    background-color:#fff;
}
.panel-class-04__link a{
    padding: 1vw 5vw;  
}