@charset "UTF-8";
/* レスポンシブ */
#content { padding: 0; }

iframe { width: 100%; height: 100%; }

a { text-decoration: none !important; }

a:hover { opacity: .9; }

aside { display: none !important; }

body, article, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

@media screen and (max-width: 768px) { p { line-height: 1.5; } }

@media screen and (max-width: 768px) { img { width: 100%; } }

body { background: #fff; }

input, textarea { color: #666; border: 1px solid #dbdbdb; border-radius: 1rem; padding: 10px 15px; }

input[type="submit"] { background: #E3007F; color: #fff; }

.sp { display: none; }

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

@media screen and (max-width: 768px) { .box[class*="flex"] > * { padding: 0; } }

.w80 { width: 80%; }

@media screen and (max-width: 768px) { .w80 { width: 100%; } }

.w20 { width: 20%; }

@media screen and (max-width: 768px) { .w20 { width: 80%; margin: 0 auto; } }

#crumbs { font-size: 14px; color: #919191; position: absolute; bottom: 4px; z-index: 2; }

#crumbs a { color: #29ABE2; margin-right: 4px; }

#crumbs span { margin-right: 4px; }

.post-thumbnail { text-align: center; }

.main-navigation { padding: 0; margin: 0; width: calc(100vw - 40rem); }

.main-navigation ul { float: right; }

.main-navigation ul li { margin: 0; }

.main-navigation ul li a { color: #333; font-size: 1rem; padding: .5rem 1rem; border-right: 1px solid #E6E6E6; }

.main-navigation ul li:first-child a { border-left: 1px solid #E6E6E6; }

.main-navigation .sub-menu a { border: none; color: #fff; }

.main-navigation .sub-menu li:first-child a { border: none; }

.site { background: #fff; }

.page-header .page-title { font-size: 4rem; font-weight: 700; color: #E3007F; margin: 0; letter-spacing: 8px; }

@media screen and (max-width: 768px) { .page-header .page-title { font-size: 2.5rem; } }

main { margin: 0; }

@media screen and (max-width: 1000px) { header { padding-bottom: 2rem; } }

@media screen and (max-width: 768px) { header { padding-bottom: 0; } }

h2 { font-size: 2rem; font-weight: bold; text-align: center; background: #E3007F; color: #fff; padding: .3rem 2rem; margin-bottom: 1rem; letter-spacing: 10px; }

@media screen and (max-width: 768px) { h2 { font-size: 1.6rem; } }

h3 { font-size: 2rem; font-weight: bold; padding: 1rem 0 .3rem; margin-bottom: 1.5rem; border-bottom: 2px dotted #E3007F; text-indent: -1.5em; padding-left: 1.5em; }

@media screen and (max-width: 768px) { h3 { font-size: 1.6rem; } }

h3:before { content: "\f00c"; font-family: FontAwesome; color: #E3007F; letter-spacing: 8px; }

h4 { font-size: 1.8rem; font-weight: bold; color: #E3007F; margin-bottom: .7rem; }

@media screen and (max-width: 768px) { h4 { font-size: 1.4rem; } }

h5 { font-size: 1.6rem; font-weight: bold; color: #333; margin-bottom: .7rem; }

@media screen and (max-width: 768px) { h5 { font-size: 1.2rem; } }

.top-bar { position: relative; background: #FAEFEE; padding: 8rem 0; }

@media screen and (max-width: 768px) { .top-bar { padding: 4rem 0 6rem; } }

.top-bar:after { content: ""; display: inline-block; background-image: linear-gradient(-45deg, #fff 25%, #E5E5E5 25%, #E5E5E5 50%, #fff 50%, #fff 75%, #E5E5E5 75%, #E5E5E5); background-size: 5px 5px; height: 3rem; width: 100%; position: absolute; bottom: 0; left: 0; }

.site-content ul { margin-bottom: 1.5rem; }

.site-content li:before { content: ""; display: inline-block; width: 10px; height: 10px; background: #E3007F; margin-right: 5px; }

.main-img { margin-bottom: 5rem; }

.main-img img { display: block; margin: 0 auto; width: 100%; }

/*テーブル*/
table { margin: 1rem auto; border: 1px solid #ccc; }

table th, table td { padding: .5rem; border: 1px solid #ccc; text-align: center; }

table thead { background: #DC78AD; color: #fff; }

table thead th { color: #fff; }

table tbody { text-align: left; }

table tbody th { background: #F4F5F7; }

.flex { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .flex { flex-direction: column; width: 100%; } }

.flex-row { display: flex; justify-content: space-between; }

@media screen and (max-width: 768px) { .flex-row { flex-direction: row; } }

.flex-start { justify-content: flex-start; }

.flex-txt-box { width: 75%; }

@media screen and (max-width: 768px) { .flex-txt-box { width: 100%; } }

.w49 { width: 49%; }

@media screen and (max-width: 768px) { .w49 { width: 100%; } }

.wrap { margin: 2rem 0 0; }

.content { margin-bottom: 5rem; }

@media screen and (max-width: 768px) { .content { width: 95%; margin: 0 auto 3rem; } }

.box { margin-bottom: 3rem; }

@media screen and (max-width: 768px) { .box { margin-bottom: 5rem; } }

.center { text-align: center; }

@media screen and (max-width: 768px) { .center img { width: 100%; } }

.main-img-m { width: 60%; display: block; margin: 0 auto; }

@media screen and (max-width: 768px) { .main-img-m { width: 100%; } }

.main-img-l { width: 100%; }

.img-left img { width: 100%; }

.img-right img { width: 100%; }

.txt-left { width: 75%; }

@media screen and (max-width: 768px) { .txt-left { width: 100%; } }

.txt-right { width: 75%; }

@media screen and (max-width: 768px) { .txt-right { width: 100%; } }

.txt-lg { font-size: 2.5rem; font-weight: bold; color: #E3007F; letter-spacing: 3px; line-height: 1.5; text-align: center; margin: 3rem auto 2rem; }

@media screen and (max-width: 768px) { .txt-lg { font-size: 2rem; padding: 0 1rem; } }

.box-grey { padding: 2rem; background: #EEEEEE; }

.comment { padding: 2rem; filter: drop-shadow(6px 5px 0px #E6E6E6); border-radius: 2rem; position: relative; background: #FAEFEE; }

.comment:before { content: ""; display: inline-block; position: absolute; bottom: -5rem; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-style: solid; border-width: 4rem 5rem 0 5rem; border-color: #FAEFEE transparent transparent transparent; }

.btn-link a[target="_blank"] { display: block; width: 30%; padding: 1rem; margin: 0 auto !important; border-radius: 0.5rem; font-weight: 700; text-align: center; color: #fff; background-color: #29ABE2; filter: drop-shadow(3px 3px 0 #ccc); }

@media screen and (max-width: 768px) { .btn-link a[target="_blank"] { width: 90%; } }

.btn-link a[target="_blank"]:before { display: none; }

.btn-link a[target="_blank"]:after { display: none; }

.btn-link a[target="_blank"] span { margin-right: 5px; }

/* 教育理念 philosophy */
#philosophy .content:nth-child(1) h4 { text-align: center; font-size: 2.5rem; margin: 3rem auto 7rem; }

#philosophy .title { font-size: 2rem; font-weight: bold; padding-left: 3rem; margin-bottom: 1.5rem; position: relative; }

#philosophy .title:before { content: ""; display: inline-block; width: 3rem; height: 3rem; background: #DDBB85; border-radius: 50%; padding: .5rem; position: absolute; left: 0; top: 5px; }

#philosophy .title:after { content: "知"; color: #fff; position: absolute; left: 6px; top: 1px; }

#philosophy .title2:before { background: #3AA572; }

#philosophy .title2:after { content: "徳"; }

#philosophy .title3:before { background: #CC4669; }

#philosophy .title3:after { content: "体"; }

#philosophy .title4:before { background: #FF8E39; }

#philosophy .title4:after { content: "英"; }

@media screen and (max-width: 768px) { #philosophy img { display: block; width: 60%; margin: 0 auto; } }

@media screen and (max-width: 768px) { #philosophy .img-right { margin-top: 2rem; } }

/* 堯舜について about */
#about .box-grey { padding-bottom: 5rem; position: relative; }

@media screen and (max-width: 768px) { #about .box-grey { padding-bottom: 10rem; } }

#about .diamond { float: right; }

@media screen and (max-width: 768px) { #about .diamond { position: absolute; bottom: 1rem; right: 1rem; width: 50%; } }

#about .logo-planet img { width: 100%; }

/* 堯舜国際幼稚舎 kindergarten */
@media screen and (max-width: 768px) { #kindergarten .yochisya .img-box { width: 100%; } }

#kindergarten .yochisya .list-box { width: 70%; }

@media screen and (max-width: 768px) { #kindergarten .yochisya .list-box { width: 100%; } }

#kindergarten table { table-layout: auto; }

#kindergarten .schedule-wrap { width: 70%; margin: 0 auto; }

#kindergarten .time-schedule { width: 70%; }

@media screen and (max-width: 768px) { #kindergarten .time-schedule { width: 100%; } }

#kindergarten .time-schedule th { text-align: left; }

#kindergarten .time-schedule th:nth-child(1) { width: 25%; }

#kindergarten .time-schedule td { text-align: left; }

#kindergarten .event-schedule { width: 70%; }

#kindergarten .event-schedule th { color: #fff; font-weight: bold; text-align: left; }

@media screen and (max-width: 768px) { #kindergarten .event-schedule th { width: 100%; display: block; } }

#kindergarten .event-schedule td { text-align: left; }

@media screen and (max-width: 768px) { #kindergarten .event-schedule td { width: 100%; display: block; } }

#kindergarten .event-schedule tr:nth-child(1) th { background: #FA84ED; }

#kindergarten .event-schedule tr:nth-child(2) th { background: #D75DF7; }

#kindergarten .event-schedule tr:nth-child(3) th { background: #AB57FC; }

#kindergarten .event-schedule tr:nth-child(4) th { background: #684DFC; }

#kindergarten .event-schedule tr:nth-child(5) th { background: #526AFC; }

#kindergarten .event-schedule tr:nth-child(6) th { background: #58B9FE; }

#kindergarten .event-schedule tr:nth-child(7) th { background: #70FFF0; }

#kindergarten .event-schedule tr:nth-child(8) th { background: #6DFF8B; }

#kindergarten .event-schedule tr:nth-child(9) th { background: #CEFF4F; }

#kindergarten .event-schedule tr:nth-child(10) th { background: #FCD42B; }

#kindergarten .event-schedule tr:nth-child(11) th { background: #FA984D; }

#kindergarten .event-schedule tr:nth-child(12) th { background: #F85E42; }

#kindergarten .img-box { width: 25%; }

#kindergarten .img-box img { height: auto; margin-top: 1rem; }

/* 堯舜国際プリスクール preschool */
#preschool .w25 { width: 24.5%; margin-top: 2rem; }

@media screen and (max-width: 768px) { #preschool .w25 { width: 100%; } }

#preschool .time-schedule { width: 70%; margin: 1rem auto; }

@media screen and (max-width: 768px) { #preschool .time-schedule { width: 100%; } }

#preschool .time-schedule th { background: #DC78AD; color: #fff; }

/* アフタヌーンクラス・延長保育 afternoon */
#afternoon th { width: 30%; }

/* 未就園児クラス babymum */
/* 合格実績 results */
#results .success { display: flex; justify-content: center; font-size: 4rem; font-weight: bold; color: #E3007F; margin-bottom: 3rem; }

@media screen and (max-width: 768px) { #results .success { font-size: 3rem; } }

#results .success span { font-size: 2rem; color: #333; padding-left: .7rem; }

@media screen and (max-width: 768px) { #results .success span { font-size: 1.5rem; } }

#results .success .no1 { background: #E5D29E; padding: 1rem 2rem; border-radius: 3rem; line-height: 1; font-size: 2.5rem; margin-left: 2rem; color: #fff; }

@media screen and (max-width: 768px) { #results .success .no1 { font-size: 2rem; } }

#results thead { background: #D6D6D6; }

/* よくある質問 faq */
#faq h3.q:before { content: "\f059"; font-family: FontAwesome; font-size: 120%; }

/* アクセス access */
#access .map { height: 50rem; }

@media screen and (max-width: 768px) { #access .map { height: 100vw; } }

/* 紹介動画 video */
#video .video-wrap { position: relative; width: 100%; padding-top: 56.25%; }

#video .video-wrap iframe { position: absolute; top: 0; right: 0; }

/* 各種書類 document */
/*ニュース一覧 archive-news*/
#archive-news a { color: #333; }

#archive-news .list li { margin-bottom: 5rem; transition: .3s; }

#archive-news .list li:hover { opacity: .6; }

#archive-news .list li:before { display: none; }

#archive-news .list li h3 { margin-top: 0; }

/* アカデミーアフタヌーンスクール afternoon_school */
#afternoon_school .course_cont { line-height: 3em; margin-top: 1rem; }

#afternoon_school .course_midashi { background-color: #E3007F; padding: 0.5rem 1rem; border-radius: 5px; color: #fff; margin-right: 1rem; }

#afternoon_school .course_description { margin-top: 0px; }

#afternoon_school .event-list { display: flex; justify-content: flex-start; margin-left: -2rem; }

@media screen and (max-width: 768px) { #afternoon_school .event-list { flex-wrap: wrap; margin-left: -1rem; } }

#afternoon_school .event-item { margin-left: 2rem; max-width: 332px; }

#afternoon_school .event-item::before { display: none; }

#afternoon_school .event-item a::after { display: none; }

#afternoon_school .event-item a[target="_blank"]::before { display: none; }

@media screen and (max-width: 768px) { #afternoon_school .event-item { width: 46%; margin-top: -2rem; margin-left: 1rem; } }

#afternoon_school .course_br { margin-top: 3rem; }

#afternoon_school .course_br a[target="_blank"]::before { display: none; }

#afternoon_school .course_br a[target="_blank"]::after { display: none; }

@media screen and (max-width: 768px) { #afternoon_school .course_br { margin-top: -3rem; } }