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


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


/*----------------------------*/

.cont01 { padding: 0 0 100px;}
.cont01 h1 {}
.cont01 h1 img { width: 100%; height: auto;}
.cont01 .img01 { max-width: 1075px; margin: 80px auto 0; padding: 0 5%;}



/*----------------------------*/

.cont02 { padding: 50px 5% 120px;}
.cont02 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px;}
.cont02 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}
.cont02 .txt { max-width: 1000px; margin: auto; border-top: var(--com_px01) solid var(--color00_10); border-bottom: var(--com_px01) solid var(--color00_10); padding: 30px 0; font-size: 16px;}
.cont02 .txt dl { width: 100%; margin: auto; display: grid; grid-template-columns: 140px 1fr; grid-template-rows: auto; gap: 30px 0; font-size: 16px;}
.cont02 .txt dl dt { font-family: "Cinzel", serif; font-size: 17px;}



/*----------------------------*/

.cont03 { padding: 50px 5% 130px;}
.cont03 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px;}
.cont03 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}
.cont03 .txt {}
.cont03 .txt h3 { font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; font-size: 30px; text-align: center; margin-bottom: 30px;}
.cont03 .txt p { font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 40px; text-align: center; margin-bottom: 50px;}
.cont03 .table { max-width: 700px; margin: 30px auto 80px;}
.cont03 .table dl { width: 100%; margin: auto; display: grid; grid-template-columns: 180px 1fr; grid-template-rows: auto;  font-size: 16px; border-top: var(--com_px01) solid var(--color00_10);}
.cont03 .table dl dt { border-bottom: var(--com_px01) solid var(--color00_10); padding: 20px 0 20px 50px; align-content: center;}
.cont03 .table dl dt:nth-of-type(2) { letter-spacing: 2em;}
.cont03 .table dl dd { border-bottom: var(--com_px01) solid var(--color00_10); padding: 20px 0;}
.cont03 .logos { max-width: 1500px; background-image: linear-gradient(90deg, rgba(25, 30, 59, 0), rgba(25, 30, 59, 0.7) 5% 95%, rgba(25, 30, 59, 0)); margin: 0 auto 100px; padding: 70px 0; text-align: center; font-size: 16px;}
.cont03 .logos .logo01 { width: 100%; text-align: center; margin-bottom: 60px;}
.cont03 .logos .logo01 p { width: 100%; text-align: center; margin-bottom: 20px;}
.cont03 .logos .logo01 img { max-width: 338px; margin: auto;}
.cont03 .logos ul { display: flex; justify-content: center; gap: 50px;}
.cont03 .logos ul li {}
.cont03 .logos ul li img { max-width: 338px; margin: auto;}


.cont03 .movie { max-width: 900px; margin: 0 auto;}
.cont03 .movie:not(:first-child) { margin-top: 85px;}
.cont03 .movie iframe[src*="youtube.com"],
.cont03 .movie iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

/*----------------------------*/

.cont04 { padding: 220px 5% 120px; background-image: linear-gradient(0deg, rgba(25, 30, 59, 0), rgba(25, 30, 59, 1.0) 5% 95%, rgba(25, 30, 59, 0));}
.cont04 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; color: var(--color01_10);}
.cont04 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont04 > p { font-family: "Noto Serif KR", serif; font-size: 30px; font-weight: 400; text-align: center; margin-bottom: 50px;}
.cont04 > p span { font-size: 50px;}
.cont04 .comment p { font-size: 18px; text-align: center; margin-bottom: 30px;}

.cont04 .box { max-width: 900px; margin: 0 auto 100px; text-align: center;}
.cont04 .box h3 { display: inline-block; color: var(--color01_10); font-size: 23px; font-weight: 400; position: relative; margin-bottom: 10px;}
.cont04 .box h3::before { content: ""; position: absolute; left: -1.4em; top: 0; width: 22px; height: 29px; background: url(../images/index/icon_light.svg) no-repeat center center; background-size: contain;}
.cont04 .box h3::after { content: ""; position: absolute; right: -1.4em; top: 0; width: 22px; height: 29px; background: url(../images/index/icon_light.svg) no-repeat center center; background-size: contain;}
.cont04 .box iframe[src*="youtube.com"],
.cont04 .box iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}


/*pxで表示
.cont04 .map { max-width: 1100px; margin: 0 auto; text-align: center; position: relative;}
.cont04 .map .pop { position: absolute; width: 80px; height: 80px;}
.cont04 .map .pop a { width: 100%; height: 100%; display: block; border-radius: 50%; background: transparent; text-indent: -9999px;}

.cont04 .map .a { top: 2083px; left: 520px;}
.cont04 .map .b { top: 1665px; left: 404px;}
.cont04 .map .c { top: 1420px; left: 600px;}
.cont04 .map .d { top: 1210px; left: 405px;}
.cont04 .map .e { top:  802px; left: 534px;}
.cont04 .map .f { top:  840px; left: 377px;}
.cont04 .map .g { top:  780px; left: 200px;}
.cont04 .map .h { top:  635px; left: 130px;}
.cont04 .map .i { top:  558px; left: 106px;}
.cont04 .map .j { top:  422px; left: 173px;}
.cont04 .map .k { top:  344px; left:  90px;}
.cont04 .map .l { top:   63px; left: 303px;}
.cont04 .map .m { top:  221px; left: 218px;}
.cont04 .map .n { top:  160px; left: 280px;}
.cont04 .map .o { top:  183px; left: 424px;}
.cont04 .map .p { top:   58px; left: 415px;}
.cont04 .map .q { top:  64px; left: 610px;}
.cont04 .map .r { top:  100px; left: 711px;}
.cont04 .map .s { top:  580px; left: 495px;}
.cont04 .map .g2 { top:  282px; left: 693px;}*/


.cont04 .map { width: 100%; max-width: 980px; margin: 0 auto; position: relative; text-align: center;}
.cont04 .map > img { display: block; width: 100%; height: auto;}
.cont04 .map .pop { position: absolute; width: 7.2727%; height: auto; aspect-ratio: 1;}
.cont04 .map .pop a { width: 100%; height: 100%; display: block; border-radius: 50%; background: transparent; text-indent: -9999px;}

.cont04 .map .a { top: 83.8229%; left: 47.2727%;}
.cont04 .map .b { top: 67.0020%; left: 36.7273%;}
.cont04 .map .c { top: 57.1429%; left: 54.5455%;}
.cont04 .map .d { top: 48.6922%; left: 36.8182%;}
.cont04 .map .e { top: 32.2736%; left: 48.5455%;}
.cont04 .map .f { top: 33.8028%; left: 34.2727%;}
.cont04 .map .g { top: 31.3883%; left: 18.1818%;}
.cont04 .map .h { top: 25.5533%; left: 11.8182%;}
.cont04 .map .i { top: 22.4547%; left: 9.6364%;}
.cont04 .map .j { top: 16.9819%; left: 15.7273%;}
.cont04 .map .k { top: 13.8431%; left: 8.1818%;}
.cont04 .map .n { top: 2.5352%; left: 27.5455%;}
.cont04 .map .l { top: 8.8934%; left: 19.8182%;}
.cont04 .map .m { top: 6.4386%; left: 25.4545%;}
.cont04 .map .o { top: 7.3642%; left: 38.5455%;}
.cont04 .map .p { top: 2.3340%; left: 37.7273%;}
.cont04 .map .q { top: 2.5755%; left: 55.4545%;}
.cont04 .map .r { top: 4.0241%; left: 64.6364%;}
.cont04 .map .s { top: 23.3400%; left: 45.0000%;}
.cont04 .map .g2 { top: 11.3481%; left: 63.0000%;}




/*----------------------------*/
    
.cont05 {}
.cont05 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px;}
.cont05 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont05 .movie { max-width: 600px; margin: 0 auto; aspect-ratio: 16 / 9;}
.cont05 .movie iframe{ width: 100%; border: 0;}



/*----------------------------*/

.cont06 { padding: 180px 5% 200px; background-image: linear-gradient(0deg, rgba(25, 30, 59, 0), rgba(25, 30, 59, 1.0) 5% 95%, rgba(25, 30, 59, 0));}
.cont06 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; color: var(--color01_10);}
.cont06 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont06 ul { max-width: 1200px; margin: auto; display: flex; justify-content: flex-start; gap: 100px 8.3333%; flex-wrap: wrap;}
.cont06 ul li { width: calc(50% - 4.1667%); display: flex; flex-direction: column; gap: 30px;}
.cont06 ul li .img { width: 100%;}
.cont06 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont06 ul li .txt { display: flex; flex-direction: column; gap: 10px;}
.cont06 ul li .txt h3 { font-size: 26px; font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; text-align: center; color: var(--color01_10);}
.cont06 ul li .txt .day { font-size: 17px; font-weight: 400; font-style: normal; text-align: center; color: var(--color01_10);}
.cont06 ul li .txt .comment { font-size: 16px;}


/*----------------------------*/

.cont07 { padding: 80px 5% 100px;}
.cont07 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; }
.cont07 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont07 ul { max-width: 1440px; margin: auto; display: flex; justify-content: flex-start; gap: 50px 2.7778%; flex-wrap: wrap;}
.cont07 ul li { width: calc((100% - 8.3334%) / 4); display: flex; flex-direction: column; gap: 15px;}
.cont07 ul li .img { width: 100%;}
.cont07 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont07 ul li .txt { display: flex; flex-direction: column; gap: 5px;}
.cont07 ul li .txt h3 { font-size: 22px; font-weight: 400; font-style: normal; }
.cont07 ul li .txt .day { font-size: 17px;}
.cont07 ul li .txt .pin { font-size: 17px; position: relative; padding-left: 28px;}
.cont07 ul li .txt .pin::before { content: ""; position: absolute; left: 0; top: 1em; transform: translateY(-50%); width: 20px; height: 24px; background: url(../images/index/icon_pin.svg) center/cover no-repeat; background-size: contain;}




/*----------------------------*/

.cont08 { padding: 60px 5% 100px;}
.cont08 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; }
.cont08 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont08 ul { max-width: 1440px; margin: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.cont08 ul li { /*width: 480px;*/ width: calc( 100% / 3 ); display: flex; align-items: center; flex-direction: column; padding: 50px 20px; gap: 20px; background: var(--color02_10); border-left: solid var(--com_px01) var(--color00_10);}
.cont08 ul li:nth-child(3n+1) { border-left: none;}
.cont08 ul li:nth-child(n+4) { border-top: solid var(--com_px01) var(--color00_10);}
.cont08 ul li .img { max-width: 290px;}
.cont08 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont08 ul li .txt { display: flex; flex-direction: column; gap: 5px;}
.cont08 ul li .txt h3 { font-size: 22px; font-weight: 400; font-style: normal; }
.cont08 ul li .dl { display: inline-block;}
.cont08 ul li .dl a { display: block; font-size: 17px; background: var(--color03_10); padding: 2px 20px; transition: ease .5s;}
.cont08 ul li .dl a:hover { background: var(--color03_10); opacity: 0.6; transition: ease .5s;}




/*----------------------------*/

.cont09 { padding: 60px 5% 180px;}
.cont09 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; }
.cont09 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont09 p { text-align: center; font-size: 25px;}



}


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

}*/



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


/*----------------------------*/

.cont01 { padding: 0 0 10.9375vw;}
.cont01 h1 {}
.cont01 h1 img { width: 100%; height: auto;}
.cont01 .img01 { max-width: 68.7500vw; margin: 12.5000vw auto 0; padding: 0 5%;}



/*----------------------------*/

.cont02 { padding: 7.8125vw 5% 10.9375vw;}
.cont02 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 6.2500vw; text-align: center; position: relative; letter-spacing: 0.7813vw; text-transform: uppercase; margin-bottom: 7.8125vw;}
.cont02 h2::after { content: attr(data-jp); font-size: 2.1875vw; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 3.1250vw;}
.cont02 .txt { max-width: 156.2500vw; margin: auto; border-top: var(--com_px01) solid var(--color00_10); border-bottom: var(--com_px01) solid var(--color00_10); padding: 4.6875vw 0; font-size: 2.5000vw;}
.cont02 .txt dl { width: 100%; margin: auto; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 0.7813vw 0; font-size: 2.5000vw;}
.cont02 .txt dl dt { font-size: 2.6563vw; line-height: 1.2;}
.cont02 .txt dl dt:not(:first-child) { margin-top: 3.1250vw;}



/*----------------------------*/

.cont03 { padding: 7.8125vw 0 15.6250vw;}
.cont03 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 6.2500vw; text-align: center; position: relative; letter-spacing: 0.7813vw; text-transform: uppercase; margin-bottom: 7.8125vw;}
.cont03 h2::after { content: attr(data-jp); font-size: 2.1875vw; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 3.1250vw;}
.cont03 .txt {}
.cont03 .txt h3 { font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; font-size: 3.4375vw; text-align: center; margin-bottom: 4.6875vw; line-height: 6.5625vw; letter-spacing: 0;}
.cont03 .txt p { font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; font-size: 2.8125vw; line-height: 6.2500vw; text-align: left; margin: 0 3.9063vw 7.8125vw;}
.cont03 .table { max-width: 109.3750vw; margin: 4.6875vw 8.5938vw 12.5000vw;}
.cont03 .table dl { width: 100%; margin: auto; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; font-size: 2.5000vw; border-top: var(--com_px01) solid var(--color00_10);}
.cont03 .table dl dt,
.cont03 .table dl dd { grid-column: 1;}
.cont03 .table dl dt { border-bottom: none; padding: 3.1250vw 0 0 3.1250vw; align-content: center;}
.cont03 .table dl dt:nth-of-type(2) { letter-spacing: 2em;}
.cont03 .table dl dd { border-bottom: var(--com_px01) solid var(--color00_10); padding: 0 3.1250vw 3.1250vw 3.1250vw;}
.cont03 .logos { max-width: 234.3750vw; background: var(--color02_07); margin: 0 auto 15.6250vw; padding: 10.9375vw 7.0313vw 7.8125vw; text-align: center; font-size: 2.5000vw;}
.cont03 .logos .logo01 { width: 100%; text-align: center; margin-bottom: 9.3750vw;}
.cont03 .logos .logo01 p { width: 100%; text-align: center; margin-bottom: 3.1250vw;}
.cont03 .logos .logo01 img { max-width: 35.0000vw; margin: auto;}
.cont03 .logos ul { display: flex; justify-content: center; gap: 7.8125vw;}
.cont03 .logos ul li {}
.cont03 .logos ul li img { max-width: 52.8125vw; margin: auto;}


.cont03 .movie { max-width: 140.6250vw; margin: 0 8.5938vw 0;}
.cont03 .movie:not(:first-child) { margin-top: 6.2500vw;}
.cont03 .movie iframe[src*="youtube.com"],
.cont03 .movie iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

/*----------------------------*/

.cont04 { padding: 34.3750vw 0 18.7500vw; background-image: linear-gradient(0deg, rgba(25, 30, 59, 0), rgba(25, 30, 59, 1.0) 5% 95%, rgba(25, 30, 59, 0));}
.cont04 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 6.2500vw; text-align: center; position: relative; letter-spacing: 0.7813vw; text-transform: uppercase; margin-bottom: 7.8125vw; color: var(--color01_10);}
.cont04 h2::after { content: attr(data-jp); font-size: 2.1875vw; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 3.1250vw;}

.cont04 > p { font-family: "Noto Serif KR", serif; font-size: 3.7500vw; font-weight: 400; text-align: center; margin-bottom: 7.8125vw;}
.cont04 > p span { font-size: 6.2500vw;}
.cont04 .comment p { font-size: 2.5000vw; text-align: center; margin-bottom: 4.6875vw;}

.cont04 .box { max-width: 140.6250vw; margin: 0 8.5938vw 7.8125vw; text-align: center;}
.cont04 .box h3 { display: inline-block; color: var(--color01_10); font-size: 3.5937vw; font-weight: 400; position: relative; margin-bottom: 1.5625vw;}
.cont04 .box h3::before { content: ""; position: absolute; left: -1.4em; top: 0; width: 3.4375vw; height: 4.5313vw; background: url(../images/index/icon_light.svg) no-repeat center center; background-size: contain;}
.cont04 .box h3::after { content: ""; position: absolute; right: -1.4em; top: 0; width: 3.4375vw; height: 4.5313vw; background: url(../images/index/icon_light.svg) no-repeat center center; background-size: contain;}
.cont04 .box iframe[src*="youtube.com"],
.cont04 .box iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}


/*pxで表示
.cont04 .map { max-width: 171.8750vw; margin: 0 auto; text-align: center; position: relative;}
.cont04 .map .pop { position: absolute; width: 12.5000vw; height: 12.5000vw;}
.cont04 .map .pop a { width: 100%; height: 100%; display: block; border-radius: 50%; background: transparent; text-indent: -1562.3438vw;}

.cont04 .map .a { top: 325.4688vw; left: 81.2500vw;}
.cont04 .map .b { top: 260.1563vw; left: 63.1250vw;}
.cont04 .map .c { top: 221.8750vw; left: 93.7500vw;}
.cont04 .map .d { top: 189.0625vw; left: 63.2813vw;}
.cont04 .map .e { top:  125.3125vw; left: 83.4375vw;}
.cont04 .map .f { top:  131.2500vw; left: 58.9063vw;}
.cont04 .map .g { top:  121.8750vw; left: 31.2500vw;}
.cont04 .map .h { top:  99.2188vw; left: 20.3125vw;}
.cont04 .map .i { top:  87.1875vw; left: 16.5625vw;}
.cont04 .map .j { top:  65.9375vw; left: 27.0313vw;}
.cont04 .map .k { top:  53.7500vw; left:  14.0625vw;}
.cont04 .map .l { top:   9.8438vw; left: 47.3438vw;}
.cont04 .map .m { top:  34.5313vw; left: 34.0625vw;}
.cont04 .map .n { top:  25.0000vw; left: 43.7500vw;}
.cont04 .map .o { top:  28.5938vw; left: 66.2500vw;}
.cont04 .map .p { top:   9.0625vw; left: 64.8438vw;}
.cont04 .map .q { top:  10.0000vw; left: 95.3125vw;}
.cont04 .map .r { top:  15.6250vw; left: 111.0937vw;}
.cont04 .map .s { top:  90.6250vw; left: 77.3438vw;}
.cont04 .map .g2 { top:  44.0625vw; left: 108.2813vw;}*/


.cont04 .map { width: 100%; max-width: 171.8750vw; margin: 0 auto; position: relative; text-align: center;}
.cont04 .map > img { display: block; width: 100%; height: auto;}
.cont04 .map .pop { position: absolute; width: 7.2727%; height: auto; aspect-ratio: 1;}
.cont04 .map .pop a { width: 100%; height: 100%; display: block; border-radius: 50%; background: transparent; text-indent: -1562.3438vw;}

.cont04 .map .a { top: 83.8229%; left: 47.2727%;}
.cont04 .map .b { top: 67.0020%; left: 36.7273%;}
.cont04 .map .c { top: 57.1429%; left: 54.5455%;}
.cont04 .map .d { top: 48.6922%; left: 36.8182%;}
.cont04 .map .e { top: 32.2736%; left: 48.5455%;}
.cont04 .map .f { top: 33.8028%; left: 34.2727%;}
.cont04 .map .g { top: 31.3883%; left: 18.1818%;}
.cont04 .map .h { top: 25.5533%; left: 11.8182%;}
.cont04 .map .i { top: 22.4547%; left: 9.6364%;}
.cont04 .map .j { top: 16.9819%; left: 15.7273%;}
.cont04 .map .k { top: 13.8431%; left: 8.1818%;}
.cont04 .map .n { top: 2.5352%; left: 27.5455%;}
.cont04 .map .l { top: 8.8934%; left: 19.8182%;}
.cont04 .map .m { top: 6.4386%; left: 25.4545%;}
.cont04 .map .o { top: 7.3642%; left: 38.5455%;}
.cont04 .map .p { top: 2.3340%; left: 37.7273%;}
.cont04 .map .q { top: 2.5755%; left: 55.4545%;}
.cont04 .map .r { top: 4.0241%; left: 64.6364%;}
.cont04 .map .s { top: 23.3400%; left: 45.0000%;}
.cont04 .map .g2 { top: 11.3481%; left: 63.0000%;}




/*----------------------------*/
    
.cont05 { padding: 7.8125vw 3.1250vw 12.5000vw;}
.cont05 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 7.8125vw; text-align: center; position: relative; letter-spacing: 0.7813vw; text-transform: uppercase; margin-bottom: 7.8125vw;}
.cont05 h2::after { content: attr(data-jp); font-size: 2.1875vw; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 3.1250vw;}

.cont05 .movie { max-width: 93.7500vw; margin: 0 3.9063vw; aspect-ratio: 16 / 9;}
.cont05 .movie iframe{ width: 100%; border: 0;}



/*----------------------------*/

.cont06 { padding: 28.1250vw 3.1250vw 31.2500vw; background-image: linear-gradient(0deg, rgba(25, 30, 59, 0), rgba(25, 30, 59, 1.0) 5% 95%, rgba(25, 30, 59, 0));}
.cont06 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 6.2500vw; text-align: center; position: relative; letter-spacing: 0.7813vw; text-transform: uppercase; margin-bottom: 7.8125vw; color: var(--color01_10);}
.cont06 h2::after { content: attr(data-jp); font-size: 2.1875vw; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 3.1250vw;}

.cont06 ul { max-width: 187.5000vw; margin: 0 5.4688vw; display: flex; flex-direction: column; gap: 12.5000vw 0; flex-wrap: wrap;}
.cont06 ul li { width: 100%; display: flex; flex-direction: column; gap: 4.6875vw;}
.cont06 ul li .img { width: 100%;}
.cont06 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont06 ul li .txt { display: flex; flex-direction: column; gap: 1.5625vw;}
.cont06 ul li .txt h3 { font-size: 4.0625vw; font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; text-align: center; color: var(--color01_10);}
.cont06 ul li .txt .day { font-size: 2.6563vw; font-weight: 400; font-style: normal; text-align: center; color: var(--color01_10);}
.cont06 ul li .txt .comment { font-size: 2.5000vw;}


/*----------------------------*/

.cont07 { padding: 12.5000vw 3.1250vw 7.8125vw;}
.cont07 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 6.2500vw; text-align: center; position: relative; letter-spacing: 0.7813vw; text-transform: uppercase; margin-bottom: 7.8125vw; }
.cont07 h2::after { content: attr(data-jp); font-size: 2.1875vw; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 3.1250vw;}

.cont07 ul { max-width: 225.0000vw; margin: 0 0; display: flex; justify-content: space-between; gap: 7.8125vw 0; flex-wrap: wrap;}
.cont07 ul li { width: 42.1875vw; display: flex; flex-direction: column; gap: 2.3438vw;}
.cont07 ul li .img { width: 100%;}
.cont07 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont07 ul li .txt { display: flex; flex-direction: column; gap: 0.7813vw;}
.cont07 ul li .txt h3 { font-size: 3.4375vw; font-weight: 400; font-style: normal; }
.cont07 ul li .txt .day { font-size: 2.6563vw;}
.cont07 ul li .txt .pin { font-size: 2.6563vw; position: relative; padding-left: 4.3750vw;}
.cont07 ul li .txt .pin::before { content: ""; position: absolute; left: 0; top: 1em; transform: translateY(-50%); width: 3.1250vw; height: 3.7500vw; background: url(../images/index/icon_pin.svg) center/cover no-repeat; background-size: contain;}




/*----------------------------*/

.cont08 { padding: 9.3750vw 0 15.6250vw;}
.cont08 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 6.2500vw; text-align: center; position: relative; letter-spacing: 0.7813vw; text-transform: uppercase; margin-bottom: 7.8125vw; }
.cont08 h2::after { content: attr(data-jp); font-size: 2.1875vw; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 3.1250vw;}

.cont08 ul { max-width: 225.0000vw; margin: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.cont08 ul li { width: 50%; display: flex; align-items: center; flex-direction: column; padding: 7.8125vw 4.6875vw; gap: 3.1250vw; background: var(--color02_10); border-left: solid var(--com_px01) var(--color00_10);}
.cont08 ul li:nth-child(2n+1) { border-left: none;}
.cont08 ul li:nth-child(n+3) { border-top: solid var(--com_px01) var(--color00_10);}
.cont08 ul li .img { max-width: 45.3125vw;}
.cont08 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont08 ul li .txt { display: flex; flex-direction: column; gap: 0.7813vw;}
.cont08 ul li .txt h3 { font-size: 3.4375vw; font-weight: 400; font-style: normal; }
.cont08 ul li .dl { display: inline-block;}
.cont08 ul li .dl a { display: block; font-size: 2.6563vw; background: var(--color03_10); padding: 0.3125vw 3.1250vw; transition: ease .5s;}
.cont08 ul li .dl a:hover { background: var(--color03_10); opacity: 0.6; transition: ease .5s;}




/*----------------------------*/

.cont09 { padding: 9.3750vw 5% 28.1250vw;}
.cont09 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 6.2500vw; text-align: center; position: relative; letter-spacing: 0.7813vw; text-transform: uppercase; margin-bottom: 7.8125vw; }
.cont09 h2::after { content: attr(data-jp); font-size: 2.1875vw; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 3.1250vw;}

.cont09 p { text-align: center; font-size: 3.9063vw;}



}




@media screen and (width: 640px) {


/*----------------------------*/

.cont01 { padding: 0 0 70px;}
.cont01 h1 {}
.cont01 h1 img { width: 100%; height: auto;}
.cont01 .img01 { max-width: 440px; margin: 80px auto 0; padding: 0 5%;}



/*----------------------------*/

.cont02 { padding: 50px 5% 70px;}
.cont02 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 40px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px;}
.cont02 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}
.cont02 .txt { max-width: 1000px; margin: auto; border-top: var(--com_px01) solid var(--color00_10); border-bottom: var(--com_px01) solid var(--color00_10); padding: 30px 0; font-size: 16px;}
.cont02 .txt dl { width: 100%; margin: auto; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 5px 0; font-size: 16px;}
.cont02 .txt dl dt { font-size: 17px; line-height: 1.2;}
.cont02 .txt dl dt:not(:first-child) { margin-top: 20px;}



/*----------------------------*/

.cont03 { padding: 50px 0 100px;}
.cont03 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 40px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px;}
.cont03 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}
.cont03 .txt {}
.cont03 .txt h3 { font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; font-size: 22px; text-align: center; margin-bottom: 30px; line-height: 42px; letter-spacing: 0;}
.cont03 .txt p { font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 40px; text-align: left; margin: 0 25px 50px;}
.cont03 .table { max-width: 700px; margin: 30px 55px 80px;}
.cont03 .table dl { width: 100%; margin: auto; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; font-size: 16px; border-top: var(--com_px01) solid var(--color00_10);}
.cont03 .table dl dt,
.cont03 .table dl dd { grid-column: 1;}
.cont03 .table dl dt { border-bottom: none; padding: 20px 0 0 20px; align-content: center;}
.cont03 .table dl dt:nth-of-type(2) { letter-spacing: 2em;}
.cont03 .table dl dd { border-bottom: var(--com_px01) solid var(--color00_10); padding: 0 20px 20px 20px;}
.cont03 .logos { max-width: 1500px; background: var(--color02_07); margin: 0 auto 100px; padding: 70px 45px 50px; text-align: center; font-size: 16px;}
.cont03 .logos .logo01 { width: 100%; text-align: center; margin-bottom: 60px;}
.cont03 .logos .logo01 p { width: 100%; text-align: center; margin-bottom: 20px;}
.cont03 .logos .logo01 img { max-width: 224px; margin: auto;}
.cont03 .logos ul { display: flex; justify-content: center; gap: 50px;}
.cont03 .logos ul li {}
.cont03 .logos ul li img { max-width: 338px; margin: auto;}


.cont03 .movie { max-width: 900px; margin: 0 55px 0;}
.cont03 .movie:not(:first-child) { margin-top: 40px;}
.cont03 .movie iframe[src*="youtube.com"],
.cont03 .movie iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}

/*----------------------------*/

.cont04 { padding: 220px 0 120px; background-image: linear-gradient(0deg, rgba(25, 30, 59, 0), rgba(25, 30, 59, 1.0) 5% 95%, rgba(25, 30, 59, 0));}
.cont04 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 40px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; color: var(--color01_10);}
.cont04 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont04 > p { font-family: "Noto Serif KR", serif; font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 50px;}
.cont04 > p span { font-size: 40px;}
.cont04 .comment p { font-size: 16px; text-align: center; margin-bottom: 30px;}

.cont04 .box { max-width: 900px; margin: 0 55px 50px; text-align: center;}
.cont04 .box h3 { display: inline-block; color: var(--color01_10); font-size: 23px; font-weight: 400; position: relative; margin-bottom: 10px;}
.cont04 .box h3::before { content: ""; position: absolute; left: -1.4em; top: 0; width: 22px; height: 29px; background: url(../images/index/icon_light.svg) no-repeat center center; background-size: contain;}
.cont04 .box h3::after { content: ""; position: absolute; right: -1.4em; top: 0; width: 22px; height: 29px; background: url(../images/index/icon_light.svg) no-repeat center center; background-size: contain;}
.cont04 .box iframe[src*="youtube.com"],
.cont04 .box iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}


/*pxで表示
.cont04 .map { max-width: 1100px; margin: 0 auto; text-align: center; position: relative;}
.cont04 .map .pop { position: absolute; width: 80px; height: 80px;}
.cont04 .map .pop a { width: 100%; height: 100%; display: block; border-radius: 50%; background: transparent; text-indent: -9999px;}

.cont04 .map .a { top: 2083px; left: 520px;}
.cont04 .map .b { top: 1665px; left: 404px;}
.cont04 .map .c { top: 1420px; left: 600px;}
.cont04 .map .d { top: 1210px; left: 405px;}
.cont04 .map .e { top:  802px; left: 534px;}
.cont04 .map .f { top:  840px; left: 377px;}
.cont04 .map .g { top:  780px; left: 200px;}
.cont04 .map .h { top:  635px; left: 130px;}
.cont04 .map .i { top:  558px; left: 106px;}
.cont04 .map .j { top:  422px; left: 173px;}
.cont04 .map .k { top:  344px; left:  90px;}
.cont04 .map .l { top:   63px; left: 303px;}
.cont04 .map .m { top:  221px; left: 218px;}
.cont04 .map .n { top:  160px; left: 280px;}
.cont04 .map .o { top:  183px; left: 424px;}
.cont04 .map .p { top:   58px; left: 415px;}
.cont04 .map .q { top:  64px; left: 610px;}
.cont04 .map .r { top:  100px; left: 711px;}
.cont04 .map .s { top:  580px; left: 495px;}
.cont04 .map .g2 { top:  282px; left: 693px;}*/


.cont04 .map { width: 100%; max-width: 1100px; margin: 0 auto; position: relative; text-align: center;}
.cont04 .map > img { display: block; width: 100%; height: auto;}
.cont04 .map .pop { position: absolute; width: 7.2727%; height: auto; aspect-ratio: 1;}
.cont04 .map .pop a { width: 100%; height: 100%; display: block; border-radius: 50%; background: transparent; text-indent: -9999px;}

.cont04 .map .a { top: 83.8229%; left: 47.2727%;}
.cont04 .map .b { top: 67.0020%; left: 36.7273%;}
.cont04 .map .c { top: 57.1429%; left: 54.5455%;}
.cont04 .map .d { top: 48.6922%; left: 36.8182%;}
.cont04 .map .e { top: 32.2736%; left: 48.5455%;}
.cont04 .map .f { top: 33.8028%; left: 34.2727%;}
.cont04 .map .g { top: 31.3883%; left: 18.1818%;}
.cont04 .map .h { top: 25.5533%; left: 11.8182%;}
.cont04 .map .i { top: 22.4547%; left: 9.6364%;}
.cont04 .map .j { top: 16.9819%; left: 15.7273%;}
.cont04 .map .k { top: 13.8431%; left: 8.1818%;}
.cont04 .map .n { top: 2.5352%; left: 27.5455%;}
.cont04 .map .l { top: 8.8934%; left: 19.8182%;}
.cont04 .map .m { top: 6.4386%; left: 25.4545%;}
.cont04 .map .o { top: 7.3642%; left: 38.5455%;}
.cont04 .map .p { top: 2.3340%; left: 37.7273%;}
.cont04 .map .q { top: 2.5755%; left: 55.4545%;}
.cont04 .map .r { top: 4.0241%; left: 64.6364%;}
.cont04 .map .s { top: 23.3400%; left: 45.0000%;}
.cont04 .map .g2 { top: 11.3481%; left: 63.0000%;}




/*----------------------------*/
    
.cont05 { padding: 50px 20px 80px;}
.cont05 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 50px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px;}
.cont05 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont05 .movie { max-width: 600px; margin: 0 25px; aspect-ratio: 16 / 9;}
.cont05 .movie iframe{ width: 100%; border: 0;}



/*----------------------------*/

.cont06 { padding: 180px 20px 200px; background-image: linear-gradient(0deg, rgba(25, 30, 59, 0), rgba(25, 30, 59, 1.0) 5% 95%, rgba(25, 30, 59, 0));}
.cont06 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 40px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; color: var(--color01_10);}
.cont06 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont06 ul { max-width: 1200px; margin: 0 35px; display: flex; flex-direction: column; gap: 80px 0; flex-wrap: wrap;}
.cont06 ul li { width: 100%; display: flex; flex-direction: column; gap: 30px;}
.cont06 ul li .img { width: 100%;}
.cont06 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont06 ul li .txt { display: flex; flex-direction: column; gap: 10px;}
.cont06 ul li .txt h3 { font-size: 26px; font-family: "Noto Serif KR", serif; font-weight: 400; font-style: normal; text-align: center; color: var(--color01_10);}
.cont06 ul li .txt .day { font-size: 17px; font-weight: 400; font-style: normal; text-align: center; color: var(--color01_10);}
.cont06 ul li .txt .comment { font-size: 16px;}


/*----------------------------*/

.cont07 { padding: 80px 20px 50px;}
.cont07 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 40px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; }
.cont07 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont07 ul { max-width: 1440px; margin: 0 0; display: flex; justify-content: space-between; gap: 50px 0; flex-wrap: wrap;}
.cont07 ul li { width: 270px; display: flex; flex-direction: column; gap: 15px;}
.cont07 ul li .img { width: 100%;}
.cont07 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont07 ul li .txt { display: flex; flex-direction: column; gap: 5px;}
.cont07 ul li .txt h3 { font-size: 22px; font-weight: 400; font-style: normal; }
.cont07 ul li .txt .day { font-size: 17px;}
.cont07 ul li .txt .pin { font-size: 17px; position: relative; padding-left: 28px;}
.cont07 ul li .txt .pin::before { content: ""; position: absolute; left: 0; top: 1em; transform: translateY(-50%); width: 20px; height: 24px; background: url(../images/index/icon_pin.svg) center/cover no-repeat; background-size: contain;}




/*----------------------------*/

.cont08 { padding: 60px 0 100px;}
.cont08 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 40px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; }
.cont08 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont08 ul { max-width: 1440px; margin: auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.cont08 ul li { width: 50%; display: flex; align-items: center; flex-direction: column; padding: 50px 30px; gap: 20px; background: var(--color02_10); border-left: solid var(--com_px01) var(--color00_10);}
.cont08 ul li:nth-child(2n+1) { border-left: none;}
.cont08 ul li:nth-child(n+3) { border-top: solid var(--com_px01) var(--color00_10);}
.cont08 ul li .img { max-width: 290px;}
.cont08 ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: ease .5s;}
.cont08 ul li .txt { display: flex; flex-direction: column; gap: 5px;}
.cont08 ul li .txt h3 { font-size: 22px; font-weight: 400; font-style: normal; }
.cont08 ul li .dl { display: inline-block;}
.cont08 ul li .dl a { display: block; font-size: 17px; background: var(--color03_10); padding: 2px 20px; transition: ease .5s;}
.cont08 ul li .dl a:hover { background: var(--color03_10); opacity: 0.6; transition: ease .5s;}




/*----------------------------*/

.cont09 { padding: 60px 5% 180px;}
.cont09 h2 { font-family: "Cinzel", serif; font-weight: 400; font-style: normal; font-size: 40px; text-align: center; position: relative; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 50px; }
.cont09 h2::after { content: attr(data-jp); font-size: 14px; line-height: 1.0; display: block; font-family: "Noto Sans KR", sans-serif; letter-spacing: normal; padding-top: 20px;}

.cont09 p { text-align: center; font-size: 25px;}



}