@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Anaheim&family=EB+Garamond&family=Noto+Serif+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel&display=swap");
body { color: #139EE8; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 2em; background-color: #C5E7FA; }

a { color: #139EE8; text-decoration: none; outline: none; }
a:hover { text-decoration: none; }

p { font-size: 14px; line-height: 1.8em; margin: 0px; }
.sfs p { font-size: 12px; }
.sfl p { font-size: 16px; }
p.pbleft { max-width: 630px; font-feature-settings: "pwid"; letter-spacing: 0px; margin-left: auto; margin-right: auto; text-align: left; }
@media screen and (max-width: 584px) { p { font-size: 12px; }
  .sfs p { font-size: 10px; }
  .sfl p { font-size: 14px; } }

h1, h2, h3, h4, h5, h6 { letter-spacing: 3px; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-style: normal; }

.pc #w0 { min-width: 1000px; }
.mobile #w0 { min-width: 100%; }
#w0.show1 { opacity: 1; }
@media screen and (max-width: 584px) { #w0 { padding-bottom: 0px; } }

.load { width: 100%; height: 50px; position: absolute; left: 0%; top: 35%; z-index: 1000; }
.s1_0 .load { display: none; }

.loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 5px solid rgba(149, 122, 57, 0.2); border-right: 5px solid rgba(149, 122, 57, 0.2); border-bottom: 5px solid rgba(149, 122, 57, 0.2); border-left: 5px solid #957A39; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; border-radius: 50%; width: 50px; height: 50px; }
.loader::after { border-radius: 50%; width: 50px; height: 50px; }

@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
header { background-color: #C5E7FA; border-top: 2px solid #FCE95F; height: auto; position: relative; width: 100%; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: fixed; left: 0; top: 0; z-index: 777; }
header .spmenutit { width: 62px; height: 62px; color: #139EE8; display: none; position: absolute; right: 0px; bottom: 0px; font-size: 12px; background-color: #fff; }
header .spmenutit > div { display: block; width: 28px; height: 28px; left: 18px; top: 20px; box-sizing: border-box; position: absolute; }
header .spmenutit > div span { position: absolute; width: 100%; height: 2px; border-radius: 1.5px; background-color: #139EE8; left: 0px; transform-origin: 0 50%; transition: transform 0.2s linear; }
header .spmenutit > div p { color: #fff; line-height: 12px; font-size: 10px; text-align: center; }
header .spmenutit > div span:nth-of-type(1) { top: 0px; }
header .spmenutit > div span:nth-of-type(2) { top: 7px; }
header .spmenutit > div span:nth-of-type(3) { top: 14px; }
@media screen and (max-width: 584px) { header .spmenutit { display: block; z-index: 777; } }
header .header { max-width: 1200px; min-width: 1000px; margin-left: auto; margin-right: auto; position: relative; width: 100%; height: 125px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 584px) { header .header { min-width: 100px; height: 60px; } }
header .header h1 { margin: 0; width: 100%; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 10px; color: #666666; letter-spacing: 0; line-height: 1em; margin-left: auto; margin-right: auto; padding-top: 10px; margin-bottom: 10px; }
@media screen and (max-width: 584px) { header .header h1 { width: 70%; margin-left: 10px; margin-right: auto; } }
header .header h1 img { display: block; vertical-align: bottom; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; }
header nav { height: 50px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 584px) { header nav { display: none; } }
header nav .gmenu { width: 98%; height: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; position: relative; display: flex; justify-content: space-between; align-items: center; }
header nav .gmenu li { position: relative; width: 16.6666%; height: 100%; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #fff; }
header nav .gmenu li::before { width: 1px; height: 44%; content: ""; background-color: #ccc; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
header nav .gmenu li:last-child::before { display: none; }
header nav .gmenu li a { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-style: normal; display: block; width: 100%; height: 100%; position: relative; text-align: center; font-size: 14px; color: #000000; line-height: 1em; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; overflow: hidden; z-index: 3; display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-content: center; }
header nav .gmenu li a span { width: 100%; display: block; text-align: center; }
header nav .gmenu li a span i { color: #2FA9EB; font-style: initial; text-decoration: line-through; }
header nav .gmenu li:hover { background-color: #FCE862; }
#form header nav .gmenu li.form, #form2 header nav .gmenu li.form2, #index header nav .gmenu li.index, #link header nav .gmenu li.link, #news header nav .gmenu li.news, #participants header nav .gmenu li.participants, #presenter header nav .gmenu li.presenter, #slide header nav .gmenu li.presenter, #program header nav .gmenu li.program, #message header nav .gmenu li.message { background-color: #FCE862; }
header nav .gmenu li.news { display: none; }
header nav .gmenu li.form, header nav .gmenu li.form2 { pointer-events: none; }
header nav .gmenu li.form a, header nav .gmenu li.form2 a { opacity: 0.3; }
header nav .gmenu li.link, header nav .gmenu li.news, header nav .gmenu li.formx, header nav .gmenu li.form2x, header nav .gmenu li.participants, header nav .gmenu li.presenterx, header nav .gmenu li.programx, header nav .gmenu li.messagex { pointer-events: none; }
header nav .gmenu li.link a, header nav .gmenu li.news a, header nav .gmenu li.formx a, header nav .gmenu li.form2x a, header nav .gmenu li.participants a, header nav .gmenu li.presenterx a, header nav .gmenu li.programx a, header nav .gmenu li.messagex a { opacity: 0.3; }
header nav .gmenu li.link::before, header nav .gmenu li.news::before, header nav .gmenu li.formx::before, header nav .gmenu li.form2x::before, header nav .gmenu li.participants::before, header nav .gmenu li.presenterx::before, header nav .gmenu li.programx::before, header nav .gmenu li.messagex::before { content: "coming soon"; position: absolute; color: #139EE8; font-size: 12px; left: 0; bottom: -4px; width: 100%; text-align: center; z-index: 4; }

p span i { color: #2FA9EB; font-style: initial; text-decoration: line-through; }

.p2 span i { color: #000; font-style: initial; text-decoration: line-through; }

.pc.posfix .pagetop { right: 0; }
.pc.posfix .header { height: 100px; }
.pc.posfix .header h1 { padding-top: 6px; margin-bottom: 6px; }
.pc.posfix nav { height: 40px; }
.pc.posfix nav .gmenu li a { padding-top: 4px; padding-bottom: 2px; }
.pc.posfix nav .gmenu li a::before { bottom: 5px; }

.menuopen { overflow: hidden; }
.menuopen #w0 footernav { bottom: 0; }
.menuopen header nav { margin-top: 0; pointer-events: auto; }

.menuopen .spmenutit > div { left: 22px; }

.menuopen .spmenutit span:nth-of-type(1) { transform: rotate(45deg) translate3d(-3px, 0, 0); top: 0px; left: 3px; }

.menuopen .spmenutit span:nth-of-type(2) { transform: scaleX(0); transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; }

.menuopen .spmenutit span:nth-of-type(3) { transform: rotate(-45deg) translate3d(-3px, 0, 0); left: 3px; top: 15px; }

article { padding-top: 120px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 584px) { article { padding-top: 62px; } }

.posfix article { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding-top: 0px; }

.pagetop { position: fixed; z-index: 77; right: -60px; bottom: 60px; width: 50px; height: 50px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.pagetop a { display: block; width: 100%; height: 100%; position: relative; }
.pagetop a img { display: block; vertical-align: bottom; width: 100%; }
.pagetop:hover { opacity: 0.7; }

section > .sectionin { padding: 40px; width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; position: relative; }
@media screen and (max-width: 584px) { section > .sectionin { padding-left: 6vw; padding-right: 6vw; } }
section > .sectionin h3 { text-align: center; font-size: 30px; color: #998675; margin-bottom: 60px; }
@media screen and (max-width: 584px) { section > .sectionin h3 { font-size: 5vw; margin-bottom: 30px; } }
section > .sectionin p.lead { font-size: 20px; text-align: center; line-height: 2.4em; margin-bottom: 30px; }
@media screen and (max-width: 584px) { section > .sectionin p.lead { font-size: 4vw; margin-bottom: 15px; } }

.pagetit { position: relative; }
.pagetit .bg { display: block; vertical-align: bottom; width: 100%; }
.pagetit p.note { position: absolute; right: 5px; bottom: 5px; line-height: 1em; margin: 0; z-index: 3; color: #fff; font-feature-settings: "pwid"; letter-spacing: 0px; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 4px rgba(0, 0, 0, 0.5), 0px 0px 5px rgba(0, 0, 0, 0.5), 0px 0px 6px rgba(0, 0, 0, 0.5), 0px 0px 12px rgba(0, 0, 0, 0.5); }
.pagetit .mainc2 { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: 4; display: flex; justify-content: center; align-items: center; }
.pagetit .mainc2 img { width: auto; height: 90%; }
.pagetit .mainc { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; z-index: 3; display: flex; justify-content: center; align-items: center; mix-blend-mode: multiply; background-blend-mode: multiply; }
.pagetit .mainc img { width: auto; height: 90%; }
@media all and (-ms-high-contrast: none) { .pagetit .mainc { opacity: 0; } }

.secftbann { position: relative; z-index: 5; background-color: #fff; padding-bottom: 100px; }
.secftbann h5 { text-align: center; font-size: 16px; font-feature-settings: "pwid"; letter-spacing: 0px; }
@media screen and (max-width: 584px) { .secftbann h5 { font-size: 4vw; } }
.secftbann figure { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; }
.secftbann figure img { display: block; vertical-align: bottom; width: 100%; }
.secftbann figure:hover { opacity: 0.7; }

.secapp { position: relative; padding-left: 20px; padding-right: 20px; position: relative; z-index: 8; }
@media screen and (max-width: 584px) { .secapp { padding-top: 20px; padding-bottom: 70px; } }
.secapp .secin { position: relative; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; }
.secapp .secin .opbtn { width: 100%; cursor: pointer; left: 50%; bottom: -30px; z-index: 7; max-width: 400px; padding: 10px; box-sizing: border-box; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; }
.secapp .secin .opbtn::before { z-index: 1; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background-size: 100% 100%; background-position: center center; background-image: url("../images/common/bg_03.jpg"); content: ""; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 584px) { .secapp .secin .opbtn { margin-top: 20px; width: 96%; } }
.secapp .secin .opbtn p { color: #fff; font-size: 20px; text-align: center; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; }
.secapp .secin .opbtn p img { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22px; z-index: 2; }
@media screen and (max-width: 584px) { .secapp .secin .opbtn p { font-size: 4vw; } }
.secapp .secin .opbtn:hover::before { opacity: 0.7; }
.secapp .secin .secapp2 { display: none; position: relative; overflow: hidden; border: 6px solid #FFEA34; }
.secapp .secin .secapp2 .secapp2in3 { padding-top: 60px; padding-bottom: 40px; background-size: 100% auto; background-repeat: repeat-y; background-color: #fff; background-image: url("../images/top/bg_03.png"); position: relative; }
.secapp .secin .secapp2 .secapp2in3::after { content: ""; z-index: 5; position: absolute; width: 50px; height: 50px; top: -25px; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); background-color: #595858; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3::after { width: 30px; height: 30px; top: -15px; } }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 { padding-top: 40px; } }
.secapp .secin .secapp2 .secapp2in3 h3 { margin: 0; margin-bottom: 30px; text-align: center; }
.secapp .secin .secapp2 .secapp2in3 h3 img { width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 h3 img { max-width: 200px; } }
.secapp .secin .secapp2 .secapp2in3 ul { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 ul { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.secapp .secin .secapp2 .secapp2in3 ul li { width: 30%; position: relative; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 ul li { width: 100%; } }
.secapp .secin .secapp2 .secapp2in3 ul li .mbtn2 { text-align: center; font-size: 30px; color: #998675; margin-top: 20px; }
.secapp .secin .secapp2 .secapp2in3 ul li .mbtn { width: 100%; margin-top: 20px; margin-bottom: 20px; cursor: pointer; z-index: 7; max-width: 400px; padding: 6px; box-sizing: border-box; background-color: #fff; border: 2px solid #4C4C4C; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.secapp .secin .secapp2 .secapp2in3 ul li .mbtn a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 ul li .mbtn { margin-top: 20px; width: 80%; margin-left: auto; margin-right: auto; } }
.secapp .secin .secapp2 .secapp2in3 ul li .mbtn p { color: #4C4C4C; font-size: 14px; text-align: center; display: flex; justify-content: center; align-items: center; }
.secapp .secin .secapp2 .secapp2in3 ul li .mbtn p img { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22px; z-index: 2; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 ul li .mbtn p { font-size: 4vw; } }
.secapp .secin .secapp2 .secapp2in3 ul li .mbtn.reqs { border: 2px solid #fff; background-size: cover; background-position: center center; background-image: url(../images/common/bg_02.jpg); }
.secapp .secin .secapp2 .secapp2in3 ul li .mbtn.reqs p { color: #fff; }
.secapp .secin .secapp2 .secapp2in3 ul li .mbtn:hover { opacity: 0.7; }
.secapp .secin .secapp2 .secapp2in3 ul li p { font-size: 12px; text-align: center; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 ul li p { width: 100%; display: block; } }
.secapp .secin .secapp2 .secapp2in3 ul li h4 { font-size: 20px; color: #595858; margin: 0; margin-top: 20px; margin-bottom: 20px; text-align: center; background-color: #E7F4FA; font-feature-settings: "pwid"; letter-spacing: 0px; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 ul li h4 { font-size: 4vw; text-align: left; margin-top: 30px; } }
.secapp .secin .secapp2 .secapp2in3 ul li figure { position: relative; width: 100%; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 ul li figure { width: 90px; float: left; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } }
.secapp .secin .secapp2 .secapp2in3 ul li figure > img { display: block; vertical-align: bottom; width: 100%; max-width: 160px; margin-left: auto; margin-right: auto; }
.secapp .secin .secapp2 .secapp2in3 ul li figure .bg2 { width: 60px; height: auto; position: absolute; right: -40px; bottom: 30px; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in3 ul li figure .bg2 { display: none; } }
.secapp .secin .secapp2 .secapp2in2 { position: relative; padding: 40px; padding-top: 40px; background-size: cover; background-position: center center; background-image: url("../images/top/bg_04.jpg"); }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in2 { padding: 20px; } }
.secapp .secin .secapp2 .secapp2in2 h3 { line-height: 2.4em; color: #998675; text-align: center; font-size: 22px; margin-bottom: 60px; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in2 h3 { margin: 0; margin-bottom: 10px; font-size: 4vw; line-height: 1.8em; text-align: left; } }
.secapp .secin .secapp2 .secapp2in2 .h33 { width: 200px; position: absolute; right: 20px; top: 20px; z-index: 2; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in2 .h33 { width: 120px; right: -10px; top: -40px; } }
.secapp .secin .secapp2 .secapp2in2 ul { display: flex; justify-content: space-between; align-items: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.secapp .secin .secapp2 .secapp2in2 ul li { margin-bottom: 20px; width: 23%; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in2 ul li { width: 49%; } }
.secapp .secin .secapp2 .secapp2in2 ul li figure { position: relative; }
.secapp .secin .secapp2 .secapp2in2 ul li figure img { display: block; vertical-align: bottom; width: 100%; }
.secapp .secin .secapp2 .secapp2in2 ul li figure p.note { position: absolute; right: 5px; bottom: 5px; z-index: 3; color: #fff; }
.secapp .secin .secapp2 .secapp2in2 ul li figure p.note.colb { color: #000; }
.secapp .secin .secapp2 .secapp2in2 ul li figure .bg2 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
.secapp .secin .secapp2 .secapp2in2 ul li h5 { margin: 0; margin-top: 10px; text-align: center; font-size: 17px; text-align: center; color: #595858; letter-spacing: 0; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in2 ul li h5 { font-size: 3.5vw; margin-top: 4px; line-height: 1.7em; } }
.secapp .secin .secapp2 .secapp2in1 { background-size: 100% auto; background-repeat: repeat-y; background-color: #fff; background-image: url("../images/top/bg_03.png"); padding-top: 40px; padding-bottom: 40px; }
.secapp .secin .secapp2 .secapp2in1 h3 { margin: 0; margin-bottom: 30px; padding: 10px; font-size: 22px; text-align: center; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; border: 2px solid #595858; background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in1 h3 { font-size: 3.5vw; width: 90%; } }
.secapp .secin .secapp2 .secapp2in1 ul { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in1 ul { justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.secapp .secin .secapp2 .secapp2in1 ul li { width: 30%; }
@media screen and (max-width: 584px) { .secapp .secin .secapp2 .secapp2in1 ul li { width: 44%; margin-left: 1%; margin-right: 1%; }
  .secapp .secin .secapp2 .secapp2in1 ul li:nth-child(1) { margin-left: 24%; margin-right: 24%; } }
.secapp .secin .secapp2 .secapp2in1 ul li img { display: block; vertical-align: bottom; width: 100%; }
.secapp .secin .secapp1 { position: relative; background-size: cover; background-position: center center; background-image: url("../images/top/app_18.jpg"); max-width: 900px; margin-left: auto; margin-right: auto; }
.secapp .secin .secapp1 dl { display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 584px) { .secapp .secin .secapp1 dl { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.secapp .secin .secapp1 dl dt { width: 50%; position: relative; }
@media screen and (max-width: 584px) { .secapp .secin .secapp1 dl dt { width: 100%; order: 2; } }
.secapp .secin .secapp1 dl dt .bg { display: block; vertical-align: bottom; width: 100%; }
.secapp .secin .secapp1 dl dt .bg2 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background-size: cover; background-position: center center; background-image: url("../images/top/app_19.svg"); }
.secapp .secin .secapp1 dl dd { width: 50%; position: relative; padding: 20px; display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 584px) { .secapp .secin .secapp1 dl dd { width: 100%; order: 1; } }
.secapp .secin .secapp1 dl dd h4 { background-color: #F1DE1D; color: #7B803F; font-size: 15px; padding: 4px; text-align: center; width: 100%; margin: 0; }
@media screen and (max-width: 584px) { .secapp .secin .secapp1 dl dd h4 { font-size: 4vw; } }
.secapp .secin .secapp1 dl dd p { font-size: 15px; text-decoration: underline; color: #fff; margin-top: 20px; }
@media screen and (max-width: 584px) { .secapp .secin .secapp1 dl dd p { font-size: 3.5vw; text-align: center; } }
.secapp .secin .secapp1 dl dd img { margin-top: 20px; width: 100%; max-width: 260px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 584px) { .secapp .secin .secapp1 dl dd img { max-width: 180px; } }
.secapp.cls .secin .opbtn .s1 { display: block; }
.secapp.cls .secin .opbtn .s2 { display: none; }
.secapp.opn .secin .opbtn .s1 { display: none; }
.secapp.opn .secin .opbtn .s2 { display: block; }

.secnote { position: relative; z-index: 5; background-color: #fff; }
.secnote .secin { width: 96%; max-width: 1000px; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 30px; font-size: 12px; line-height: 1.4em; }
@media screen and (max-width: 584px) { .secnote .secin { width: 100%; padding: 20px; } }

footer { position: relative; z-index: 5; }
footer .copy { text-align: center; padding: 20px; }
footer .copy img { width: auto; height: 40px; margin-left: auto; margin-right: auto; display: block; vertical-align: bottom; }
@media screen and (max-width: 584px) { footer .copy img { height: 30px; } }
@media screen and (max-width: 584px) { footer { margin-bottom: 70px; } }

@media print { #w0 { padding: 0; margin: 0; }
  section .secin { padding-top: 0px; padding-bottom: 0px; }
  .rbtn1, .rbtn2, .rbtnset, .hhemu0, .reqbtn2, .reqbtn, #wrpG, footer, nav, header, .tlink, .flogo, .hlogo, .stab2, .hmenu4, .spmenubtn, .hmenu2, .hmenu { display: none; } }
.cttbtn { max-width: 600px; padding: 24px; box-sizing: border-box; background-color: #595858; box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.3); margin-left: auto; margin-right: auto; position: relative; margin-top: 40px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.cttbtn:hover { opacity: 0.7; }
.cttbtn h5 { color: #fff !important; margin-bottom: 0 !important; }
.cttbtn a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 7; }
.cttbtn a p { font-size: 12px !important; text-align: right !important; width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; padding-right: 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.cttbtn a::after { position: absolute; display: block; content: ""; width: 1px; height: 12px; right: 84px; top: calc(50% - 8px); background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.cttbtn a::before { position: absolute; display: block; width: 130px; height: 1px; content: ""; right: 80px; top: 50%; border-bottom: 1px solid #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 584px) { .cttbtn a::before { width: 50px; } }
.cttbtn a:hover::after { right: 94px; }
.cttbtn a:hover::before { right: 90px; }
.cttbtn a:hover p { padding-right: 30px; }
.cttbtn h5 { color: #00B2EC; font-size: 22px; margin: 0; margin-bottom: 20px; }
@media screen and (max-width: 584px) { .cttbtn h5 { font-size: 4vw; } }
.cttbtn p { font-size: 18px; color: #fff; }
.cttbtn:hover { opacity: 0.7; }

@-webkit-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
.thims { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; opacity: 0; transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); }

.thimi, .thimi2, .thimi4, .thimi3 { opacity: 0; transform: scale(1.1) translate(0, 100px) skew(0deg, -5deg); }

.thims.ani1 { opacity: 1; -webkit-transition: 3s; -moz-transition: 3s; -o-transition: 3s; transition: 3s; transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); }

.thims.ani1.ani1fin { -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }

.thimi.ani1 { opacity: 1; -webkit-transition: 1s 0.25s; -moz-transition: 1s 0.25s; -o-transition: 1s 0.25s; transition: 1s 0.25s; transform: scale(1) translate(0, 0) skew(0deg, 0deg); }

.thimi2.ani1 { opacity: 1; -webkit-transition: all 1s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0.8s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1) translate(0, 0) skew(0deg, 0deg); }

.thimi3.ani1 { opacity: 1; -webkit-transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0.8s 0.35s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1) translate(0, 0) skew(0deg, 0deg); }

.thimi4.ani1 { opacity: 1; -webkit-transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0.8s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1) translate(0, 0) skew(0deg, 0deg); }

.thim.ani1.ani1fin, .thim2.ani1.ani1fin, .thim4.ani1.ani1fin, .thim3.ani1.ani1fin { opacity: 1; -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1); }

.thiml2, .thiml { opacity: 0; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); }

.thimr2, .thimr { opacity: 0; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); }

.thiml.ani1, .thimr.ani1 { opacity: 1; -webkit-transition: 3s; -moz-transition: 3s; -o-transition: 3s; transition: 3s; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.thiml2.ani1, .thimr2.ani1 { opacity: 1; -webkit-transition: all 2s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 2s 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.thim, .thim2, .thim4, .thim3 { opacity: 0; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform: translateY(5%); -moz-transform: translateY(5%); -ms-transform: translateY(5%); transform: translateY(5%); }

.thim.thimu, .thim2.thimu, .thim4.thimu, .thim3.thimu { opacity: 0; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); }

.thim.ani1 { opacity: 1; -webkit-transition: 2s 0.25s; -moz-transition: 2s 0.25s; -o-transition: 2s 0.25s; transition: 2s 0.25s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.thim2.ani1 { opacity: 1; -webkit-transition: 2s 0.3s; -moz-transition: 2s 0.3s; -o-transition: 2s 0.3s; transition: 2s 0.3s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.thim3.ani1 { opacity: 1; -webkit-transition: 2s 0.35s; -moz-transition: 2s 0.35s; -o-transition: 2s 0.35s; transition: 2s 0.35s; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.thim4.ani1 { opacity: 1; -webkit-transition: 2s 0.4s; -moz-transition: 2s 0.7s; -o-transition: 2s 0.4s; transition: 2s 0.7s; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.thim.ani1.ani1fin, .thim2.ani1.ani1fin, .thim4.ani1.ani1fin, .thim3.ani1.ani1fin, .thiml.ani1.ani1fin, .thimr.ani1.ani1fin, .thiml2.ani1.ani1fin, .thimr2.ani1.ani1fin { opacity: 1; -webkit-transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all 0s 0s cubic-bezier(0.22, 0.61, 0.36, 1); }

.pagetitle { position: relative; height: 260px; }
@media screen and (max-width: 584px) { .pagetitle { height: 200px; } }
.pagetitle .bg { display: block; vertical-align: bottom; width: 70%; margin-left: auto; margin-right: 0; overflow: hidden; height: 100%; }
.pagetitle .bg img { display: block; vertical-align: bottom; width: 100%; height: 100%; object-fit: cover; }
.pagetitle .sectionin { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; max-width: 1100px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 3; }
.pagetitle .sectionin .mainc { font-size: 30px; color: #015084; position: relative; display: block; vertical-align: bottom; width: 100%; max-width: 300px; padding-bottom: 10px; border-bottom: 4px solid #015084; }
@media screen and (max-width: 584px) { .pagetitle .sectionin .mainc { font-size: 6vw; width: 44%; max-width: 200px; } }

.cmainimg { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.cmainimg p.note { position: absolute; right: 5px; bottom: 5px; z-index: 7; color: #fff; }
.cmainimg h2 { color: #fff; }
.cmainimg h2 span { font-size: 14px; display: block; margin-left: auto; margin-right: auto; }
.cmainimg .secin { position: absolute; width: 100%; max-width: 960px; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 7; }
.cmainimg .mbg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center center; background-attachment: fixed; background-image: url("../images/location/main_01.jpg"); }
.cmainimg .mbg::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; backdrop-filter: blur(5px); background: rgba(255, 255, 255, 0.2); z-index: 2; }
.cmainimg .mbg::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; background: rgba(0, 0, 0, 0.5); z-index: 3; }
.cmainimg.ani1 figure { opacity: 1; transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transition: 4s 1s; -moz-transition: 4s 1s; -o-transition: 4s 1s; transition: 4s 1s; }
.cmainimg.ani1 .mbg::after { opacity: 0; -webkit-transition: 4s; -moz-transition: 4s; -o-transition: 4s; transition: 4s; }
.cmainimg.ani1 .mbg::before { opacity: 1; -webkit-transition: 4s 1s; -moz-transition: 4s 1s; -o-transition: 4s 1s; transition: 4s 1s; }

.menubtn { width: 76px; height: 76px; position: fixed; right: -80px; top: 0px; z-index: 4677; cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.menubtn a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; display: none; }
.menubtn div { width: 34px; height: 36px; margin-bottom: 6px; margin-top: 8px; margin-left: auto; margin-right: auto; position: relative; }
.menubtn div span { display: block; background: #4D4D4D; width: 100%; height: 1px; position: absolute; left: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.menubtn div span:first-child { top: 9px; }
.menubtn div span:nth-child(2) { margin-top: -1px; top: 50%; }
.menubtn div span:last-child { bottom: 9px; }
.menuop2 .menubtn span:first-child { width: 50%; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); top: 18px; left: -3px; }
.menuop2 .menubtn span:last-child { bottom: 18px; left: -3px; width: 50%; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); }
.menuop2 .menubtn p.open { display: none; }
.menuop2 .menubtn p.cls { display: none; }
.menuop2 .menubtn p.back { display: block; }
.menuop2 .menubtn a { display: block; }
.menuop .menubtn p.open { display: none; }
.menuop .menubtn p.cls { display: block; }
.menuop .menubtn div span:first-child { -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
.menuop .menubtn div span:nth-child(2) { opacity: 0; }
.menuop .menubtn div span:last-child { -webkit-transform: translateY(-7px) rotate(-45deg); -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); }
.mobile .menubtn { right: 0px; }

.btnset { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 880px; margin-left: auto; margin-right: auto; }
.btnset li { position: relative; width: 48%; }
.btnset.col3 li { width: 31%; }

.reqbtn { width: 100%; max-width: 400px; position: relative; margin-left: auto; margin-right: auto; height: 70px; background-color: #00B2EC; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.reqbtn.rsv { background-color: #1A6E7B; }
.reqbtn a { display: block; z-index: 3; width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 18px; letter-spacing: 4px; color: #fff; }
.reqbtn a p { font-size: 18px; letter-spacing: 4px; }
.reqbtn a span { font-size: 24px; line-height: 1em; margin-top: -4px; margin-left: 10px; }
.reqbtn a img { width: 14px; margin-left: 20px; }
@media screen and (max-width: 767px) { .reqbtn a p { font-size: 3.5vw; } }
.reqbtn:hover { opacity: 0.7; }

.reqbtn { max-width: 360px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; overflow: hidden; }
.reqbtn a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.reqbtn::before { content: ""; position: absolute; width: 130%; height: 100%; left: -150%; top: 0; -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); background-size: 100% 100%; background-position: center center; background-image: url(../images/common/bg_01.jpg); -webkit-transform: skewX(-17.62deg); transform: skewX(-17.62deg); opacity: 1; z-index: 1; }
.reqbtn:hover { box-shadow: rgba(255, 234, 52, 0.24) 0px 3px 8px; }
.reqbtn:hover::before { left: -15%; }

.secreq { padding: 60px; box-sizing: border-box; position: relative; z-index: 5; }
@media screen and (max-width: 584px) { .secreq { padding: 20px; padding-top: 30px; padding-bottom: 30px; } }
.secreq .btnset { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 360px; }
.secreq .btnset li { width: 100%; }
.secreq .secin { margin: 0; }

footernav { position: fixed; left: 0; bottom: -70px; z-index: 1000; width: 100%; height: 70px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); }
footernav a { position: relative; z-index: 5; margin: 0; color: #fff; text-align: center; text-decoration: none; font-weight: 400; font-size: 10px; cursor: pointer; width: 33%; display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
footernav a img { display: block; margin: 0; max-width: 24px; width: 100%; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
footernav a span { color: #fff; width: 100%; display: block; font-size: 3vw; text-align: center; white-space: nowrap; line-height: 1em; }
footernav a:last-child { border-right: none; }
footernav a.home { background-color: #79C3B9; }
footernav a.home span { color: #2C8883; }
footernav a.outline { background-color: #D6DDDE; }
footernav a.outline span { color: #4D4D4D; }
footernav a.map { background-color: #C5B198; }
footernav a.request { background-color: #665C5C; }
footernav a.reserve { background-color: #1A6E7B; }
footernav a.tel { background-color: #fff; position: relative; }
footernav a.tel span { color: #4A4A4A; }
footernav .spmenutit { width: 80px; height: 50px; color: #000000; position: absolute; right: 10px; bottom: 10px; font-size: 12px; }
footernav .spmenutit p { width: 100%; color: #4a4a4a; font-size: 3vw; text-align: center; position: absolute; bottom: 2px; left: 0%; }
footernav .spmenutit > div { display: block; width: 28px; height: 28px; left: 28px; top: 8px; box-sizing: border-box; position: absolute; }
footernav .spmenutit > div span { position: absolute; width: 100%; height: 2px; border-radius: 1.5px; background-color: #000000; left: 0px; transform-origin: 0 50%; transition: transform 0.2s linear; }
footernav .spmenutit > div p { color: #fff; line-height: 12px; font-size: 10px; text-align: center; }
footernav .spmenutit > div span:nth-of-type(1) { top: 0px; }
footernav .spmenutit > div span:nth-of-type(2) { top: 7px; }
footernav .spmenutit > div span:nth-of-type(3) { top: 14px; }

.posfix footernav { bottom: 0; }

#wrpG { width: 100%; height: 100vh; padding-top: 10px; padding-bottom: 60px; position: fixed; pointer-events: none; top: 0px; left: -102%; z-index: 600; overflow: auto; box-sizing: border-box; -moz-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); -o-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); transition: 0.6s cubic-bezier(0.52, 0.08, 0.18, 1); background-color: #fff; padding-top: 80px; padding-left: 8vw; padding-right: 8vw; }
#wrpG .clink { background-color: #139EE8; width: 100%; height: 50px; position: relative; margin-top: 40px; }
#wrpG .clink a { display: block; width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; }
#wrpG .cnavi { position: relative; display: flex; justify-content: space-between; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #139EE8; padding-top: 20px; }
#wrpG .cnavi li { width: 100%; height: 60px; position: relative; display: flex; justify-content: center; align-items: center; }
#wrpG .cnavi li a { display: block; width: 100%; height: 100%; position: relative; font-size: 3.5vw; color: #1a1a1a; line-height: 1em; display: flex; justify-content: flex-start; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-content: center; text-align: left; padding-left: 30px; }
#wrpG .cnavi li a p { text-align: left; }
#wrpG .cnavi li a::before { width: 24px; height: 24px; content: "+"; position: absolute; left: 0px; top: 56%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; color: #139EE8; }
#wrpG .cnavi li.dis { opacity: 0.3; pointer-events: none; }
#index #wrpG .cnavi li.index, #link #wrpG .cnavi li.link, #news #wrpG .cnavi li.news, #participants #wrpG .cnavi li.participants, #presenter #wrpG .cnavi li.presenter, #slide #wrpG .cnavi li.presenter, #program #wrpG .cnavi li.program, #message #wrpG .cnavi li.message { background-color: #FCE862; }
#wrpG .cnavi li.news { display: none; }
#wrpG .cnavi li.link, #wrpG .cnavi li.formx, #wrpG .cnavi li.form2x, #wrpG .cnavi li.news, #wrpG .cnavi li.participants, #wrpG .cnavi li.presenterx, #wrpG .cnavi li.programx, #wrpG .cnavi li.messagex { pointer-events: none; }
#wrpG .cnavi li.link a, #wrpG .cnavi li.formx a, #wrpG .cnavi li.form2x a, #wrpG .cnavi li.news a, #wrpG .cnavi li.participants a, #wrpG .cnavi li.presenterx a, #wrpG .cnavi li.programx a, #wrpG .cnavi li.messagex a { opacity: 0.3; }
#wrpG .cnavi li.link::before, #wrpG .cnavi li.formx::before, #wrpG .cnavi li.form2x::before, #wrpG .cnavi li.news::before, #wrpG .cnavi li.participants::before, #wrpG .cnavi li.presenterx::before, #wrpG .cnavi li.programx::before, #wrpG .cnavi li.messagex::before { content: "coming soon"; position: absolute; color: #139EE8; font-size: 12px; left: 0; bottom: -4px; width: 100%; text-align: center; z-index: 4; }
.menuopen #wrpG { left: 0; pointer-events: auto; }

.mbg0 { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; pointer-events: none; }
.mbg0::after { content: ""; display: block; background-color: #fff; position: absolute; height: 50%; width: 100%; top: 50%; left: 0; pointer-events: none; transform: translateZ(0) scaleY(1); transform-origin: bottom; transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 0s linear 1s; }
.mbg0::before { content: ""; display: block; background-color: #fff; position: absolute; height: 50%; width: 100%; top: 0; left: 0; pointer-events: none; transform: translateZ(0) scaleY(1); transform-origin: top; transition: transform 1s cubic-bezier(0.6, 0, 0.3, 1), opacity 0s linear 1s; }

.opfin .mbg0::before { opacity: 0; transform: translateZ(0) scaleY(0); }
.opfin .mbg0::after { opacity: 0; transform: translateZ(0) scaleY(0); }

#pop_movie { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 9999; background-color: rgba(197, 231, 250, 0.9); pointer-events: none; -moz-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); -o-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); -webkit-transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); transition: 1s cubic-bezier(0.52, 0.08, 0.18, 1); opacity: 0; -webkit-transform: scale(1.3) rotate(0.01deg); -moz-transform: scale(1.3) rotate(0.01deg); -ms-transform: scale(1.3) rotate(0.01deg); transform: scale(1.3) rotate(0.01deg); display: flex; justify-content: center; align-items: center; }
#pop_movie .secin { z-index: 15; width: 90%; max-width: 1000px; height: 80vh; position: relative; display: flex; justify-content: center; align-items: center; }
#pop_movie .secin iframe, #pop_movie .secin video { position: relative; width: 100%; height: 100%; }
#pop_movie .close { width: 50px; height: 50px; position: absolute; right: -50px; top: 50px; border: 1px solid #015084; cursor: pointer; z-index: 17; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#pop_movie .close:before { width: 25px; height: 1px; background: #015084; position: absolute; left: 50%; top: 50%; content: ""; transform: translate(-50%, -50%) rotate(45deg); }
#pop_movie .close:after { width: 25px; height: 1px; background: #015084; position: absolute; left: 50%; top: 50%; content: ""; transform: translate(-50%, -50%) rotate(-45deg); }
#pop_movie.act { pointer-events: auto; opacity: 1; -webkit-transform: scale(1) rotate(0.01deg); -moz-transform: scale(1) rotate(0.01deg); -ms-transform: scale(1) rotate(0.01deg); transform: scale(1) rotate(0.01deg); }
#pop_movie.act .close { right: 50px; }

.formerr { max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; background-color: #fff; color: #DD0000; }

#pup_wrapperZ { background-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(3px); position: fixed; height: 150%; width: 100%; left: 0px; top: 0px; z-index: 10001; display: none; }

.load { display: none; width: 100%; height: 50px; position: fixed; left: 0%; top: 35%; z-index: 10003; }

.loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 5px solid rgba(19, 158, 232, 0.2); border-right: 5px solid rgba(19, 158, 232, 0.2); border-bottom: 5px solid rgba(19, 158, 232, 0.2); border-left: 5px solid #139EE8; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }

.loader, .loader:after { border-radius: 50%; width: 50px; height: 50px; }

@-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }