@charset "UTF-8";
#satellite #link01 .sec01 p { font-weight: 600; font-size: 1.1em; }
@media only screen and (max-width: 576px) { #satellite #link01 .sec01 p { font-size: 1em; } }
#satellite #link01 .sec02 { margin-top: 2em; border: 2px solid #E30380; background: #fff; padding: 1em 2em; }
@media only screen and (max-width: 576px) { #satellite #link01 .sec02 { padding: 1em 1.5em; } }
#satellite #link01 .sec02 p:first-child { font-weight: 700; font-size: 1em; }
#satellite #link01 .sec02 p:first-child::before { content: "●"; padding-right: 0.5em; color: #E30380; }
#satellite #link01 .sec02 p:last-child { margin-top: 0.5em; margin-left: 1em; text-indent: -1em; font-size: 0.9em; }
#satellite #link02 { margin-top: 5em; }
#satellite #link02 .sec01 { background: #fff; display: block; padding: 2em; border-radius: 1em; text-decoration: none; box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s; }
@media only screen and (max-width: 768px) { #satellite #link02 .sec01 { padding: 1.5em; } }
#satellite #link02 .sec01 + .sec01 { margin-top: 2em; }
#satellite #link02 .sec01 h2 { font-size: clamp(1.3em, 4vw, 1.6em); color: #333; }
#satellite #link02 .sec01__01 { margin-top: 1.5em; display: grid; grid-template-columns: 30em 1fr; grid-column-gap: 3em; }
@media only screen and (max-width: 1280px) { #satellite #link02 .sec01__01 { grid-template-columns: 22em 1fr; grid-column-gap: 2em; } }
@media only screen and (max-width: 1024px) { #satellite #link02 .sec01__01 { grid-template-columns: 17em 1fr; } }
@media only screen and (max-width: 768px) { #satellite #link02 .sec01__01 { grid-template-columns: 1fr; grid-row-gap: 1em; } }
#satellite #link02 .sec01__01__02 dl { display: grid; grid-template-columns: 7em 1fr; align-content: flex-start; font-size: 1em; }
@media only screen and (max-width: 1024px) { #satellite #link02 .sec01__01__02 dl { grid-template-columns: 1fr; font-size: 0.95em; } }
#satellite #link02 .sec01__01__02 dl dt { padding: 0.75em 0; border-bottom: 1px solid #ccc; font-weight: 600; color: #0A97E3; }
@media only screen and (max-width: 1024px) { #satellite #link02 .sec01__01__02 dl dt { width: 100%; border-bottom: none; padding: 0.5em 0 0; } }
#satellite #link02 .sec01__01__02 dl dt:last-of-type { border-bottom: none; }
#satellite #link02 .sec01__01__02 dl dd { color: #333; padding: 0.75em 0; margin: 0; border-bottom: 1px solid #ccc; }
@media only screen and (max-width: 1024px) { #satellite #link02 .sec01__01__02 dl dd { padding: 0 0 0.5em; width: 100%; border-left: none; } }
#satellite #link02 .sec01__01__02 dl dd:last-of-type { border-bottom: none; }
#satellite #link02 .sec01__01__02 p { margin-top: 1em; }
@media only screen and (max-width: 768px) { #satellite #link02 .sec01__01__02 p { text-align: center; } }
#satellite #link02 .sec01__01__02 p a { padding: 1em 3em; background: #0A97E3; display: inline-block; border-radius: 0.25em; color: #fff; font-weight: 700; text-decoration: none; }
#satellite #link02 .sec01__01__02 p a:hover { background: #2aaef6; }
#satellite #link03 { margin-top: 5em; }
#satellite #link03 ul { display: flex; justify-content: center; flex-wrap: wrap; }
@media only screen and (max-width: 576px) { #satellite #link03 ul { flex-direction: column; } }
#satellite #link03 ul li { margin: 0.5em; font-size: 1.1em; font-weight: 600; }
@media only screen and (max-width: 576px) { #satellite #link03 ul li { width: 80%; margin: 0.5em auto; text-align: center; } }
#satellite #link03 ul li a { display: block; background: #E30380; padding: 1em 2em; color: #fff; text-decoration: none; border-radius: 0.25em; }
@media only screen and (max-width: 576px) { #satellite #link03 ul li a { padding: 1em; } }
#satellite #link03 ul li a::after { content: ""; font-family: engekisai; font-size: 1em; font-weight: normal !important; display: inline-block; color: #fff; padding-left: 0.25em; }
#satellite #link03 ul li a:hover { background: #fc048e; }
