@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300..700&display=swap');



#str_container{
width: 100%!important;
}
#str_container #localMenu{
width: 960px!important;
margin: 0 auto 5px auto!important;
}
#str_container #topicPath{
width: 960px!important;
margin: 5px auto 10px auto!important;
}
#str_container #str_menuAndContents {
width: 100%!important;
}
.tabNavi,
.top_pager,
.search_changeover,
.result-list,
.foot_pager,
.moveTop,
.headingBlue,
#js_SearchSecond{
width: 960px;
margin-left: auto!important;
margin-right: auto!important;
}
#js_SearchFirst{
width: 934px;
margin-left: auto!important;
margin-right: auto!important;
}



/* ==============================================
setting
============================================== */

.gdc *{
font-family: 'Roboto','Noto Sans JP',Meiryo,sans-serif;
font-weight:400;
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
color:#222;
margin:0;
padding:0;
box-sizing: border-box;
}
.gdc img{
width: 100%;
height: auto;
border:none;
vertical-align:top;
}
.gdc ul{
list-style:none;
}
.gdc ul:after{
content:".";
clear:both;
height:0;
display:block;
visibility:hidden;
}
.gdc a{
text-decoration:none;
transition: 0.2s ease-out;
}
.gdc a:hover{
opacity: 0.6;
}
.gdc .center{
text-align: center;
}



.gdc .sp{
display:none!important;
}



/* ==============================================
.gdc
============================================== */

.gdc{
min-width: 960px;
}
.gdc h1,
.gdc h2,
.gdc h3{
border: none!important;
margin: 0;
padding: 0;
}



.gdc .entry{
text-align: center;
margin: 16px 0 0 0;
}
.gdc .entry a{
font-size: 25px;
line-height: 29px;
letter-spacing: 0.8px;
font-weight: 700;
color: #fff;
text-align: center;
display: inline-block;
height: 80px;
border-radius: 40px;
padding: 24px 96px 0 96px;
background: linear-gradient(90deg, #f00000 0%, #a00000 100%);
filter: drop-shadow(0 4px 8px rgba(0,0,0,0.16));
}
.gdc .entry a img{
width: 16px;
display: inline-block;
vertical-align: middle;
margin: -4px 0 0 8px;
}



/* ==============================================
.gdc #hero
============================================== */

.gdc #hero{
padding: 16px 0 32px 0;
background: url("../images/gdc_hr_bg_pc.png") top center no-repeat;
}
.gdc #hero .inner{
position: relative;
width: 960px;
margin: auto;
z-index: 1;
}



.gdc #hero .inner h1{
position: absolute;
top: -16px;
left: 0;
filter: drop-shadow(0 0 4px rgba(0,0,0,0.16));
z-index: 10000;
}
.gdc #hero .inner h1 img{
}
.gdc #hero .inner p{
position: absolute;
bottom: 0;
left: 85px;
filter: drop-shadow(0 0 4px rgba(0,0,0,1.0));
z-index: 10000;
}
.gdc #hero .inner p img{
}



.gdc #hero .inner .image-01{
overflow: hidden;
border-radius: 2px 0 0 2px;
width: 420px;
height: 360px;
}
.gdc #hero .inner .image-01 figure{
float: left;
}
.gdc #hero .inner .image-01 figure img{
width: 100%;
height: 360px;
object-fit: cover;
}
.gdc #hero .inner .image-01 .slick-prev,
.gdc #hero .inner .image-01 .slick-next,
.gdc #hero .inner .image-01 .slick-dots{
display: none!important;
}



.gdc #hero .inner .image-02{
position: absolute;
top: 0;
right: 0;
width: 540px;
height: 360px;
border-radius: 0 2px 2px 0;
overflow: hidden;
}
.gdc #hero .inner .image-02 figure{
height: 360px;
background: url("../images/gdc_hr_img.jpg");
background-size: 1080px 360px;
animation: image-02 30s linear 0s infinite normal forwards;
}
@keyframes image-02 {
from { background-position: 1080px 0; }
to { background-position: 0 0; }
}
.gdc #hero .inner .image-02::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 360px;
height: 360px;
background: linear-gradient(-135deg, rgba(34,34,34,0.0) 40%, rgba(34,34,34,0.8) 100%);
}




/* ==============================================
.gdc #step
============================================== */

.gdc #step{
}
.gdc #step .inner{
width: 960px;
margin: auto;
text-align: center;
}
.gdc #step .inner h2{
}
.gdc #step .inner h2 img{
}
.gdc #step .inner .button{
display: inline-block;
margin: 32px 6px 0 6px;
}



.gdc #step .inner .button a{
font-size: 18px;
line-height: 26px;
letter-spacing: 0.8px;
font-weight: 500;
color: #0071be;
text-align: center;
display: inline-block;
width: 240px;
height: 60px;
border-radius: 30px;
border: solid 1px #0071be;
padding: 15px 0 0 0;
}
.gdc #step .inner .button a img:first-child{
width: 20px;
display: inline-block;
vertical-align: middle;
margin: -4px 4px 0 0;
}
.gdc #step .inner .button a img:last-child{
width: 10px;
display: inline-block;
vertical-align: middle;
margin: -4px 0 0 4px;
}



/* ==============================================
.gdc #prize
============================================== */

.gdc #prize{
margin: 64px 0 0 0;
}
.gdc #prize h2{
width: 960px;
margin: auto;
}
.gdc #prize h2 img{
}



.gdc #prize .prize{
position: relative;
}
.gdc #prize .prize::before{
content: "";
display:block;
width: 100%;
height: calc(100% - 309px);
position: absolute;
bottom: 0;
left: 0;
}
.gdc #prize .prize .inner{
width: 960px;
margin: auto;
}
.gdc #prize .prize .inner h3{
font-size: 51px;
line-height: 59px;
letter-spacing: 0.8px;
font-weight: 900;
padding: 64px 0 0 0;
}
.gdc #prize .prize .inner h3 img{
width: 26px;
display: block;
}
.gdc #prize .prize .inner h3 span{
font-family: 'Roboto Condensed',Meiryo,sans-serif;
font-size: 13px;
line-height: 17px;
letter-spacing: 0.4px;
font-weight: 700;
display: block; 
margin: 8px 0 6px 0;
}
.gdc #prize .prize .inner h3 small{
font-size: 31px;
line-height: 39px;
letter-spacing: 0.8px;
font-weight: 900;
display: block;
margin: 0 0 0 -16px;
}
.gdc #prize .prize .inner ul{
display:flex;
flex-wrap:wrap;
}
.gdc #prize .prize .inner ul li{
font-size: 15px;
line-height: 19px;
letter-spacing: 0.4px;
font-weight: 400;
background: #fff;
position: relative;
border-radius: 2px;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.16));
margin: 48px 0 64px 0;
padding: 0 32px 32px 32px;
}
.gdc #prize .prize .inner ul li img{
width: calc(100% + 64px);
margin: 0 -32px 32px -32px;
border-radius: 2px 2px 0 0;
}
.gdc #prize .prize .inner ul li strong{
font-size: 19px;
line-height: 27px;
letter-spacing: 0.8px;
font-weight: 700;
display: block;
margin: 0 0 16px 0;
}
.gdc #prize .prize .inner ul li span{
font-size: 13px;
line-height: 17px;
letter-spacing: 0.4px;
font-weight: 400;
color: #fff;
display: block;
position: absolute;
top: 8px;
right: 8px;
background: #0071be;
border-radius: 2px;
padding: 2px 4px 2px 4px;
}
.gdc #prize .prize .inner ul li small{
font-size: 11px;
line-height: 15px;
letter-spacing: 0.4px;
font-weight: 400;
display: block;
margin: 8px 0 0 0;
}
.gdc #prize .prize .inner ul li a{
font-size: 17px;
line-height: 21px;
letter-spacing: 0.8px;
font-weight: 400;
color: #fff;
text-align: center;
display: block;
background: #222;
width: 200px;
height: 44px;
border-radius: 22px;
margin: 24px auto 0 auto;
padding: 11px 0 0 0;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.16));
}


.gdc #ticket .inner .tab-inner .push .push-inner .button{
margin: 20px 0 0 0;
text-align: center;
}

.gdc #prize .prize .inner .scroll{
padding: 24px 0 64px 0;
}
.gdc #prize .prize .inner .scroll ul{
}
.gdc #prize .prize .inner .scroll ul li{
float: left;
margin: 16px 16px 0 0;
padding: 0 16px 16px 16px;
}
.gdc #prize .prize .inner .scroll ul li img{
width: calc(100% + 32px);
margin: 0 -16px 16px -16px;
}
.gdc #prize .prize .inner .scroll + p{
display: none;
}



.gdc #prize #prize-01{
background: url("../images/gdc_prz1_bg_pc.jpg") top 0 center no-repeat;
}
.gdc #prize #prize-01::before{
height: calc(100% - 399px);
background: #00c8f0;
}
.gdc #prize #prize-01 .inner .scroll ul li{
width: calc(33.33333% - 11px);
}
.gdc #prize #prize-01 .inner .scroll ul li:nth-child(3n){
margin: 16px 0 0 0;
}
.gdc #prize #prize-01 .inner .scroll ul li:nth-child(4){
margin: 16px 16px 0 16.66666%;
}



.gdc #prize #prize-02{
background: url("../images/gdc_prz2_bg_pc.jpg") top 0 center no-repeat;
}
.gdc #prize #prize-02::before{
background: #50b400;
}



.gdc #prize #prize-03{
background: url("../images/gdc_prz3_bg_pc.jpg") top 0 center no-repeat;
}
.gdc #prize #prize-03::before{
background: #fa5a6e;
}
.gdc #prize #prize-03 .inner .scroll ul li{
width: calc(20% - 13px);
}
.gdc #prize #prize-03 .inner .scroll ul li:nth-child(5n){
margin: 16px 0 0 0;
}
.gdc #prize #prize-03 .inner .scroll ul li:nth-child(6){
margin: 16px 16px 0 10%;
}



.gdc #prize .entry{
margin: 64px 0 0 0;
}



/* ==============================================
.gdc #modal
============================================== */

.gdc #modal{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(80,180,0,0.9);
padding: 32px 0 34px 0;
overflow: hidden;
overflow-y: scroll;
z-index: -1;
opacity: 0;
transition: 0.2s ease-out;
}
.gdc #modal.open{
z-index: 10000;
opacity: 1;
}
.gdc #modal .inner{
position: relative;
background: #fff;
border-radius: 2px;
filter: drop-shadow(0 4px 8px rgba(0,0,0,0.16));
max-width: 800px;
margin: auto;
padding: 0 32px 48px 32px;
}
.gdc #modal .inner figure{
margin: 0 -32px;
}
.gdc #modal .inner figure img{
border-radius: 2px 2px 0 0;
}
.gdc #modal .inner h3{
font-size: 21px;
line-height: 29px;
letter-spacing: 0.8px;
font-weight: 700;
text-align: center;
margin: 28px 0 0 0;
}
.gdc #modal .inner table{
width: 100%;
border-top: 1px solid #ebebeb;
margin: 32px 0 0 0;
}
.gdc #modal .inner table th{
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
font-weight: 700;
text-align: center;
background: #f0f0f0;
border-bottom: 1px solid #ebebeb;
width: 120px;
padding: 16px 0 0 0;
}
.gdc #modal .inner table td{
border-bottom: 1px solid #ebebeb;
padding: 0 0 16px 16px;
}
.gdc #modal .inner table td p{
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
font-weight: 400;
margin: 16px 0 0 0;
}
.gdc #modal .inner table td ul{
margin: 16px 0 0 0;
}
.gdc #modal .inner table td ul li{
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
font-weight: 400;
text-indent: -15px;
margin: 4px 0 0 15px;
}
.gdc #modal .inner h4{
margin: 48px 0 0 0;
text-align: center;
}
.gdc #modal .inner h4 img{
width: 400px;
}
.gdc #modal .inner h4 + p{
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
font-weight: 500;
color: #0071be;
margin: 32px 0 0 0;
}
.gdc #modal .inner .button{
text-align: center;
margin: 24px 0 0 0;
}
.gdc #modal .inner .button a{
font-size: 17px;
line-height: 21px;
letter-spacing: 0.8px;
font-weight: 400;
color: #fff;
text-align: center;
display: inline-block;
background: #0071be;
height: 44px;
border-radius: 22px;
padding: 11px 32px 0 32px;
filter: drop-shadow(0 4px 8px rgba(0,0,0,0.16));
}
.gdc #modal .inner h5{
font-size: 21px;
line-height: 25px;
letter-spacing: 0.8px;
font-weight: 900;
color: #0071be;
margin: 48px 0 0 0;
}
.gdc #modal .inner h5 + p{
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
font-weight: 400;
margin: 16px 0 0 0;
}
.gdc #modal .icon{
position: fixed;
top: 12px;
right: 0;
left: 786px;
width: 44px;
margin: auto;
}
.gdc #modal .icon a{
display: block;
width: 44px;
height: 44px;
border-radius: 22px;
background: #fff;
filter: drop-shadow(0 4px 8px rgba(0,0,0,0.16));
}
.gdc #modal .icon a::before{
content: "";
width: 16px;
height: 1px;
background: #0071be;
position: absolute;
top: 0;
bottom: 2px;
left: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
}
.gdc #modal .icon a::after{
content: "";
width: 16px;
height: 1px;
background: #0071be;
position: absolute;
top: 0;
bottom: 2px;
left: 0;
right: 0;
margin: auto;
transform: rotate(-45deg);
}
.gdc #modal .icon + .button{
text-align: center;
margin: 32px 0 0 0;
}
.gdc #modal .icon + .button a{
font-size: 17px;
line-height: 21px;
letter-spacing: 0.8px;
font-weight: 400;
color: #0071be;
text-align: center;
display: inline-block;
background: #fff;
height: 44px;
border-radius: 22px;
padding: 11px 64px 0 64px;
filter: drop-shadow(0 4px 8px rgba(0,0,0,0.16));
}



/* ==============================================
.gdc #course
============================================== */

.gdc #course{
}
.gdc #course h2{
font-size: 31px;
line-height: 35px;
letter-spacing: 1.6px;
font-weight: 700;
text-align: center;
padding: 64px 0 0 0;
}
.gdc #course h2 img{
width: 64px;
display: block;
margin: 0 auto 24px auto;
}
.gdc #course h2 + p{
font-size: 17px;
line-height: 25px;
letter-spacing: 0.4px;
text-align: center;
margin: 24px 0 0 0;
}



/* ==============================================
.gdc #coupon
============================================== */

.gdc #coupon{
}
.gdc #coupon .inner{
width: 686px;
margin: auto;
}
.gdc #coupon .inner h3{
font-size: 21px;
line-height: 25px;
letter-spacing: 1.6px;
font-weight: 700;
color: #fff;
text-align: center;
position: relative;
background: #222222;
border-radius: 2px;
padding: 8px 0 8px 0;
margin: 44px 0 0 0;
}
.gdc #coupon .inner h3::before{
content: "";
background: #222;
width: 17px;
height: 17px;
position: absolute;
bottom: -8px;
left: 0;
right: 0;
margin: auto;
transform: rotate(-45deg);
}
.gdc #coupon .inner ul{
}
.gdc #coupon .inner ul li{
float: left;
width: calc(50% - 11px);
margin: 32px 22px 0 0;
}
.gdc #coupon .inner ul li:nth-child(2n){
margin: 32px 0 0 0;
}
.gdc #coupon .inner ul li a{
}
.gdc #coupon .inner ul li a img{
}
.gdc #coupon .inner .note-text {
line-height: 17px;
text-align: center;
margin: 16px 0 0 0;
}
.gdc #coupon .coupon-item {
position: relative;
}
.gdc #coupon .coupon-item .btn-txt{
position: absolute;
bottom: 64px;
right: 5px;
font-size: 22px;
font-weight: bold;
width: 185px;
text-align: center;
}
.gdc #coupon .coupon-item .js-clipboard{
position: absolute;
bottom: 14px;
right: 26px;
}
.gdc #coupon .coupon-item .js-clipboard textarea{
display: none;
}
.gdc #coupon .coupon-item .js-clipboard button{
width: 280px;
padding:0;
margin:0;
background:none;
border:0;
font-size:0;
line-height:0;
overflow:visible;
cursor:pointer;
border-radius: 50px;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
}
.gdc #coupon .coupon-item .js-clipboard button:hover{
opacity: 0.7;
}
.gdc #coupon .coupon-item .coupon-tooltip {
position: relative;
}
.gdc #coupon .coupon-item .coupon-tooltip .tooltiptext {
visibility: hidden;
background-color: #555;
color: #fff;
font-size: 14px;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 120%;
left: 0;
opacity: 0;
transition: opacity 500ms ease 500ms;
}
.gdc #coupon .coupon-item .coupon-tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.gdc #coupon .coupon-item .coupon-tooltip .tooltiptext.show {
visibility: visible;
opacity: 1;
}
.gdc #coupon .coupon-item.fin{
background-color: #000;
}
.gdc #coupon .coupon-item.fin .js-clipboard{
background-color: #000;
border-radius: 20px;
}
.gdc #coupon .coupon-item.fin .coupon-detail,
.gdc #coupon .coupon-item.fin .coupon-tooltip{
opacity: 0.7;
}
.gdc #coupon .coupon-item.fin .coupon-tooltip .js-copy-coupon-btn-01,
.gdc #coupon .coupon-item.fin .coupon-tooltip .js-copy-coupon-btn-02{
pointer-events: none;
}
.gdc #coupon .coupon-item.fin .coupon-fin-txt{
width: 230px;
text-align: center;
position: absolute;
border-radius: 15px;
border: 2px solid #f00;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 15px;
line-height: 1.5;
}
.gdc #coupon .coupon-item.fin .coupon-fin-txt p{
color: #f00;
font-weight: bold;
font-size: 18px;
}
.gdc #coupon .note{
font-size: 13px;
line-height: 17px;
letter-spacing: 0.4px;
font-weight: 400;
text-align: center;
margin: 16px 0 0 0;
}



/* ==============================================
.gdc #ticket
============================================== */

.gdc #ticket{
}
.gdc #ticket .inner{
}
.gdc #ticket .inner h3{
font-size: 21px;
line-height: 25px;
letter-spacing: 0.8px;
font-weight: 700;
text-align: center;
padding: 64px 0 0 0;
}



.gdc #ticket .inner .tab{
position: relative;
margin: 32px 0 0 0;
}
.gdc #ticket .inner .tab::before{
content: "";
position: absolute;
bottom: 0;
left: -32px;
width: calc(100% + 64px);
height: 120px;
background: linear-gradient(0deg, #ebebeb 0%, #fff 100%);
z-index: -1;
}
.gdc #ticket .inner .tab::after{
content: "";
position: absolute;
bottom: -1px;
left: -32px;
width: calc(100% + 64px);
height: 1px;
background: #0071be;
z-index: -1;
}
.gdc #ticket .inner .tab ul{
max-width: 960px;
margin: auto;
}
.gdc #ticket .inner .tab ul li{
float: left;
width: calc(16.66666% - 1px);
margin: 0 1px 0 0;
}
.gdc #ticket .inner .tab ul li:last-child{
margin: 0;
}
.gdc #ticket .inner .tab ul li a{
font-size: 17px;
line-height: 21px;
font-weight: 500;
text-align: center;
color: #0071be;
height: 60px;
background: #fff;
border-radius: 8px 8px 0 0;
display: flex;
justify-content: center;
align-items: center;
}
.gdc #ticket .inner .tab ul li a span{
font-size: 17px;
line-height: 21px;
font-weight: 500;
color: #0071be;
}
.gdc #ticket .inner .tab ul li.select{
}
.gdc #ticket .inner .tab ul li.select a{
font-weight: 700;
color: #fff;
background: #0071be;
}
.gdc #ticket .inner .tab ul li.select a span{
font-size: 17px;
line-height: 21px;
font-weight: 500;
color: #fff;
}
.gdc #ticket .inner .tab ul li.cs{
pointer-events: none;
}
.gdc #ticket .inner .tab ul li.cs a{
color: #999;
background: #ddd;
}
.gdc #ticket .inner .tab ul li.cs a span{
color: #999;
}



.gdc #ticket .inner .tab-inner{
background: #f5f5f5;
}
.gdc #ticket .inner .tab-inner.off{
display: none;
}



.gdc #ticket .inner .tab-inner .push{
background: #0071be;
padding: 0 0 64px 0;
}
.gdc #ticket .inner .tab-inner .push h4{
font-size: 31px;
line-height: 39px;
letter-spacing: 1.6px;
font-weight: 900;
color: #fff;
text-align: center;
padding: 32px 0 0 0;
}
.gdc #ticket .inner .tab-inner .push h4 img{
width: 24px;
display: inline-block;
vertical-align: middle;
margin: -8px 8px 0 0;
}
.gdc #ticket .inner .tab-inner .push .push-inner{
width: 960px;
background: url("../images/gdc_crs_frm-bg_pc.png");
background-size: 100% auto;
position: relative;
margin: 28px auto 0 auto;
padding: 8px 40px 40px 512px;
}
.gdc #ticket .inner .tab-inner .push .push-inner::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: url("../images/gdc_crs_frm-top_pc.png");
background-size: 100% auto;
}
.gdc #ticket .inner .tab-inner .push .push-inner::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 8px;
background: url("../images/gdc_crs_frm-bottom_pc.png");
background-size: 100% auto;
}



.gdc #ticket .inner .tab-inner .push .push-inner .image{
position: absolute;
top: 8px;
left: 8px;
width: 472px;
height: calc(100% - 16px);
overflow: hidden;
}
.gdc #ticket .inner .tab-inner .push .push-inner .image .slick-list{
height: 100%;
}
.gdc #ticket .inner .tab-inner .push .push-inner .image .slick-track{
height: 100%;
}
.gdc #ticket .inner .tab-inner .push .push-inner .image figure{
float: left;
height: 100%;
}
.gdc #ticket .inner .tab-inner .push .push-inner .image figure img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.gdc #ticket .inner .tab-inner .push .push-inner .image .slick-prev,
.gdc #ticket .inner .tab-inner .push .push-inner .image .slick-next{
display: none!important;
}



.gdc #ticket .inner .tab-inner .push .push-inner .icon{
position: absolute;
top: -1px;
left: 24px;
margin: 0;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.16));
}
.gdc #ticket .inner .tab-inner .push .push-inner .icon img{
width: 48px;
}
.gdc #ticket .inner .tab-inner .push .push-inner h5{
font-size: 25px;
line-height: 33px;
letter-spacing: 0.8px;
font-weight: 700;
position: relative;
padding: 32px 0 0 0;
}
.gdc #ticket .inner .tab-inner .push .push-inner h5 span{
font-size: 13px;
line-height: 17px;
letter-spacing: 0.4px;
font-weight: 400;
display: block;
position: absolute;
top: 16px;
right: -16px;
background: #ebebeb;
border-radius: 2px;
padding: 2px 4px 2px 4px;
}
.gdc #ticket .inner .tab-inner .push .push-inner h5 + p{
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
font-weight: 400;
margin: 16px 0 0 0;
}
.gdc #ticket .inner .tab-inner .push .push-inner .comment{
}
.gdc #ticket .inner .tab-inner .push .push-inner .comment h6{
font-size: 19px;
line-height: 23px;
letter-spacing: 0.8px;
font-weight: 700;
color: #0071be;
position: relative;
margin: 16px 0 0 0;
padding: 8px 0 0 96px;
}
.gdc #ticket .inner .tab-inner .push .push-inner .comment h6 span{
font-size: 13px;
line-height: 19px;
letter-spacing: 0.4px;
font-weight: 700;
color: #0071be;
display: block;
margin: 0 0 4px 0;
}
.gdc #ticket .inner .tab-inner .push .push-inner .comment h6 img{
width: 80px;
height: 80px;
border-radius: 40px;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.gdc #ticket .inner .tab-inner .push .push-inner .comment p{
font-size: 15px;
line-height: 21px;
letter-spacing: 0.4px;
font-weight: 500;
color: #fff;
background: #0071be;
border-radius: 8px;
position: relative;
margin: 16px 0 0 0;
padding: 10px 12px 10px 12px;
z-index: 1;
}
.gdc #ticket .inner .tab-inner .push .push-inner .comment p::before{
content: "";
background: url("../images/gdc_crs_icn-fkds.png");
background-size: 8px 8px;
width: 8px;
height: 8px;
position: absolute;
top: -8px;
left: 32px;
}
.gdc #ticket .inner .tab-inner .push .push-inner ul{
margin: 20px 0 0 0;
}
.gdc #ticket .inner .tab-inner .push .push-inner ul li{
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
font-weight: 400;
color: #0071be;
display: inline-block;
margin: 0 4px 0 0;
}
.gdc #ticket .inner .tab-inner .push .push-inner .button{
margin: 20px 0 0 0;
text-align: center;
}
.gdc #ticket .inner .tab-inner .push .push-inner .button a{
font-size: 17px;
line-height: 21px;
letter-spacing: 0.8px;
font-weight: 400;
color: #fff;
text-align: center;
display: inline-block;
background: #222;
height: 44px;
border-radius: 22px;
padding: 11px 32px 0 32px;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.16));
}



.gdc #ticket .inner .tab-inner .list{
width: 960px;
margin: auto;
padding: 48px 0 0 0;
display:flex;
flex-wrap:wrap;
}
.gdc #ticket .inner .tab-inner .list:after {
content:".";
clear:both;
height:0;
display:block;
visibility:hidden;
}
.gdc #ticket .inner .tab-inner .list div{
float: left;
width: calc(33.33333% - 11px);
margin: 16px 16px 0 0;
padding: 0 16px 88px 16px;
background: #fff;
border-radius: 2px;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.16));
}
.gdc #ticket .inner .tab-inner .list div:nth-child(3n){
margin: 16px 0 0 0;
}
.gdc #ticket .inner .tab-inner .list div figure{
position: relative;
height: 320px;
margin: 0 -16px;
}
.gdc #ticket .inner .tab-inner .list div figure img:first-child{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 2px 2px 0 0;
}
.gdc #ticket .inner .tab-inner .list div figure img + img{
width: 48px;
position: absolute;
top: -1px;
right: 16px;
margin: 0;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.16));
}
.gdc #ticket .inner .tab-inner .list div h4{
font-size: 17px;
line-height: 21px;
letter-spacing: 0.8px;
font-weight: 500;
position: relative;
padding: 24px 56px 0 0;
}
.gdc #ticket .inner .tab-inner .list div h4 span{
font-size: 13px;
line-height: 17px;
letter-spacing: 0.4px;
font-weight: 400;
display: block;
position: absolute;
top: 8px;
right: -8px;
background: #ebebeb;
border-radius: 2px;
padding: 2px 4px 2px 4px;
}
.gdc #ticket .inner .tab-inner .list div p{
font-size: 13px;
line-height: 17px;
letter-spacing: 0.4px;
font-weight: 400;
margin: 12px 0 0 0;
}
.gdc #ticket .inner .tab-inner .list div ul{
margin: 12px 0 0 0;
display: none;
}
.gdc #ticket .inner .tab-inner .list div ul li{
font-size: 13px;
line-height: 17px;
letter-spacing: 0.4px;
font-weight: 400;
color: #0071be;
display: inline-block;
margin: 0 4px 0 0;
}
.gdc #ticket .inner .tab-inner .list div .button{
position: absolute;
bottom: 28px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.gdc #ticket .inner .tab-inner .list div .button a{
font-size: 17px;
line-height: 21px;
letter-spacing: 0.8px;
font-weight: 400;
color: #fff;
text-align: center;
display: inline-block;
background: #0071be;
height: 44px;
border-radius: 22px;
padding: 11px 32px 0 32px;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.16));
}



.gdc #ticket .inner .link{
background: #f5f5f5;
text-align: center;
padding: 32px 0 0 0;
}
.gdc #ticket .inner .link a{
font-size: 15px;
line-height: 23px;
letter-spacing: 0.4px;
font-weight: 400;
color: #0071be;
}
.gdc #ticket .inner .link a img{
width: 10px;
display: inline-block;
vertical-align: middle;
margin: -4px 0 0 4px;
}




/* ==============================================
.gdc #list
============================================== */

.gdc #list{
}
.gdc #list .inner{
}



.gdc #list .inner .tab{
position: relative;
margin: 64px 0 0 0;
}
.gdc #list .inner .tab::before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 124px;
background: linear-gradient(0deg, #ebebeb 0%, #f5f5f5 100%);
z-index: -1;
}
.gdc #list .inner .tab::after{
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background: #0071be;
z-index: -1;
}
.gdc #list .inner .tab ul{
max-width: 600px;
margin: auto;
}
.gdc #list .inner .tab ul li{
float: left;
width: calc(33.33333% - 1px);
margin: 0 1px 0 0;
}
.gdc #list .inner .tab ul li a{
font-size: 17px;
line-height: 21px;
font-weight: 500;
text-align: center;
color: #0071be;
height: 60px;
background: #fff;
border-radius: 8px 8px 0 0;
display: flex;
justify-content: center;
align-items: center;
}
.gdc #list .inner .tab ul li a strong{
font-size: 17px;
line-height: 21px;
font-weight: 700;
color: #0071be;
}
.gdc #list .inner .tab ul li.select{
}
.gdc #list .inner .tab ul li.select a{
font-size: 17px;
line-height: 21px;
font-weight: 500;
text-align: center;
color: #fff;
background: #0071be;
}
.gdc #list .inner .tab ul li.select a strong{
font-size: 17px;
line-height: 21px;
font-weight: 700;
color: #fff;
}



/* ==============================================
.gdc #outline
============================================== */

.gdc #outline{
padding: 0 32px 64px 32px;
}
.gdc #outline .inner{
max-width: 960px;
margin: auto;
}
.gdc #outline .inner h2{
font-size: 25px;
line-height: 29px;
font-weight: 700;
letter-spacing: 0.8px;
text-align: center;
padding: 64px 0 0 0;
}
.gdc #outline .inner table{
margin: 28px 0 0 0;
width: 100%;
border-top: solid 1px #ebebeb;
border-right: solid 1px #ebebeb;
}
.gdc #outline .inner table th{
font-size: 15px;
line-height: 19px;
font-weight: 700;
color: #222;
vertical-align: top;
text-align: left;
background: #f5f5f5;
padding: 20px 20px 20px 20px;
width: 200px;
border-bottom: solid 1px #ebebeb;
}
.gdc #outline .inner table td{
padding: 16px 20px 18px 20px;
border-bottom: solid 1px #ebebeb;
}
.gdc #outline .inner table td p{
color: #222;
margin: 8px 0 0 0;
}
.gdc #outline .inner table td p:first-child{
margin: 0;
}
.gdc #outline .inner table td ul{
}
.gdc #outline .inner table td ul li{
color: #222;
text-indent: -13px;
margin: 4px 0 0 13px;
}
.gdc #outline .inner table td strong{
font-weight: 700;
color: #222;
}
.gdc #outline .inner table td a{
color: #0071be;
text-decoration: underline;
}



/* ==============================================
#page-top
============================================== */

#page-top {
position: fixed;
display: block;
right: 20px;
bottom: 20px;
z-index: 1;
}
#page-top img{
width:50px;
height:50px;
}