main { position: relative; }
main section { position: relative; }
main section#exosomeHeadSct .headImg { width: 100%; }
main section#exosomeHeadSct .headImg img { width: 100%; height: auto; }
main section#exosomeHeadSct .copy { position: absolute; left: 6%; top: 14vw; width: 35vw; }
@media screen and (max-width: 599px) { main section#exosomeHeadSct .copy { position: relative; left: inherit; top: inherit; width: 74%; margin: 0 auto 2em; } }
main section#exosomeHeadSct .copy picture { display: block; }
main section#exosomeHeadSct .copy picture img { display: block; width: 100%; height: auto; }
main section#exosomeHeadSct .whatB { position: relative; padding: 4.5em 0 6em; text-align: center; }
main section#exosomeHeadSct .whatB .ttl { display: block; font-size: 320%; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#exosomeHeadSct .whatB .ttl { line-height: 1; } }
main section#exosomeHeadSct .whatB .txt { position: relative; display: block; font-size: 140%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#exosomeHeadSct .whatB .txt { font-size: 120%; } }
main section#exosomeHeadSct .whatB .txt span { position: relative; display: inline; background: linear-gradient(transparent 70%, #FFE791 30%); }
main section#exosomeHeadSct .whatB .cpBox { position: relative; display: block; margin: 4em auto 0; width: 80%; max-width: 800px; }
main section#exosomeHeadSct .whatB .cpBox a { display: block; }
main section#exosomeHeadSct .whatB .cpBox a .bnr img { width: 100%; height: auto; }
main section#exosomeAboutSct { padding: 5.5em 0 1em; background-image: linear-gradient(180deg, #C8C8C8, #fff 40% 100%); color: #000; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct { padding: 5.5em 0 2.5em; } }
main section#exosomeAboutSct::before { content: ""; position: absolute; top: -1.5em; left: calc(50% - 1.5em); width: 3em; height: 3em; background: url("../img/icn_logo.svg") no-repeat center center/contain; }
main section#exosomeAboutSct .headT { display: block; text-align: center; font-size: 140%; font-weight: 700; letter-spacing: .1em; padding-left: 1em; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .headT { font-size: 150%; padding-left: .6em; margin-bottom: 2em; } }
main section#exosomeAboutSct .txt { display: block; width: 76%; font-weight: 700; text-align: justify; text-justify: inter-ideograph; margin: 0 auto 1.5em; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .txt { width: 90%; } }
main section#exosomeAboutSct .picB { position: relative; width: 76%; margin: 0 auto 6em; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .picB { flex-wrap: wrap; width: 90%; margin: 0 auto 5em; } }
main section#exosomeAboutSct .picB li { width: 24%; font-size: 80%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .picB li { width: 49%; padding-bottom: .5em; } }
main section#exosomeAboutSct .picB li img { width: 100%; height: auto; }
main section#exosomeAboutSct .boxS { position: relative; width: 76%; margin: 3.5em auto; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .boxS { width: 84%; margin: 4em auto 5em; } }
main section#exosomeAboutSct .boxS .ttl { position: relative; width: 50vw; display: inline-block; font-size: 140%; font-weight: 700; line-height: 1.2; background: url("img/ttl_bg.webp") no-repeat center center/100% 100%; padding: .5em 0 .6em 3.6em; margin-left: -3.6em; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .boxS .ttl { width: 122%; white-space: nowrap; } }
main section#exosomeAboutSct .boxS .inBox { position: relative; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .boxS .inBox { display: block; } }
main section#exosomeAboutSct .boxS .inBox .txt2 { width: 50%; position: relative; display: block; font-weight: 700; text-align: justify; text-justify: inter-ideograph; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .boxS .inBox .txt2 { width: 100%; margin-bottom: 2em; } }
main section#exosomeAboutSct .boxS .inBox .txt2 span { position: relative; display: inline; background: linear-gradient(transparent 70%, #FFE791 30%); }
main section#exosomeAboutSct .boxS .inBox .img2 { width: 44%; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .boxS .inBox .img2 { display: block; width: 90%; margin: 0 auto; } }
main section#exosomeAboutSct .boxS .inBox .img2 img { width: 100%; height: auto; }
main section#exosomeAboutSct .anzen { position: relative; width: 50%; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .anzen { width: 90%; } }
main section#exosomeAboutSct .anzen p { display: block; font-weight: 700; line-height: 1.5; text-align: justify; text-justify: inter-ideograph; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#exosomeAboutSct .anzen p { margin-bottom: 2em; } }
main section#exosomeAboutSct .anzen img { width: 100%; height: auto; }
main section#exosomeHowtoSct { padding: 4.5em 0 2em; color: #4D4D4D; }
main section#exosomeHowtoSct .headT { display: block; text-align: center; font-size: 320%; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .headT { font-size: 280%; line-height: 1; margin-bottom: 1.5em; } }
main section#exosomeHowtoSct .txt { position: relative; display: block; text-align: center; font-size: 140%; font-weight: 700; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .txt { font-size: 110%; margin-bottom: 5em; } }
main section#exosomeHowtoSct .txt span { position: relative; display: inline; background: linear-gradient(transparent 70%, #FFE791 30%); }
main section#exosomeHowtoSct .txt2 { display: block; text-align: center; font-weight: 700; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .txt2 { width: 90%; margin: 0 auto 3em; text-align: justify; text-justify: inter-ideograph; } }
main section#exosomeHowtoSct .proposalB { position: relative; width: 76%; margin: 0 auto 2em; display: flex; justify-content: space-between; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB { width: 90%; } }
main section#exosomeHowtoSct .proposalB .no { width: 32.6%; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB .no { order: 1; width: 100%; } }
main section#exosomeHowtoSct .proposalB .no .ttl { display: block; text-align: center; color: #fff; font-weight: 700; background: #000; margin-bottom: 3.5em; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB .no .ttl { font-size: 120%; margin-bottom: 2.5em; } }
main section#exosomeHowtoSct .proposalB .no picture { display: block; }
main section#exosomeHowtoSct .proposalB .no picture .illst { display: block; width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB .no picture .illst { margin: 0 auto 4em; } }
main section#exosomeHowtoSct .proposalB .yes { width: 62.4%; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB .yes { order: 2; width: 100%; } }
main section#exosomeHowtoSct .proposalB .yes .ttl { display: block; text-align: center; color: #000; font-weight: 700; background: #FFE791; margin-bottom: 3.5em; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB .yes .ttl { font-size: 120%; margin-bottom: 2.5em; } }
main section#exosomeHowtoSct .proposalB .yes picture { display: block; }
main section#exosomeHowtoSct .proposalB .yes picture .illst { display: block; width: 100%; height: auto; }
main section#exosomeHowtoSct .proposalB .effect { position: relative; width: 100%; margin: 3em 0; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB .effect { order: 4; margin-bottom: 0; } }
main section#exosomeHowtoSct .proposalB .effect picture { display: block; }
main section#exosomeHowtoSct .proposalB .effect picture .illst { display: block; width: 100%; height: auto; }
main section#exosomeHowtoSct .proposalB .effect .lineL { display: none; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB .effect .lineL { display: block; position: absolute; right: .5em; bottom: 1.4em; width: 20vw; }
  main section#exosomeHowtoSct .proposalB .effect .lineL img { width: 100%; height: auto; } }
main section#exosomeHowtoSct .proposalB .effectT { width: 100%; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .proposalB .effectT { order: 3; margin-top: 3em; } }
main section#exosomeHowtoSct .proposalB .effectT p { font-weight: 700; text-align: justify; text-justify: inter-ideograph; }
main section#exosomeHowtoSct .proposalB .effectT p span { position: relative; display: inline; background: linear-gradient(transparent 70%, #FFE791 30%); }
main section#exosomeHowtoSct .txt3 { position: relative; display: block; text-align: center; font-size: 160%; font-weight: 700; letter-spacing: .1em; margin: 4em auto 3em; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .txt3 { margin: 2.4em auto; } }
main section#exosomeHowtoSct .txt4 { display: block; width: 76%; margin: 3em auto; font-weight: 700; text-align: justify; text-justify: inter-ideograph; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .txt4 { width: 90%; } }
main section#exosomeHowtoSct .txt4 span { position: relative; display: inline; background: linear-gradient(transparent 70%, #FFE791 30%); }
main section#exosomeHowtoSct .ticketB { position: relative; }
main section#exosomeHowtoSct .ticketB .pop { display: block; width: 50%; height: auto; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .ticketB .pop { width: 90%; } }
main section#exosomeHowtoSct .ticketB .tickets { display: block; text-align: center; font-weight: 700; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .ticketB .tickets { font-size: 90%; margin-bottom: 5em; } }
main section#exosomeHowtoSct .ticketB .tickets small { display: block; font-size: 150%; line-height: 1; }
main section#exosomeHowtoSct .ticketB .tickets span { display: block; font-size: 230%; line-height: 1; }
main section#exosomeHowtoSct .ticketB .tickets span b { position: relative; display: inline-block; font-size: 140%; line-height: .8; margin-right: .08em; top: .05em; }
main section#exosomeHowtoSct .planB { position: relative; width: 76%; margin: 0 auto 5em; display: flex; justify-content: space-between; text-align: center; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .planB { width: 86%; flex-wrap: wrap; margin: 0 auto 2em; } }
main section#exosomeHowtoSct .planB .t05 { width: 48%; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .planB .t05 { width: 100%; margin-bottom: 3em; } }
main section#exosomeHowtoSct .planB .t05 .ttl { display: block; background: #D5F6F0; font-size: 120%; font-weight: 700; margin-bottom: .8em; }
main section#exosomeHowtoSct .planB .t05 .illst { width: 100%; height: auto; }
main section#exosomeHowtoSct .planB .t10 { width: 48%; }
@media screen and (max-width: 599px) { main section#exosomeHowtoSct .planB .t10 { width: 100%; } }
main section#exosomeHowtoSct .planB .t10 .ttl { display: block; background: #FFE791; font-size: 120%; font-weight: 700; margin-bottom: .8em; }
main section#exosomeHowtoSct .planB .t10 .illst { width: 100%; height: auto; }
main section#exosomeHowtoSct .btn { position: relative; text-align: center; margin: 3em auto 0; }
main section#exosomeHowtoSct .btn a { display: inline-block; background: #B2B2B2; color: #fff; font-weight: 700; line-height: 1.2; padding: 1.4em 1em; border-radius: 3em; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); }
main section#exosomeHowtoSct .btn2 { position: relative; text-align: center; margin: 3em auto 0; }
main section#exosomeHowtoSct .btn2 a { display: inline-block; background: #FFE791; font-weight: 700; line-height: 1.2; padding: 1.4em 1em; border-radius: 3em; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); }
main section#exosomeDetailSct { padding: 4.5em 0 0; }
main section#exosomeDetailSct .headT { display: block; text-align: center; font-size: 320%; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#exosomeDetailSct .headT { line-height: 1; } }
main section#exosomeDetailSct .txt { position: relative; display: block; text-align: center; font-size: 140%; font-weight: 700; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#exosomeDetailSct .txt { font-size: 110%; margin-bottom: 5em; } }
main section#exosomeDetailSct .txt span { position: relative; display: inline; background: linear-gradient(transparent 70%, #FFE791 30%); }
main section#exosomeDetailSct .dtlT { width: 76%; margin: 0 auto 5em; font-size: 110%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#exosomeDetailSct .dtlT { width: 90%; font-size: 100%; } }
main section#exosomeDetailSct .dtlT tr th { padding: 1em 1em 1em 5em; border-bottom: 1px solid #999999; }
@media screen and (max-width: 599px) { main section#exosomeDetailSct .dtlT tr th { padding: 1em; white-space: nowrap; } }
main section#exosomeDetailSct .dtlT tr th.head { color: #fff; background: #999999; text-align: center; padding: 0; border-bottom: none; }
main section#exosomeDetailSct .dtlT tr th.head2 { color: #000; background-image: linear-gradient(90deg, #DBF7F8 0%, #FFE791 100%); text-align: center; padding: 0; border-bottom: none; }
main section#exosomeDetailSct .dtlT tr td { padding: 1em 1em 1em 5em; border-bottom: 1px solid #999999; }
@media screen and (max-width: 599px) { main section#exosomeDetailSct .dtlT tr td { padding: 1em; } }
main section#exosomeDetailSct .dtlT tr td.ct { position: relative; padding: 1em 8em 1em 1em; text-align: center; }
main section#exosomeDetailSct .dtlT tr td.ct .priceDW { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(55%); width: 16vw; }
main section#exosomeDetailSct .dtlT tr td.ct .priceDW img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#exosomeDetailSct .dtlT tr td.ct { padding: 1em; text-align: left; }
  main section#exosomeDetailSct .dtlT tr td.ct.spB { padding-bottom: 2.5em; }
  main section#exosomeDetailSct .dtlT tr td.ct .priceDW { top: inherit; left: inherit; bottom: .8em; right: 2.5em; transform: none; width: 34vw; } }
main section#exosomeDetailSct .dtlT tr td.ct2 { padding: 1em; text-align: center; }
@media screen and (max-width: 599px) { main section#exosomeDetailSct .dtlT tr td.ct2 { text-align: left; }
  main section#exosomeDetailSct .dtlT tr td.ct2 span { display: block; text-align: right; } }
main section#beginnerMenuSct { background: none !important; color: #4D4D4D; padding: 1em 10% 4em; }
@media screen and (max-width: 599px) { main section#beginnerMenuSct { padding: 0 6% 4em; } }