@charset "utf-8";
/* CSS Document */


/*PC*/
@media screen and (min-width: 1680px) {



.cont01 { width: 100%; background: var(--color01);}
.cont01 .inner { width: 100%; height: 630px; margin: 0 auto; align-content: flex-end;}
.cont01 .inner .ttl { display: flex; flex-direction: column; align-items: center; margin-bottom: 30px;}
.cont01 .inner .ttl h2 { font-size: 150px; line-height: 1em; color: var(--color00); -webkit-text-stroke: 2px var(--color05); text-shadow: 3px 3px 0px var(--color05); margin-bottom: 5px; position: relative;}
.cont01 .inner .btn {}
.cont01 .inner .btn ul { display: flex; justify-content: center;}
.cont01 .inner .btn ul li { width: 214px; margin: 0 30px;}
.cont01 .inner .btn ul li a { display: block; width: 214px;}




.cont02 { background: url("../images/ticket/cont02_bg.png") center top; background-size: contain; position: relative; z-index: 10;}
.cont02::before { content: ""; background: url("../images/ticket/cont02_topbg.png") center top no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 560px; z-index: 20;}
.cont02 .inner { /*height: 4600px;*/ padding: 383px 0 200px; background: url("../images/ticket/cont02_line_bg.png") center top repeat-x; background-size: contain; position: relative; z-index: 20;}
.cont02 .inner::before { content: ""; background: url("../images/ticket/cont02_cloudbg.png") top center repeat-x; position: absolute; top: 360px; left: 0; width: 100%; height: 100%; z-index: -1;}

.cont02 .inner .anker {}
.cont02 .inner .move { margin-bottom: 130px;}
.cont02 .inner .move:nth-last-of-type(1) { margin-bottom: 0;}
.cont02 .inner .box { width: 1030px; margin: 0 auto 220px; background: var(--color00); border: 5px solid var(--color05); border-radius: 50px; padding: 160px 100px 100px; position: relative; z-index: auto; scroll-margin-top: 100px; box-shadow: 20px 20px 0px 0px var(--color05);}
.cont02 .inner .box h3 { width: 494px; position: absolute; top: -90px; left: 0; right: 0; margin: auto;}
.cont02 .inner .box .txt01 { font-size: 45px; text-align: center; color: var(--color05); margin-bottom: 20px;}
.cont02 .inner .box .txt01 p { display: inline-block; font-size: 45px; text-align: center; color: var(--color05); position: relative; padding: 0 20px 10px; z-index: 10;}
.cont02 .inner .box .txt01 p::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: var(--color03); z-index: -1;}
.cont02 .inner .box .txt02 { font-size: 20px; text-align: center; margin-bottom: 50px;}
.cont02 .inner .box .txt03 { font-size: 32px; text-align: center; margin-bottom: 30px; color: var(--color00);}
.cont02 .inner .box h4 { width: 270px; margin: auto;}
.cont02 .inner .box .day { font-size: 30px; text-align: center; color: var(--color08); margin-top: 40px;}

.cont02 .inner .box table { width: 100%; border-collapse: collapse; font-size: 22px; text-align: center; margin: 0 auto 20px;}
.cont02 .inner .box table th { border: solid 1px var(--color99); background: #CCC; padding: 5px;}
.cont02 .inner .box table td { border: solid 1px var(--color99); padding: 5px;}
.cont02 .inner .box table td sup { color: #F00;}
.cont02 .inner .box .comment { font-size: 14px; color: #F00; margin-bottom: 30px;}
.cont02 .inner .box .txt04 { font-size: 15px; text-align: center; margin-bottom: 50px;}
.cont02 .inner .box .txt04 p { text-align: left; display: inline-block;}
.cont02 .inner .box .btn { width: 460px; font-size: 15px; margin: 0 auto;}
.cont02 .inner .box .btn a { display: block; font-size: 25px; color: var(--color00); border: solid 3px var(--color05); padding: 5px 40px 5px 40px; border-radius: 40px; position: relative; text-align: left;}
.cont02 .inner .box .btn a::after { content: ""; background: url("../images/passport/cont02_box05_arrow.png") 0 0; background-size: cover; width: 16px; height: 24px; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto 0;}

/*box01*/
.cont02 .inner .box01 {}
.cont02 .inner .box01 .txt01 span { font-size: 64px; color: var(--color10); margin-left: 10px;}
.cont02 .inner .box01 .txt03 p { display: inline-block; background: var(--color10); border-radius: 50px; padding: 5px 30px;}
.cont02 .inner .box01 h5 { color: var(--color10); font-size: 30px; padding: 10px 0 10px 60px; margin: 10px; background: url("../images/ticket/cont02_air_img01.png") center left no-repeat;}
.cont02 .inner .box01 .btn a { background: var(--color10);}

/*box02*/
.cont02 .inner .box02 {}
.cont02 .inner .box02 .txt01 span { font-size: 64px; color: var(--color05); margin-left: 10px;}
.cont02 .inner .box02 .txt03 p { display: inline-block; background: var(--color05); border-radius: 50px; padding: 5px 30px;}
.cont02 .inner .box02 h5 { color: var(--color05); font-size: 30px; padding: 10px 0 10px 60px; margin: 10px; background: url("../images/ticket/cont02_air_img02.png") center left no-repeat;}
.cont02 .inner .box02 .btn a { background: var(--color05); border: solid 3px var(--color09);}

/*box03*/
.cont02 .inner .box03 {}
.cont02 .inner .box03 .txt01 span { font-size: 64px; color: var(--color08); margin-left: 10px;}
.cont02 .inner .box03 .txt03 p { display: inline-block; background: var(--color08); border-radius: 50px; padding: 5px 30px;}
.cont02 .inner .box03 h5 { color: var(--color08); font-size: 30px; padding: 10px 0 10px 60px; margin: 10px; background: url("../images/ticket/cont02_air_img03.png") center left no-repeat;}
.cont02 .inner .box03 .btn a { background: var(--color08);}

/*box04*/
.cont02 .inner .box04 {}
.cont02 .inner .box04 .txt01 span { font-size: 64px; color: var(--color12); margin-left: 10px;}
.cont02 .inner .box04 .txt03 p { display: inline-block; background: var(--color12); border-radius: 50px; padding: 5px 30px;}
.cont02 .inner .box04 h5 { color: var(--color12); font-size: 30px; padding: 10px 0 10px 60px; margin: 10px; background: url("../images/ticket/cont02_air_img04.png") center left no-repeat;}
.cont02 .inner .box04 .btn a { background: var(--color12);}




footer { width: 100%; background: var(--color05); background-size: contain; position: relative; z-index: 10; padding-top: 500px;}
footer::before { content: ""; background: url("../images/ticket/footer_topbg.png") center top no-repeat; background-size: cover; position: absolute; top: -130px; left: 0; width: 100%; height: 550px; z-index: 20;}



}


@media print, screen and (min-width: 768px) and ( max-width: 1679px) {



.cont01 { width: 100%; background: var(--color01);}
.cont01 .inner { width: 100%; height: 37.5vw; margin: 0 auto; align-content: flex-end;}
.cont01 .inner .ttl { display: flex; flex-direction: column; align-items: center; margin-bottom: 1.786vw;}
.cont01 .inner .ttl h2 { font-size: 8.929vw; line-height: 1em; color: var(--color00); -webkit-text-stroke: 2px var(--color05); text-shadow: 3px 3px 0px var(--color05); margin-bottom: 0.298vw; position: relative;}
.cont01 .inner .btn {}
.cont01 .inner .btn ul { display: flex; justify-content: center;}
.cont01 .inner .btn ul li { width: 12.738vw; margin: 0 1.786vw;}
.cont01 .inner .btn ul li a { display: block; width: 12.738vw;}




.cont02 { background: url("../images/ticket/cont02_bg.png") center top; background-size: contain; position: relative; z-index: 10;}
.cont02::before { content: ""; background: url("../images/ticket/cont02_topbg.png") center top no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 33.333vw; z-index: 20;}
.cont02 .inner { /*height: 273.81vw;*/ padding: 22.798vw 0 11.905vw; background: url("../images/ticket/cont02_line_bg.png") center top repeat-x; background-size: contain; position: relative; z-index: 20;}
.cont02 .inner::before { content: ""; background: url("../images/ticket/cont02_cloudbg2.png") center top no-repeat; background-size: contain; position: absolute; top: 21.429vw; left: 0; width: 100%; height: 100%; z-index: -1;}

.cont02 .inner .anker {}
.cont02 .inner .move { margin-bottom: 7.738vw;}
.cont02 .inner .move:nth-last-of-type(1) { margin-bottom: 0;}
.cont02 .inner .box { width: 61.31vw; margin: 0 auto 13.095vw; background: var(--color00); border: 5px solid var(--color05); border-radius: 2.976vw; padding: 9.524vw 5.952vw 5.952vw; position: relative; z-index: auto; scroll-margin-top: 5.952vw; box-shadow: 1.19vw 1.19vw 0px 0px var(--color05);}
.cont02 .inner .box:nth-last-of-type(1) { margin-bottom: 0;}
.cont02 .inner .box h3 { width: 29.405vw; position: absolute; top: -5.357vw; left: 0; right: 0; margin: auto;}
.cont02 .inner .box .txt01 { font-size: 2.679vw; text-align: center; color: var(--color05); margin-bottom: 1.19vw;}
.cont02 .inner .box .txt01 p { display: inline-block; font-size: 2.679vw; text-align: center; color: var(--color05); position: relative; padding: 0 1.19vw 0.595vw; z-index: 10;}
.cont02 .inner .box .txt01 p::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2.976vw; background: var(--color03); z-index: -1;}
.cont02 .inner .box .txt02 { font-size: 1.19vw; text-align: center; margin-bottom: 2.976vw;}
.cont02 .inner .box .txt03 { font-size: 1.905vw; text-align: center; margin-bottom: 1.786vw; color: var(--color00);}
.cont02 .inner .box h4 { width: 16.071vw; margin: auto;}
.cont02 .inner .box .day { font-size: 1.786vw; text-align: center; color: var(--color08); border-top: 4px dotted var(--color08); padding-top: 1.786vw; margin-top: 2.381vw;}
.cont02 .inner .box .day:nth-of-type(1) { border-top: none; padding-top: 0; margin-top: 0;}

.cont02 .inner .box table { width: 100%; border-collapse: collapse; font-size: 1.31vw; text-align: center; margin: 0 auto 1.19vw;}
.cont02 .inner .box table th { border: solid 1px var(--color99); background: #CCC; padding: 0.298vw;}
.cont02 .inner .box table td { border: solid 1px var(--color99); padding: 0.298vw;}
.cont02 .inner .box table td sup { color: #F00;}
.cont02 .inner .box .comment { font-size: 0.833vw; color: #F00; margin-bottom: 1.786vw;}
.cont02 .inner .box .txt04 { font-size: 0.893vw; text-align: center; margin-bottom: 2.976vw;}
.cont02 .inner .box .txt04 p { text-align: left; display: inline-block;}
.cont02 .inner .box .btn { width: 27.381vw; font-size: 0.893vw; margin: 0 auto;}
.cont02 .inner .box .btn a { display: block; font-size: 1.488vw; color: var(--color00); border: solid 3px var(--color05); padding: 0.298vw 2.381vw 0.298vw 2.381vw; border-radius: 2.381vw; position: relative; text-align: left;}
.cont02 .inner .box .btn a::after { content: ""; background: url("../images/passport/cont02_box05_arrow.png") 0 0; background-size: cover; width: 0.952vw; height: 1.429vw; position: absolute; top: 0; bottom: 0; right: 1.19vw; margin: auto 0;}

/*box01*/
.cont02 .inner .box01 {}
.cont02 .inner .box01 .txt01 span { font-size: 3.81vw; color: var(--color10); margin-left: 0.595vw;}
.cont02 .inner .box01 .txt03 p { display: inline-block; background: var(--color10); border-radius: 2.976vw; padding: 0.298vw 1.786vw;}
.cont02 .inner .box01 h5 { color: var(--color10); font-size: 1.786vw; padding: 0.595vw 0 0.595vw 60px; margin: 0.595vw; background: url("../images/ticket/cont02_air_img01.png") center left no-repeat;}
.cont02 .inner .box01 .btn a { background: var(--color10);}

/*box02*/
.cont02 .inner .box02 {}
.cont02 .inner .box02 .txt01 span { font-size: 3.81vw; color: var(--color01); margin-left: 0.595vw;}
.cont02 .inner .box02 .txt03 p { display: inline-block; background: var(--color05); border-radius: 2.976vw; padding: 0.298vw 1.786vw;}
.cont02 .inner .box02 h5 { color: var(--color05); font-size: 1.786vw; padding: 0.595vw 0 0.595vw 60px; margin: 0.595vw; background: url("../images/ticket/cont02_air_img02.png") center left no-repeat;}
.cont02 .inner .box02 .btn a { background: var(--color05); border: solid 3px var(--color09);}

/*box03*/
.cont02 .inner .box03 {}
.cont02 .inner .box03 .txt01 span { font-size: 3.81vw; color: var(--color08); margin-left: 0.595vw;}
.cont02 .inner .box03 .txt03 p { display: inline-block; background: var(--color08); border-radius: 2.976vw; padding: 0.298vw 1.786vw;}
.cont02 .inner .box03 h5 { color: var(--color08); font-size: 1.786vw; padding: 0.595vw 0 0.595vw 60px; margin: 0.595vw; background: url("../images/ticket/cont02_air_img03.png") center left no-repeat;}
.cont02 .inner .box03 .btn a { background: var(--color08);}

/*box04*/
.cont02 .inner .box04 {}
.cont02 .inner .box04 .txt01 span { font-size: 64px; color: var(--color12); margin-left: 0.595vw;}
.cont02 .inner .box04 .txt03 p { display: inline-block; background: var(--color12); border-radius: 2.976vw; padding: 0.298vw 1.786vw;}
.cont02 .inner .box04 h5 { color: var(--color12); font-size: 1.786vw; padding: 0.595vw 0 0.595vw 60px; margin: 0.595vw; background: url("../images/ticket/cont02_air_img04.png") center left no-repeat;}
.cont02 .inner .box04 .btn a { background: var(--color12);}




footer { width: 100%; background: var(--color05); background-size: contain; position: relative; z-index: 10; padding-top: 29.762vw;}
footer::before { content: ""; background: url("../images/ticket/footer_topbg.png") center top no-repeat; background-size: cover; position: absolute; top: -7.738vw; left: 0; width: 100%; height: 32.738vw; z-index: 20;}



}



/*sp*/
@media only screen and (max-width: 767px) {



.cont01 { width: 100%; background: var(--color01);}
.cont01 .inner { width: 100%; margin: 0 auto; align-content: flex-end;}
.cont01 .inner .ttl { display: flex; flex-direction: column; align-items: center; margin: 17.188vw 0 4.688vw;}
.cont01 .inner .ttl h2 { font-size: 15vw; line-height: 1em; color: var(--color00); -webkit-text-stroke: 2px var(--color05); text-shadow: 3px 3px 0px var(--color05); margin-bottom: 0.781vw; position: relative;}
.cont01 .inner .btn {}
.cont01 .inner .btn ul { display: flex; justify-content: center;}
.cont01 .inner .btn ul li { width: 20.938vw; margin: 0 2.344vw;}
.cont01 .inner .btn ul li a { display: block; width: 20.938vw;}




.cont02 { background: url("../images/ticket/cont02_bg_sp.png") center top; background-size: cover; position: relative; z-index: 10;}
.cont02::before { content: ""; background: url("../images/ticket/cont02_topbg_sp.png") center top no-repeat; background-size: contain; position: absolute; top: 0; left: 0; width: 100%; height: 87.5vw; z-index: -1;}
.cont02 .inner { height: auto; padding: 26.563vw 0 7.813vw; background: none;}
.cont02 .inner::before { content: ""; background: none;}

.cont02 .inner .anker {}
.cont02 .inner .move { margin-bottom: 20.313vw;}
.cont02 .inner .move:nth-last-of-type(1) { margin-bottom: 0;}
.cont02 .inner .box { width: 89.063vw; margin: 0 auto 15.625vw; background: var(--color00); border: 3px solid var(--color05); border-radius: 6.25vw; padding: 9.375vw 2.344vw 6.25vw; position: relative; z-index: auto; scroll-margin-top: 15.625vw; box-shadow: 3.125vw 3.125vw 0px 0px var(--color05);}

.cont02 .inner .box:nth-last-of-type(1) { margin-bottom: 0;}
.cont02 .inner .box h3 { width: 40.625vw; position: absolute; top: -9.375vw; left: 0; right: 0; margin: auto;}
.cont02 .inner .box .txt01 { font-size: 4.531vw; text-align: center; color: var(--color05); margin-bottom: 1.563vw;}
.cont02 .inner .box .txt01 p { display: inline-block; font-size: 4.531vw; font-weight: 900; text-align: center; color: var(--color05); position: relative; padding: 0 3.125vw 1.563vw; z-index: 10;}
.cont02 .inner .box .txt01 p::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4.688vw; background: var(--color03); z-index: -1;}
.cont02 .inner .box .txt02 { font-size: 2.5vw; text-align: center; margin-bottom: 6.25vw;}
.cont02 .inner .box .txt03 { font-size: 3.438vw; text-align: center; margin-bottom: 4.688vw; color: var(--color00);}
.cont02 .inner .box h4 { width: 37.5vw; margin: auto;}
.cont02 .inner .box .day { font-size: 2.969vw; text-align: center; color: var(--color08); border-top: 4px dotted var(--color08); padding-top: 4.688vw; margin-top: 6.25vw;}
.cont02 .inner .box .day:nth-of-type(1) { border-top: none; padding-top: 0; margin-top: 0;}

.cont02 .inner .box table { width: 100%; border-collapse: collapse; font-size: 2.5vw; text-align: center; margin: 0 auto 3.125vw;}
.cont02 .inner .box table th { border: solid 1px var(--color99); background: #CCC; padding: 0.781vw;}
.cont02 .inner .box table td { border: solid 1px var(--color99); padding: 0.781vw;}
.cont02 .inner .box table td sup { color: #F00;}
.cont02 .inner .box .comment { font-size: 2.188vw; color: #F00; margin-bottom: 4.688vw;}
.cont02 .inner .box .txt04 { font-size: 2.5vw; text-align: center; margin-bottom: 3.125vw;}
.cont02 .inner .box .txt04 p { text-align: left; display: inline-block;}
.cont02 .inner .box .btn { width: 53.281vw; font-size: 2.344vw; margin: 0 auto;}
.cont02 .inner .box .btn a { display: block; font-size: 3.125vw; color: var(--color00); border: solid 3px var(--color05); padding: 0.781vw 6.25vw 0.781vw 3.125vw; border-radius: 6.25vw; position: relative; text-align: left;}
.cont02 .inner .box .btn a::after { content: ""; background: url("../images/passport/cont02_box05_arrow.png") 0 0; background-size: cover; width: 1.563vw; height: 2.5vw; position: absolute; top: 0; bottom: 0; right: 3.125vw; margin: auto 0;}

/*box01*/
.cont02 .inner .box01 {}
.cont02 .inner .box01 .txt01 span { font-size: 6.563vw; color: var(--color10); margin-left: 1.563vw;}
.cont02 .inner .box01 .txt03 p { display: inline-block; background: var(--color10); border-radius: 7.813vw; padding: 0.781vw 4.688vw;}
.cont02 .inner .box01 h5 { color: var(--color10); font-size: 3.125vw; padding: 0.781vw 0 0.781vw 9.375vw; margin: 1.563vw; background: url("../images/ticket/cont02_air_img01.png") center left no-repeat; background-size: contain;}
.cont02 .inner .box01 .btn a { background: var(--color10);}

/*box02*/
.cont02 .inner .box02 {}
.cont02 .inner .box02 .txt01 span { font-size: 6.563vw; color: var(--color01); margin-left: 1.563vw;}
.cont02 .inner .box02 .txt03 p { display: inline-block; background: var(--color05); border-radius: 7.813vw; padding: 0.781vw 4.688vw;}
.cont02 .inner .box02 h5 { color: var(--color05); font-size: 3.125vw; padding: 0.781vw 0 0.781vw 9.375vw; margin: 1.563vw; background: url("../images/ticket/cont02_air_img02.png") center left no-repeat; background-size: contain;}
.cont02 .inner .box02 .btn a { background: var(--color05); border: solid 3px var(--color09);}

/*box03*/
.cont02 .inner .box03 {}
.cont02 .inner .box03 .txt01 span { font-size: 6.563vw; color: var(--color08); margin-left: 1.563vw;}
.cont02 .inner .box03 .txt03 p { display: inline-block; background: var(--color08); border-radius: 7.813vw; padding: 0.781vw 4.688vw;}
.cont02 .inner .box03 h5 { color: var(--color08); font-size: 3.125vw; padding: 0.781vw 0 0.781vw 9.375vw; margin: 1.563vw; background: url("../images/ticket/cont02_air_img03.png") center left no-repeat; background-size: contain;}
.cont02 .inner .box03 .btn a { background: var(--color07);}

/*box04*/
.cont02 .inner .box04 {}
.cont02 .inner .box04 .txt01 span { font-size: 6.563vw; color: var(--color12); margin-left: 1.563vw;}
.cont02 .inner .box04 .txt03 p { display: inline-block; background: var(--color12); border-radius: 7.813vw; padding: 0.781vw 4.688vw;}
.cont02 .inner .box04 h5 { color: var(--color12); font-size: 3.125vw; padding: 0.781vw 0 0.781vw 9.375vw; margin: 1.563vw; background: url("../images/ticket/cont02_air_img04.png") center left no-repeat; background-size: contain;}
.cont02 .inner .box04 .btn a { background: var(--color12);}




footer { width: 100%; background: var(--color05); background-size: contain; position: relative; z-index: 10; padding-top: 46.875vw;}
footer::before { content: ""; background: url("../images/ticket/footer_topbg_sp.png") center top no-repeat; background-size: contain; position: absolute; top: 0px; left: 0; width: 100%; height: 85.938vw; z-index: -1;}



}



@media screen and (width: 640px) {



.cont01 { width: 100%; background: var(--color01);}
.cont01 .inner { width: 100%; margin: 0 auto; align-content: flex-end;}
.cont01 .inner .ttl { display: flex; flex-direction: column; align-items: center; margin: 110px 0 30px;}
.cont01 .inner .ttl h2 { font-size: 96px; line-height: 1em; color: var(--color00); -webkit-text-stroke: 2px var(--color05); text-shadow: 3px 3px 0px var(--color05); margin-bottom: 5px; position: relative;}
.cont01 .inner .btn {}
.cont01 .inner .btn ul { display: flex; justify-content: center;}
.cont01 .inner .btn ul li { width: 134px; margin: 0 15px;}
.cont01 .inner .btn ul li a { display: block; width: 134px;}




.cont02 { background: url("../images/ticket/cont02_bg_sp.png") center top; background-size: cover; position: relative; z-index: 10;}
.cont02::before { content: ""; background: url("../images/ticket/cont02_topbg_sp.png") center top no-repeat; background-size: contain; position: absolute; top: 0; left: 0; width: 100%; height: 560px; z-index: -1;}
.cont02 .inner { height: auto; padding: 170px 0 50px; background: none;}
.cont02 .inner::before { content: ""; background: none;}

.cont02 .inner .anker {}
.cont02 .inner .move { margin-bottom: 130px;}
.cont02 .inner .move:nth-last-of-type(1) { margin-bottom: 0;}
.cont02 .inner .box { width: 570px; margin: 0 auto 100px; background: var(--color00); border: 3px solid var(--color05); border-radius: 40px; padding: 60px 15px 40px; position: relative; z-index: auto; scroll-margin-top: 100px; box-shadow: 20px 20px 0px 0px var(--color05);}
/*.cont02 .inner .box::after { content: ""; position: absolute; top: 15px; left: 15px; bottom: -15px; right: -15px; background: var(--color05); border: 3px solid var(--color05); border-radius: 40px; z-index: -1;}*/
.cont02 .inner .box:nth-last-of-type(1) { margin-bottom: 0;}
.cont02 .inner .box h3 { width: 260px; position: absolute; top: -60px; left: 0; right: 0; margin: auto;}
.cont02 .inner .box .txt01 { font-size: 29px; text-align: center; color: var(--color05); margin-bottom: 10px;}
.cont02 .inner .box .txt01 p { display: inline-block; font-size: 29px; font-weight: 900; text-align: center; color: var(--color05); position: relative; padding: 0 20px 10px; z-index: 10;}
.cont02 .inner .box .txt01 p::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: var(--color03); z-index: -1;}
.cont02 .inner .box .txt02 { font-size: 16px; text-align: center; margin-bottom: 40px;}
.cont02 .inner .box .txt03 { font-size: 22px; text-align: center; margin-bottom: 30px; color: var(--color00);}
.cont02 .inner .box h4 { width: 240px; margin: auto;}
.cont02 .inner .box .day { font-size: 19px; text-align: center; color: var(--color08); border-top: 4px dotted var(--color08); padding-top: 30px; margin-top: 40px;}
.cont02 .inner .box .day:nth-of-type(1) { border-top: none; padding-top: 0; margin-top: 0;}

.cont02 .inner .box table { width: 100%; border-collapse: collapse; font-size: 16px; text-align: center; margin: 0 auto 20px;}
.cont02 .inner .box table th { border: solid 1px var(--color99); background: #CCC; padding: 5px;}
.cont02 .inner .box table td { border: solid 1px var(--color99); padding: 5px;}
.cont02 .inner .box table td sup { color: #F00;}
.cont02 .inner .box .comment { font-size: 14px; color: #F00; margin-bottom: 30px;}
.cont02 .inner .box .txt04 { font-size: 16px; text-align: center; margin-bottom: 20px;}
.cont02 .inner .box .txt04 p { text-align: left; display: inline-block;}
.cont02 .inner .box .btn { width: 341px; font-size: 15px; margin: 0 auto;}
.cont02 .inner .box .btn a { display: block; font-size: 20px; color: var(--color00); border: solid 3px var(--color05); padding: 5px 40px 5px 20px; border-radius: 40px; position: relative; text-align: left;}
.cont02 .inner .box .btn a::after { content: ""; background: url("../images/passport/cont02_box05_arrow.png") 0 0; background-size: cover; width: 10px; height: 16px; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto 0;}

/*box01*/
.cont02 .inner .box01 {}
.cont02 .inner .box01 .txt01 span { font-size: 42px; color: var(--color10); margin-left: 10px;}
.cont02 .inner .box01 .txt03 p { display: inline-block; background: var(--color10); border-radius: 50px; padding: 5px 30px;}
.cont02 .inner .box01 h5 { color: var(--color10); font-size: 20px; padding: 5px 0 5px 60px; margin: 10px; background: url("../images/ticket/cont02_air_img01.png") center left no-repeat; background-size: contain;}
.cont02 .inner .box01 .btn a { background: var(--color10);}

/*box02*/
.cont02 .inner .box02 {}
.cont02 .inner .box02 .txt01 span { font-size: 42px; color: var(--color01); margin-left: 10px;}
.cont02 .inner .box02 .txt03 p { display: inline-block; background: var(--color05); border-radius: 50px; padding: 5px 30px;}
.cont02 .inner .box02 h5 { color: var(--color05); font-size: 20px; padding: 5px 0 5px 60px; margin: 10px; background: url("../images/ticket/cont02_air_img02.png") center left no-repeat; background-size: contain;}
.cont02 .inner .box02 .btn a { background: var(--color05); border: solid 3px var(--color09);}

/*box03*/
.cont02 .inner .box03 {}
.cont02 .inner .box03 .txt01 span { font-size: 42px; color: var(--color08); margin-left: 10px;}
.cont02 .inner .box03 .txt03 p { display: inline-block; background: var(--color08); border-radius: 50px; padding: 5px 30px;}
.cont02 .inner .box03 h5 { color: var(--color08); font-size: 20px; padding: 5px 0 5px 60px; margin: 10px; background: url("../images/ticket/cont02_air_img03.png") center left no-repeat; background-size: contain;}
.cont02 .inner .box03 .btn a { background: var(--color07);}

/*box04*/
.cont02 .inner .box04 {}
.cont02 .inner .box04 .txt01 span { font-size: 42px; color: var(--color12); margin-left: 10px;}
.cont02 .inner .box04 .txt03 p { display: inline-block; background: var(--color12); border-radius: 50px; padding: 5px 30px;}
.cont02 .inner .box04 h5 { color: var(--color12); font-size: 20px; padding: 10px 0 10px 60px; margin: 10px; background: url("../images/ticket/cont02_air_img04.png") center left no-repeat; background-size: contain;}
.cont02 .inner .box04 .btn a { background: var(--color12);}




footer { width: 100%; background: var(--color05); background-size: contain; position: relative; z-index: 10; padding-top: 300px;}
footer::before { content: ""; background: url("../images/ticket/footer_topbg_sp.png") center top no-repeat; background-size: contain; position: absolute; top: 0px; left: 0; width: 100%; height: 550px; z-index: -1;}



}