<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
   .page-schedule {     }
.page-schedule .fv {
margin-bottom: clamp(60px, 12vw, 120px);
border-bottom: 1px solid #ccc;
}
.page-schedule .sec01 {
margin-bottom: clamp(75px, 15vw, 150px);
}
.page-schedule .sec01_lead {
padding: 0 5vw;
margin-bottom: clamp(50px, 10vw, 100px);
font-size: clamp(1.4rem, 2vw, 2rem);
line-height: 2.3;
font-weight: 500;
text-align: center;
}
@media screen and (max-width: 576px) {
.page-schedule .sec01_lead {
text-align: start;
}
.page-schedule .sec01_lead br {
display: none;
}
}
.page-schedule .tabList {
width: 90vw;
max-width: 1780px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-schedule .tabList_item {
width: 18.5%;
margin-bottom: 35px;
aspect-ratio: 3/2;
border: 1px solid #ccc;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
position: relative;
cursor: pointer;
transition: 0.35s ease-in-out;
}
@media screen and (max-width: 768px) {
.page-schedule .tabList_item {
width: 30%;
}
.page-schedule .tabList_item:nth-of-type(1) {
margin-left: 17.5%;
}
.page-schedule .tabList_item:nth-of-type(2) {
margin-right: 17.5%;
}
}
.page-schedule .tabList_item-current {
color: #fff;
background: #ff8433;
border-color: #ff8433;
pointer-events: none;
}
.page-schedule .tabList_item-current::after {
content: "";
width: 102%;
height: 35px;
background: #ff8433;
clip-path: polygon(0 0, 50% 100%, 100% 0);
position: absolute;
bottom: -35px;
left: -1%;
}
.page-schedule .tabList_item-current .tabList_home {
fill: #fff;
}
.page-schedule .tabList_item:hover {
color: #fff;
background: #ff8433;
border-color: #ff8433;
}
.page-schedule .tabList_item:hover .tabList_home {
fill: #fff;
}
.page-schedule .tabList_home {
fill: #211815;
transition: 0.35s ease-in-out;
}
.page-schedule .tabList #tab01 {
width: 47.21%;
}
.page-schedule .tabList #tab02 {
width: 40.2%;
}
.page-schedule .tabList #tab03 {
width: 48.732%;
}
.page-schedule .tabList #tab04 {
width: 31.354%;
}
.page-schedule .tabList #tab05 {
width: 31.378%;
}
.page-schedule .tabList_ttl {
margin: 12% 0 6%;
font-size: clamp(1rem, 1.2135vw, 2.4rem);
line-height: 1;
font-weight: bold;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.page-schedule .tabList_ttl {
font-size: clamp(0.8rem, 2vw, 1.6rem);
}
}
.page-schedule .tabList_ttl-l {
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.page-schedule .tabList_ttl-l {
font-size: clamp(0.4rem, 2vw, 1.6rem);
}
}
.page-schedule .constList_item {
display: none;
}
.page-schedule .constList_item-current {
display: block;
}
.page-schedule .constHead {
padding: clamp(30px, 10vw, 60px) 5vw;
margin-bottom: clamp(60px, 12vw, 120px);
background: #f4f4f4;
}
.page-schedule .constHead_inner {
max-width: 1090px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.page-schedule .constHead_imgBox {
width: 46%;
aspect-ratio: 50/36;
}
@media screen and (max-width: 576px) {
.page-schedule .constHead_imgBox {
width: 100%;
}
}
.page-schedule .constHead_img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-schedule .constHead_txtBox {
width: 50%;
}
@media screen and (max-width: 576px) {
.page-schedule .constHead_txtBox {
width: 100%;
margin-bottom: 15px;
order: -1;
}
}
.page-schedule .constHead_ttl {
padding-bottom: 0.5em;
margin-bottom: 0.8em;
font-size: clamp(1.8rem, 3.5vw, 4.2rem);
line-height: 1.45;
font-weight: bold;
letter-spacing: 0.1em;
white-space: nowrap;
position: relative;
}
.page-schedule .constHead_ttl::after {
content: "";
width: 2.34em;
height: 0.09524em;
background: #ff8433;
position: absolute;
bottom: 0;
left: 0;
}
.page-schedule .constHead_txt {
font-size: clamp(1.4rem, 1.667vw, 2rem);
line-height: 2.3;
font-weight: 500;
}
.page-schedule .constBody {
width: 90vw;
max-width: 1500px;
margin: 0 auto;
display: flex;
}
@media screen and (max-width: 768px) {
.page-schedule .constBody {
display: block;
}
}
.page-schedule .constBody_side {
width: 26%;
}
@media screen and (max-width: 768px) {
.page-schedule .constBody_side {
width: 100%;
}
}
.page-schedule .constBody_ttl {
width: 82%;
height: clamp(65px, 7.5vw, 125px);
background: #f4f4f4;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: sticky;
top: 120px;
}
@media screen and (max-width: 768px) {
.page-schedule .constBody_ttl {
width: fit-content;
height: clamp(65px, 20vw, 94px);
padding: 0 clamp(20px, 6.4vw, 40px);
margin: 0 auto 60px;
}
}
.page-schedule .constBody_ttl::after {
content: "";
width: clamp(13px, 1.5vw, 25px);
height: 100%;
font-weight: bold;
background: #f4f4f4;
clip-path: polygon(0 0, 0 100%, 100% 50%);
position: absolute;
top: 0;
right: clamp(-25px, -1.5vw, -13px);
}
@media screen and (max-width: 768px) {
.page-schedule .constBody_ttl::after {
width: 100%;
height: clamp(18px, 5.6vw, 35px);
clip-path: polygon(0 0, 50% 100%, 100% 0);
top: auto;
right: 0;
bottom: clamp(-35px, -5.6vw, -18px);
}
}
.page-schedule .constBody_ttl_s {
font-size: clamp(1.1rem, 1.32vw, 2.2rem);
line-height: 1.636;
}
@media screen and (max-width: 768px) {
.page-schedule .constBody_ttl_s {
font-size: clamp(1.1rem, 3.52vw, 1.6rem);
}
}
.page-schedule .constBody_ttl_l {
font-size: clamp(1.8rem, 2.16vw, 3.6rem);
line-height: 1.389;
}
@media screen and (max-width: 768px) {
.page-schedule .constBody_ttl_l {
font-size: clamp(1.8rem, 5.76vw, 2.7rem);
}
}
.page-schedule .constBody_main {
width: 74%;
}
@media screen and (max-width: 768px) {
.page-schedule .constBody_main {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.page-schedule .schedule_list {
width: 92vw;
margin-left: -2vw;
}
}
.page-schedule .schedule_item {
counter-increment: num 1;
display: flex;
position: relative;
}
.page-schedule .schedule_item:not(:last-child) {
padding-bottom: clamp(30px, 10vw, 60px);
}
.page-schedule .schedule_item:not(:last-child)::after {
content: "";
width: 3px;
height: 100%;
font-size: clamp(2.7rem, 2.16vw, 3.6rem);
border-left: 3px dashed #ccc;
position: absolute;
top: 0;
left: calc((1.667em - 3px) / 2);
z-index: -3;
}
@media screen and (max-width: 576px) {
.page-schedule .schedule_item:not(:last-child)::after {
font-size: clamp(2.3rem, 5.4vw, 2.7rem);
}
}
.page-schedule .schedule_num {
width: 1.667em;
height: 1.667em;
margin-right: 4.5%;
font-family: "Josefin Sans", sans-serif;
font-size: clamp(2.7rem, 2.16vw, 3.6rem);
line-height: 1;
font-weight: 500;
color: #fff;
background: #ff8433;
flex-shrink: 0;
position: relative;
}
@media screen and (max-width: 576px) {
.page-schedule .schedule_num {
font-size: clamp(2.3rem, 5.4vw, 2.7rem);
}
}
.page-schedule .schedule_num::before {
content: "0" counter(num) "";
width: 100%;
height: 100%;
padding-top: 0.1em;
display: grid;
place-items: center;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.page-schedule .schedule_inner {
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-schedule .schedule_imgBox {
width: 32%;
aspect-ratio: 33/23;
}
@media screen and (max-width: 576px) {
.page-schedule .schedule_imgBox {
width: 100%;
}
}
.page-schedule .schedule_img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-schedule .schedule_txtBox {
width: 63%;
}
@media screen and (max-width: 576px) {
.page-schedule .schedule_txtBox {
width: 100%;
margin-bottom: 15px;
order: -1;
}
}
.page-schedule .schedule_ttl {
padding-top: 0.35em;
margin-bottom: 0.85em;
font-size: clamp(2.1rem, 1.68vw, 2.8rem);
line-height: 1.5;
font-weight: bold;
letter-spacing: 0.05em;
}
@media screen and (max-width: 576px) {
.page-schedule .schedule_ttl {
font-size: clamp(1.8rem, 4.2vw, 2.1rem);
}
}
.page-schedule .schedule_ttl_s {
font-size: clamp(1.5rem, 1.2vw, 2rem);
letter-spacing: 0.05em;
}
@media screen and (max-width: 576px) {
.page-schedule .schedule_ttl_s {
font-size: clamp(1.3rem, 3vw, 1.5rem);
}
}
.page-schedule .schedule_txt {
font-size: clamp(1.2rem, 0.96vw, 1.6rem);
line-height: 2.25;
font-weight: 500d;
}
@media screen and (max-width: 768px) {
.page-schedule .schedule_txt {
font-size: clamp(1.2rem, 2.24vw, 1.4rem);
}
}
@media screen and (max-width: 576px) {
.page-schedule .schedule_txt {
font-size: 1.4rem;
}
}</pre></body></html>