@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@keyframes shine2 { 100% { left: 100%; } }
::-webkit-scrollbar { width: 10px; height: 10px; }

::-webkit-scrollbar-track { border-radius: 4px; background: #9FA0A0; }

::-webkit-scrollbar-thumb { border-radius: 4px; background: #717071; }

::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.3); }

::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 640px) { .wrap { width: 94%; margin: 0 auto; } }
@media screen and (min-width: 641px) { .wrap { width: 1280px; max-width: 90%; margin: 0 auto; } }

@keyframes scroll_animation { 0% { top: 0; bottom: inherit; height: 0%; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  45%,
55% { top: 0; bottom: inherit; height: 100%; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  55.1% { top: inherit; bottom: 0; height: 100%; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  100% { top: inherit; bottom: 0; height: 0%; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } }
@keyframes scroll_animation_img { 0% { top: 0; bottom: inherit; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  45%,
	55% { top: 0; bottom: inherit; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  55.1% { top: inherit; bottom: 0; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  100% { top: inherit; bottom: 0; -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } }
@keyframes link_down { 0%,
	100% { bottom: 0; }
  50% { bottom: -5px; } }
@keyframes link_left { 0%,
	100% { left: 0; }
  50% { left: -5px; } }
@keyframes link_right { 0%,
	100% { right: 0; }
  50% { right: -5px; } }
@keyframes listAnime { 0% { opacity: 0; max-height: 9999; }
  100% { opacity: 1; max-height: 9999; } }
@keyframes listAnime_none { 0% { opacity: 1; }
  99% { opacity: 0; }
  100% { opacity: 0; display: none; max-height: 0; } }
@keyframes right_menu_right { 0%,
	100% { transform: translateX(0); }
  50% { transform: translateX(5px); } }
*, *::before, *::after { box-sizing: border-box; }

button, input, select, textarea { font-family: inherit; font-size: 100%; }

a, a:focus { outline: none; }

button, input, input:focus { outline: none; }

input::-moz-focus-inner, button::-moz-focus-inner { border: none; }

.flex_empty, .empty { height: 0; overflow: hidden; padding: 0 !important; margin-top: 0; margin-bottom: 0; border: 0 none; }
.flex_empty:after, .empty:after { content: ""; display: none; height: 0; padding: 0; }

.p_pagetop { font-size: 16px; position: fixed; bottom: 10px; right: 10px; z-index: 9999; margin: 0; padding: 0; line-height: 1; }
.p_pagetop a { cursor: pointer; border-radius: 8px; display: inline-block; background-color: rgba(164, 208, 239, 0.8); padding: 10px 20px 5px; }
.p_pagetop a span { display: block; width: 1em; height: 1em; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(-135deg) translateX(-2px); }
.p_pagetop a:hover { opacity: 0.8; }

.p_pagetop { opacity: 0; transition: .3s; }

body.scroll .p_pagetop { opacity: 1; }

img { max-width: 100%; vertical-align: middle; }

figure { margin: 0; padding: 0; text-align: center; }

p.attention { margin-left: 1em; text-indent: -1em; }

@media screen and (max-width: 640px) { .pc { display: none; } }

@media screen and (min-width: 641px) { .sp { display: none; } }

@media screen and (max-width: 480px) { .xs_over { display: none; } }

@media screen and (min-width: 481px) { .xs { display: none; } }

.mt30 { margin-top: 30px; }

.mt60 { margin-top: 60px; }

.text_left, .text-left { text-align: left; }

.text_right, .text-right { text-align: right; }

.text-cetner, .text_center { text-align: center; }

@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("../font/fa-brands-400.eot"); src: url("../font/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../font/fa-brands-400.woff2") format("woff2"), url("../font/fa-brands-400.woff") format("woff"), url("../font/fa-brands-400.ttf") format("truetype"), url("../font/fa-brands-400.svg#fontawesome") format("svg"); }
@font-face { font-family: 'Font Awesome 5 Free 400'; font-style: normal; font-weight: 400; font-display: block; src: url("../font/fa-regular-400.eot"); src: url("../font/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../font/fa-regular-400.woff2") format("woff2"), url("../font/fa-regular-400.woff") format("woff"), url("../font/fa-regular-400.ttf") format("truetype"), url("../font/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("../font/fa-solid-900.eot"); src: url("../font/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../font/fa-solid-900.woff2") format("woff2"), url("../font/fa-solid-900.woff") format("woff"), url("../font/fa-solid-900.ttf") format("truetype"), url("../font/fa-solid-900.svg#fontawesome") format("svg"); }
.fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }

.far { font-family: 'Font Awesome 5 Free 400'; font-weight: 400; }

.fa, .fas, main section p.goto a:before, #sec1 .sec1_01 p a:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; }

html { font-size: 62.5%; width: 100%; min-height: 100%; margin: 0; padding: 0; color: #2f5d87; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }

@media \0 screen\,screen\9  { html { font-size: calc(1rem * .625); } }
@media screen and (min-width: 0\0 ) { html { font-size: calc(1rem * .625); } }
body { font-size: 1.6em; line-height: 1.8; color: #2f5d87; font-family: 'Outfit', 'Noto Sans JP', "游ゴシック", YuGothic, "HG丸ゴシックM-PRO", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; }
@media screen and (max-width: 640px) { body { font-size: 1.4em; } }

header a { text-decoration: none; }

header .wrap { display: flex; align-items: center; justify-content: space-between; }
header .wrap h1 { margin: 0; padding: 0; vertical-align: middle; line-height: 1; }

header { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.sp_menu .icon { color: #4ea3df; position: relative; width: 32px; height: 24px; margin-left: 9px; display: flex !important; align-content: space-between; flex-wrap: wrap; }
.sp_menu .icon, .sp_menu .icon span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.sp_menu .icon span { position: relative; display: block; left: 0; width: 100%; height: 3px; background-color: #4ea3df; }

.sp_menu.active .icon span:nth-of-type(1) { transform: translateY(10.5px) rotate(-45deg); }
.sp_menu.active .icon span:nth-of-type(2) { opacity: 0; }
.sp_menu.active .icon span:nth-of-type(3) { transform: translateY(-10.5px) rotate(45deg); }

.sp_menu { cursor: pointer; display: flex; align-items: center; color: #4ea3df; font-size: 14px; font-size: 1.4rem; font-weight: nomal; }

@media screen and (max-width: 640px) { header .wrap { height: 46px; font-size: 16px; font-size: 1.6rem; font-weight: nomal; }
  header nav { width: 100%; max-height: 100vh; background-color: #fbfdfe; }
  header nav ul { margin: 0; padding: 0; }
  header nav ul > li { list-style: none; margin: 0; }
  header nav ul > li a { background-color: rgba(78, 163, 223, 0.8); padding: 5px 20px; display: block; color: #fff; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  header nav ul > li a:hover, header nav ul > li a:focus { background-color: #d0e6f6; }
  header nav { position: absolute; right: -100vw; top: 46px; width: 100%; transition: 0.5s; opacity: 0; }
  header nav ul { margin-right: 0; }
  header nav.active { right: 0; opacity: 1; }
  header img { width: auto; height: auto; max-height: 36px; max-width: 200px; height: auto; }
  header .header_h1 { padding: 5px 0; } }
@media screen and (min-width: 481px) { header .wrap nav { font-size: 14px; font-size: 1.4rem; font-weight: nomal; } }
@media screen and (min-width: 641px) { header .wrap nav { font-size: 16px; font-size: 1.6rem; font-weight: nomal; } }

@media screen and (min-width: 641px) { .sp_menu { display: none; }
  header img { width: auto; height: auto; max-height: 36px; max-width: 200px; height: auto; margin-right: 10px; }
  header .wrap { height: 69px; font-size: 16px; font-size: 1.6rem; font-weight: nomal; }
  header .wrap nav { margin: 0; padding: 0; display: flex; }
  header .wrap nav ul { margin: 0; padding: 0; display: flex; }
  header .wrap nav ul li { line-height: 1; list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; position: relative; }
  header .wrap nav ul li a { display: block; padding: 5px 10px; margin: 0; transition: 0.5s; text-align: center; }
  header .wrap nav ul li a { line-height: 1; }
  header .wrap nav ul li a, header .wrap nav ul li a:visited { color: #2f5d87; }
  header .wrap nav ul li a:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; transition: transform .3s; background-color: #2f5d87; left: 0; bottom: 0; transform: scale(0, 1); transform-origin: right top; }
  header .wrap nav ul li a:hover:after, header .wrap nav ul li a.active:after { width: 100%; transform-origin: left top; transform: scale(1, 1); } }
@media screen and (min-width: 641px) and (max-width: 978px) { header .wrap nav { font-size: 14px; font-size: 1.4rem; font-weight: nomal; } }
header { transition: .3s; z-index: 99999; position: fixed; width: 100%; top: -100%; left: 0; }
header .header_top { width: 100%; }

main { display: block; padding-bottom: 69px; }
@media screen and (max-width: 640px) { main { padding-bottom: 46px; } }

body.scroll header { top: 0; }

footer { text-align: center; font-size: 14px; font-size: 1.4rem; }
@media screen and (min-width: 1260px) { footer { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 480px) { footer { font-size: 12px; font-size: 1.2rem; } }

.bread { display: none; position: absolute; top: 38px; left: 0; width: 100%; }
.bread_nav { font-size: 10px; font-size: 1rem; line-height: 1.2; }
@media screen and (min-width: 1260px) { .bread_nav { font-size: 12px; font-size: 1.2rem; } }
@media screen and (max-width: 480px) { .bread_nav { font-size: 10px; font-size: 1rem; } }
.bread_nav ol { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; }
.bread_nav ol li { color: rgba(255, 255, 255, 0.6); margin: 0 .5em; padding: 0; }
.bread_nav ol li a:hover { color: white; }
.bread_nav ol li a:hover:after { color: rgba(255, 255, 255, 0.6); }
.bread_nav ol li a { text-decoration: none; display: inline; position: relative; }
.bread_nav ol li a:after { content: "\03e"; display: inline-block; padding-left: .5em; }
.bread_nav ol li a, .bread_nav ol li a:visited { color: rgba(255, 255, 255, 0.6); }

.attention-icon { margin-left: 1.3em; position: relative; }
.attention-icon i { position: absolute; left: -1.3em; top: 0; line-height: 1.8; }

.bold { font-weight: 700; }

main { position: relative; z-index: 1; background-color: #fff; background-image: url(https://al-share.co.jp/wp-content/themes/al-share2023/images/dex/audition/202606/top_bg_main.jpg); background-size: cover; background-position: center left; background-attachment: fixed; background-repeat: no-repeat; line-height: 1.8; }
main a, main a:visited { color: #4661f0; }

@keyframes link_down { 0%,
	100% { padding-top: 0; }
  50% { padding-top: 0.2em; } }
main section .big { font-size: 1.3em; }
main section #sec5 .sec5_inner { padding: 0 1em; }
main section #sec5 .sec5_inner dl { margin: 0 auto 2em; width: 100%; padding: 1em; }
@media screen and (max-width: 640px) { main section #sec5 .sec5_inner dl { padding: 0; } }
@media screen and (max-width: 480px) { main section #sec5 .sec5_inner dl { width: 96%; } }
main section #sec5 .sec5_inner dl dt, main section #sec5 .sec5_inner dl dd { margin: 1em 0; padding: 0; display: flex; align-items: flex-start; }
main section #sec5 .sec5_inner dl dt p:first-child, main section #sec5 .sec5_inner dl dd p:first-child { display: flex; justify-content: center; align-items: center; line-height: 1; width: 3em; height: 3em; border-radius: 100%; margin: 0 1em 0 0; }
main section #sec5 .sec5_inner dl dt p:first-child span, main section #sec5 .sec5_inner dl dd p:first-child span { display: block; font-size: 2em; font-weight: bold; line-height: 2; position: relative; top: -.1em; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif JP', serif; }
main section #sec5 .sec5_inner dl dt p + p, main section #sec5 .sec5_inner dl dd p + p { flex: 1; margin: 0; }
main section #sec5 .sec5_inner dl dt { font-weight: 700; margin-top: 3em; align-items: center; }
main section #sec5 .sec5_inner dl dt p:first-child { background-color: #4ea3df; color: #fff; }
main section #sec5 .sec5_inner dl dt p + p { flex: 1; font-size: 1.1em; }
main section #sec5 .sec5_inner dl dt p + p .big { font-size: 1.4em; }
main section #sec5 .sec5_inner dl dd { align-items: flex-start; }
main section #sec5 .sec5_inner dl dd p:first-child { background-color: #fff; color: #4ea3df; border: 2px solid #4ea3df; }
main section #sec5 .sec5_inner dl dd .big { font-size: 1.25em; }
main section #sec5 .sec5_inner > dl dt:first-child { margin-top: 1em; }
main section .red { color: #f00; }
main section a span.red { text-decoration: underline; }
main section .end { text-decoration: line-through; }
main section span.line { position: relative; padding-left: 3px; padding-right: 3px; font-weight: 700; background-image: linear-gradient(0deg, rgba(255, 212, 143, 0.6) 25%, rgba(255, 255, 255, 0) 26%); }
main section a.link { font-size: 1.125em; background-color: white; margin-top: 0.5em; margin-left: 0.3em; margin-right: 0.3em; display: inline-block; position: relative; border-width: 1px; border-style: solid; border-color: rgba(222, 63, 134, 0.5); border-image: initial; border-radius: 5px; padding: 0px 1em 0px 2em; text-decoration: none; position: relative; }
main section a.link span { display: inline-block; }
main section a.link span:first-child { padding-right: .5em; }
main section a.link, main section a.link:visited { color: #14567c; }
main section a.link:before { font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f138"; position: absolute; left: 0.8em; top: 0; }
main section a.link:hover { opacity: .8; }
main section .nomal_link { margin-top: .3em; padding-bottom: .3em; text-decoration: none; display: inline-block; position: relative; margin-left: 1.3em; }
main section .nomal_link, main section .nomal_link:visited { color: #1ea958; }
main section .nomal_link:before { font-style: normal; font-variant: normal; text-rendering: auto; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f138"; display: inline-block; position: absolute; top: 0; left: -1.3em; margin-right: 5px; }
main section .nomal_link:hover { opacity: .8; }
main section .nomal_link span { display: inline-block; }
main section span.check { font-weight: bold; background-image: linear-gradient(0deg, rgba(247, 166, 12, 0.4) 25%, rgba(255, 255, 255, 0) 26%); }
main section span.check2 { font-weight: bold; background-image: linear-gradient(0deg, rgba(247, 24, 12, 0.4) 25%, rgba(255, 255, 255, 0) 26%); }
main section span.check, main section span.check2 { font-size: 1.1em; }
main section p.goto { text-align: center; margin: 1em; margin-bottom: 4em; }
main section p.goto span { display: inline-block; }
main section p.goto a { position: relative; line-height: 1; margin: 1em; border-radius: 5px; text-decoration: none; display: block; background-color: #4ea3df; border: 3px solid #3898db; box-shadow: 0 0 3px rgba(255, 255, 255, 0.5); letter-spacing: .05em; font-weight: 400; padding: 1em 2em; font-size: 18px; font-size: 1.8rem; overflow: hidden; position: relative; z-index: 1; }
main section p.goto a:before { content: "\f054"; display: inline-block; padding-right: .3em; }
main section p.goto a, main section p.goto a:visited { color: #fff; }
@media screen and (min-width: 1260px) { main section p.goto a { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 480px) { main section p.goto a { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 640px) { main section p.goto a { margin: .5em; padding: .5em 1em; } }
main section p.goto a:hover, main section p.goto a:focus { background-color: #268cd4; }
main section p.goto a:after { position: absolute; content: ""; top: 0; left: -120%; width: 100%; height: 100%; transform: skewX(-30deg); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); }
main section p.goto a:hover:after { animation: shine2 2s; }
main section p.goto span { display: inline-block; }
main section p.goto span.small { display: inline-block; font-size: 0.875em; font-weight: 400; }

#sec1 .sec1_wrap { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 1em; background-image: url(https://al-share.co.jp/wp-content/themes/al-share2023/images/dex/audition/202606/top_bg_blue.jpg); background-size: cover; background-repeat: no-repeat; background-position: center bottom; }
#sec1 .sec1_wrap figure { margin: 0; padding: 0; align-self: flex-end; max-width: 40%; }
@media screen and (max-width: 640px) { #sec1 .sec1_wrap figure { max-width: 30%; align-self: center; margin-top: 1em; } }
#sec1 .sec1_01 { position: relative; padding: 2em; }
@media screen and (max-width: 640px) { #sec1 .sec1_01 { padding: 1em 0.5em 1.5em; } }
#sec1 .sec1_01 h1 { display: flex; justify-content: center; align-items: center; margin: 0 auto; font-size: 16px; font-size: 1.6rem; }
@media screen and (min-width: 1260px) { #sec1 .sec1_01 h1 { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 480px) { #sec1 .sec1_01 h1 { font-size: 14px; font-size: 1.4rem; } }
@media screen and (min-width: 641px) { #sec1 .sec1_01 h1 { margin-top: 1em; } }
@media screen and (max-width: 640px) { #sec1 .sec1_01 h1 { margin-bottom: .5em; } }
#sec1 .sec1_01 h1 span.title { position: absolute; z-index: -9; top: -100vh; left: -100vw; }
#sec1 .sec1_01 h1 img { max-width: 800px; width: 100%; text-align: right; }
#sec1 .sec1_01 p { display: flex; justify-content: center; flex-wrap: wrap; margin: 1em 0 0; }
@media screen and (min-width: 1260px) { #sec1 .sec1_01 p { margin: 2em 0 0; } }
@media screen and (max-width: 640px) { #sec1 .sec1_01 p { margin: 0; position: absolute; bottom: -2em; left: 0; width: 100vw; } }
#sec1 .sec1_01 p a { position: relative; line-height: 1; margin: .4em; border-radius: 5px; text-decoration: none; display: inline-block; background-color: #4ea3df; border: 3px solid #3898db; box-shadow: 0 0 3px rgba(255, 255, 255, 0.5); letter-spacing: .05em; font-weight: 400; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.25); padding: .5em 1em; font-size: 14px; font-size: 1.4rem; overflow: hidden; position: relative; z-index: 1; }
#sec1 .sec1_01 p a:before { content: "\f054"; display: inline-block; padding-right: .3em; }
@media screen and (min-width: 1260px) { #sec1 .sec1_01 p a { margin: 1em; } }
#sec1 .sec1_01 p a, #sec1 .sec1_01 p a:visited { color: #fff; }
@media screen and (min-width: 1260px) { #sec1 .sec1_01 p a { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 480px) { #sec1 .sec1_01 p a { font-size: 12px; font-size: 1.2rem; } }
@media screen and (max-width: 640px) { #sec1 .sec1_01 p a { margin: .5em; padding: .5em 1em; } }
#sec1 .sec1_01 p a:hover, #sec1 .sec1_01 p a:focus { background-color: #268cd4; }
#sec1 .sec1_01 p a:after { position: absolute; content: ""; top: 0; left: -120%; width: 100%; height: 100%; transform: skewX(-30deg); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); }
#sec1 .sec1_01 p a:hover:after { animation: shine2 2s; }
#sec1 .wrap { margin-top: 5em; padding-bottom: 2em; }
@media screen and (max-width: 640px) { #sec1 .wrap { margin-top: 4em; margin-bottom: 0; padding-bottom: 0; } }
#sec1 .catch_wrap { padding: 1em 0; font-size: 16px; font-size: 1.6rem; text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white; text-align: center; }
@media screen and (min-width: 1260px) { #sec1 .catch_wrap { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 480px) { #sec1 .catch_wrap { font-size: 14px; font-size: 1.4rem; } }
#sec1 .catch_wrap span { display: inline-block; }
#sec1 .catch_wrap p { margin: 1em 0; }
#sec1 .catch_wrap span.big { font-weight: 700; letter-spacing: 0.05em; }
#sec1 .catch_wrap .text { display: inline-block; background-color: rgba(255, 255, 255, 0.7); text-align: left; border-radius: .5em; padding: 1em 2em; line-height: 1.5; backdrop-filter: blur(8px); border: 2px solid rgba(20, 86, 124, 0.65); box-shadow: 0 0 10px rgba(255, 255, 0, 0.5); }
#sec1 .catch_wrap .text p { display: inline-block; }

@media screen and (max-width: 640px) { #sec2 .wrap { margin-bottom: 0; padding-bottom: 0; } }
#sec2 .sec2_wrap { display: flex; flex-wrap: wrap; margin-top: 3em; margin-bottom: 5em; }
@media screen and (max-width: 640px) { #sec2 .sec2_wrap { margin-bottom: 0; padding-bottom: 0; } }
@media screen and (min-width: 1260px) { #sec2 .sec2_wrap { flex-wrap: nowrap; } }
#sec2 .sec2_inner { border: 3px solid rgba(78, 163, 223, 0.5); padding: 0 0 1em; backdrop-filter: blur(8px); border: 2px solid rgba(255, 255, 255, 0.5); box-shadow: 0 4px 8px rgba(15, 60, 133, 0.15); background-color: rgba(255, 255, 255, 0.65); width: 100%; margin-bottom: .5em; }
@media screen and (min-width: 1260px) { #sec2 .sec2_inner { width: auto; }
  #sec2 .sec2_inner + div { margin-left: 1em; } }
#sec2 .sec2_inner h2 { font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif JP', serif; margin: 0; color: #fff; background-color: rgba(20, 86, 124, 0.65); font-size: 16px; font-size: 1.6rem; font-weight: 400; padding: .25em 1em; line-height: 2; font-feature-settings: "palt"; letter-spacing: .08em; position: relative; }
@media screen and (min-width: 1260px) { #sec2 .sec2_inner h2 { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 480px) { #sec2 .sec2_inner h2 { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 640px) { #sec2 .sec2_inner h2 { letter-spacing: 0; } }
#sec2 .sec2_inner h2:after { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: .45em; opacity: .5; }
#sec2 .sec2_text { padding: 1em 1em 3em; }
#sec2 .sec2_text span { display: inline-block; }
#sec2 .sec2_text p { margin: 0; }
#sec2 .sec2_text p.link { position: absolute; bottom: 0; left: 0; text-align: right; display: flex; justify-content: flex-end; width: 100%; }
#sec2 .sec2_text p.link a { position: relative; line-height: 1; margin: 1em; border-radius: 5px; text-decoration: none; display: inline-block; background-color: #4ea3df; border: 3px solid #3898db; box-shadow: 0 0 3px rgba(255, 255, 255, 0.5); letter-spacing: .05em; transition: .3s; padding: .5em 1em; overflow: hidden; position: relative; z-index: 1; font-size: 14px; font-size: 1.4rem; }
#sec2 .sec2_text p.link a:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f054"; display: inline-block; padding-right: .3em; }
#sec2 .sec2_text p.link a, #sec2 .sec2_text p.link a:visited { color: #fff; }
#sec2 .sec2_text p.link a:hover, #sec2 .sec2_text p.link a:focus { background-color: #3898db; }
#sec2 .sec2_text p.link a:after { position: absolute; content: ""; top: 0; left: -120%; width: 100%; height: 100%; transform: skewX(-30deg); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%); }
#sec2 .sec2_text p.link a:hover:after { animation: shine2 2s; }
@media screen and (min-width: 1260px) { #sec2 .sec2_text p.link a { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 480px) { #sec2 .sec2_text p.link a { font-size: 12px; font-size: 1.2rem; } }
#sec2 .sec2_text p.link a:hover, #sec2 .sec2_text p.link a:focus { background-color: #268cd4; }

#sec3 h2, #sec4 h2, #sec5 h2 { margin: 0; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif JP', serif; border-bottom: 5px solid #4ea3df; color: #fff; position: relative; display: flex; align-items: center; padding: 0; font-feature-settings: "palt"; letter-spacing: 0.05em; }
@media screen and (max-width: 640px) { #sec3 h2, #sec4 h2, #sec5 h2 { letter-spacing: 0; } }
#sec3 h2 span.bg, #sec4 h2 span.bg, #sec5 h2 span.bg { width: 100%; display: block; background: #14567c; background: -moz-linear-gradient(left, #14567c 0%, #4ea3df 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #14567c), color-stop(100%, #4ea3df)); background: -webkit-linear-gradient(left, #14567c 0%, #4ea3df 100%); background: -o-linear-gradient(left, #14567c 0%, #4ea3df 100%); background: linear-gradient(to right, #14567c 0%, #4ea3df 100%); position: relative; padding: .75em 2em .7em 1.7em; line-height: 1.25; -webkit-text-stroke: 2px #3898db; paint-order: stroke; text-shadow: 0 0 2px #4ea3df, 0 0 3px #4ea3df, 0 0 4px #4ea3df; }
#sec3 h2 span.bg:before, #sec4 h2 span.bg:before, #sec5 h2 span.bg:before { content: ""; width: 100%; height: calc(100% - 10px); background-image: url(https://al-share.co.jp/wp-content/themes/al-share2023/images/dex/audition/202606/title_bg_line_shadow.svg); background-size: contain; background-position: left 10px bottom; background-repeat: no-repeat; position: absolute; left: 0; bottom: 0; opacity: .75; }
@media screen and (max-width: 640px) { #sec3 h2 span.bg, #sec4 h2 span.bg, #sec5 h2 span.bg { padding-left: 2.5em; padding-right: 0; padding-bottom: 1em; } }
#sec3 h2 span.bg span, #sec4 h2 span.bg span, #sec5 h2 span.bg span { display: inline-block; position: relative; z-index: 2; }
#sec3 h2:after, #sec4 h2:after, #sec5 h2:after { background-color: #14567c; content: ""; width: 100%; height: 95%; position: absolute; left: 0; bottom: 5%; opacity: .4; z-index: -1; }
#sec3 .wrap, #sec4 .wrap, #sec5 .wrap { border: 3px solid rgba(78, 163, 223, 0.5); padding: 0 0 1em; backdrop-filter: blur(8px); border: 2px solid rgba(255, 255, 255, 0.5); box-shadow: 0 4px 8px rgba(15, 60, 133, 0.45); background-color: rgba(255, 255, 255, 0.4); margin-bottom: .5em; margin-top: 3em; }

#sec3 .sec3_wrap { padding: 1em; display: flex; flex-wrap: wrap; justify-content: center; }
#sec3 .sec3_inner { margin: 1em; position: relative; border: 1px solid #4ea3df; border-radius: .5em; background-color: rgba(255, 255, 255, 0.5); padding: 1em; }
#sec3 .sec3_inner ul { margin: 1em 0 0 1.5em; padding: 0; }
#sec3 .sec3_inner ul span { display: inline-block; }
#sec3 .sec3_inner h3 { margin: 0; text-align: center; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif JP', serif; border-bottom: 1px solid #4ea3df; }
#sec3 .sec3_inner + .cost { align-self: center; text-align: center; }
#sec3 .sec3_inner + .cost p + p { text-align: left; font-size: .75em; }
@media screen and (max-width: 640px) { #sec3 .sec3_inner + .cost p + p { text-align: center; margin-left: 0; }
  #sec3 .sec3_inner + .cost p + p i { position: relative; margin-left: 0; left: 0; } }
#sec3 .sec3_inner, #sec3 .sec3_inner + .cost { width: 100%; }
#sec3 .sec3_inner + .cost img { max-width: 300px; }
@media screen and (min-width: 1260px) { #sec3 .sec3_inner { width: calc(40% - 2em); }
  #sec3 .sec3_inner + .cost { width: 20%; }
  #sec3 .sec3_inner + .cost img { max-width: 90%; } }

#sec4 h3 { font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif JP', serif; margin: 0; position: relative; display: flex; justify-content: space-between; align-items: center; background-color: #317dae; color: #fff; padding: 0 1em; cursor: pointer; }
#sec4 h3 > span { font-size: 18px; font-size: 1.8rem; line-height: 2; letter-spacing: 0.05em; font-feature-settings: "palt"; }
@media screen and (min-width: 1260px) { #sec4 h3 > span { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 480px) { #sec4 h3 > span { font-size: 16px; font-size: 1.6rem; } }
#sec4 h3 > span { display: block; }
#sec4 h3 > span span { display: inline-block; font-size: 1.25em; }
#sec4 h3:before { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: .45em; opacity: .5; line-height: 2; opacity: .25; }
#sec4 h3.has_accordion { cursor: pointer; }
#sec4 h3.has_accordion:after { position: absolute; right: 0.5em; top: 50%; line-height: 1; font-size: 1.8em; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f078"; transition: .3s; transform: translateY(-50%); }
#sec4 h3.has_accordion:hover:after { color: #ff0; }
#sec4 h3.has_accordion:after { animation-name: link_down; animation-duration: 1s; animation-iteration-count: infinite; }
#sec4 h3.has_accordion.active:after, #sec4 h3.has_accordion:hover:after { animation: none; }
#sec4 h3.has_accordion.active { margin-bottom: 0; }
#sec4 h3.has_accordion.active:after { transform: translateY(-50%) rotate(-180deg); }
#sec4 .red { color: #e7435e; }
#sec4 .small { font-size: .65em; }
#sec4 .accordion_inner > ul { display: block; list-style: none; padding: 1em; margin: 0; }
#sec4 .accordion_inner > ul > li { padding: 0; margin: 0 0 2em; background-color: rgba(255, 255, 255, 0.7); }
#sec4 .accordion_inner > ul > li > dl { margin: 0; border: 1px solid rgba(78, 163, 223, 0.5); border-radius: .5em; }
#sec4 .accordion_inner > ul > li > dl > dt { font-size: 18px; font-size: 1.8rem; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif JP', serif; font-weight: 700; border-bottom: 1px solid rgba(78, 163, 223, 0.8); margin: 0; padding: .5em 1em 0; background-color: rgba(78, 163, 223, 0.2); }
@media screen and (min-width: 1260px) { #sec4 .accordion_inner > ul > li > dl > dt { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 480px) { #sec4 .accordion_inner > ul > li > dl > dt { font-size: 16px; font-size: 1.6rem; } }
#sec4 .accordion_inner > ul > li > dl > dt i { margin-right: .3em; color: #317dae; font-size: 1.5em; }
#sec4 .accordion_inner > ul > li > dl > dd { padding: 1em; margin: 0; }
#sec4 .accordion_inner > ul > li > dl > dd dl + p { margin-top: 1em; margin-bottom: 0; }
#sec4 .accordion_inner > ul > li > dl > dd dl + p + p { margin-top: .5em; }
#sec4 .accordion_inner > ul > li > dl > dd dl { margin: 0; padding: 0; display: flex; align-items: baseline; }
#sec4 .accordion_inner > ul > li > dl > dd dl dt { margin: 0; padding: 0 .5em 0 0; }
#sec4 .accordion_inner > ul > li > dl > dd dl dd { margin: 0; padding: 0; }
#sec4 .accordion_inner > ul > li > dl > dd dl dd ul { list-style: none; margin: 0; padding: 0; }
#sec4 .accordion_inner > ul > li > dl > dd dl dd ul span { display: inline-block; }
#sec4 .accordion_inner > ul > li > dl > dd dl dd ul li > span:first-child { padding-right: .3em; }
#sec4 .accordion_inner > ul > li > dl > dd.type2 > p:first-child { margin-bottom: 1em; }
@media screen and (min-width: 641px) { #sec4 .accordion_inner > ul > li > dl > dd.type2 dt { min-width: 11.5em; } }
@media screen and (max-width: 640px) { #sec4 .accordion_inner > ul > li > dl > dd.type2 dl { flex-wrap: wrap; }
  #sec4 .accordion_inner > ul > li > dl > dd.type2 dt { width: 100%; display: block; border-bottom: 1px solid #4ea3df; }
  #sec4 .accordion_inner > ul > li > dl > dd.type2 dd { padding-left: 1em; margin-bottom: 1em; }
  #sec4 .accordion_inner > ul > li > dl > dd.type2 dd ul { margin: .5em 0; }
  #sec4 .accordion_inner > ul > li > dl > dd.type2 dd ul li span.big { display: block; padding: .5em; background-color: rgba(78, 163, 223, 0.25); line-height: 1; font-size: 1em; }
  #sec4 .accordion_inner > ul > li > dl > dd.type2 dd ul li span.big + span { margin-left: 1em; } }
#sec4 .oubo_wrap { border: 1px solid rgba(78, 163, 223, 0.5); border-radius: .5em; margin: 0 1em 1em; }
#sec4 h4 { font-size: 18px; font-size: 1.8rem; font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Noto Serif JP', serif; font-weight: 700; border-bottom: 1px solid rgba(78, 163, 223, 0.8); margin: 0; padding: .5em 1em 0; background-color: rgba(78, 163, 223, 0.2); }
@media screen and (min-width: 1260px) { #sec4 h4 { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 480px) { #sec4 h4 { font-size: 16px; font-size: 1.6rem; } }
#sec4 h4 i { margin-right: .3em; color: #317dae; font-size: 1.5em; }
#sec4 .h4_wrap { padding: 1em; }
#sec4 .sec4_inner { overflow: hidden; margin: 2em 1em; position: relative; border: 1px solid #4ea3df; padding: 0; background-color: rgba(255, 255, 255, 0.7); }

main #sec2, main #sec3, main #sec4, main #sec5 { padding-top: 1px; }
@media screen and (max-width: 640px) { main #sec2, main #sec3, main #sec4, main #sec5 { padding-top: 1px; } }