@charset "UTF-8";
@keyframes sun { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes cloud { 0% { transform: translate(0, 0); }
  100% { transform: translate(0, -10%); } }
body { background: #FFFEF0; font-family: zen-kaku-gothic-new, sans-serif; font-weight: 400; }
body #wrapper { overflow: visible; }
body #wrapper header, body #wrapper footer { display: none; }
body #wrapper #content { padding-top: 0 !important; padding-bottom: 7.5rem; }
body #wrapper #content #top { overflow: hidden; padding: 0 0 13.33%; box-sizing: border-box; }
body #wrapper #content #top .logo { width: 20%; margin: 4% 4% 5.33%; }
body #wrapper #content #top .image-container { position: relative; width: 120%; margin: 0 -10% 5.33%; }
body #wrapper #content #top .image-container .deco { animation: sun 20s linear 0s infinite; }
body #wrapper #content #top .image-container .imagearea { width: 60%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; overflow: hidden; }
body #wrapper #content #top .image-container .imagearea img { width: 100%; }
body #wrapper #content #top .title { width: 86.67%; margin: 0 auto; padding: 0; border: none; }
body #wrapper #content #lead { padding: 7.5rem 0; }
body #wrapper #content #lead .inner { padding: 0 5.33%; }
body #wrapper #content #lead .inner p { text-align: justify; font-size: 1.2rem; line-height: 1.5; }
body #wrapper #content main { display: block; margin: 0 0 7.5rem; }
body #wrapper #content main #sections { display: flex; flex-direction: column; row-gap: 7.5rem; }
body #wrapper #content main #sections .section { font-size: 1.2rem; line-height: 1.5; }
body #wrapper #content main #sections .section .inner { padding: 0 5.33%; }
body #wrapper #content main #sections .section .inner .titlearea { margin: 0 0 2rem; text-align: center; }
body #wrapper #content main #sections .section .inner .titlearea .catch { width: 22rem; height: 5rem; margin: 0 0 0 auto; background: #fff; border-radius: 50%; position: relative; filter: drop-shadow(0 0.3rem 0.6rem rgba(0, 0, 0, 0.16)); display: flex; justify-content: center; align-items: center; color: #FF5252; font-family: ads-piccolo, sans-serif; font-size: 1.6rem; line-height: 1; letter-spacing: -0.05em; animation: cloud 1s linear 0s infinite alternate; }
body #wrapper #content main #sections .section .inner .titlearea .catch::after { display: block; content: ""; width: 6rem; height: 1.5rem; background: #fff; position: absolute; left: 7.5%; bottom: 0; clip-path: polygon(20% 0, 100% 0, 0% 100%); }
body #wrapper #content main #sections .section .inner .titlearea .title { font-family: zen-maru-gothic, sans-serif; font-weight: 500; font-size: 2rem; }
body #wrapper #content main #sections .section .inner .titlearea .headtext { display: flex; flex-direction: column; row-gap: 1.5em; margin: 2rem 0 0; }
body #wrapper #content main #sections .section .inner .titlearea .headtext b { font-weight: 500; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list { display: flex; flex-direction: column; row-gap: 2rem; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single { background: #fff; border-radius: 2rem; padding: 2rem 1.5rem; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-titlearea { text-align: center; margin: 0 0 1rem; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-titlearea .event-title { font-family: zen-maru-gothic, sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 1.25; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-titlearea .caption { font-size: 1.2rem; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data { display: flex; flex-direction: column; row-gap: 1rem; margin: 0 0 1.5rem; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row { display: flex; align-items: flex-start; column-gap: 1.5rem; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .label { width: 5.5rem; height: 2.6rem; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 700; font-size: 1.2rem; letter-spacing: 0.1em; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .data { flex: 1; margin: 0.4rem 0 0; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .data dl { display: flex; flex-wrap: wrap; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .data dl dt { width: 8.5rem; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .data dl dd { width: calc(100% - 8.5rem); }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-caption ul li { display: flex; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-caption ul li::before { display: block; content: "※"; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .application { margin: 1rem 0 0; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .application .link-text.comingsoon { opacity: 0.3; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .application .start-date { color: #FF5252; font-weight: 500; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single:nth-child(1) .event-data .row .label { background: #FFC6C6; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single:nth-child(1) .event-caption { margin-right: -1rem; }
body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single:nth-child(2) .event-data .row .label { background: #9BBEFF; }
body #wrapper #content main #sections .section#recruitment .inner .section-contents dl { display: flex; flex-direction: column; row-gap: 0.5rem; margin: 0 0 1.5rem; }
body #wrapper #content main #sections .section#recruitment .inner .section-contents dl .row dt { font-weight: 500; }
body #wrapper #content main #sections .section#recruitment .inner .section-contents .caption ul li { display: flex; }
body #wrapper #content main #sections .section#recruitment .inner .section-contents .caption ul li::before { display: block; content: "◯"; }
body #wrapper #content main #sections .section#album .inner .section-contents .photo-list { display: flex; flex-direction: column; row-gap: 3rem; }
body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single { background: #fff; filter: drop-shadow(0 0.3rem 0.6rem rgba(0, 0, 0, 0.16)); padding: 1.5rem 1.5rem 0; position: relative; }
body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single .textarea { height: 6rem; display: flex; align-items: center; text-align: center; }
body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single .textarea p { width: 100%; text-align: center; font-family: zen-maru-gothic, sans-serif; font-weight: 500; font-size: 1.4rem; }
body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single::after { display: block; content: ""; width: 6rem; height: 1.8rem; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0) rotate(45deg); mix-blend-mode: multiply; }
body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(1)::after, body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(6)::after, body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(8)::after { background: #FFC6C6; }
body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(2)::after, body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(4)::after, body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(9)::after { background: #FFE165; }
body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(3)::after, body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(5)::after, body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(7)::after { background: #9BBEFF; }
body #wrapper #content .totop { text-align: center; font-size: 1.4rem; letter-spacing: .05em; }
body #wrapper #content .totop a { text-decoration: underline; }

@media screen and (orientation: landscape) { body #wrapper #content #top { padding: 5.21vh 0 0; height: 100vh; position: relative; display: flex; justify-content: center; align-items: center; column-gap: 1.1%; }
  body #wrapper #content #top .logo { position: absolute; width: 8.78%; margin: 0; left: 3.29%; top: 3.26%; }
  body #wrapper #content #top .image-container { width: 91.15vh; margin: 0; }
  body #wrapper #content #top .image-container .imagearea { width: 60%; }
  body #wrapper #content #top .title { width: 38.8%; margin: 0 !important; } }
@media screen and (min-width: 768px) { body #wrapper #content { padding-bottom: 10rem; }
  body #wrapper #content #lead { padding: 10rem 0; }
  body #wrapper #content #lead .inner { padding: 0; width: 86rem; max-width: 96%; margin: 0 auto; }
  body #wrapper #content #lead .inner p { text-align: center; font-size: 1.4rem; }
  body #wrapper #content main { margin: 0 0 10rem; }
  body #wrapper #content main #sections { row-gap: 10rem; }
  body #wrapper #content main #sections .section { font-size: 1.4rem; }
  body #wrapper #content main #sections .section .inner { padding: 0; width: 86rem; max-width: 96%; margin: 0 auto; }
  body #wrapper #content main #sections .section .inner .titlearea { margin: 0 0 5rem; }
  body #wrapper #content main #sections .section .inner .titlearea .catch { width: 30rem; height: 5.5rem; font-size: 2.2rem; }
  body #wrapper #content main #sections .section .inner .titlearea .title { font-size: 2.4rem; }
  body #wrapper #content main #sections .section .inner .titlearea .headtext { margin: 1rem 0 0; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list { flex-direction: row; column-gap: 2.33%; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single { width: calc(97.67% / 2); background: #fff; padding: 3rem 2rem; box-sizing: border-box; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-titlearea { min-height: 4.4rem; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-titlearea .event-title { font-size: 1.8rem; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-titlearea .caption { font-size: 1.4rem; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data { margin: 0 0 2rem; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row { column-gap: 2.5rem; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .label { width: 6.5rem; height: 3rem; font-size: 1.4rem; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .data { margin: 0.5rem 0 0; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .data dl dt { width: 10rem; }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .event-data .row .data dl dd { width: calc(100% - 10rem); }
  body #wrapper #content main #sections .section#information .inner .section-contents .event-list .event-single .application { display: flex; flex-wrap: wrap; column-gap: 0.5em; }
  body #wrapper #content main #sections .section#recruitment .inner .section-contents { width: 60rem; max-width: 100%; margin: 0 auto; }
  body #wrapper #content main #sections .section#recruitment .inner .section-contents dl .row { display: flex; }
  body #wrapper #content main #sections .section#recruitment .inner .section-contents dl .row dt { width: 9rem; }
  body #wrapper #content main #sections .section#recruitment .inner .section-contents dl .row dd { flex: 1; }
  body #wrapper #content main #sections .section#album .inner { width: 123rem; }
  body #wrapper #content main #sections .section#album .inner .titlearea { width: 86rem; max-width: 100%; margin-left: auto; margin-right: auto; }
  body #wrapper #content main #sections .section#album .inner .section-contents .photo-list { flex-direction: row; row-gap: 4.6rem; column-gap: 2.44%; flex-wrap: wrap; padding: 0 0 20rem; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #content main #sections .section#album .inner .section-contents .photo-list { column-gap: 3.13%; } }
@media screen and (min-width: 768px) { body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single { box-sizing: border-box; width: calc(95.12% / 3); } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single { width: calc(96.87% / 2); } }
@media screen and (min-width: 768px) { body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single .textarea { height: 7rem; }
  body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single .textarea p { font-size: 1.6rem; }
  body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single::after { width: 6.5rem; height: 2.5rem; }
  body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(3n-1) { transform: translate(0, 50%) translate(0, 2.3rem); } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(3n-1) { transform: none; } }
@media screen and (min-width: 768px) and (max-width: 1000px) { body #wrapper #content main #sections .section#album .inner .section-contents .photo-list .photo-single:nth-child(2n) { transform: translate(0, 50%) translate(0, 2.3rem); } }
@media screen and (min-width: 768px) { body #wrapper #content .totop { font-size: 1.6rem; } }