@charset "UTF-8";
/*******************************************************************************
*
* ご利用ガイドCSS：　トップページ用CSS
*
*******************************************************************************/
/* ***************************************** 
パネルリンク
***************************************** */
.panelLinks .panelLinkItem {
position: relative;
display: flex;
align-items: center;
border-radius: 5px;
border: 4px solid #e6f0ed;
background-color: #f7faf9;
background-repeat: no-repeat;
text-decoration: none;
font-weight: bold;
color: #000;
opacity: 1;
transition: opacity 0.4s;
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem {
padding-left: 35%;
font-size: 1.25rem;
min-height: 120px;
}
}

.panelLinks .panelLinkItem::after {
content: '';
position: absolute;
display: block;
border-style: solid;
border-top-color: transparent;
border-right-color: #007a52;
border-bottom-color: #007a52;
border-left-color: transparent;
width: 0;
height: 0;
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem::after {
right: 8px;
bottom: 8px;
border-width: 8px;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem::after {
right: 10px;
bottom: 10px;
border-width: 8px;
}
}

.panelLinks .panelLinkItem:hover {
opacity: 0.7;
transition: opacity 0.4s;
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.request, .panelLinks .panelLinkItem.confirm {
font-size: 1.25rem;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem.request, .panelLinks .panelLinkItem.confirm {
padding: 5% 0 5% 18%;
font-size: 1.5rem;
}
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.request {
margin-bottom: 5.797101449275362%;
}
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.receive, .panelLinks .panelLinkItem.qr, .panelLinks .panelLinkItem.payment {
font-size: 1.25rem;
}
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.eticket {
font-size: 1.20rem;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem.receive, .panelLinks .panelLinkItem.qr, .panelLinks .panelLinkItem.eticket, .panelLinks .panelLinkItem.payment {
padding: 3% 0 3% 13%;
font-size: 1.125rem;
}
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.receive, .panelLinks .panelLinkItem.qr, .panelLinks .panelLinkItem.eticket, .panelLinks .panelLinkItem.payment {
margin-bottom: 5.797101449275362%;
}
}

.panelLinks .panelLinkItem::before {
content: '';
display: inline-block;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

.panelLinks .panelLinkItem.request::before {
background-image: url("/top/jrticket/guide/img/ico_top_sp_operate.png");
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.request::before {
top: calc(50% - 43px);
left: 7.246376811594203%;
width: 20.8695652173913%;
height: 86px;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem.request::before {
top: calc(50% - 54px);
left: 9.278350515463918%;
width: 18.55670103092784%;
height: 108px;
}
}

.panelLinks .panelLinkItem.confirm::before {
background-image: url("/top/jrticket/guide/img/ico_top_sp_check.png");
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.confirm::before {
top: calc(50% - 40px);
left: 8.115942028985507%;
width: 24.93%;
height: 84px;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem.confirm::before {
top: calc(50% - 50px);
left: 10.68376068376068%;
width: 22.22222222222222%;
height: 104px;
}
}

.panelLinks .panelLinkItem.receive::before {
background-image: url("/top/jrticket/guide/img/ico_top_receive.png");
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.receive::before {
top: calc(50% - 40px);
left: 6.08695652173913%;
width: 21.73913043478261%;
height: 81px;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem.receive::before {
top: calc(50% - 40px);
left: 7.375%;
width: 23.75%;
height: 81px;
}
}

.panelLinks .panelLinkItem.qr::before {
background-image: url("/top/jrticket/guide/img/ico_top_sp_corespond.png");
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.qr::before {
top: calc(50% - 36px);
left: 3.478260869565217%;
width: 27.97101449275362%;
height: 73px;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem.qr::before {
top: calc(50% - 37px);
left: 2.6875%;
width: 29.6875%;
height: 74px;
}
}

.panelLinks .panelLinkItem.eticket::before {
background-image: url("/top/jrticket/guide/img/ico_top_suica.png");
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.eticket::before {
top: calc(50% - 38px);
left: 7.246376811594203%;
width: 21.44927536231884%;
height: 75px;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem.eticket::before {
top: calc(50% - 41px);
left: 6.75%;
width: 23.125%;
height: 81px;
}
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.payment {
min-height: 100px;
}
}

.panelLinks .panelLinkItem.payment::before {
background-image: url("/top/jrticket/guide/img/ico_top_payment.png");
}

@media print, screen and (max-width: 749px) {
.panelLinks .panelLinkItem.payment::before {
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
left: 7.246376811594203%;
width: 23.44927536231884%;
height: 73px;
}
}

@media print, screen and (min-width: 750px) {
.panelLinks .panelLinkItem.payment::before {
top: calc(50% - 29px);
left: 6.75%;
width: 23.125%;
height: 73px;
}
}

.panelLinks .panelLinkItem p {
line-height: 1.5;
}

.panelLinks .panelLinkItem .small {
font-weight: normal;
font-size: 0.875rem;
}
/*# sourceMappingURL=top.css.map */