@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
body {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-feature-settings: "palt";
  line-height: 1.4em;
  color: #1A1A1A;
}

p {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-feature-settings: "palt";
  line-height: 1.65em;
  margin-bottom: 1em;
}

h5 {
  font-size: 1em;
  font-weight: 700;
  color: #001F6B;
}

h4 {
  font-size: 1.1em;
  font-weight: 700;
}

h3, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, .comment-post .profile .name h2 {
  font-size: 1.25rem;
  font-weight: 700;
}

h2 {
  font-size: 1.35em;
  font-weight: 700;
}

h1 {
  font-size: 1.4em;
  font-weight: 700;
  color: #001F6B;
}

@media screen and (max-width: 768px) {
  h5 {
    font-size: 0.9em;
  }
  h3, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, .comment-post .profile .name h2 {
    font-size: 1.1em;
  }
}
body {
  width: 100%;
  overflow-x: hidden;
  background-color: #F4F4F4;
}
body img {
  width: 100%;
  height: auto;
  display: block;
}

main {
  position: relative;
  z-index: 1;
}

section {
  display: block;
  position: relative;
  z-index: 1;
}

.inner-wrap {
  padding: 0 1em;
  width: calc(100% - 2em);
  margin: auto;
}

.arrow-top {
  position: fixed;
  width: 48px;
  height: 48px;
  background-image: url(../images/arrow_top.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
  bottom: 2em;
  right: 2em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.arrow-top:hover {
  filter: brightness(1.2);
}
.arrow-top.for-camp {
  bottom: 6em;
}
.arrow-top.for-school {
  bottom: 6em;
}
.arrow-top.for-keep {
  bottom: 5em;
}

.bottom-fix-bnr {
  display: none;
}

#fv-bnr {
  width: calc(100% - 2em);
  padding: 1em;
  background-color: #1EA2DD;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#fv-bnr .fv-bnr-inner {
  width: 100%;
  max-width: 630px;
  color: #fff;
  font-size: 1.2rem;
  padding-left: 70px;
  position: relative;
}
#fv-bnr .fv-bnr-inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background-image: url(../images/school-icon_celeb.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#fv-bnr .fv-bnr-inner span {
  display: inline-block;
  border: 1.5px solid #fff;
  padding: 0.25em 0.5em;
  font-size: 0.9rem;
  margin-right: 0.3em;
}
#fv-bnr .thisis {
  width: fit-content;
  max-width: calc(100% - 700px - 3em);
  color: #fff;
  position: absolute;
  margin: auto;
  right: 1em;
  top: 0;
  bottom: 0;
  height: fit-content;
  font-size: 0.8em;
}
#fv-bnr a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#fv-bnr:hover {
  opacity: 0.75;
}

.nav-bt {
  display: none;
}

header {
  background-color: #fff;
  padding: 0.5em 1em;
  position: sticky;
  top: 0;
  z-index: 20;
}
header .site-logo {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 1em;
}
header #global-nav {
  display: inline-block;
}
header #global-nav ul li {
  display: inline-block;
  color: #666666;
}
header #global-nav ul li a, header #global-nav ul li span {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  padding: 1em;
  margin: auto 1em;
}
header #global-nav ul li:hover a, header #global-nav ul li:hover span {
  color: #001F6B;
}
header #global-nav ul li .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #001F6B;
  z-index: 10;
  text-align: center;
}
header #global-nav ul li .submenu li {
  padding: 0;
}
header #global-nav ul li .submenu li a {
  color: #fff;
  padding: 0.5em;
  display: block;
}
header #global-nav ul li .submenu.active {
  display: block;
}
header #action-icon {
  width: 84px;
  height: fit-content;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
}
header #action-icon ul {
  display: flex;
  justify-content: space-between;
}
header #action-icon ul li {
  display: block;
  width: 100%;
}
header #action-icon ul li a {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: relative;
}
header #action-icon ul li a:hover {
  opacity: 0.75;
}
header #action-icon ul li a:after {
  content: "キープ";
  font-size: 0.75em;
  color: #666666;
  text-align: center;
  width: fit-content;
  height: fit-content;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
header #action-icon ul li a.factor {
  position: relative;
}
header #action-icon ul li a.factor:after {
  content: "検索";
  font-size: 0.75em;
  color: #666666;
  text-align: center;
  width: fit-content;
  height: fit-content;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#bread {
  width: calc(100% - 2em);
  max-width: calc(1100px - 2em);
  margin: auto;
  color: #001F6B;
  padding: 2em 1em;
}
#bread ul li {
  display: inline-block;
  padding-left: 1em;
  position: relative;
}
#bread ul li a {
  color: #001F6B;
}
#bread ul li:before {
  content: ">";
  padding: 0 0.2em;
  text-decoration: none;
  position: absolute;
  left: 0;
}
#bread ul li:first-of-type {
  padding: 0;
}
#bread ul li:first-of-type:before {
  content: none;
}
#bread ul li:last-of-type {
  text-decoration: underline;
}

.school-menu {
  display: none;
}

#school-wrap {
  display: flex;
  width: 100%;
  max-width: 1100px;
  margin: auto;
}

#school-page {
  width: calc(100% - 200px - 2em);
  margin-left: 2em;
}
#school-page h2 {
  margin-bottom: 1em;
  font-weight: 500;
  color: #1EA2DD;
  font-size: 1.1em;
}
#school-page h2.catch {
  font-weight: 500;
  color: #fff;
  font-size: 1.1em;
  background-color: #001F6B;
  margin-bottom: 0;
  padding: 0.75em;
}
#school-page h2.catch:before {
  content: "＼ ここに注目！ ／";
  color: #fff;
  display: block;
  font-size: 0.9em;
  border-radius: 0.3em;
  width: fit-content;
  transform: rotate(-4deg);
  margin-bottom: 0.3em;
  position: relative;
  left: -0.5em;
}
#school-page h3, #school-page #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #school-page h2, #school-page .comment-post .profile .name h2, .comment-post .profile .name #school-page h2 {
  text-align: center;
  margin: 2em auto;
}
#school-page #result-list h3, #school-page #result-list #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #school-page #result-list h2, #school-page #result-list .comment-post .profile .name h2, .comment-post .profile .name #school-page #result-list h2 {
  margin: auto;
  text-align: left;
}
#school-page .comment-card h3, #school-page .comment-card #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #school-page .comment-card h2, #school-page .comment-card .comment-post .profile .name h2, .comment-post .profile .name #school-page .comment-card h2 {
  margin: auto;
  text-align: left;
  margin-bottom: 0.3em;
}
#school-page .comment-post {
  margin-bottom: 3em;
}
#school-page .comment-post h3, #school-page .comment-post #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #school-page .comment-post h2, #school-page .comment-post .profile .name h2 {
  text-align: left;
  margin: auto;
}
#school-page .comment-sort {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
#school-page .comment-sort .sort-tag {
  display: block;
  width: calc(20% - 4px - 2.5em);
  padding: 0.5em 1em;
  margin: 0.25em;
  background-color: #fff;
  border: 2px solid #1EA2DD;
  color: #1EA2DD;
  border-radius: 0.4em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#school-page .comment-sort .sort-tag.active {
  color: #fff;
  background-color: #1EA2DD;
}
#school-page .comment-sort .sort-tag:hover {
  background-color: #D8F1FE;
}
#school-page .school-blog {
  background-color: #fff;
  border-radius: 0.4em;
  padding: 2em;
  margin-bottom: 2em;
}
#school-page .school-blog .post-date {
  font-size: 0.8em;
  color: #1EA2DD;
  padding-bottom: 0;
  margin-bottom: 0.3em;
}
#school-page .school-blog .header {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #ACADB1;
}
#school-page .school-blog .header h2, #school-page .school-blog .header h1 {
  display: block;
  color: #001F6B;
  margin-bottom: 1em;
  font-size: 1.1rem;
}
#school-page .school-blog .letter p {
  font-size: 0.9em;
}
#school-page .school-blog .letter p img {
  max-width: 100% !important;
  display: block;
  width: auto;
  height: auto;
}
#school-page .school-blog .letter img {
  max-width: 100% !important;
  display: block;
  width: auto;
  height: auto;
}
#school-page .school-blog .states {
  display: flex;
  justify-content: space-between;
  padding: 0.5em 1em;
  position: absolute;
  top: 0;
  right: 0;
}
#school-page .school-blog .states .counter i {
  color: #1EA2DD;
  display: inline-block;
  vertical-align: middle;
  margin: auto 0.2em;
  cursor: pointer;
}
#school-page .school-blog .states .counter i:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#school-page .school-blog .states .counter i.comment-count:before {
  background-image: url(../images/icon_comment.svg);
}
#school-page .school-blog .states .counter i.favorite-count {
  color: #FF9393;
}
#school-page .school-blog .states .counter i.favorite-count:before {
  background-image: url(../images/icon_heart.svg);
}
#school-page .school-blog .states .counter i.favorite-count.on:before {
  background-image: url(../images/icon_heart-on.svg);
}
#school-page .school-teacher {
  background-color: #fff;
  border-radius: 0.4em;
  padding: 2em;
  margin-bottom: 2em;
}
#school-page .school-teacher .header {
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #ACADB1;
}
#school-page .school-teacher .header .face {
  width: 15%;
  position: relative;
}
#school-page .school-teacher .header .face:after {
  content: "";
  display: block;
  padding-top: 100%;
}
#school-page .school-teacher .header .face img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#school-page .school-teacher .header h2, #school-page .school-teacher .header h1 {
  display: block;
  padding-left: 2em;
  font-size: 1.1rem;
  color: #001F6B;
}
#school-page .school-teacher .header h2 span, #school-page .school-teacher .header h1 span {
  margin-left: 0.3em;
  display: inline-block;
  font-size: 0.9em;
}
#school-page .school-teacher .header h2:before, #school-page .school-teacher .header h1:before {
  content: "面談担当者プロフィール";
  display: block;
  font-size: 0.7em;
  background-color: #001F6B;
  color: #fff;
  padding: 0.2em 0.75em;
  margin-bottom: 0.5em;
  border-radius: 0.2em;
}
#school-page .school-teacher .letter p {
  font-size: 0.9em;
}
#school-page .school-teacher .letter img {
  width: 100%;
  height: auto;
  display: block;
}
#school-page .school-campaign {
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  color: #001F6B;
  background-color: #FDDE4C;
}
#school-page .school-campaign.sc-white {
  background-color: #fff;
}
#school-page .school-campaign .header {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ACADB1;
}
#school-page .school-campaign h5 {
  margin-bottom: 0.5em;
}
#school-page .school-campaign p:last-of-type {
  margin-bottom: 0;
}
#school-page .school-campaign img {
  width: 100%;
  height: auto;
}
#school-page .school-map .address {
  margin-bottom: 0.5em;
  color: #1EA2DD;
  font-size: 0.8em;
}
#school-page .school-map .map {
  width: 100%;
  margin-bottom: 3em;
}
#school-page .school-map .map iframe {
  width: 100%;
  height: 400px;
}
#school-page .school-point {
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
}
#school-page .school-point p {
  color: #001F6B;
}
#school-page .school-point p:last-of-type {
  margin-bottom: 0;
}
#school-page .school-profile {
  background-color: #fff;
  margin-bottom: 1.5em;
}
#school-page .school-profile .header {
  position: relative;
  margin-bottom: 1em;
}
#school-page .school-profile .header .name {
  font-size: 1.4em;
  font-weight: 700;
  padding: 1.5em;
  padding-right: 8em;
  color: #001F6B;
  border-bottom: 1px solid #ACADB1;
}
#school-page .school-profile .header .contact-wrap {
  display: flex;
  width: calc(100% - 1em);
  padding: 0.5em;
  align-items: center;
  background-color: #6DC7EE;
}
#school-page .school-profile .header .contact-wrap .contact-tel {
  width: 50%;
  color: #001F6B;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  text-align: center;
}
#school-page .school-profile .header .contact-wrap .contact-tel a {
  font-size: 1.5em;
  display: inline-block;
  margin-left: 1em;
  position: relative;
  vertical-align: bottom;
  font-weight: 700;
  letter-spacing: 0;
  color: #001F6B;
}
#school-page .school-profile .header .contact-wrap .contact-tel a:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(../images/icon_tel.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -1em;
}
#school-page .school-profile .header .contact-wrap .contact-site {
  width: calc(50% - 1em);
  font-size: 0.9em;
  color: #1EA2DD;
  background-color: #fff;
  padding: 0.5em;
  text-align: center;
  border-radius: 0.3em;
  box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3);
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#school-page .school-profile .header .contact-wrap .contact-site:hover {
  opacity: 0.75;
}
#school-page .school-profile .header .states {
  display: flex;
  justify-content: space-between;
  padding: 0.5em 1em;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
}
#school-page .school-profile .header .states .counter i {
  color: #1EA2DD;
  display: inline-block;
  vertical-align: middle;
  margin: auto 0.2em;
  cursor: pointer;
}
#school-page .school-profile .header .states .counter i:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#school-page .school-profile .header .states .counter i.comment-count:before {
  background-image: url(../images/icon_comment.svg);
}
#school-page .school-profile .header .states .counter i.favorite-count {
  color: #FF9393;
}
#school-page .school-profile .header .states .counter i.favorite-count:before {
  background-image: url(../images/icon_heart.svg);
}
#school-page .school-profile .header .states .counter i.favorite-count.on:before {
  background-image: url(../images/icon_heart-on.svg);
}
#school-page .school-profile .school-swiper {
  display: flex;
}
#school-page .school-profile .school-swiper .swiper-slide {
  display: block;
  width: 25%;
}
#school-page .school-profile .profile {
  padding: 1.5em;
  position: relative;
}
#school-page .school-profile .profile .link-space {
  display: block;
}
#school-page .school-profile .profile .link-space li {
  display: inline-block;
  margin-right: 0.5em;
}
#school-page .school-profile .profile .link-space li a {
  display: block;
  padding-left: 1.4em;
  position: relative;
  line-height: 1em;
  font-size: 0.75rem;
  font-weight: 600;
  color: #001F6B;
  text-decoration: underline;
}
#school-page .school-profile .profile .link-space li a:after {
  content: "";
  width: 1.3em;
  height: 1.3em;
  background-image: url(../images/icon_link.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#school-page .school-profile .profile .official-sns {
  display: flex;
  flex-wrap: wrap;
  margin: 1em auto;
}
#school-page .school-profile .profile .official-sns div {
  width: 40px;
  max-width: 40px;
  height: 40px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-radius: 4px;
}
#school-page .school-profile .profile .official-sns .sns-title {
  background-color: #001F6B;
  border-radius: 0.2em;
  width: 100%;
  position: relative;
}
#school-page .school-profile .profile .official-sns .sns-title span {
  text-align: center;
  display: block;
  color: #fff;
  line-height: 1em;
  font-size: 0.9em;
  font-weight: 500;
  height: fit-content;
  width: fit-content;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
#school-page .school-profile .profile .official-sns .sns-line {
  background-color: #00BE00;
}
#school-page .school-profile .profile .official-sns .sns-tw {
  background-color: #00ACED;
}
#school-page .school-profile .profile .official-sns .sns-fb {
  background-color: #3B5998;
}
#school-page .school-profile .profile .official-sns .sns-insta {
  background-color: #CF2E92;
}
#school-page .school-profile .profile .uncontracted {
  border: 2px solid #001F6B;
  padding: 0.5em;
  margin: 1em auto;
}
#school-page .school-profile .profile .uncontracted h4 {
  font-size: 1rem;
  color: #001F6B;
  margin-bottom: 0.2em;
}
#school-page .school-profile .profile .uncontracted p {
  font-size: 0.8em;
}
#school-page .school-profile .profile .uncontracted .uncontracted-bottom {
  display: flex;
  border-top: 1px solid #ACADB1;
}
#school-page .school-profile .profile .uncontracted .uncontracted-bottom a {
  display: block;
  width: 50%;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.3em;
  padding: 1em 0;
  color: #1EA2DD;
  position: relative;
}
#school-page .school-profile .profile .uncontracted .uncontracted-bottom a br {
  display: none;
}
#school-page .school-profile .profile .uncontracted .uncontracted-bottom a:nth-of-type(2):after {
  content: "";
  display: block;
  width: 1px;
  height: 2em;
  background-color: #ACADB1;
  position: absolute;
  top: 1em;
  left: 0;
}
#school-page .school-profile .profile .profile-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
}
#school-page .school-profile .profile .celeb-bnr {
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  font-size: 0.8em;
  padding: 0.75em 1em;
  vertical-align: middle;
  line-height: 0.8em;
  padding-left: 3em;
  position: relative;
  border-radius: 0.2em;
  width: fit-content;
}
#school-page .school-profile .profile .celeb-bnr:after {
  content: "";
  width: 2.5em;
  height: 2em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.25em;
  margin: auto;
  background-image: url(../images/school-icon_celeb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#school-page .school-profile .profile .celeb-bnr span {
  color: #ff0;
  font-size: 1rem;
  vertical-align: bottom;
}
#school-page .school-profile .profile .comment-post-bt {
  background-color: #001F6B;
  color: #fff;
  width: fit-content;
  padding: 0.4em 2em;
  border-radius: 2em;
  font-size: 0.8em;
  margin-left: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#school-page .school-profile .profile .comment-post-bt:hover {
  opacity: 0.75;
}
#school-page .school-nodata {
  padding: 1em;
  background-color: #fff;
}
#school-page .school-nodata h4 {
  font-size: 1rem;
  color: #001F6B;
  margin-bottom: 0.2em;
}
#school-page .school-nodata p {
  font-size: 0.8em;
}
#school-page .school-nodata .uncontracted-bottom {
  display: flex;
  border-top: 1px solid #ACADB1;
}
#school-page .school-nodata .uncontracted-bottom a {
  display: block;
  width: 50%;
  text-align: center;
  font-size: 0.7em;
  padding: 1em 0;
  color: #1EA2DD;
  position: relative;
}
#school-page .school-nodata .uncontracted-bottom a:nth-of-type(2):after {
  content: "";
  display: block;
  width: 1px;
  height: 2em;
  background-color: #ACADB1;
  position: absolute;
  top: 1em;
  left: 0;
}
#school-page .school-reccomend {
  margin-top: 2em;
}
#school-page .school-reccomend .header {
  width: calc(100% - 2em);
  padding: 1em;
  background-color: #1EA2DD;
  color: #fff;
  text-align: center;
}
#school-page .school-reccomend .reccomend-swiper {
  padding: 1em 0.5em;
}
#school-page .school-reccomend .select-reccomend {
  width: 100%;
  max-width: 800px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#school-page .school-reccomend .select-reccomend .card-desc {
  width: calc(100% - 1em);
  margin-left: 1em;
}
#school-page .school-reccomend .select-reccomend .school-icon {
  width: 160px;
  overflow: hidden;
  position: relative;
  border-radius: 0.2em;
  margin-bottom: 0.5em;
}
#school-page .school-reccomend .select-reccomend .school-icon:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#school-page .school-reccomend .select-reccomend .school-icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
}
#school-page .school-reccomend .select-reccomend .reccomend-card {
  background-color: #fff;
  padding: 1em;
  width: calc(24% - 2em);
  margin-bottom: 1em;
  position: relative;
  border-radius: 0.4em;
  padding-top: 2.5em;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .place {
  font-size: 0.8em;
  color: #fff;
  background-color: #6DC7EE;
  padding: 0.2em 0.5em;
  width: calc(100% - 1em);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .profile {
  margin-bottom: 0.5em;
  min-height: 3em;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .profile .name {
  font-size: 1em;
  font-weight: 700;
  color: #001F6B;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .profile .comment {
  color: #1EA2DD;
  display: inline-block;
  vertical-align: top;
  margin: auto 0.2em;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .profile .comment:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icon_comment.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .text {
  font-size: 0.9em;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .card-bottom {
  display: flex;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .celeb-bnr {
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  font-size: 0.8em;
  padding: 0.75em 1em;
  line-height: 0.8em;
  padding-left: 3em;
  position: relative;
  border-radius: 0.2em;
  text-align: center;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .celeb-bnr:after {
  content: "";
  width: 2.5em;
  height: 2em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.25em;
  margin: auto;
  background-image: url(../images/school-icon_celeb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .celeb-bnr span {
  color: #ff0;
  font-size: 1rem;
  vertical-align: bottom;
}
#school-page .school-reccomend .select-reccomend .reccomend-card .card-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#school-page .school-reccomend .select-reccomend .reccomend-card:hover {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}
#school-page .school-reccomend .readmore {
  display: block;
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  padding: 1em;
  border-radius: 0.3em;
  width: 360px;
  min-width: fit-content;
  margin: 1em auto;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#school-page .school-reccomend .readmore span {
  padding-right: 2em;
  position: relative;
  display: block;
  margin: auto;
  width: fit-content;
}
#school-page .school-reccomend .readmore span:after {
  content: "";
  width: 1em;
  height: 1.25em;
  position: absolute;
  background-image: url(../images/bt_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#school-page .school-reccomend .readmore:hover {
  filter: brightness(1.2);
}

#side-menu {
  width: 200px;
  height: fit-content;
  position: sticky;
  top: 6em;
}
#side-menu nav {
  margin-bottom: 2em;
}
#side-menu nav .nav-block {
  display: block;
  padding: 0.5em 1em;
  border: 2px solid #1EA2DD;
  border-top: none;
  color: #1EA2DD;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#side-menu nav .nav-block:first-of-type {
  border-top: 2px solid #1EA2DD;
}
#side-menu nav .nav-block:hover {
  background-color: #D8F1FE;
}
#side-menu nav .nav-block.active {
  background-color: #1EA2DD;
  color: #fff;
}
#side-menu nav .nav-block.dis {
  background-color: #d5d5d5;
  color: #aeaeae;
  cursor: initial;
  pointer-events: none;
}
#side-menu nav .nav-block.new {
  position: relative;
}
#side-menu nav .nav-block.new:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../images/icon_new.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
#side-menu nav .nav-block .blog-count {
  font-size: 0.8em;
  vertical-align: text-bottom;
}
#side-menu nav .nav-block .blog-count:before {
  content: "(";
}
#side-menu nav .nav-block .blog-count:after {
  content: ")";
}
#side-menu nav .nav-block .movie-count {
  font-size: 0.8em;
  vertical-align: text-bottom;
}
#side-menu nav .nav-block .movie-count:before {
  content: "(";
}
#side-menu nav .nav-block .movie-count:after {
  content: ")";
}
#side-menu nav .nav-block .comment-count {
  font-size: 0.8em;
  vertical-align: text-bottom;
}
#side-menu nav .nav-block .comment-count:before {
  content: "(";
}
#side-menu nav .nav-block .comment-count:after {
  content: ")";
}
#side-menu .keep-bt-school {
  padding: 0.5em 1em;
  border: 2px solid #1EA2DD;
  color: #1EA2DD;
  background-color: #fff;
  border-radius: 0.3em;
  text-align: center;
  margin-bottom: 2em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#side-menu .keep-bt-school span {
  padding-left: 2em;
  width: fit-content;
  display: block;
  margin: auto;
  position: relative;
}
#side-menu .keep-bt-school span:after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/icon_keep.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
#side-menu .keep-bt-school.on {
  background-color: #1EA2DD;
  color: #fff;
}
#side-menu .keep-bt-school.on span:after {
  background-image: url(../images/icon_keep-on.svg);
}
#side-menu .keep-bt-school:hover {
  background-color: #D8F1FE;
}
#side-menu .doc-bt {
  width: calc(100% - 4px);
  margin: auto;
  background-color: #fff;
  border-radius: 0.4em;
  text-align: center;
  border: 2px solid #fff;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
#side-menu .doc-bt .bt-top {
  background-color: #FF9393;
  color: #fff;
  font-size: 0.7em;
  font-weight: 600;
  padding: 0.3em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#side-menu .doc-bt .bt-bottom {
  font-size: 0.8em;
  padding: 0.2em;
  color: #FF9393;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#side-menu .doc-bt a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#side-menu .doc-bt:hover .bt-top {
  opacity: 0.75;
}
#side-menu .doc-bt:hover .bt-bottom {
  opacity: 0.75;
}

.page-header {
  width: calc(100% - 2em);
  max-width: calc(1000px - 2em);
  margin: auto;
  margin-bottom: 2em;
}
.page-header img {
  width: 100%;
  margin: auto;
  max-width: 230px;
}
.page-header h2, .page-header h1 {
  text-align: center;
  color: #001F6B;
  padding: 0.5em 0;
}

.request-top-bnr {
  width: calc(100% - 2em);
  padding: 1em;
  max-width: calc(1000px - 2em);
  margin: auto;
  position: relative;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.request-top-bnr h1 {
  line-height: 1.6em;
  font-size: 1.8em;
}
.request-top-bnr h1 img {
  height: 1.6em;
  width: auto;
  display: inline-block;
  vertical-align: text-bottom;
}
.request-top-bnr .rh-img {
  width: 40%;
  max-width: 300px;
}

.request-flow {
  width: calc(100% - 2em);
  padding: 1em;
  max-width: calc(1000px - 2em);
  margin: auto;
  background-color: #001F6B;
  position: sticky;
  top: 70px;
  z-index: 10;
}
.request-flow img {
  width: 100%;
  max-width: 360px;
  margin: auto;
  display: block;
}

.request-header, .post-header {
  width: calc(100% - 2em);
  padding: 1em;
  padding-top: 2em;
  max-width: calc(1000px - 2em);
  margin: auto;
  position: relative;
}
.request-header h1, .post-header h1 {
  margin-bottom: 0.75em;
}
.request-header .bnr-slide, .post-header .bnr-slide {
  max-width: 600px;
  margin: 2em auto;
  padding-bottom: 2em;
}
.request-header .camp-link, .post-header .camp-link {
  color: #1EA2DD;
  font-weight: 700;
  font-size: 0.9em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.request-header .camp-link:hover, .post-header .camp-link:hover {
  opacity: 0.75;
}
.request-header .celeb-bnr, .post-header .celeb-bnr {
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  font-size: 0.8em;
  padding: 0.75em 1em;
  vertical-align: middle;
  line-height: 0.8em;
  padding-left: 3em;
  position: relative;
  border-radius: 0.2em;
  width: fit-content;
}
.request-header .celeb-bnr:after, .post-header .celeb-bnr:after {
  content: "";
  width: 2.5em;
  height: 2em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.25em;
  margin: auto;
  background-image: url(../images/school-icon_celeb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.request-header .celeb-bnr span, .post-header .celeb-bnr span {
  color: #ff0;
  font-size: 1rem;
  vertical-align: bottom;
}
.request-header .keep, .post-header .keep {
  display: block;
  padding: 0.5em 1em;
  padding-left: 3em;
  color: #ACADB1;
  position: absolute;
  bottom: 1em;
  right: 1em;
  background-color: #fff;
  border: 2px solid #6DC7EE;
  color: #6DC7EE;
  border-radius: 0.4em;
  cursor: pointer;
}
.request-header .keep:before, .post-header .keep:before {
  content: "";
  display: block;
  width: 1.7em;
  height: 1.7em;
  background-image: url(../images/icon_keep.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1em;
  margin: auto;
}

.keep-checker {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0.5em 0;
  position: fixed;
  bottom: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 10;
}
.keep-checker .inner-wrap {
  max-width: 560px;
  margin: auto;
  display: flex;
}
.keep-checker .select-disp {
  background-color: #fff;
  padding: 0.5em;
  text-align: center;
  color: #001F6B;
  border-radius: 0.3em;
  width: calc(100% - 130px - 1em);
  margin-right: auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 1em;
  line-height: 1.3em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
}
.keep-checker .select-disp #selected {
  font-size: 1.3em;
  vertical-align: text-top;
  font-weight: 700;
  color: #FF9393;
}
.keep-checker .select-disp .select-check {
  width: 100%;
  font-size: 0.75em;
}
.keep-checker .set-request {
  width: 130px;
  background-color: #FF9393;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 2px solid #fff;
  cursor: pointer;
}
.keep-checker .set-request.dis {
  filter: grayscale(1);
  pointer-events: none;
}
.keep-checker .set-request .request-bt {
  font-size: 0.9em;
  color: #fff;
  padding: 0.5em;
  text-align: center;
  font-weight: 500;
  line-height: 1.3em;
}

.request-wrap, .post-wrap {
  background-color: #D8F1FE;
  width: calc(100% - 2em);
  padding: 1em;
  max-width: calc(1000px - 2em);
  margin: auto;
}

#campaign-page {
  background-color: #D8F1FE;
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
#campaign-page h3, #campaign-page #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #campaign-page h2, #campaign-page .comment-post .profile .name h2, .comment-post .profile .name #campaign-page h2 {
  text-align: center;
  margin: 3em auto 2em;
  color: #001F6B;
}
#campaign-page h3 span, #campaign-page #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2 span, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #campaign-page h2 span, #campaign-page .comment-post .profile .name h2 span, .comment-post .profile .name #campaign-page h2 span {
  color: #1EA2DD;
}
#campaign-page .event-period {
  padding: 1em;
  border: 2px solid #1EA2DD;
  width: calc(100% - 2em);
  max-width: 400px;
  color: #1EA2DD;
  text-align: center;
  border-radius: 0.4em;
  font-weight: 600;
  margin: 2em auto;
}
#campaign-page .white-wrap {
  padding: 2em;
  max-width: calc(760px - 2em);
  margin: auto;
  background-color: #fff;
  border-radius: 0.4em;
}
#campaign-page .white-wrap p {
  color: #001F6B;
}
#campaign-page .white-wrap p:last-of-type {
  margin-bottom: 0;
}
#campaign-page .white-wrap h4 {
  color: #001F6B;
  font-weight: 500;
  margin: auto;
  text-align: center;
}
#campaign-page .white-wrap .img-wrap {
  margin: 2em auto;
}
#campaign-page .white-wrap .img-wrap.flex {
  display: flex;
  justify-content: center;
}
#campaign-page .white-wrap .img-wrap.flex .img {
  margin: auto 0.5em;
  display: block;
}
#campaign-page .tw-check {
  max-width: 600px;
  margin: 2em auto;
}
#campaign-page .tw-check .header {
  background-color: #1EA2DD;
  padding: 1em;
  color: #fff;
  text-align: center;
}
#campaign-page .tw-check .header span {
  font-size: 0.8em;
}
#campaign-page .tw-check .image-wrap {
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
}
#campaign-page .tw-check .image-wrap .image {
  margin: 0.5em;
  width: calc(50% - 1em);
}
#campaign-page .tw-check p {
  color: #1EA2DD;
  text-align: center;
}
#campaign-page .campaign-check {
  max-width: 600px;
  margin: 2em auto;
  background-color: #fff;
  padding-bottom: 1em;
}
#campaign-page .campaign-check .header {
  background-color: #1EA2DD;
  padding: 1em;
  color: #fff;
  text-align: center;
}
#campaign-page .campaign-check .header h4 {
  color: #fff;
  text-align: center;
}
#campaign-page .campaign-check .header span {
  color: #ff0;
}
#campaign-page .campaign-check .now {
  margin: 3em auto;
  padding: 0 2em;
  text-align: center;
}
#campaign-page .campaign-check .now h5 {
  font-size: 1.2rem;
  margin-bottom: 2em;
}
#campaign-page .campaign-check .now .count-wrap {
  font-weight: 700;
  color: #001F6B;
}
#campaign-page .campaign-check .now .count-wrap .count {
  font-size: 3em;
  color: #1EA2DD;
  font-weight: 700;
}
#campaign-page .campaign-check .now p {
  color: #1EA2DD;
  font-size: 0.9em;
}
#campaign-page .elected-wrap {
  max-width: 600px;
  margin: auto;
}
#campaign-page .elected-wrap .notice {
  background-color: #1EA2DD;
  padding: 0.5em 1em;
  text-align: center;
  color: #fff;
  border-radius: 2em;
  margin: 2em auto;
  width: calc(90% - 2em);
  display: block;
}
#campaign-page .elected-wrap .elected-table {
  max-width: 800px;
  margin: 2em auto;
}
#campaign-page .elected-wrap .elected-table table {
  border: 2px solid #001F6B;
  margin: auto;
  font-size: 0.9em;
}
#campaign-page .elected-wrap .elected-table table tr {
  border: 1px solid #001F6B;
}
#campaign-page .elected-wrap .elected-table table th, #campaign-page .elected-wrap .elected-table table td {
  padding: 1em;
}
#campaign-page .elected-wrap .elected-table table th {
  background-color: #001F6B;
  color: #fff;
  border: 1px solid #fff;
  font-weight: 700;
  text-align: center;
}
#campaign-page .elected-wrap .elected-table table td {
  background-color: #fff;
  border: 1px solid #001F6B;
}
#campaign-page .elected-wrap .elected-table table td a {
  color: #1EA2DD;
  font-size: 0.9em;
}
#campaign-page .flow-wrap {
  max-width: 600px;
  margin: auto;
}
#campaign-page .flow-wrap .flow-box {
  background-color: #fff;
  border-radius: 0.4em;
  padding: 1em;
  position: relative;
  margin: 3em auto;
}
#campaign-page .flow-wrap .flow-box:last-of-type {
  margin-bottom: 0;
}
#campaign-page .flow-wrap .flow-box .num {
  position: absolute;
  top: 0;
  left: 0;
}
#campaign-page .flow-wrap .flow-box .num:after {
  content: "";
  width: 4em;
  height: 4em;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -1em;
  left: -1em;
}
#campaign-page .flow-wrap .flow-box .num.step1:after {
  background-image: url(../images/campaign/step_01.svg);
}
#campaign-page .flow-wrap .flow-box .num.step2:after {
  background-image: url(../images/campaign/step_02.svg);
}
#campaign-page .flow-wrap .flow-box .num.step3:after {
  background-image: url(../images/campaign/step_03.svg);
}
#campaign-page .flow-wrap .flow-box .num.step4:after {
  background-image: url(../images/campaign/step_04.svg);
}
#campaign-page .flow-wrap .flow-box .num.step5:after {
  background-image: url(../images/campaign/step_05.svg);
}
#campaign-page .flow-wrap .flow-box .num.step6:after {
  background-image: url(../images/campaign/step_06.svg);
}
#campaign-page .flow-wrap .flow-box .num.step7:after {
  background-image: url(../images/campaign/step_07.svg);
}
#campaign-page .flow-wrap .flow-box .tw-fl-bt {
  display: block;
  width: 300px;
  margin: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#campaign-page .flow-wrap .flow-box .tw-fl-bt:hover {
  opacity: 0.75;
}
#campaign-page .flow-wrap .flow-box h4 {
  color: #001F6B;
  font-weight: 700;
  margin: auto;
  text-align: center;
  margin-bottom: 1em;
  color: #1A1A1A;
}
#campaign-page .flow-wrap .flow-box h5 {
  font-weight: 500;
  margin-bottom: 0.5em;
}
#campaign-page .flow-wrap .flow-box .point {
  margin-bottom: 0.5em;
}
#campaign-page .flow-wrap .flow-box .point div {
  color: #1EA2DD;
  font-weight: 700;
}
#campaign-page .inner-bt-wrap {
  margin: auto;
  padding: 3em 0;
}
#campaign-page .inner-bt-wrap .ac-bt {
  padding: 0.75em;
  background-color: #001F6B;
  display: block;
  width: calc(100% - 1.5em);
  max-width: 600px;
  margin: auto;
  color: #fff;
  font-weight: 700;
  text-align: center;
  position: relative;
  margin-bottom: 0.5em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#campaign-page .inner-bt-wrap .ac-bt:after {
  content: "+";
  position: absolute;
  top: 0;
  height: 0.75em;
  width: 0.75em;
  bottom: 0;
  right: 0.5em;
  margin: auto;
  display: block;
  font-size: 2em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  transform: rotate(45deg);
}
#campaign-page .inner-bt-wrap .ac-bt.active:after {
  transform: rotate(360deg);
}
#campaign-page .inner-bt-wrap .ac-bt:hover {
  background-color: #1EA2DD;
}
#campaign-page .inner-bt-wrap .ac-box {
  background-color: #fff;
  max-width: 600px;
  margin: auto;
  padding: 0.75em;
  margin-bottom: 1.5em;
  display: none;
}
#campaign-page .inner-bt-wrap .ac-box ul li {
  font-size: 0.9em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ddd;
}
#campaign-page .inner-bt-wrap .ac-box ul li .que {
  color: #1EA2DD;
  font-weight: 500;
}
#campaign-page .inner-bt-wrap .ac-box ul li .que:before {
  content: "Q ";
}
#campaign-page .inner-bt-wrap .ac-box ul li:last-of-type {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#campaign-page .inner-bt-wrap .ac-box ul li .ans-inner-list {
  border: 1px solid #ddd;
  padding: 0.5em;
  margin-top: 0.4em;
}
#campaign-page .inner-bt-wrap .ac-box ul li .ans-inner-list h6 {
  font-weight: 700;
  font-size: 0.9em;
  display: block;
}
#campaign-page .inner-bt-wrap .ac-box ul li .ans-inner-list ol {
  list-style: decimal;
  padding-left: 1em;
}
#campaign-page .inner-bt-wrap .ac-box ul li .ans-inner-list ol li h6 {
  font-weight: 700;
  font-size: 1.1em;
  display: block;
}
#campaign-page .inner-bt-wrap .ac-box ul li .ans-inner-list .attention {
  color: #ff9393;
}
#campaign-page .inner-bt-wrap .ac-box ul li .ans-inner-list .attention h6 {
  background-color: #ff9393;
  color: #fff;
  padding: 0.2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#campaign-page .inner-bt-wrap .ac-box ul li .ans-inner-list .attention span {
  font-weight: 500;
  text-decoration: underline;
}
#campaign-page .inner-bt-wrap .ac-box.pc-open {
  display: block;
}
#campaign-page .campaign-tab .campaign-tab-bt-wrap {
  width: 100%;
  display: flex;
}
#campaign-page .campaign-tab .campaign-tab-bt-wrap .campaign-tab-bt {
  width: calc(33.3333333333% - 2em);
  padding: 1em;
  text-align: center;
  background-color: #001F6B;
  color: #fff;
  border: 1px solid #D8F1FE;
  cursor: pointer;
}
#campaign-page .campaign-tab .campaign-tab-bt-wrap .campaign-tab-bt.active {
  border-bottom: none;
  background-color: #D8F1FE;
  color: #001F6B;
  font-weight: 700;
}
#campaign-page .campaign-tab .campaign-disp {
  display: none;
}
#campaign-page .campaign-tab .campaign-disp.active {
  display: block;
}

.modal-open {
  cursor: pointer;
}

.modal-box {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 30;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
}
.modal-box.active {
  display: flex;
}
.modal-box .modal-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.modal-box .modal-close {
  width: 2.5em;
  height: 2.5em;
  display: block;
  position: absolute;
  top: 1em;
  right: 1em;
  background-image: url(../images/modal-close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
.modal-box .modal-inner {
  width: calc(100% - 2em);
  max-width: 1000px;
  max-height: 80vh;
  overflow: scroll;
  margin: auto;
  background-color: #fff;
  position: relative;
  z-index: 10;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}

#factor-box {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 40; /* 20 から 40 へ変更 */
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  overflow-y: auto; /* 縦方向のスクロール */
}
#factor-box .fbg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
#factor-box.active {
  display: flex;
}
#factor-box .factor-select, #factor-box .detail-select {
  width: calc(100% - 2em);
  max-width: 1000px;
  margin: auto;
  background-color: #fff;
  position: relative;
  z-index: 10;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
  display: none;
}
#factor-box .factor-select.active, #factor-box .detail-select.active {
  display: block;
}
#factor-box .factor-select #select, #factor-box .factor-select #detail, #factor-box .detail-select #select, #factor-box .detail-select #detail {
  margin: auto;
  padding-bottom: 2em;
}
#factor-box .factor-select #select .select-base, #factor-box .factor-select #detail .select-base, #factor-box .detail-select #select .select-base, #factor-box .detail-select #detail .select-base {
  display: none;
}
#factor-box .factor-select #select .select-base.active, #factor-box .factor-select #detail .select-base.active, #factor-box .detail-select #select .select-base.active, #factor-box .detail-select #detail .select-base.active {
  display: block;
}

.ac-factor {
  z-index: 20;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
}
.ac-factor.active {
  display: flex;
}
.ac-factor .factor-select, .ac-factor .detail-select {
  width: calc(100% - 2em);
  max-width: 1000px;
  margin: auto;
  background-color: #fff;
  position: relative;
  z-index: 10;
  display: none;
}
.ac-factor .factor-select.active, .ac-factor .detail-select.active {
  display: block;
}
.ac-factor .factor-select #select, .ac-factor .factor-select #detail, .ac-factor .detail-select #select, .ac-factor .detail-select #detail {
  margin: auto;
  padding: 1em 0;
}
.ac-factor .factor-select #select .select-base, .ac-factor .factor-select #detail .select-base, .ac-factor .detail-select #select .select-base, .ac-factor .detail-select #detail .select-base {
  display: none;
}
.ac-factor .factor-select #select .select-base.active, .ac-factor .factor-select #detail .select-base.active, .ac-factor .detail-select #select .select-base.active, .ac-factor .detail-select #detail .select-base.active {
  display: block;
}
.ac-factor .factor-select #select .select-base .select-list.factor-list, .ac-factor .factor-select #detail .select-base .select-list.factor-list, .ac-factor .detail-select #select .select-base .select-list.factor-list, .ac-factor .detail-select #detail .select-base .select-list.factor-list {
  flex-wrap: wrap;
  margin: auto;
}

#page-option {
  background-color: #D8F1FE;
  padding: 1.5em 1em;
  margin-bottom: 3%;
}
#page-option .option-inner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
#page-option .option-inner .factor-display {
  width: 100%;
  background-color: #fff;
  font-size: 0.8em;
  border-radius: 0.2em;
  color: #001F6B;
}
#page-option .option-inner .factor-display .factor {
  padding: 1em;
  border-bottom: 1px solid #D8F1FE;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
#page-option .option-inner .factor-display .factor .factor-title i {
  width: 1.6em;
  height: 1.6em;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.2em;
}
#page-option .option-inner .factor-display .factor .factor-title i.area {
  background-image: url(../images/factor-2.svg);
}
#page-option .option-inner .factor-display .factor .factor-title i.other {
  background-image: url(../images/factor-1.svg);
}
#page-option .option-inner .factor-display .factor ul {
  text-align: right;
}
#page-option .option-inner .factor-display .factor ul li {
  display: inline-block;
}
#page-option .option-inner .factor-display .factor ul li:before {
  content: "・";
}
#page-option .option-inner .factor-display .factor ul li:first-of-type:before {
  content: none;
}
#page-option .option-inner .freeword {
  width: calc(100% - 0.6em);
  margin: auto;
  margin-top: 0.3em;
  position: relative;
  margin-bottom: 1em;
}
#page-option .option-inner .freeword input {
  width: calc(100% - 2em - 4px);
  background-color: #fff;
  padding: 1.3em 1em;
  font-size: 1rem;
  color: #001F6B;
  border-radius: 0.3em;
  border: 2px solid #001F6B;
}
#page-option .option-inner .freeword button {
  width: 3.5em;
  height: 3.5em;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
#page-option .option-inner .option-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em;
}
#page-option .option-inner .result-count {
  color: #001F6B;
}
#page-option .option-inner .result-count span {
  color: #1EA2DD;
  margin: auto 0.2em;
}
#page-option .option-inner .option-bt button {
  background-color: #1EA2DD;
  width: 130px;
  color: #fff;
  padding: 0.75em 1em;
  margin: auto 0.2em;
  border-radius: 0.3em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#page-option .option-inner .option-bt button#option-list span {
  position: relative;
  width: fit-content;
  padding-left: 2em;
}
#page-option .option-inner .option-bt button#option-list span:before {
  content: "";
  width: 1.6em;
  height: 1.6em;
  display: block;
  background-image: url(../images/map_list.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -0.3em;
  left: 0;
}
#page-option .option-inner .option-bt button#option-map span {
  position: relative;
  width: fit-content;
  padding-left: 2em;
}
#page-option .option-inner .option-bt button#option-map span:before {
  content: "";
  width: 1.6em;
  height: 1.6em;
  display: block;
  background-image: url(../images/map_pin.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -0.3em;
  left: 0;
}
#page-option .option-inner .option-bt button:hover {
  background-color: #6DC7EE;
}
#page-option .result-inner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

#keep .inner-wrap {
  width: calc(100% - 2em);
  max-width: calc(1000px - 2em);
  margin: auto;
}
#keep .readme {
  padding: 1em;
  background-color: #fff;
  color: #001F6B;
  text-align: center;
  margin-bottom: 2em;
}
#keep .keep-list {
  width: 100%;
  max-width: 800px;
  margin: auto;
  margin-bottom: 2em;
  display: flex;
  flex-direction: column;
}

#privacypolicy .inner-wrap {
  width: calc(100% - 2em);
  max-width: calc(1000px - 2em);
  margin: auto;
}
#privacypolicy .readme {
  background-color: #fff;
  padding: 2em;
  text-align: center;
  margin: 2em auto;
}
#privacypolicy .white-block {
  width: calc(90% - 1em);
  padding: 1em;
  margin: 1em auto 2em;
  background-color: #fff;
  border-radius: 0.4em;
}
#privacypolicy .white-block .target {
  display: inline-block;
  width: fit-content;
  color: #1EA2DD;
  margin: 1em;
}
#privacypolicy .white-block .target .bl {
  display: inline-block;
  border-bottom: 2px solid #1EA2DD;
  font-weight: 700;
}
#privacypolicy .white-block .target .min {
  display: inline-block;
  font-size: 0.8em;
  color: #1A1A1A;
}
#privacypolicy .white-block.align-center {
  text-align: center;
}
#privacypolicy .pp-wrap {
  margin: 3em auto;
}
#privacypolicy .pp-wrap h3, #privacypolicy .pp-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #privacypolicy .pp-wrap h2, #privacypolicy .pp-wrap .comment-post .profile .name h2, .comment-post .profile .name #privacypolicy .pp-wrap h2 {
  padding: 0.3em;
  padding-right: 0;
  padding-left: 1em;
  position: relative;
  margin-bottom: 1em;
}
#privacypolicy .pp-wrap h3:before, #privacypolicy .pp-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2:before, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #privacypolicy .pp-wrap h2:before, #privacypolicy .pp-wrap .comment-post .profile .name h2:before, .comment-post .profile .name #privacypolicy .pp-wrap h2:before {
  content: "";
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1EA2DD;
}
#privacypolicy .pp-wrap h3 span, #privacypolicy .pp-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2 span, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #privacypolicy .pp-wrap h2 span, #privacypolicy .pp-wrap .comment-post .profile .name h2 span, .comment-post .profile .name #privacypolicy .pp-wrap h2 span {
  font-size: 0.7em;
  margin-left: 0.5em;
}
#privacypolicy .pp-wrap p {
  font-size: 0.9em;
  width: auto;
  margin: 1em auto 2em;
}
#privacypolicy .pp-wrap h4 {
  margin-bottom: 0.5em;
}
#privacypolicy .pp-wrap .white-block p {
  margin-bottom: 1em;
  width: auto;
}
#privacypolicy .pp-wrap .white-block .num-list {
  list-style: decimal;
  padding-left: 1.5em;
}
#privacypolicy .pp-wrap .white-block .num-list li {
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
#privacypolicy .pp-wrap .white-block .num-list li:last-of-type {
  margin-bottom: 0;
}
#privacypolicy .pp-wrap .white-block .disc-list {
  list-style: disc;
  padding-left: 1.5em;
}
#privacypolicy .pp-wrap .white-block .disc-list li {
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
#privacypolicy .pp-wrap .white-block .disc-list li:last-of-type {
  margin-bottom: 0;
}
#privacypolicy .pp-wrap .white-block .hashead-list li {
  margin-bottom: 1em;
  font-size: 0.9em;
}
#privacypolicy .pp-wrap .white-block .hashead-list li h5 {
  font-size: 1.1em;
}
#privacypolicy .pp-wrap .white-block .hashead-list li p {
  margin: auto;
  margin-bottom: 1em;
}
#privacypolicy .pp-wrap .white-block .hashead-list li p:last-of-type {
  margin-bottom: 0;
}
#privacypolicy .pp-wrap .white-block .hashead-list li:last-of-type {
  margin-bottom: 0;
}
#privacypolicy .pp-wrap .white-block .mini-list {
  list-style: circle;
  font-size: 0.9em;
  margin-top: 0.5em;
}
#privacypolicy .pp-wrap .white-block .mini-list li {
  margin-bottom: 0.3em;
}
#privacypolicy .pp-wrap .white-block .mini-list li:last-of-type {
  margin-bottom: 0;
}
#privacypolicy .pp-wrap .right-sign {
  text-align: right;
}
#privacypolicy .pp-wrap .right-sign li {
  font-size: 0.9em;
}

#information .inner-wrap, #law .inner-wrap {
  width: calc(100% - 2em);
  max-width: calc(1000px - 2em);
  margin: auto;
}
#information .philosophy, #law .philosophy {
  background-color: #fff;
  padding: 2em;
  text-align: center;
  margin: 2em auto;
}
#information .info-table, #law .info-table {
  max-width: 800px;
  margin: 2em auto;
}
#information .info-table table, #law .info-table table {
  border: 2px solid #001F6B;
  margin: auto;
  font-size: 0.9em;
}
#information .info-table table tr, #law .info-table table tr {
  border: 1px solid #001F6B;
}
#information .info-table table th, #information .info-table table td, #law .info-table table th, #law .info-table table td {
  padding: 1em;
}
#information .info-table table th, #law .info-table table th {
  background-color: #001F6B;
  color: #fff;
  border: 1px solid #fff;
  font-weight: 700;
  text-align: center;
}
#information .info-table table td, #law .info-table table td {
  background-color: #fff;
}
#information .info-table table td a, #law .info-table table td a {
  color: #1EA2DD;
  font-size: 0.9em;
}

#select, #detail {
  margin: 3em auto;
}
#select.margin-0, #detail.margin-0 {
  margin: 0 auto;
}
#select .select-header, #detail .select-header {
  width: calc(100% - 2em);
  padding: 1em;
  background-color: #1EA2DD;
  color: #fff;
  text-align: center;
}
#select .select-header .comment, #detail .select-header .comment {
  width: 2em;
  height: 2em;
  display: inline-block;
  background-image: url(../images/icon_comment_l.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 0.5em;
}
#select .inner-wrap, #detail .inner-wrap {
  max-width: 1000px;
}
#select .select-list, #detail .select-list {
  margin: 3em auto;
}
#select .select-list.factor-list, #detail .select-list.factor-list {
  display: flex;
  justify-content: space-evenly;
}
#select .select-list.factor-list .factor-menu, #detail .select-list.factor-list .factor-menu {
  display: block;
  width: 180px;
  padding: 1em;
  background-color: #fff;
  border: 0.3em solid #6DC7EE;
  color: #001F6B;
  border-radius: 0.8em;
  position: relative;
  text-align: center;
  margin: 1em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#select .select-list.factor-list .factor-menu .icon, #detail .select-list.factor-list .factor-menu .icon {
  width: 80%;
  margin: 1em auto;
}
#select .select-list.factor-list .factor-menu a, #detail .select-list.factor-list .factor-menu a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#select .select-list.factor-list .factor-menu:hover, #detail .select-list.factor-list .factor-menu:hover {
  background-color: #1EA2DD;
  color: #fff;
}
#select .select-list.factor-list.sp-disp, #detail .select-list.factor-list.sp-disp {
  flex-direction: column;
}
#select .select-list.factor-list.sp-disp .factor-menu, #detail .select-list.factor-list.sp-disp .factor-menu {
  width: calc(90% - 2.6em);
  margin: 1em auto 0;
}
#select .select-list.factor-list.sp-disp .factor-menu .icon, #detail .select-list.factor-list.sp-disp .factor-menu .icon {
  width: 2em;
  height: 2em;
  margin: auto;
  position: absolute;
  top: 0;
  left: 1em;
  bottom: 0;
}
#select .select-list.city-list, #select .select-list.detail-list, #detail .select-list.city-list, #detail .select-list.detail-list {
  display: block;
}
#select .select-list.city-list .pref-block .pref-name, #select .select-list.city-list .detail-block .pref-name, #select .select-list.detail-list .pref-block .pref-name, #select .select-list.detail-list .detail-block .pref-name, #detail .select-list.city-list .pref-block .pref-name, #detail .select-list.city-list .detail-block .pref-name, #detail .select-list.detail-list .pref-block .pref-name, #detail .select-list.detail-list .detail-block .pref-name {
  width: calc(100% - 3em);
  padding: 1em;
  color: #666666;
  border-bottom: 1px solid #666666;
  padding-right: 2em;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#select .select-list.city-list .pref-block .pref-name:after, #select .select-list.city-list .detail-block .pref-name:after, #select .select-list.detail-list .pref-block .pref-name:after, #select .select-list.detail-list .detail-block .pref-name:after, #detail .select-list.city-list .pref-block .pref-name:after, #detail .select-list.city-list .detail-block .pref-name:after, #detail .select-list.detail-list .pref-block .pref-name:after, #detail .select-list.detail-list .detail-block .pref-name:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-bottom: 2px solid #666666;
  border-right: 2px solid #666666;
  transform: rotate(45deg);
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#select .select-list.city-list .pref-block .pref-name.active:after, #select .select-list.city-list .detail-block .pref-name.active:after, #select .select-list.detail-list .pref-block .pref-name.active:after, #select .select-list.detail-list .detail-block .pref-name.active:after, #detail .select-list.city-list .pref-block .pref-name.active:after, #detail .select-list.city-list .detail-block .pref-name.active:after, #detail .select-list.detail-list .pref-block .pref-name.active:after, #detail .select-list.detail-list .detail-block .pref-name.active:after {
  transform: rotate(-135deg);
}
#select .select-list.city-list .pref-block .cities, #select .select-list.city-list .pref-block .detailes, #select .select-list.city-list .detail-block .cities, #select .select-list.city-list .detail-block .detailes, #select .select-list.detail-list .pref-block .cities, #select .select-list.detail-list .pref-block .detailes, #select .select-list.detail-list .detail-block .cities, #select .select-list.detail-list .detail-block .detailes, #detail .select-list.city-list .pref-block .cities, #detail .select-list.city-list .pref-block .detailes, #detail .select-list.city-list .detail-block .cities, #detail .select-list.city-list .detail-block .detailes, #detail .select-list.detail-list .pref-block .cities, #detail .select-list.detail-list .pref-block .detailes, #detail .select-list.detail-list .detail-block .cities, #detail .select-list.detail-list .detail-block .detailes {
  padding: 1em;
  font-size: 0.8em;
  color: #666666;
  display: none;
  border-bottom: 1px solid #666666;
}
#select .select-list.city-list .pref-block .cities .line-name, #select .select-list.city-list .pref-block .detailes .line-name, #select .select-list.city-list .detail-block .cities .line-name, #select .select-list.city-list .detail-block .detailes .line-name, #select .select-list.detail-list .pref-block .cities .line-name, #select .select-list.detail-list .pref-block .detailes .line-name, #select .select-list.detail-list .detail-block .cities .line-name, #select .select-list.detail-list .detail-block .detailes .line-name, #detail .select-list.city-list .pref-block .cities .line-name, #detail .select-list.city-list .pref-block .detailes .line-name, #detail .select-list.city-list .detail-block .cities .line-name, #detail .select-list.city-list .detail-block .detailes .line-name, #detail .select-list.detail-list .pref-block .cities .line-name, #detail .select-list.detail-list .pref-block .detailes .line-name, #detail .select-list.detail-list .detail-block .cities .line-name, #detail .select-list.detail-list .detail-block .detailes .line-name {
  display: inline-block;
  padding: 0.25em 0.5em;
  cursor: pointer;
  border-radius: 0.2em;
}
#select .select-list.city-list .pref-block .cities .line-name:hover, #select .select-list.city-list .pref-block .detailes .line-name:hover, #select .select-list.city-list .detail-block .cities .line-name:hover, #select .select-list.city-list .detail-block .detailes .line-name:hover, #select .select-list.detail-list .pref-block .cities .line-name:hover, #select .select-list.detail-list .pref-block .detailes .line-name:hover, #select .select-list.detail-list .detail-block .cities .line-name:hover, #select .select-list.detail-list .detail-block .detailes .line-name:hover, #detail .select-list.city-list .pref-block .cities .line-name:hover, #detail .select-list.city-list .pref-block .detailes .line-name:hover, #detail .select-list.city-list .detail-block .cities .line-name:hover, #detail .select-list.city-list .detail-block .detailes .line-name:hover, #detail .select-list.detail-list .pref-block .cities .line-name:hover, #detail .select-list.detail-list .pref-block .detailes .line-name:hover, #detail .select-list.detail-list .detail-block .cities .line-name:hover, #detail .select-list.detail-list .detail-block .detailes .line-name:hover {
  background-color: #D8F1FE;
}
#select .select-list.city-list .pref-block .cities .city, #select .select-list.city-list .pref-block .cities .detail, #select .select-list.city-list .pref-block .detailes .city, #select .select-list.city-list .pref-block .detailes .detail, #select .select-list.city-list .detail-block .cities .city, #select .select-list.city-list .detail-block .cities .detail, #select .select-list.city-list .detail-block .detailes .city, #select .select-list.city-list .detail-block .detailes .detail, #select .select-list.detail-list .pref-block .cities .city, #select .select-list.detail-list .pref-block .cities .detail, #select .select-list.detail-list .pref-block .detailes .city, #select .select-list.detail-list .pref-block .detailes .detail, #select .select-list.detail-list .detail-block .cities .city, #select .select-list.detail-list .detail-block .cities .detail, #select .select-list.detail-list .detail-block .detailes .city, #select .select-list.detail-list .detail-block .detailes .detail, #detail .select-list.city-list .pref-block .cities .city, #detail .select-list.city-list .pref-block .cities .detail, #detail .select-list.city-list .pref-block .detailes .city, #detail .select-list.city-list .pref-block .detailes .detail, #detail .select-list.city-list .detail-block .cities .city, #detail .select-list.city-list .detail-block .cities .detail, #detail .select-list.city-list .detail-block .detailes .city, #detail .select-list.city-list .detail-block .detailes .detail, #detail .select-list.detail-list .pref-block .cities .city, #detail .select-list.detail-list .pref-block .cities .detail, #detail .select-list.detail-list .pref-block .detailes .city, #detail .select-list.detail-list .pref-block .detailes .detail, #detail .select-list.detail-list .detail-block .cities .city, #detail .select-list.detail-list .detail-block .cities .detail, #detail .select-list.detail-list .detail-block .detailes .city, #detail .select-list.detail-list .detail-block .detailes .detail {
  display: inline-block;
  width: calc(20% - 2em);
  padding: 0.5em;
}
#select .select-list.city-list .pref-block .cities .city label, #select .select-list.city-list .pref-block .cities .detail label, #select .select-list.city-list .pref-block .detailes .city label, #select .select-list.city-list .pref-block .detailes .detail label, #select .select-list.city-list .detail-block .cities .city label, #select .select-list.city-list .detail-block .cities .detail label, #select .select-list.city-list .detail-block .detailes .city label, #select .select-list.city-list .detail-block .detailes .detail label, #select .select-list.detail-list .pref-block .cities .city label, #select .select-list.detail-list .pref-block .cities .detail label, #select .select-list.detail-list .pref-block .detailes .city label, #select .select-list.detail-list .pref-block .detailes .detail label, #select .select-list.detail-list .detail-block .cities .city label, #select .select-list.detail-list .detail-block .cities .detail label, #select .select-list.detail-list .detail-block .detailes .city label, #select .select-list.detail-list .detail-block .detailes .detail label, #detail .select-list.city-list .pref-block .cities .city label, #detail .select-list.city-list .pref-block .cities .detail label, #detail .select-list.city-list .pref-block .detailes .city label, #detail .select-list.city-list .pref-block .detailes .detail label, #detail .select-list.city-list .detail-block .cities .city label, #detail .select-list.city-list .detail-block .cities .detail label, #detail .select-list.city-list .detail-block .detailes .city label, #detail .select-list.city-list .detail-block .detailes .detail label, #detail .select-list.detail-list .pref-block .cities .city label, #detail .select-list.detail-list .pref-block .cities .detail label, #detail .select-list.detail-list .pref-block .detailes .city label, #detail .select-list.detail-list .pref-block .detailes .detail label, #detail .select-list.detail-list .detail-block .cities .city label, #detail .select-list.detail-list .detail-block .cities .detail label, #detail .select-list.detail-list .detail-block .detailes .city label, #detail .select-list.detail-list .detail-block .detailes .detail label {
  position: relative;
  padding-left: 2em;
  cursor: pointer;
}
#select .select-list.city-list .pref-block .cities .city label input, #select .select-list.city-list .pref-block .cities .detail label input, #select .select-list.city-list .pref-block .detailes .city label input, #select .select-list.city-list .pref-block .detailes .detail label input, #select .select-list.city-list .detail-block .cities .city label input, #select .select-list.city-list .detail-block .cities .detail label input, #select .select-list.city-list .detail-block .detailes .city label input, #select .select-list.city-list .detail-block .detailes .detail label input, #select .select-list.detail-list .pref-block .cities .city label input, #select .select-list.detail-list .pref-block .cities .detail label input, #select .select-list.detail-list .pref-block .detailes .city label input, #select .select-list.detail-list .pref-block .detailes .detail label input, #select .select-list.detail-list .detail-block .cities .city label input, #select .select-list.detail-list .detail-block .cities .detail label input, #select .select-list.detail-list .detail-block .detailes .city label input, #select .select-list.detail-list .detail-block .detailes .detail label input, #detail .select-list.city-list .pref-block .cities .city label input, #detail .select-list.city-list .pref-block .cities .detail label input, #detail .select-list.city-list .pref-block .detailes .city label input, #detail .select-list.city-list .pref-block .detailes .detail label input, #detail .select-list.city-list .detail-block .cities .city label input, #detail .select-list.city-list .detail-block .cities .detail label input, #detail .select-list.city-list .detail-block .detailes .city label input, #detail .select-list.city-list .detail-block .detailes .detail label input, #detail .select-list.detail-list .pref-block .cities .city label input, #detail .select-list.detail-list .pref-block .cities .detail label input, #detail .select-list.detail-list .pref-block .detailes .city label input, #detail .select-list.detail-list .pref-block .detailes .detail label input, #detail .select-list.detail-list .detail-block .cities .city label input, #detail .select-list.detail-list .detail-block .cities .detail label input, #detail .select-list.detail-list .detail-block .detailes .city label input, #detail .select-list.detail-list .detail-block .detailes .detail label input {
  display: none;
}
#select .select-list.city-list .pref-block .cities .city label:before, #select .select-list.city-list .pref-block .cities .detail label:before, #select .select-list.city-list .pref-block .detailes .city label:before, #select .select-list.city-list .pref-block .detailes .detail label:before, #select .select-list.city-list .detail-block .cities .city label:before, #select .select-list.city-list .detail-block .cities .detail label:before, #select .select-list.city-list .detail-block .detailes .city label:before, #select .select-list.city-list .detail-block .detailes .detail label:before, #select .select-list.detail-list .pref-block .cities .city label:before, #select .select-list.detail-list .pref-block .cities .detail label:before, #select .select-list.detail-list .pref-block .detailes .city label:before, #select .select-list.detail-list .pref-block .detailes .detail label:before, #select .select-list.detail-list .detail-block .cities .city label:before, #select .select-list.detail-list .detail-block .cities .detail label:before, #select .select-list.detail-list .detail-block .detailes .city label:before, #select .select-list.detail-list .detail-block .detailes .detail label:before, #detail .select-list.city-list .pref-block .cities .city label:before, #detail .select-list.city-list .pref-block .cities .detail label:before, #detail .select-list.city-list .pref-block .detailes .city label:before, #detail .select-list.city-list .pref-block .detailes .detail label:before, #detail .select-list.city-list .detail-block .cities .city label:before, #detail .select-list.city-list .detail-block .cities .detail label:before, #detail .select-list.city-list .detail-block .detailes .city label:before, #detail .select-list.city-list .detail-block .detailes .detail label:before, #detail .select-list.detail-list .pref-block .cities .city label:before, #detail .select-list.detail-list .pref-block .cities .detail label:before, #detail .select-list.detail-list .pref-block .detailes .city label:before, #detail .select-list.detail-list .pref-block .detailes .detail label:before, #detail .select-list.detail-list .detail-block .cities .city label:before, #detail .select-list.detail-list .detail-block .cities .detail label:before, #detail .select-list.detail-list .detail-block .detailes .city label:before, #detail .select-list.detail-list .detail-block .detailes .detail label:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  border-radius: 1em;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #666666;
}
#select .select-list.city-list .pref-block .cities .city label:after, #select .select-list.city-list .pref-block .cities .detail label:after, #select .select-list.city-list .pref-block .detailes .city label:after, #select .select-list.city-list .pref-block .detailes .detail label:after, #select .select-list.city-list .detail-block .cities .city label:after, #select .select-list.city-list .detail-block .cities .detail label:after, #select .select-list.city-list .detail-block .detailes .city label:after, #select .select-list.city-list .detail-block .detailes .detail label:after, #select .select-list.detail-list .pref-block .cities .city label:after, #select .select-list.detail-list .pref-block .cities .detail label:after, #select .select-list.detail-list .pref-block .detailes .city label:after, #select .select-list.detail-list .pref-block .detailes .detail label:after, #select .select-list.detail-list .detail-block .cities .city label:after, #select .select-list.detail-list .detail-block .cities .detail label:after, #select .select-list.detail-list .detail-block .detailes .city label:after, #select .select-list.detail-list .detail-block .detailes .detail label:after, #detail .select-list.city-list .pref-block .cities .city label:after, #detail .select-list.city-list .pref-block .cities .detail label:after, #detail .select-list.city-list .pref-block .detailes .city label:after, #detail .select-list.city-list .pref-block .detailes .detail label:after, #detail .select-list.city-list .detail-block .cities .city label:after, #detail .select-list.city-list .detail-block .cities .detail label:after, #detail .select-list.city-list .detail-block .detailes .city label:after, #detail .select-list.city-list .detail-block .detailes .detail label:after, #detail .select-list.detail-list .pref-block .cities .city label:after, #detail .select-list.detail-list .pref-block .cities .detail label:after, #detail .select-list.detail-list .pref-block .detailes .city label:after, #detail .select-list.detail-list .pref-block .detailes .detail label:after, #detail .select-list.detail-list .detail-block .cities .city label:after, #detail .select-list.detail-list .detail-block .cities .detail label:after, #detail .select-list.detail-list .detail-block .detailes .city label:after, #detail .select-list.detail-list .detail-block .detailes .detail label:after {
  content: "";
  width: 1em;
  height: 1em;
  background-color: #001F6B;
  border-radius: 1em;
  position: absolute;
  top: calc(0.25em + 1px);
  left: calc(0.25em + 1px);
  display: block;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#select .select-list.city-list .pref-block .cities .city input[type=radio]:checked + label:after, #select .select-list.city-list .pref-block .cities .detail input[type=radio]:checked + label:after, #select .select-list.city-list .pref-block .detailes .city input[type=radio]:checked + label:after, #select .select-list.city-list .pref-block .detailes .detail input[type=radio]:checked + label:after, #select .select-list.city-list .detail-block .cities .city input[type=radio]:checked + label:after, #select .select-list.city-list .detail-block .cities .detail input[type=radio]:checked + label:after, #select .select-list.city-list .detail-block .detailes .city input[type=radio]:checked + label:after, #select .select-list.city-list .detail-block .detailes .detail input[type=radio]:checked + label:after, #select .select-list.detail-list .pref-block .cities .city input[type=radio]:checked + label:after, #select .select-list.detail-list .pref-block .cities .detail input[type=radio]:checked + label:after, #select .select-list.detail-list .pref-block .detailes .city input[type=radio]:checked + label:after, #select .select-list.detail-list .pref-block .detailes .detail input[type=radio]:checked + label:after, #select .select-list.detail-list .detail-block .cities .city input[type=radio]:checked + label:after, #select .select-list.detail-list .detail-block .cities .detail input[type=radio]:checked + label:after, #select .select-list.detail-list .detail-block .detailes .city input[type=radio]:checked + label:after, #select .select-list.detail-list .detail-block .detailes .detail input[type=radio]:checked + label:after, #detail .select-list.city-list .pref-block .cities .city input[type=radio]:checked + label:after, #detail .select-list.city-list .pref-block .cities .detail input[type=radio]:checked + label:after, #detail .select-list.city-list .pref-block .detailes .city input[type=radio]:checked + label:after, #detail .select-list.city-list .pref-block .detailes .detail input[type=radio]:checked + label:after, #detail .select-list.city-list .detail-block .cities .city input[type=radio]:checked + label:after, #detail .select-list.city-list .detail-block .cities .detail input[type=radio]:checked + label:after, #detail .select-list.city-list .detail-block .detailes .city input[type=radio]:checked + label:after, #detail .select-list.city-list .detail-block .detailes .detail input[type=radio]:checked + label:after, #detail .select-list.detail-list .pref-block .cities .city input[type=radio]:checked + label:after, #detail .select-list.detail-list .pref-block .cities .detail input[type=radio]:checked + label:after, #detail .select-list.detail-list .pref-block .detailes .city input[type=radio]:checked + label:after, #detail .select-list.detail-list .pref-block .detailes .detail input[type=radio]:checked + label:after, #detail .select-list.detail-list .detail-block .cities .city input[type=radio]:checked + label:after, #detail .select-list.detail-list .detail-block .cities .detail input[type=radio]:checked + label:after, #detail .select-list.detail-list .detail-block .detailes .city input[type=radio]:checked + label:after, #detail .select-list.detail-list .detail-block .detailes .detail input[type=radio]:checked + label:after {
  opacity: 1;
}
#select .select-list.city-list .pref-block .cities .city input[type=checkbox]:checked + label:after, #select .select-list.city-list .pref-block .cities .detail input[type=checkbox]:checked + label:after, #select .select-list.city-list .pref-block .detailes .city input[type=checkbox]:checked + label:after, #select .select-list.city-list .pref-block .detailes .detail input[type=checkbox]:checked + label:after, #select .select-list.city-list .detail-block .cities .city input[type=checkbox]:checked + label:after, #select .select-list.city-list .detail-block .cities .detail input[type=checkbox]:checked + label:after, #select .select-list.city-list .detail-block .detailes .city input[type=checkbox]:checked + label:after, #select .select-list.city-list .detail-block .detailes .detail input[type=checkbox]:checked + label:after, #select .select-list.detail-list .pref-block .cities .city input[type=checkbox]:checked + label:after, #select .select-list.detail-list .pref-block .cities .detail input[type=checkbox]:checked + label:after, #select .select-list.detail-list .pref-block .detailes .city input[type=checkbox]:checked + label:after, #select .select-list.detail-list .pref-block .detailes .detail input[type=checkbox]:checked + label:after, #select .select-list.detail-list .detail-block .cities .city input[type=checkbox]:checked + label:after, #select .select-list.detail-list .detail-block .cities .detail input[type=checkbox]:checked + label:after, #select .select-list.detail-list .detail-block .detailes .city input[type=checkbox]:checked + label:after, #select .select-list.detail-list .detail-block .detailes .detail input[type=checkbox]:checked + label:after, #detail .select-list.city-list .pref-block .cities .city input[type=checkbox]:checked + label:after, #detail .select-list.city-list .pref-block .cities .detail input[type=checkbox]:checked + label:after, #detail .select-list.city-list .pref-block .detailes .city input[type=checkbox]:checked + label:after, #detail .select-list.city-list .pref-block .detailes .detail input[type=checkbox]:checked + label:after, #detail .select-list.city-list .detail-block .cities .city input[type=checkbox]:checked + label:after, #detail .select-list.city-list .detail-block .cities .detail input[type=checkbox]:checked + label:after, #detail .select-list.city-list .detail-block .detailes .city input[type=checkbox]:checked + label:after, #detail .select-list.city-list .detail-block .detailes .detail input[type=checkbox]:checked + label:after, #detail .select-list.detail-list .pref-block .cities .city input[type=checkbox]:checked + label:after, #detail .select-list.detail-list .pref-block .cities .detail input[type=checkbox]:checked + label:after, #detail .select-list.detail-list .pref-block .detailes .city input[type=checkbox]:checked + label:after, #detail .select-list.detail-list .pref-block .detailes .detail input[type=checkbox]:checked + label:after, #detail .select-list.detail-list .detail-block .cities .city input[type=checkbox]:checked + label:after, #detail .select-list.detail-list .detail-block .cities .detail input[type=checkbox]:checked + label:after, #detail .select-list.detail-list .detail-block .detailes .city input[type=checkbox]:checked + label:after, #detail .select-list.detail-list .detail-block .detailes .detail input[type=checkbox]:checked + label:after {
  opacity: 1;
}
#select .select-list.pref-list, #detail .select-list.pref-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#select .select-list.pref-list a, #detail .select-list.pref-list a {
  display: block;
  width: calc(30% - 3em);
  padding-right: 1em;
  position: relative;
  padding: 1em;
  color: #666666;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
#select .select-list.pref-list a:after, #detail .select-list.pref-list a:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-bottom: 2px solid #666666;
  border-right: 2px solid #666666;
  transform: rotate(-45deg);
  position: absolute;
  right: 0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#select .select-list.pref-list a:hover, #detail .select-list.pref-list a:hover {
  opacity: 0.75;
}
#select .select-list.pref-list a:hover:after, #detail .select-list.pref-list a:hover:after {
  right: 0.2em;
}
#select .select-option, #detail .select-option {
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
}
#select .select-option .back, #detail .select-option .back {
  color: #001F6B;
  border: 0.2em solid #001F6B;
  background-color: #fff;
  padding: 0.5em 2em;
  border-radius: 0.5em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#select .select-option .back:hover, #detail .select-option .back:hover {
  background-color: #6DC7EE;
}
#select .select-option .search, #detail .select-option .search {
  color: #fff;
  background-color: #1EA2DD;
  padding: 0.5em 2em;
  border-radius: 0.5em;
  line-height: 1.8em;
  width: 260px;
  text-align: center;
  margin-left: 1em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#select .select-option .search i, #detail .select-option .search i {
  display: inline-block;
  height: 1.3em;
  width: 1.3em;
  background-image: url(../images/icon_search_w.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
#select .select-option .search:hover, #detail .select-option .search:hover {
  opacity: 0.75;
}
#select .select-close, #detail .select-close {
  text-align: center;
  letter-spacing: 0.2em;
  display: block;
  width: fit-content;
  margin: auto;
  border-bottom: 2px solid #001F6B;
  cursor: pointer;
}
#select .select-close a, #detail .select-close a {
  color: #001F6B;
  display: block;
  padding: 0.2em;
  padding-left: 1.2em;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#select .select-close a:after, #detail .select-close a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.6em solid #001F6B;
  border-left: 0;
  position: absolute;
  top: 0;
  left: 0.2em;
  bottom: 0;
  margin: auto;
}
#select .select-close a:hover, #detail .select-close a:hover {
  opacity: 0.75;
}

.comment-post {
  position: relative;
  margin-bottom: 1em;
  display: flex;
  align-items: center;
  border-top: 1px solid #fff;
  padding-top: 1em;
}
.comment-post .profile {
  width: 50%;
}
.comment-post .profile .name {
  vertical-align: middle;
  color: #001F6B;
  font-weight: 700;
  padding: 1rem;
  padding-bottom: 0;
  position: relative;
  display: block;
  width: fit-content;
}
.comment-post .profile .name h2 {
  color: #001F6B !important;
}
.comment-post .document-bnr2 {
  width: 50%;
  background-color: #6DC7EE;
  border-radius: 2em;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.comment-post .document-bnr2 span {
  padding: 1em;
  color: #fff;
  display: block;
  padding-right: 2em;
  position: relative;
  font-size: 0.8em;
}
.comment-post .document-bnr2 span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.6em solid #fff;
  border-right: 0;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
}
.comment-post .document-bnr2:hover {
  opacity: 0.75;
}
.comment-post .states {
  display: flex;
  justify-content: space-between;
  padding: 0.5em 1em;
}
.comment-post .states .counter i {
  color: #1EA2DD;
  display: inline-block;
  vertical-align: middle;
  margin: auto 0.2em;
  cursor: pointer;
}
.comment-post .states .counter i:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.comment-post .states .counter i.comment-count:before {
  background-image: url(../images/icon_comment.svg);
}
.comment-post .states .counter i.favorite-count {
  color: #FF9393;
}
.comment-post .states .counter i.favorite-count:before {
  background-image: url(../images/icon_heart.svg);
}
.comment-post .states .counter i.favorite-count.on:before {
  background-image: url(../images/icon_heart-on.svg);
}
.comment-post .states .celeb-bnr {
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  font-size: 0.8em;
  padding: 0.75em 1em;
  vertical-align: middle;
  line-height: 0.8em;
  padding-left: 3em;
  position: relative;
  border-radius: 0.2em;
}
.comment-post .states .celeb-bnr:after {
  content: "";
  width: 2.5em;
  height: 2em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.25em;
  margin: auto;
  background-image: url(../images/school-icon_celeb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.comment-post .states .celeb-bnr span {
  color: #ff0;
  font-size: 1rem;
  vertical-align: bottom;
}

.select-card {
  margin-bottom: 2em;
}
.select-card .comment-card {
  border: 2px solid #001F6B;
  width: calc(100% - 2em - 4px);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.select-card .comment-card h3, .select-card .comment-card #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .select-card .comment-card h2, .select-card .comment-card .comment-post .profile .name h2, .comment-post .profile .name .select-card .comment-card h2 {
  text-align: left;
  margin: initial;
}

.card-tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.3em;
}
.card-tags .tag {
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  width: fit-content;
  font-size: 0.6rem;
  line-height: 0.6rem;
  padding: 0.3rem 0.6rem;
  border-radius: 1rem;
  margin-right: 4px;
  margin-bottom: 4px;
}
.card-tags .tag:last-of-type {
  margin-right: 0;
}

.subject {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  padding-left: 1.3rem;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.subject span {
  display: inline-block;
  margin-right: 1em;
  position: relative;
  line-height: 1.5em;
}
.subject span:after {
  content: "";
  width: 1px;
  height: 1em;
  background-color: #999;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.5em;
  margin: auto;
}
.subject span:last-of-type {
  margin-right: 0;
}
.subject span:last-of-type:after {
  content: none;
}
.subject:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-image: url(../images/icon_children_db.svg);
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.test {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  padding-left: 1.3rem;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.test span {
  display: inline-block;
  margin-right: 1em;
  position: relative;
  line-height: 1.5em;
}
.test span:after {
  content: "";
  width: 1px;
  height: 1em;
  background-color: #999;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.5em;
  margin: auto;
}
.test span:last-of-type {
  margin-right: 0;
}
.test span:last-of-type:after {
  content: none;
}
.test:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-image: url(../images/icon_test_db.svg);
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.class {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  padding-left: 1.3rem;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.class span {
  display: inline-block;
  margin-right: 1em;
  position: relative;
  line-height: 1.5em;
}
.class span:after {
  content: "";
  width: 1px;
  height: 1em;
  background-color: #999;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.5em;
  margin: auto;
}
.class span:last-of-type {
  margin-right: 0;
}
.class span:last-of-type:after {
  content: none;
}
.class:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-image: url(../images/icon_class_db.svg);
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.plus {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  padding-left: 1.3rem;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.plus span {
  display: inline-block;
  margin-right: 1em;
  position: relative;
  line-height: 1.5em;
}
.plus span:after {
  content: "";
  width: 1px;
  height: 1em;
  background-color: #999;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.5em;
  margin: auto;
}
.plus span:last-of-type {
  margin-right: 0;
}
.plus span:last-of-type:after {
  content: none;
}
.plus:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-image: url(../images/icon_plus_db.svg);
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
.plus .more {
  cursor: pointer;
  margin: auto;
  text-align: center;
  font-size: 0.6rem;
  color: #333;
}
.plus .more:before, .plus .more:after {
  content: "";
  height: 1px;
  width: calc(50% - 10em);
  display: inline-block;
  background-color: #ddd;
  margin: auto 1em;
  vertical-align: middle;
}
.plus .more span {
  display: inline-block;
  padding-right: 1.5em;
  position: relative;
}
.plus .more span:after {
  content: "";
  width: 0.75em;
  height: 0.75em;
  display: block;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  position: absolute;
  top: 0;
  bottom: 0.5em;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  background-color: transparent;
}
.plus .more.open span:after {
  top: 0.5em;
  bottom: 0;
  transform: rotate(-135deg);
}
.plus .more-acco {
  display: none;
}
.plus .more-acco ul li {
  margin-bottom: 0.5em;
  color: #333;
}
.plus .more-acco ul li .fac {
  color: #001F6B;
}
.plus .more-acco ul li .fac:before {
  content: "";
  border-left: 4px solid #001F6B;
  display: inline-block;
  height: 1em;
  width: 0.5em;
  vertical-align: middle;
}

.sp-school {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.sp-school ol li {
  display: inline-block;
  margin-right: 1em;
  position: relative;
  line-height: 1.5em;
}
.sp-school ol li span {
  font-size: 0.7em;
}
.sp-school ol li:after {
  content: "";
  width: 1px;
  height: 1em;
  background-color: #999;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.7em;
  margin: auto;
}
.sp-school ol li:last-of-type {
  margin-right: 0;
}
.sp-school ol li:last-of-type:after {
  content: none;
}
.sp-school .title {
  background-color: #1EA2DD;
  color: #fff;
  padding: 0.3em 0.5em;
  margin-bottom: 0.3em;
}
.sp-school .other {
  color: #F15A24;
  font-size: 0.7em;
}

.since {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

.new-blog {
  margin-bottom: 1em;
  background-color: #fff;
  padding: 1em;
}
.new-blog .title {
  color: #001F6B;
  font-weight: 600;
  font-size: 0.75em;
  margin-bottom: 0.5em;
}
.new-blog .date {
  font-size: 0.75em;
  line-height: 1em;
}
.new-blog a {
  color: #1A1A1A;
  font-weight: 500;
  text-decoration: underline;
}
.new-blog a:before {
  content: "▶️ ";
  font-size: 0.75em;
  vertical-align: middle;
}

.achievements {
  background-color: #fff;
  padding: 1em;
}
.achievements h5 {
  margin-bottom: 0.5em;
}
.achievements .catch {
  background-color: #D8F1FE;
  color: #001F6B;
  padding: 0.5em;
}
.achievements .achieve-list ul {
  font-size: 0.75rem;
  color: #1A1A1A;
  font-weight: 500;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.achievements .achieve-list ul li {
  display: inline-block;
  margin-right: 1em;
  position: relative;
  line-height: 1.5em;
}
.achievements .achieve-list ul li span {
  font-size: 0.7em;
}
.achievements .achieve-list ul li:after {
  content: "";
  width: 1px;
  height: 1em;
  background-color: #999;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.7em;
  margin: auto;
}
.achievements .achieve-list ul li:last-of-type {
  margin-right: 0;
}
.achievements .achieve-list ul li:last-of-type:after {
  content: none;
}

.details {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  padding-left: 1.3rem;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

.place {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  padding-left: 1.3rem;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.place:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-image: url(../images/icon_pin_db.svg);
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.line {
  font-size: 0.75rem;
  color: #001F6B;
  font-weight: 500;
  padding-left: 1.3rem;
  position: relative;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}
.line:after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  background-image: url(../images/icon_train_db.svg);
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.school-icons {
  width: 100%;
  display: flex;
  margin: 0.5em auto 0;
  text-align: center;
}
.school-icons .school-icon {
  background-color: #333;
  padding: 0.3rem;
  padding-bottom: 0.4rem;
  border-radius: 0.2em;
  margin-right: 4px;
}
.school-icons .school-icon:last-of-type {
  margin-right: 0;
}
.school-icons .school-icon .text {
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 500;
  color: #fff;
  display: inline-block;
}
.school-icons .school-icon .price, .school-icons .school-icon .count {
  font-size: 0.9em;
  line-height: 0.9rem;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  padding-left: 1.6em;
  position: relative;
}
.school-icons .school-icon .price:before, .school-icons .school-icon .count:before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.school-icons .school-icon.celeb {
  background-color: #FBA747;
}
.school-icons .school-icon.celeb .price:before {
  background-image: url(../images/school-icon_celeb.svg);
}
.school-icons .school-icon.favorite {
  background-color: #FF9393;
  cursor: pointer;
}
.school-icons .school-icon.favorite .count:before {
  background-image: url(../images/school-icon_favo.svg);
}
.school-icons .school-icon.favorite:hover {
  opacity: 0.7;
}
.school-icons .school-icon.favorite.on .count:before {
  background-image: url(../images/school-icon_favo_on.svg);
}
.school-icons .school-icon.comment {
  background-color: #1EA2DD;
}
.school-icons .school-icon.comment:hover {
  opacity: 0.7;
}
.school-icons .school-icon.comment .count:before {
  background-image: url(../images/school-icon_comment.svg);
}
.school-icons.mini-icons .school-icon {
  padding: 0.2rem;
  border-radius: 0.2em;
  margin-right: 4px;
  display: flex;
}
.school-icons.mini-icons .school-icon:last-of-type {
  margin-right: 0;
}
.school-icons.mini-icons .school-icon .text {
  font-size: 0.5rem;
  line-height: 0.5rem;
  font-weight: 500;
  color: #fff;
  display: inline-block;
}
.school-icons.mini-icons .school-icon .price, .school-icons.mini-icons .school-icon .count {
  font-size: 0.5rem;
  line-height: 0.5rem;
  font-weight: 600;
  color: #fff;
  display: block;
  padding-left: 1.6em;
  position: relative;
}

.movie-thumb {
  width: 100%;
  position: relative;
}
.movie-thumb:before {
  content: "";
  padding-top: 56.25%;
  display: block;
}
.movie-thumb img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
}
.movie-thumb .moodal-video:after {
  content: "";
  display: block;
  width: 20%;
  height: 0;
  padding: 10% 0;
  background-image: url(../images/icon_play.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.movie-thumb a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.card-block-tabs {
  display: flex;
  border-bottom: 1px solid #001F6B;
  margin-bottom: 0.5em;
}
.card-block-tabs .card-block-tab {
  width: 50%;
  background-color: #1EA2DD;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  padding: 0.2rem 0;
  margin: auto 2px;
  border-top-right-radius: 0.3em;
  border-top-left-radius: 0.3em;
  cursor: pointer;
}
.card-block-tabs .card-block-tab.active {
  background-color: #001F6B;
}
.card-block-tabs .card-block-tab:hover {
  opacity: 0.75;
}

.doc-req-bt {
  display: block;
  width: calc(280px - 2em - 10px);
  background-color: #001F6B;
  text-align: center;
  padding: 0.75em 1em;
  border-radius: 3em;
  position: relative;
  margin-left: auto;
  margin-top: 3em;
}
.doc-req-bt span {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}
.doc-req-bt:after {
  content: " \\完全無料！簡単資料請求 / ";
  color: #001F6B;
  position: absolute;
  bottom: calc(100% + 0.5em);
  left: 0;
  right: 0;
  margin: auto;
  font-weight: 500;
  font-size: 0.8rem;
}
.doc-req-bt:before {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: -6px;
  border: 3px solid #001F6B;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 3em;
}
.doc-req-bt:hover {
  opacity: 0.8;
}

.school-page-link {
  display: block;
  text-align: center;
  width: fit-content;
  margin: auto;
  font-size: 1rem;
  font-weight: 600;
  color: #001F6B;
  padding: 0.5em;
}

.teacher-card, .blog-card {
  width: calc(100% - 2em);
  padding: 1em;
  background-color: #fff;
  border-radius: 0.4em;
  margin-bottom: 1.5em;
}
.teacher-card:last-of-type, .blog-card:last-of-type {
  margin-bottom: 0;
}
.teacher-card .teacher-card-inner, .teacher-card .blog-card-inner, .blog-card .teacher-card-inner, .blog-card .blog-card-inner {
  width: 100%;
  display: flex;
}
.teacher-card .teacher-main, .teacher-card .blog-main, .blog-card .teacher-main, .blog-card .blog-main {
  width: calc(100% - 360px - 2em);
}
.teacher-card .teacher-main .interviewer, .teacher-card .blog-main .interviewer, .blog-card .teacher-main .interviewer, .blog-card .blog-main .interviewer {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3em;
}
.teacher-card .teacher-main .interviewer .interviewer-icon, .teacher-card .blog-main .interviewer .interviewer-icon, .blog-card .teacher-main .interviewer .interviewer-icon, .blog-card .blog-main .interviewer .interviewer-icon {
  width: 80px;
  height: 80px;
  padding: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
.teacher-card .teacher-main .interviewer .interviewer-icon img, .teacher-card .blog-main .interviewer .interviewer-icon img, .blog-card .teacher-main .interviewer .interviewer-icon img, .blog-card .blog-main .interviewer .interviewer-icon img {
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  display: block;
  object-fit: cover;
}
.teacher-card .teacher-main .interviewer .interviewer-profile, .teacher-card .blog-main .interviewer .interviewer-profile, .blog-card .teacher-main .interviewer .interviewer-profile, .blog-card .blog-main .interviewer .interviewer-profile {
  font-size: 1rem;
  text-align: left;
  line-height: 1.4em;
  display: block;
  margin-left: 0.5em;
  margin-right: auto;
  color: #001F6B;
  font-weight: 500;
}
.teacher-card .teacher-main .interviewer .interviewer-profile span, .teacher-card .blog-main .interviewer .interviewer-profile span, .blog-card .teacher-main .interviewer .interviewer-profile span, .blog-card .blog-main .interviewer .interviewer-profile span {
  font-size: 1.3rem;
  display: inline-block;
  font-weight: 600;
  margin-right: 0.2em;
}
.teacher-card .teacher-main .interviewer .blog-title, .teacher-card .blog-main .interviewer .blog-title, .blog-card .teacher-main .interviewer .blog-title, .blog-card .blog-main .interviewer .blog-title {
  display: block;
  margin-left: 0.5em;
  margin-right: auto;
}
.teacher-card .teacher-main .interviewer .blog-title .date, .teacher-card .blog-main .interviewer .blog-title .date, .blog-card .teacher-main .interviewer .blog-title .date, .blog-card .blog-main .interviewer .blog-title .date {
  font-size: 0.75rem;
}
.teacher-card .teacher-main .interviewer .blog-title h1, .teacher-card .blog-main .interviewer .blog-title h1, .blog-card .teacher-main .interviewer .blog-title h1, .blog-card .blog-main .interviewer .blog-title h1 {
  font-size: 1.3rem;
  font-weight: 600;
}
.teacher-card .teacher-main .teacher-text, .teacher-card .teacher-main .blog-text, .teacher-card .blog-main .teacher-text, .teacher-card .blog-main .blog-text, .blog-card .teacher-main .teacher-text, .blog-card .teacher-main .blog-text, .blog-card .blog-main .teacher-text, .blog-card .blog-main .blog-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.teacher-card .teacher-main .teacher-text p, .teacher-card .teacher-main .blog-text p, .teacher-card .blog-main .teacher-text p, .teacher-card .blog-main .blog-text p, .blog-card .teacher-main .teacher-text p, .blog-card .teacher-main .blog-text p, .blog-card .blog-main .teacher-text p, .blog-card .blog-main .blog-text p {
  font-size: 0.75rem;
}
.teacher-card .teacher-main .teacher-text p:last-of-type, .teacher-card .teacher-main .blog-text p:last-of-type, .teacher-card .blog-main .teacher-text p:last-of-type, .teacher-card .blog-main .blog-text p:last-of-type, .blog-card .teacher-main .teacher-text p:last-of-type, .blog-card .teacher-main .blog-text p:last-of-type, .blog-card .blog-main .teacher-text p:last-of-type, .blog-card .blog-main .blog-text p:last-of-type {
  margin-bottom: 0;
}
.teacher-card .teacher-option, .teacher-card .blog-option, .blog-card .teacher-option, .blog-card .blog-option {
  width: 360px;
  padding-left: 2em;
  position: relative;
}
.teacher-card .school-info, .blog-card .school-info {
  background-color: #F4F4F4;
  padding: 0.75em;
  border-radius: 0.3em;
  margin-bottom: 0.5rem;
}
.teacher-card .school-info h2, .blog-card .school-info h2 {
  font-size: 1.3em;
  color: #001F6B;
  margin-bottom: 0.5rem;
}
.teacher-card .school-info h2 a, .blog-card .school-info h2 a {
  color: #001F6B;
}
.teacher-card .teacher-link, .teacher-card .blog-link, .blog-card .teacher-link, .blog-card .blog-link {
  display: block;
  text-align: center;
  width: fit-content;
  margin: auto;
  font-size: 1rem;
  font-weight: 600;
  color: #001F6B;
  padding: 0.5em;
}
.teacher-card.no-option .teacher-main, .teacher-card.no-option .blog-main, .blog-card.no-option .teacher-main, .blog-card.no-option .blog-main {
  width: 100%;
}

.keep-card {
  width: 100%;
  background-color: #fff;
  border-radius: 0.3em;
  margin-bottom: 0.75em;
  position: relative;
  display: flex;
  order: 5;
}
.keep-card input {
  display: none;
}
.keep-card.checked {
  outline: #001F6B auto;
}
.keep-card.checked .keep-delete {
  display: none;
}
.keep-card .checker {
  width: 2em;
  background-color: #001F6B;
  position: relative;
  cursor: pointer;
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.keep-card .checker:before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0.2em;
}
.keep-card .checker:after {
  content: "";
  display: block;
  width: 0em;
  height: 0em;
  border-bottom: 4px solid #001F6B;
  border-left: 4px solid #001F6B;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.keep-card .checker:hover {
  opacity: 0.75;
}
.keep-card input[type=checkbox]:checked + label:after {
  opacity: 1;
  width: 1em;
  height: 0.5em;
}
.keep-card .keep-card-wrap {
  position: relative;
  width: calc(100% - 2em);
}
.keep-card .keep-card-header {
  padding: 1em;
  padding-left: calc(2em + 80px);
  min-height: 80px;
}
.keep-card .keep-card-header .school-name {
  position: relative;
}
.keep-card .keep-card-header .school-name h1 {
  font-size: 1rem;
  line-height: 1.2em;
  display: inline;
}
.keep-card .keep-card-header .keep-thum {
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 1em;
  left: 1em;
}
.keep-card .keep-card-header .keep-thum img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.keep-card .keep-card-inner {
  display: flex;
  padding: 1em;
  padding-top: 0;
  position: relative;
  display: none;
}
.keep-card .search-card-box-1 {
  width: calc(100% - 200px);
}
.keep-card .search-card-box-1 .block-1 {
  margin-bottom: 0.5em;
}
.keep-card .keep-delete {
  display: block;
  padding: 0.5em 0.5em;
  padding-left: 2em;
  color: #ccc;
  position: absolute;
  right: 54px;
  bottom: 1em;
  cursor: pointer;
  border: 0.1em solid #ddd;
  border-radius: 0.3em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.keep-card .keep-delete:before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/icon_keep_del.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.2em;
  left: 0.3em;
}
.keep-card .keep-delete:after {
  content: "キープから削除";
  font-size: 0.8rem;
  line-height: 0.8rem;
  display: block;
}
.keep-card .keep-delete:hover {
  opacity: 0.75;
}
.keep-card .keep-open {
  display: block;
  padding: 0.5em 0.5em;
  color: #001F6B;
  position: absolute;
  right: 1em;
  bottom: 1.1em;
  cursor: pointer;
  border: 0.1em solid #666666;
  border-radius: 0.3em;
}
.keep-card .keep-open:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-bottom: 2px solid #666666;
  border-right: 2px solid #666666;
  transform: rotate(45deg);
  position: relative;
  bottom: 2px;
}
.keep-card.active .keep-card-inner {
  display: flex;
}
.keep-card.active .keep-open:after {
  transform: rotate(-135deg);
  bottom: -2px;
}

.search-card {
  width: 100%;
  background-color: #fff;
  border-radius: 0.4em;
  margin-bottom: 1.5em;
  position: relative;
}
.search-card:last-of-type {
  margin-bottom: 0;
}
.search-card .search-card-header {
  padding: 1em;
}
.search-card .search-card-header .school-name {
  position: relative;
  padding-right: 120px;
}
.search-card .search-card-header .school-name h1 {
  font-size: 1.3rem;
  display: inline;
}
.search-card .search-card-header .school-name .card-icon {
  width: 2em;
  display: inline-block;
  vertical-align: text-bottom;
  position: relative;
}
.search-card .search-card-header .school-name .card-icon.num:before {
  content: "";
  display: block;
  width: 100%;
  height: 2em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
}
.search-card .search-card-header .school-name .card-icon.num.pg:before {
  background-image: url(../images/pin_gray.svg);
}
.search-card .search-card-header .school-name .card-icon.num.pb:before {
  background-image: url(../images/pin_blue.svg);
}
.search-card .search-card-header .school-name .card-icon.num i {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-weight: 700;
  font-size: 0.9em;
  letter-spacing: 0;
  color: #001F6B;
}
.search-card .search-card-header .school-name .card-icon.remote:before {
  content: "";
  display: block;
  width: 100%;
  height: 2em;
  background-image: url(../images/pin_remote.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
}
.search-card .search-card-header .keep {
  display: block;
  padding-left: 2em;
  color: #ACADB1;
  position: absolute;
  top: 1em;
  right: 1em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.search-card .search-card-header .keep:before {
  content: "";
  display: block;
  width: 1.7em;
  height: 1.7em;
  background-image: url(../images/icon_keep.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -0.1em;
  left: 0;
}
.search-card .search-card-header .keep:after {
  content: "キープする";
}
.search-card .search-card-header .keep:hover {
  opacity: 0.75;
}
.search-card .search-card-header .keep.on {
  color: #1EA2DD;
}
.search-card .search-card-header .keep.on:before {
  background-image: url(../images/icon_keep-on.svg);
}
.search-card .search-card-header .keep.on:after {
  content: "キープ中";
}
.search-card .search-card-header .keep.keep-short:after {
  content: none;
}
.search-card .copy {
  background-color: #001F6B;
  padding: 0.5em 1em;
}
.search-card .copy h2 {
  color: #fff;
  font-size: 1rem;
}
.search-card .search-swiper {
  width: 100%;
  margin: 1em auto;
}
.search-card .search-swiper .swiper-slide {
  width: 20%;
  height: 15vw;
  max-height: 150px;
}
.search-card .search-swiper .swiper-slide img {
  object-fit: cover; /* IE: not support */
  width: 100%;
  height: 100%;
}
.search-card .search-card-inner {
  display: flex;
  padding: 1em;
  padding-top: 0;
  position: relative;
}
.search-card .search-card-inner .card-block-tabs {
  display: none;
}
.search-card .search-card-box-1 {
  width: calc(100% - 280px - 2em);
}
.search-card .search-card-box-1 .block-1 {
  margin-bottom: 0.5em;
}
.search-card .search-card-box-1 .block-2 .card-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.search-card .search-card-box-1 .block-2 .card-desc p {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.search-card .search-card-box-2 {
  width: 280px;
  margin-left: 2em;
  position: relative;
}
.search-card .search-card-box-2 .interviewer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F4F4F4;
  border-radius: 0.3em;
}
.search-card .search-card-box-2 .interviewer .interviewer-icon {
  width: 68px;
  height: 68px;
  margin: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  overflow: hidden;
  border-radius: 40px;
}
.search-card .search-card-box-2 .interviewer .interviewer-icon img {
  display: block;
  position: absolute;
  object-fit: cover;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.search-card .search-card-box-2 .interviewer .interviewer-profile {
  font-size: 0.85rem;
  text-align: center;
  line-height: 1.4em;
  display: block;
  margin: auto;
}
.search-card .search-card-box-2 .interviewer .interviewer-profile span {
  font-size: 1rem;
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.search-card .no-regist {
  background-color: #F4F4F4;
  border-radius: 0.3em;
  display: block;
  position: absolute;
  bottom: 0;
  right: 1em;
  padding: 1em 2em;
}
.search-card .no-regist p {
  font-size: 0.75rem;
  margin-bottom: 0.5em;
}
.search-card .no-regist ul li {
  display: inline-block;
  font-size: 0.75rem;
  position: relative;
  margin-right: 2em;
}
.search-card .no-regist ul li:after {
  content: "";
  height: 1em;
  width: 1px;
  background-color: #999;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1em;
  margin: auto;
}
.search-card .no-regist ul li:last-of-type:after {
  content: none;
}

.map-card {
  width: 100%;
  background-color: #fff;
  border-radius: 0.4em;
  margin-bottom: 1em;
  position: relative;
  padding-bottom: 2em;
}
.map-card:last-of-type {
  margin-bottom: 0;
}
.map-card .map-card-header {
  padding: 0.5em;
}
.map-card .map-card-header .school-name {
  position: relative;
  padding-right: 2rem;
}
.map-card .map-card-header .school-name h1 {
  font-size: 1rem;
  display: inline;
}
.map-card .map-card-header .school-name .card-icon {
  width: 1.5em;
  display: inline-block;
  vertical-align: text-bottom;
  position: relative;
}
.map-card .map-card-header .school-name .card-icon.num:before {
  content: "";
  display: block;
  width: 100%;
  height: 1.5em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
}
.map-card .map-card-header .school-name .card-icon.num.pg:before {
  background-image: url(../images/pin_gray.svg);
}
.map-card .map-card-header .school-name .card-icon.num.pb:before {
  background-image: url(../images/pin_blue.svg);
}
.map-card .map-card-header .school-name .card-icon.num i {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-weight: 700;
  font-size: 0.75em;
  letter-spacing: 0;
  color: #001F6B;
}
.map-card .map-card-header .school-name .card-icon.remote:before {
  content: "";
  display: block;
  width: 100%;
  height: 1.5em;
  background-image: url(../images/pin_remote.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
}
.map-card .map-card-header .keep {
  display: block;
  color: #ACADB1;
  position: absolute;
  top: 0.5em;
  right: 2em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.map-card .map-card-header .keep:before {
  content: "";
  display: block;
  width: 1.7em;
  height: 1.7em;
  background-image: url(../images/icon_keep.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -0.1em;
  left: 0;
}
.map-card .map-card-header .keep:hover {
  opacity: 0.75;
}
.map-card .map-card-header .keep.on {
  color: #1EA2DD;
}
.map-card .map-card-header .keep.on:before {
  background-image: url(../images/icon_keep-on.svg);
}
.map-card .map-card-header .keep.keep-short:after {
  content: none;
}
.map-card .copy {
  background-color: #001F6B;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
.map-card .copy h2 {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.4em;
}
.map-card .search-swiper {
  width: 100%;
  margin: 1em auto;
}
.map-card .search-swiper .swiper-slide {
  width: 20%;
}
.map-card .map-card-inner {
  padding: 0.5em;
  position: relative;
  padding-top: 0;
}
.map-card .map-card-box-1 {
  width: 100%;
  margin-bottom: 0.5em;
}
.map-card .map-card-box-1 .block-1 {
  margin-bottom: 0.5em;
}
.map-card .map-card-box-1 .block-2 .card-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.map-card .map-card-box-1 .block-2 .card-desc p {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.map-card .map-card-box-2 {
  width: 100%;
  margin-bottom: 0.5em;
  position: relative;
}
.map-card .map-card-box-2 .interviewer {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F4F4F4;
  border-radius: 0.3em;
}
.map-card .map-card-box-2 .interviewer .interviewer-icon {
  width: 68px;
  height: 68px;
  padding: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
.map-card .map-card-box-2 .interviewer .interviewer-icon img {
  overflow: hidden;
  border-radius: 40px;
  display: block;
}
.map-card .map-card-box-2 .interviewer .interviewer-profile {
  font-size: 0.85rem;
  text-align: center;
  line-height: 1.4em;
  display: block;
  margin: auto;
}
.map-card .map-card-box-2 .interviewer .interviewer-profile span {
  font-size: 1rem;
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.map-card .block-1, .map-card .block-2, .map-card .block-3 {
  display: none;
}
.map-card .block-1.active, .map-card .block-2.active, .map-card .block-3.active {
  display: block;
}
.map-card .no-regist {
  background-color: #F4F4F4;
  border-radius: 0.3em;
  display: block;
  padding: 0.5em;
  text-align: center;
}
.map-card .no-regist p {
  font-size: 0.75rem;
  margin-bottom: 0.5em;
  line-height: 1.2em;
}
.map-card .no-regist ul {
  display: flex;
  justify-content: space-around;
}
.map-card .no-regist ul li {
  margin-bottom: 0.5em;
  display: inline-block;
  width: calc(50% - 8px);
}
.map-card .no-regist ul li a {
  display: block;
  font-size: 0.75rem;
  position: relative;
  text-align: center;
  padding: 0.2em 0;
  background-color: #fff;
}
.map-card .no-regist ul li:last-of-type {
  margin-bottom: 0;
}
.map-card .doc-req-bt {
  margin-top: 0;
  padding: 0.2em 0.75em;
  width: 140px;
  margin-left: 0;
  font-size: 0.75em;
  position: absolute;
  top: 0;
  left: 0;
}
.map-card .doc-req-bt span {
  font-size: 0.8em;
}
.map-card .doc-req-bt:after {
  content: none;
}
.map-card .doc-req-bt:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  border: 2px solid #001F6B;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 3em;
}
.map-card .school-page-link {
  margin-right: 0;
  font-size: 0.9rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

.comment-card {
  width: calc(100% - 2em);
  padding: 1em;
  background-color: #fff;
  border-radius: 0.4em;
  margin-bottom: 1.5em;
}
.comment-card:last-of-type {
  margin-bottom: 0;
}
.comment-card .comment-card-inner {
  width: 100%;
  display: flex;
}
.comment-card .comment-card-main {
  width: calc(100% - 360px - 2em);
}
.comment-card .comment-card-main h1 {
  font-size: 1.3rem;
  background-color: #1EA2DD;
  color: #fff;
  padding: 0.75rem;
  border-radius: 0.3em;
  margin-bottom: 1rem;
  line-height: 1.3em;
  position: relative;
}
.comment-card .comment-card-main h1:after {
  content: "";
  border-top: 0.5rem solid #1EA2DD;
  border-right: 0.5rem solid #1EA2DD;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  position: absolute;
  top: 100%;
  right: 0.5em;
}
.comment-card .comment-card-main .comment-wrap {
  padding: 0.3rem;
}
.comment-card .comment-card-main .comment-wrap h3, .comment-card .comment-card-main .comment-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .comment-card .comment-card-main .comment-wrap h2, .comment-card .comment-card-main .comment-wrap .comment-post .profile .name h2, .comment-post .profile .name .comment-card .comment-card-main .comment-wrap h2 {
  font-size: 0.87rem;
  color: #001F6B;
  margin-bottom: 0.3em;
  display: none;
}
.comment-card .comment-card-main .comment-wrap h3:first-of-type, .comment-card .comment-card-main .comment-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2:first-of-type, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .comment-card .comment-card-main .comment-wrap h2:first-of-type, .comment-card .comment-card-main .comment-wrap .comment-post .profile .name h2:first-of-type, .comment-post .profile .name .comment-card .comment-card-main .comment-wrap h2:first-of-type {
  display: block;
}
.comment-card .comment-card-main .comment-wrap p {
  font-size: 0.75rem;
  display: none;
}
.comment-card .comment-card-main .comment-wrap p:first-of-type {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.comment-card .comment-card-main .comment-wrap.active {
  overflow: hidden;
  display: block;
}
.comment-card .comment-card-main .comment-wrap.active h3, .comment-card .comment-card-main .comment-wrap.active #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .comment-card .comment-card-main .comment-wrap.active h2, .comment-card .comment-card-main .comment-wrap.active .comment-post .profile .name h2, .comment-post .profile .name .comment-card .comment-card-main .comment-wrap.active h2, .comment-card .comment-card-main .comment-wrap.active p {
  display: block;
}
.comment-card .comment-card-main .comment-wrap.active p {
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
}
.comment-card .comment-card-main .comment-wrap-bt {
  background-color: #fff;
  text-align: center;
  position: relative;
}
.comment-card .comment-card-main .comment-wrap-bt span {
  font-size: 0.75rem;
  font-weight: 500;
  position: relative;
  background-color: #fff;
  padding: 0.5em 1em;
  padding-right: 3em;
  display: block;
  margin: auto;
  width: fit-content;
  color: #999;
  margin-top: 1em;
  cursor: pointer;
}
.comment-card .comment-card-main .comment-wrap-bt span:after {
  content: "";
  width: 0.75em;
  height: 0.75em;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  position: absolute;
  display: block;
  transform: rotate(45deg);
  top: 0;
  right: 1em;
  bottom: 0.5em;
  margin: auto;
}
.comment-card .comment-card-main .comment-wrap-bt span.active:after {
  content: "";
  transform: rotate(-135deg);
  bottom: 0;
  top: 0.5em;
}
.comment-card .comment-card-main .comment-wrap-bt:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #999;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.comment-card .comment-card-option {
  width: 360px;
  padding-left: 2em;
  position: relative;
}
.comment-card .school-info {
  background-color: #F4F4F4;
  padding: 0.75em;
  border-radius: 0.3em;
  margin-bottom: 0.5rem;
}
.comment-card .school-info h2 {
  font-size: 1.3em;
  color: #001F6B;
  margin-bottom: 0.5rem;
}
.comment-card .school-info h2 a {
  font-size: 1em;
  color: #001F6B;
}
.comment-card .author {
  font-size: 10px;
  line-height: 1.6em;
}
.comment-card .doc-req-bt {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  margin: auto;
}
.comment-card.no-option .comment-card-inner {
  flex-direction: column;
}
.comment-card.no-option .comment-card-main {
  width: 100%;
}
.comment-card.no-option .comment-card-main .comment-wrap {
  padding: 0.3rem;
}
.comment-card.no-option .comment-card-main .comment-wrap h3, .comment-card.no-option .comment-card-main .comment-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .comment-card.no-option .comment-card-main .comment-wrap h2, .comment-card.no-option .comment-card-main .comment-wrap .comment-post .profile .name h2, .comment-post .profile .name .comment-card.no-option .comment-card-main .comment-wrap h2 {
  display: none;
}
.comment-card.no-option .comment-card-main .comment-wrap h3:first-of-type, .comment-card.no-option .comment-card-main .comment-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2:first-of-type, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .comment-card.no-option .comment-card-main .comment-wrap h2:first-of-type, .comment-card.no-option .comment-card-main .comment-wrap .comment-post .profile .name h2:first-of-type, .comment-post .profile .name .comment-card.no-option .comment-card-main .comment-wrap h2:first-of-type {
  display: block;
}
.comment-card.no-option .comment-card-main .comment-wrap p {
  display: none;
}
.comment-card.no-option .comment-card-main .comment-wrap p:first-of-type {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.comment-card.no-option .comment-card-main .comment-wrap.active {
  display: block;
}
.comment-card.no-option .comment-card-main .comment-wrap.active h3, .comment-card.no-option .comment-card-main .comment-wrap.active #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .comment-card.no-option .comment-card-main .comment-wrap.active h2, .comment-card.no-option .comment-card-main .comment-wrap.active .comment-post .profile .name h2, .comment-post .profile .name .comment-card.no-option .comment-card-main .comment-wrap.active h2, .comment-card.no-option .comment-card-main .comment-wrap.active p {
  display: block;
}
.comment-card.no-option .comment-card-main .comment-wrap.active p {
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
}
.comment-card.no-option .comment-card-option {
  width: 100%;
  padding-left: 0;
  padding-bottom: 2em;
}

.movie-card {
  width: 23%;
  display: block;
  background-color: #fff;
  position: relative;
  border-radius: 0.5em;
  margin: 1%;
  overflow: hidden;
  padding-bottom: 2.5rem;
}
.movie-card .movie {
  width: 100%;
  position: relative;
}
.movie-card .movie img {
  width: 100%;
  height: auto;
}
.movie-card .movie a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.movie-card .post-info {
  width: calc(100% - 1em);
  padding: 0.5em;
  position: relative;
}
.movie-card .post-info .school-name {
  margin-bottom: 0.5em;
}
.movie-card .post-info .school-name h1 {
  font-size: 0.9rem;
  line-height: 1.3em;
  color: #001F6B;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.movie-card .links {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.movie-card .links a {
  width: 100%;
  background-color: #001F6B;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  padding: 0.75em 0;
  position: relative;
}
.movie-card .links a:last-of-type:after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background-color: #6a7ba7;
  position: absolute;
  top: 0;
  left: 0;
}
.movie-card .links a:hover {
  opacity: 0.75;
}

.tile-card {
  background-color: #fff;
  width: calc(20% - 1em);
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 0.4em;
  border-radius: 0.2em;
}

#author-selector {
  margin: 1em auto;
}
#author-selector .author-wrap {
  display: flex;
  justify-content: center;
}
#author-selector .author-wrap .author-select {
  padding: 0.5em 0.5em;
  border: 0.1em solid #6DC7EE;
  color: #6DC7EE;
  background-color: #fff;
  width: 120px;
  text-align: center;
  margin: auto 4px;
  border-radius: 0.3em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#author-selector .author-wrap .author-select.active {
  background-color: #6DC7EE;
  color: #fff;
  border-color: #fff;
}
#author-selector .author-wrap .author-select:hover {
  background-color: #6DC7EE;
  color: #fff;
}

.separate-header {
  width: calc(100% - 2em);
  padding: 1em;
  background-color: #6DC7EE;
  max-width: calc(1000px - 2em);
  margin: auto;
  text-align: center;
  color: #fff;
  font-size: 1.2em;
  position: relative;
}
.separate-header span {
  font-size: 0.8rem;
  margin-left: 0.5em;
}
.separate-header .share-icon {
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  background-image: url(../images/icon_share.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  margin: auto;
  opacity: 0.75;
}

#kiyaku-frame, #pp-frame {
  display: block;
  height: 50vh;
  overflow-y: scroll;
  border: 2px solid #001F6B;
  width: calc(100% - 2em - 4px);
  max-width: 800px;
  margin: 0em auto 3em;
  background-color: #fff;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#kiyaku-frame:-webkit-scrollbar, #pp-frame:-webkit-scrollbar {
  display: none;
}
#kiyaku-frame #privacypolicy .white-block, #pp-frame #privacypolicy .white-block {
  background-color: #fafafa;
}
#kiyaku-frame #privacypolicy .readme, #pp-frame #privacypolicy .readme {
  margin: auto;
  font-size: 0.8rem;
}
#kiyaku-frame #privacypolicy .pp-wrap h3, #kiyaku-frame #privacypolicy .pp-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #kiyaku-frame #privacypolicy .pp-wrap h2, #kiyaku-frame #privacypolicy .pp-wrap .comment-post .profile .name h2, .comment-post .profile .name #kiyaku-frame #privacypolicy .pp-wrap h2, #pp-frame #privacypolicy .pp-wrap h3, #pp-frame #privacypolicy .pp-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #pp-frame #privacypolicy .pp-wrap h2, #pp-frame #privacypolicy .pp-wrap .comment-post .profile .name h2, .comment-post .profile .name #pp-frame #privacypolicy .pp-wrap h2 {
  font-size: 1rem;
}
#kiyaku-frame #privacypolicy .pp-wrap h4, #pp-frame #privacypolicy .pp-wrap h4 {
  font-size: 0.9em;
}
#kiyaku-frame #privacypolicy .pp-wrap p, #pp-frame #privacypolicy .pp-wrap p {
  font-size: 0.75rem;
}

.agreement {
  padding: 1em 0;
  background-color: #fff;
}
.agreement .inner-wrap {
  max-width: calc(800px - 2em);
  margin: auto;
}
.agreement p {
  display: block;
  text-align: center;
  padding: 1em;
  border: 2px solid #001F6B;
  color: #001F6B;
  margin: auto;
}
.agreement .check-link {
  text-decoration: underline;
  display: block;
  text-align: center;
  margin: 1em auto;
  color: #001F6B;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.agreement .check-link:before {
  content: "▶︎ ";
}
.agreement .check-link:hover {
  opacity: 0.75;
}
.agreement .agreement-check input {
  display: none;
}
.agreement .agreement-check label {
  display: flex;
  padding: 1em;
  background-color: #6DC7EE;
  width: fit-content;
  border-radius: 0.3em;
  margin: 2em auto;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.agreement .agreement-check label .checker {
  width: 3em;
  position: relative;
  width: 3em;
  background-color: #6DC7EE;
  position: relative;
}
.agreement .agreement-check label .checker:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0.2em;
}
.agreement .agreement-check label .checker:after {
  content: "";
  width: 0em;
  height: 0em;
  position: absolute;
  border-bottom: 4px solid #001F6B;
  border-left: 4px solid #001F6B;
  top: 0;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.agreement .agreement-check label .text {
  display: block;
  color: #fff;
  text-align: center;
}
.agreement .agreement-check label:hover {
  opacity: 0.75;
}
.agreement .agreement-check input[type=checkbox]:checked + label .checker:after {
  width: 1em;
  height: 0.5em;
  opacity: 1;
}

.pageback-wrap {
  padding: 3em 0;
}
.pageback-wrap .inner-wrap {
  max-width: calc(800px - 2em);
  margin: auto;
}
.pageback-wrap p {
  font-size: 0.8em;
  color: #666666;
  margin: 1em auto;
}
.pageback-wrap a {
  color: #fff;
  background-color: #1EA2DD;
  padding: 0.5em 2em;
  border-radius: 0.5em;
  line-height: 1.8em;
  width: calc(100% - 4em);
  text-align: center;
  margin: auto;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.pageback-wrap a span {
  padding: 1em;
  color: #fff;
  display: block;
  padding-left: 2em;
  position: relative;
  line-height: 1.3em;
  text-align: center;
  width: fit-content;
  margin: auto;
}
.pageback-wrap a span:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.6em solid #fff;
  border-left: 0;
  position: absolute;
  top: 0;
  left: 1em;
  bottom: 0;
  margin: auto;
}
.pageback-wrap a:hover {
  background-color: #6DC7EE;
}

.submit-wrap {
  padding: 3em 0;
}
.submit-wrap .inner-wrap {
  max-width: calc(800px - 2em);
  margin: auto;
}
.submit-wrap p {
  font-size: 0.8em;
  color: #666666;
  margin: 1em auto;
}
.submit-wrap .document-bnr {
  width: calc(100% - 4em);
  max-width: calc(800px - 4em);
  margin: 2em auto 1em;
  padding: 0 1em;
  background-color: #FF9393;
  height: 3em;
  position: relative;
  border-radius: 0.3em;
  display: block;
  box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.submit-wrap .document-bnr:after {
  content: "";
  width: calc(100% - 2em);
  height: 60%;
  display: block;
  position: absolute;
  background-image: url(../images/document-bnr.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  margin: auto;
}
.submit-wrap .document-bnr:hover {
  opacity: 0.75;
}
.submit-wrap .submit-bt a {
  color: #fff;
  background-color: #001F6B;
  padding: 0.5em 2em;
  border-radius: 0.5em;
  line-height: 1.8em;
  width: calc(100% - 4em);
  text-align: center;
  margin: auto;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.submit-wrap .submit-bt a span {
  padding: 1em;
  color: #fff;
  display: block;
  padding-right: 2em;
  position: relative;
  line-height: 1.3em;
  text-align: center;
  width: fit-content;
  margin: auto;
}
.submit-wrap .submit-bt a span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.6em solid #fff;
  border-right: 0;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
}
.submit-wrap .submit-bt a:hover {
  background-color: #6DC7EE;
}
.submit-wrap .back-bt a {
  color: #001F6B;
  text-align: center;
  display: block;
  width: fit-content;
  padding-left: 2em;
  position: relative;
  margin: 2em auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.submit-wrap .back-bt a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.6em solid #001F6B;
  border-left: 0;
  position: absolute;
  top: 0;
  left: 1em;
  bottom: 0;
  margin: auto;
}
.submit-wrap .back-bt a:hover {
  opacity: 0.75;
}

.document-2column {
  max-width: 1000px;
  margin: auto;
  position: relative;
}
.document-2column .left {
  width: 380px;
  height: fit-content;
  position: sticky;
  top: 70px;
}
.document-2column .right {
  width: 100%;
}

#recommend-document .inner-wrap {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#recommend-document .recommend-selector {
  width: 49%;
  margin-bottom: 0.5em;
  position: relative;
}
#recommend-document .recommend-selector .closet-bt {
  top: 0;
  right: 0;
  position: absolute;
  padding: 1rem 1.5rem;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-top-right-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
  z-index: 10;
  cursor: pointer;
}
#recommend-document .recommend-selector .closet-bt:after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-bottom: 2px solid #ddd;
  border-right: 2px solid #ddd;
  display: block;
  transform: rotate(45deg);
}
#recommend-document .recommend-selector .closet-bt:hover {
  background-color: #ACADB1;
}
#recommend-document .recommend-selector label {
  display: flex;
  background-color: #fff;
  border-radius: 0.4em;
  overflow: hidden;
  cursor: pointer;
}
#recommend-document .recommend-selector label .checker {
  width: 3em;
  background-color: #6DC7EE;
  position: relative;
}
#recommend-document .recommend-selector label .checker:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0.2em;
}
#recommend-document .recommend-selector label .checker:after {
  content: "";
  width: 1em;
  height: 0.5em;
  position: absolute;
  border-bottom: 4px solid #6DC7EE;
  border-left: 4px solid #6DC7EE;
  top: 0;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-45deg);
  opacity: 0;
}
#recommend-document .recommend-selector label .school {
  padding: 0.5em;
  width: calc(100% - 4em);
  position: relative;
}
#recommend-document .recommend-selector label .school .name {
  font-size: 0.9em;
  font-weight: 700;
  color: #001F6B;
  width: calc(100% - 3em);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.2em;
  padding-right: 3em;
}
#recommend-document .recommend-selector label .school .closet {
  display: none;
}
#recommend-document .recommend-selector label .school .celeb-bnr {
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  font-size: 0.8em;
  padding: 0.75em 0.5em;
  vertical-align: middle;
  line-height: 0.8em;
  padding-left: 3em;
  position: relative;
  border-radius: 0.2em;
}
#recommend-document .recommend-selector label .school .celeb-bnr:after {
  content: "";
  width: 2.5em;
  height: 2em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.25em;
  margin: auto;
  background-image: url(../images/school-icon_celeb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#recommend-document .recommend-selector label .school .celeb-bnr span {
  color: #ff0;
  font-size: 1rem;
  vertical-align: bottom;
}
#recommend-document .recommend-selector label .school .tags {
  margin: 0.2em 0;
  display: flex;
}
#recommend-document .recommend-selector label .school .tags .tag {
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  width: fit-content;
  font-size: 0.6rem;
  line-height: 0.6rem;
  padding: 0.3rem 0.6rem;
  border-radius: 1rem;
  margin-right: 4px;
  margin-bottom: 4px;
}
#recommend-document .recommend-selector input {
  display: none;
}
#recommend-document .recommend-selector input[type=checkbox]:checked + label .checker:after {
  opacity: 1;
}
#recommend-document .check-all {
  text-align: center;
}
#recommend-document .check-all a {
  cursor: pointer;
  font-size: 0.9em;
  font-weight: 500;
}

#thanks .inner-wrap {
  width: calc(100% - 2em);
  max-width: calc(1000px - 2em);
  margin: auto;
}
#thanks .white-block {
  margin: 2em auto;
  padding: 2em;
  background-color: #fff;
  border-radius: 0.4em;
}
#thanks .white-block h5 {
  color: #1EA2DD;
  text-align: center;
  margin-bottom: 1em;
}
#thanks .white-block p {
  font-size: 0.9em;
}
#thanks .white-block hr {
  border: none;
  width: 100%;
  height: 1px;
  background-color: #1EA2DD;
}
#thanks .white-block hr.gray {
  background-color: #ACADB1;
}
#thanks .announce {
  border: 2px solid #f00;
  padding: 1em;
  border-radius: 0.4em;
  color: #f00;
  margin: 2em auto;
}
#thanks .announce hr {
  border: none;
  width: 100%;
  height: 1px;
  background-color: #f00;
}
#thanks .announce h5 {
  color: #f00;
  text-align: center;
}
#thanks .announce p {
  font-size: 0.9em;
}

#confirm .inner-wrap {
  max-width: 560px;
  margin: 2em auto;
}
#confirm ul li {
  margin-bottom: 1em;
}
#confirm ul li a {
  display: block;
  color: #001F6B;
  font-weight: 500;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#confirm ul li a:hover {
  opacity: 0.75;
}
#confirm ul li.school-card {
  display: flex;
  align-items: center;
  width: calc(100% - 2em - 4px);
  background-color: #fff;
  border: 2px solid #001F6B;
  padding: 1em;
  position: relative;
  border-radius: 0.4em;
}
#confirm ul li.school-card .img {
  width: 80px;
  height: auto;
  display: block;
  top: 1em;
  bottom: 1em;
  left: 1em;
  background-color: #ddd;
}
#confirm ul li.school-card .name {
  padding-left: 1em;
}
#confirm ul li.school-card a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#request .back-bt a, #comment-post .back-bt a {
  color: #001F6B;
  text-align: center;
  display: block;
  width: fit-content;
  padding-left: 2em;
  position: relative;
  margin: 2em auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#request .back-bt a:after, #comment-post .back-bt a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.6em solid #001F6B;
  border-left: 0;
  position: absolute;
  top: 0;
  left: 1em;
  bottom: 0;
  margin: auto;
}
#request .back-bt a:hover, #comment-post .back-bt a:hover {
  opacity: 0.75;
}
#request .inner-wrap, #comment-post .inner-wrap {
  max-width: 560px;
  margin: auto;
}
#request .header-text, #comment-post .header-text {
  font-size: 0.8em;
  color: #666666;
}
#request .header-text span, #comment-post .header-text span {
  color: #f00;
}
#request .form, #comment-post .form {
  margin: 3em auto;
}
#request .form h4, #comment-post .form h4 {
  padding-left: 0.5em;
  border-left: 0.3em solid #666666;
  margin-bottom: 1em;
  margin-top: 2em;
}
#request .form h4 .cancel, #comment-post .form h4 .cancel {
  font-size: 0.75rem;
  display: inline-block;
  font-weight: 400;
  text-decoration: underline;
  margin-left: 0.5em;
  color: #001F6B;
}
#request .form .request-list, #comment-post .form .request-list {
  list-style-type: disc;
  padding-left: 1em;
}
#request .form .request-list li, #comment-post .form .request-list li {
  font-size: 1rem;
  font-weight: 700;
  color: #001F6B;
  margin-bottom: 0.2rem;
}
#request .form .comment, #comment-post .form .comment {
  background-color: #1EA2DD;
  color: #fff;
  font-size: 1rem;
  padding: 0.5em;
  border-radius: 0.4em;
  position: relative;
  top: -0.4em;
}
#request .form .comment:after, #comment-post .form .comment:after {
  content: "";
  border-top: 0.3rem solid #1EA2DD;
  border-right: 0.3rem solid #1EA2DD;
  border-bottom: 0.3rem solid transparent;
  border-left: 0.3rem solid transparent;
  position: absolute;
  top: 100%;
  right: 0.3em;
}
#request .form .comment .allread, #comment-post .form .comment .allread {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.2em;
  display: inline-block;
  line-height: 0.75em;
  text-decoration: underline;
  margin-left: 0.5em;
  cursor: pointer;
}
#request .form .comment-whitewrap, #comment-post .form .comment-whitewrap {
  background-color: #fff;
  padding: 1em;
  margin-bottom: 0.3em;
  display: none;
}
#request .form .comment-whitewrap h3, #request .form .comment-whitewrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #request .form .comment-whitewrap h2, #request .form .comment-whitewrap .comment-post .profile .name h2, .comment-post .profile .name #request .form .comment-whitewrap h2, #comment-post .form .comment-whitewrap h3, #comment-post .form .comment-whitewrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name #comment-post .form .comment-whitewrap h2, #comment-post .form .comment-whitewrap .comment-post .profile .name h2, .comment-post .profile .name #comment-post .form .comment-whitewrap h2 {
  font-size: 1rem;
  color: #001F6B;
}
#request .form .comment-whitewrap p, #comment-post .form .comment-whitewrap p {
  font-size: 0.75rem;
}
#request .form .comment-whitewrap p:last-of-type, #comment-post .form .comment-whitewrap p:last-of-type {
  margin-bottom: 0;
}
#request .form .author, #comment-post .form .author {
  font-size: 0.75rem;
  padding-right: 1em;
  line-height: 1.2rem;
}
#request .form .required:after, #comment-post .form .required:after {
  content: "必須";
  color: #fff;
  background-color: #f00;
  font-size: 0.7em;
  line-height: 1em;
  padding: 0.2em 1em 0.3em;
  border-radius: 1em;
  margin-left: 0.5em;
  position: relative;
  bottom: 0.2em;
}
#request .form .form-block, #comment-post .form .form-block {
  position: relative;
}
#request .form .form-block .comment-sample-link, #comment-post .form .form-block .comment-sample-link {
  margin-top: 0.5em;
  color: #001F6B;
  display: block;
  font-size: 0.8em;
  width: fit-content;
}
#request .form .form-block label, #comment-post .form .form-block label {
  position: relative;
  padding-left: 2em;
  cursor: pointer;
  margin-right: 1.5em;
  margin-bottom: 1em;
  display: inline-block;
}
#request .form .form-block label:before, #comment-post .form .form-block label:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: #fff;
  border-radius: 1em;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #666666;
}
#request .form .form-block label:after, #comment-post .form .form-block label:after {
  content: "";
  width: 1em;
  height: 1em;
  background-color: #001F6B;
  border-radius: 1em;
  position: absolute;
  top: calc(0.25em + 1px);
  left: calc(0.25em + 1px);
  display: block;
  opacity: 0;
}
#request .form .form-block label.sync-check:before, #comment-post .form .form-block label.sync-check:before {
  border-radius: 0.2em;
}
#request .form .form-block label.sync-check:after, #comment-post .form .form-block label.sync-check:after {
  background: none;
  border-radius: 0;
  border-bottom: 0.3em solid #001F6B;
  border-right: 0.3em solid #001F6B;
  transform: rotate(45deg);
  width: 0.5em;
  top: 0;
  left: 0.4em;
}
#request .form .form-block input[type=radio]:checked + label:after, #comment-post .form .form-block input[type=radio]:checked + label:after {
  opacity: 1;
}
#request .form .form-block input[type=checkbox]:checked + label:after, #comment-post .form .form-block input[type=checkbox]:checked + label:after {
  opacity: 1;
}
#request .form .form-block input[type=text], #comment-post .form .form-block input[type=text] {
  width: calc(100% - 1em - 2px);
  background-color: #fff;
  border: 1px solid #666666;
  padding: 0.5em;
  font-size: 1rem;
  border-radius: 0.3em;
}
#request .form .form-block input[type=text].w200, #comment-post .form .form-block input[type=text].w200 {
  width: 200px;
}
#request .form .form-block select, #comment-post .form .form-block select {
  width: calc(100% - 0em - 2px);
  background-color: #fff;
  border: 1px solid #666666;
  padding: 0.5em;
  font-size: 1rem;
  border-radius: 0.3em;
}
#request .form .form-block textarea, #comment-post .form .form-block textarea {
  width: calc(100% - 1em - 2px);
  background-color: #fff;
  border: 1px solid #666666;
  padding: 0.5em;
  font-size: 1rem;
  border-radius: 0.3em;
}
#request .form .form-block .counter, #comment-post .form .form-block .counter {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 0.9em;
  color: #666666;
}
#request .form .form-block .counter .over, #comment-post .form .form-block .counter .over {
  color: #f00;
}
#request .form .student-block, #comment-post .form .student-block {
  background-color: #fff;
  padding: 1em;
  border-radius: 0.3em;
  margin-bottom: 0.5em;
  position: relative;
}
#request .form .student-block h5, #comment-post .form .student-block h5 {
  color: #1A1A1A;
  margin-bottom: 0.3em;
  margin-top: 1em;
}
#request .form .student-block h5:first-of-type, #comment-post .form .student-block h5:first-of-type {
  margin-top: 0;
}
#request .form .student-block .form-block label, #comment-post .form .student-block .form-block label {
  margin-bottom: 0;
}
#request .form .student-block .student-remove, #comment-post .form .student-block .student-remove {
  color: #fff;
  background-color: #ACADB1;
  font-size: 1em;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  line-height: 1em;
  cursor: pointer;
  border-radius: 0.2em;
}
#request .form .add-student-bt, #comment-post .form .add-student-bt {
  font-size: 0.75em;
  margin: 1em auto;
  text-align: center;
  font-weight: 700;
  position: relative;
  color: #666666;
  cursor: pointer;
}
#request .form .add-student-bt:before, #comment-post .form .add-student-bt:before {
  content: "+";
  display: inline-block;
  background-color: #666666;
  color: #fff;
  width: 1rem;
  height: 1rem;
  vertical-align: initial;
  line-height: 1.3em;
  border-radius: 0.2em;
  margin-right: 0.3em;
}
#request .form .caution, #comment-post .form .caution {
  color: #f00;
  font-size: 0.8em;
}
#request .form .caution-box, #comment-post .form .caution-box {
  border: 1px solid #f00;
  color: #f00;
  font-size: 0.8em;
  padding: 1em;
  line-height: 1.4em;
  margin-top: 0.5em;
  width: calc(100% - 2em - 2px);
}
#request .form .announce, #comment-post .form .announce {
  color: #666666;
  font-size: 0.8em;
}
#request .form .announce a, #comment-post .form .announce a {
  text-decoration: underline;
}

#fixed-bnr {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0.5em 0;
  position: fixed;
  bottom: 0;
  z-index: 10;
}
#fixed-bnr.has-keep {
  display: flex;
}
#fixed-bnr.has-keep .bnr-wrap {
  width: calc(94% - 4px - 120px);
  max-width: 376px;
  margin-left: 0;
}
#fixed-bnr.has-keep .keep-bt {
  width: 110px;
  margin: auto;
  position: relative;
  margin-right: 4px;
}
#fixed-bnr.has-keep .keep-bt .keep {
  background-color: #fff;
  display: block;
  color: #ACADB1;
  position: relative;
  cursor: pointer;
  width: calc(100% - 0.6em - 4px);
  text-align: center;
  padding: 0.3em;
  border: 2px solid #1EA2DD;
  border-radius: 0.5em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#fixed-bnr.has-keep .keep-bt .keep:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin: auto;
  background-image: url(../images/icon_keep.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
#fixed-bnr.has-keep .keep-bt .keep:after {
  content: "キープする";
  text-align: center;
  font-size: 0.8em;
  display: block;
}
#fixed-bnr.has-keep .keep-bt .keep:hover {
  opacity: 0.75;
}
#fixed-bnr.has-keep .keep-bt .keep.on {
  color: #1EA2DD;
}
#fixed-bnr.has-keep .keep-bt .keep.on:before {
  background-image: url(../images/icon_keep-on.svg);
}
#fixed-bnr.has-keep .keep-bt .keep.on:after {
  content: "キープ中";
}
#fixed-bnr.has-celeb {
  display: flex;
}
#fixed-bnr.has-celeb .bnr-wrap {
  width: calc(94% - 4px - 160px);
  max-width: 376px;
  margin-left: 0;
}
#fixed-bnr.has-celeb .celeb-bt {
  width: 80px;
  margin: auto;
  margin-right: 0;
}
#fixed-bnr.has-celeb .celeb-bt .celeb {
  background-color: #1EA2DD;
  display: block;
  color: #ff0;
  position: relative;
  width: calc(100% - 0.6em - 4px);
  text-align: center;
  padding: 0.3em;
  border: 2px solid #1EA2DD;
  border-radius: 0.5em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#fixed-bnr.has-celeb .celeb-bt .celeb:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin: auto;
  background-image: url(../images/school-icon_celeb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
#fixed-bnr.has-celeb .official-site {
  width: 80px;
  margin: auto;
  margin-right: 0;
}
#fixed-bnr.has-celeb .official-site .site-link {
  background-color: #1EA2DD;
  display: block;
  color: #ff0;
  position: relative;
  width: calc(100% - 0.6em - 4px);
  text-align: center;
  padding: 0.3em;
  border: 2px solid #1EA2DD;
  border-radius: 0.5em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 0.6em;
  line-height: 1.3em;
}
#fixed-bnr.has-celeb .official-site .site-link:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin: auto;
  background-image: url(../images/school-icon_link.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
#fixed-bnr.has-celeb .keep-bt {
  width: 80px;
  position: relative;
  margin-right: 4px;
}
#fixed-bnr.has-celeb .keep-bt .keep {
  background-color: #fff;
  display: block;
  color: #ACADB1;
  position: relative;
  cursor: pointer;
  width: calc(100% - 0.6em - 4px);
  text-align: center;
  padding: 0.3em;
  border: 2px solid #1EA2DD;
  border-radius: 0.5em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#fixed-bnr.has-celeb .keep-bt .keep:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin: auto;
  background-image: url(../images/icon_keep.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
#fixed-bnr.has-celeb .keep-bt .keep:after {
  content: "キープする";
  text-align: center;
  font-size: 0.8em;
  display: block;
}
#fixed-bnr.has-celeb .keep-bt .keep:hover {
  opacity: 0.75;
}
#fixed-bnr.has-celeb .keep-bt .keep.on {
  color: #1EA2DD;
}
#fixed-bnr.has-celeb .keep-bt .keep.on:before {
  background-image: url(../images/icon_keep-on.svg);
}
#fixed-bnr.has-celeb .keep-bt .keep.on:after {
  content: "キープ中";
}
#fixed-bnr .bnr-wrap {
  width: calc(94% - 4px);
  max-width: 496px;
  margin: auto;
  background-color: #fff;
  border-radius: 0.4em;
  text-align: center;
  border: 2px solid #fff;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
#fixed-bnr .bnr-wrap .bnr-top {
  background-color: #FF9393;
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  padding: 0.3em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#fixed-bnr .bnr-wrap .bnr-bottom {
  font-size: 0.8em;
  padding: 0.2em;
  color: #FF9393;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#fixed-bnr .bnr-wrap a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#fixed-bnr .bnr-wrap:hover .bnr-top {
  opacity: 0.75;
}
#fixed-bnr .bnr-wrap:hover .bnr-bottom {
  opacity: 0.75;
}

#result .inner-wrap {
  max-width: 1000px;
}
#result .inner-header {
  width: 100%;
  background-color: #6DC7EE;
  color: #fff;
}

.select-cancel {
  text-align: center;
}
.select-cancel a {
  text-align: center;
  color: #001F6B;
  margin: auto;
  position: relative;
  vertical-align: middle;
  font-size: 0.9em;
}
.select-cancel a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.6em solid #001F6B;
  border-left: 0;
  position: relative;
  vertical-align: middle;
  margin-right: 0.3em;
}

.share-wrap {
  text-align: center;
  background-color: #fff;
  padding: 3em 0;
}
.share-wrap h3, .share-wrap #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .share-wrap h2, .share-wrap .comment-post .profile .name h2, .comment-post .profile .name .share-wrap h2 {
  color: #001F6B;
  margin-bottom: 1em;
}
.share-wrap ul {
  text-align: center;
}
.share-wrap ul li {
  position: relative;
  width: 48px;
  margin: auto 8px;
  display: inline-block;
}
.share-wrap ul li .copy-url {
  cursor: pointer;
}
.share-wrap ul li i {
  width: 48px;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.share-wrap ul li i:before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.share-wrap ul li i.i-tw:before {
  background-image: url(../images/icon_tw.png);
}
.share-wrap ul li i.i-fb:before {
  background-image: url(../images/icon_fb.png);
}
.share-wrap ul li i.i-hatebu:before {
  background-image: url(../images/icon_hatebu.png);
}
.share-wrap ul li i.i-gp:before {
  background-image: url(../images/icon_gp.png);
}
.share-wrap ul li i.i-pocket:before {
  background-image: url(../images/icon_pocket.png);
}
.share-wrap ul li i.i-line:before {
  background-image: url(../images/icon_line.png);
}
.share-wrap ul li i.i-url:before {
  background-image: url(../images/icon_url.png);
}
.share-wrap ul li a {
  display: block;
}

#result-list.column-2 .list-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#result-list.column-3 .list-inner {
  display: flex;
  flex-wrap: wrap;
}
#result-list.tile {
  margin-bottom: 2em;
}
#result-list .map {
  display: none;
}
#result-list.map-display {
  display: flex;
  height: calc(100vh - 240px);
  margin-bottom: 2em;
}
#result-list.map-display .map {
  width: 60%;
  position: relative;
  display: block;
  overflow: hidden;
}
#result-list.map-display .map iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#result-list.map-display .map .reset:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(../images/map_reset.svg);
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 7em;
  right: 0.7em;
  cursor: pointer;
}
#result-list.map-display .list-inner {
  width: calc(40% - 2em);
  padding: 0 1em;
  overflow: scroll;
}

.add-option {
  margin-bottom: 10%;
}
.add-option a {
  color: #fff;
  background-color: #1EA2DD;
  padding: 0.5em 2em;
  border-radius: 0.5em;
  line-height: 1.8em;
  width: 260px;
  text-align: center;
  margin: auto;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.add-option a:hover {
  background-color: #6DC7EE;
}

.pagination {
  width: calc(100% - 2em);
  padding: 1em;
  margin-bottom: 3em;
  margin-top: 2em;
}
.pagination ul {
  text-align: center;
  margin-bottom: 0.5em;
}
.pagination ul li {
  display: inline-block;
  margin: auto 0.3em;
}
.pagination ul li a {
  border: 1px solid #001F6B;
  color: #001F6B;
  background-color: #fff;
  display: block;
  padding: 0.5em;
  line-height: 0.8em;
  font-size: 1.2em;
  border-radius: 0.2em;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination ul li a:hover {
  background-color: #6DC7EE;
}
.pagination ul li.prev a, .pagination ul li.next a {
  padding: 0.5em 1em;
}
.pagination ul li.prev {
  margin-right: 1em;
}
.pagination ul li.next {
  margin-left: 1em;
}
.pagination ul li.active a {
  background-color: #001F6B;
  color: #fff;
}
.pagination .num {
  text-align: center;
  color: #001F6B;
}

#main-v {
  width: 100%;
  background-color: #FDDE4C;
  position: relative;
}
#main-v:before {
  content: "";
  display: block;
  background-color: #A7D6EF;
  width: 35%;
  height: 100%;
  position: absolute;
}
#main-v .main-v-inner {
  width: 100%;
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding: 2em 0;
}
#main-v .main-v-inner .visual {
  max-width: 1000px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
  height: 100%;
  background-image: url(../images/top/top_pc.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 55%;
  z-index: 0;
}
#main-v .main-v-inner .copy {
  width: 50%;
  margin-left: auto;
}
#main-v .main-v-inner .copy img {
  width: 80%;
  margin: auto;
}
#main-v .main-v-inner .thisis {
  display: none;
}
#main-v .main-v-inner .main-guide {
  width: 50%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: auto;
  position: relative;
}
#main-v .main-v-inner .main-guide .mg-bt {
  width: calc(50% - 0.6em);
  display: block;
  background-color: #1EA2DD;
  border-radius: 0.3em;
  margin: 0.3em;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  height: 4em;
}
#main-v .main-v-inner .main-guide .mg-bt span {
  font-size: 1rem;
  text-align: left;
  width: fit-content;
  max-width: calc(90% - 2.2rem);
  height: fit-content;
  margin: auto;
  display: block;
  position: relative;
  padding-left: 2.2rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 1.2rem;
}
#main-v .main-v-inner .main-guide .mg-bt span:before {
  content: "";
  width: 2rem;
  height: 2rem;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#main-v .main-v-inner .main-guide .mg-bt:hover {
  filter: brightness(1.2);
}
#main-v .main-v-inner .main-guide .mg-bt:first-of-type {
  width: 100%;
  height: 5em;
  background-color: #001F6B;
}
#main-v .main-v-inner .main-guide .mg-bt:first-of-type span {
  font-size: 1.3rem;
  text-align: center;
  width: fit-content;
  margin: auto;
  display: block;
}
#main-v .main-v-inner .main-guide .mg-bt:first-of-type span b {
  font-size: 1.2em;
  vertical-align: bottom;
  font-weight: 500;
  color: #fdde4c;
}
#main-v .main-v-inner .main-guide .mg-bt.by-gps span:before {
  background-image: url(../images/top/search_01_icon.svg);
}
#main-v .main-v-inner .main-guide .mg-bt.by-local span:before {
  background-image: url(../images/top/search_02_icon.svg);
}
#main-v .main-v-inner .main-guide .mg-bt.by-keep span:before {
  background-image: url(../images/top/search_03_icon.svg);
}
#main-v .main-v-inner .main-guide .mg-bt.by-station span:before {
  background-image: url(../images/top/search_04_icon.svg);
}
#main-v .main-v-inner .main-guide .mg-bt.by-remote span:before {
  background-image: url(../images/top/search_05_icon.svg);
}
#main-v .main-v-inner .main-guide .freeword {
  width: calc(100% - 0.6em);
  margin: auto;
  margin-top: 0.3em;
  position: relative;
}
#main-v .main-v-inner .main-guide .freeword input {
  width: calc(100% - 2em - 2px);
  background-color: #fff;
  padding: 1.3em 1em;
  font-size: 1rem;
  color: #001F6B;
  border-radius: 0.3em;
  border: 1px solid #001F6B;
}
#main-v .main-v-inner .main-guide .freeword button {
  width: 3.5em;
  height: 3.5em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

#menu {
  width: calc(100% - 2em);
  padding: 3% 1em;
  max-width: 1280px;
  margin: auto;
}
#menu .menues {
  display: flex;
  max-width: 1100px;
  margin: auto;
}
#menu .menues .menu-bt {
  border: 0.2em solid #001F6B;
  display: block;
  margin: 0.3em;
  width: 100%;
  height: 4em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  border-radius: 0.5em;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#menu .menues .menu-bt#menu-bt-01 {
  background-image: url(../images/top/menu_01_b.svg);
}
#menu .menues .menu-bt#menu-bt-02 {
  background-image: url(../images/top/menu_02_b.svg);
}
#menu .menues .menu-bt#menu-bt-03 {
  background-image: url(../images/top/menu_03_b.svg);
}
#menu .menues .menu-bt#menu-bt-04 {
  background-image: url(../images/top/menu_04_b.svg);
}
#menu .menues .menu-bt:hover {
  background-color: #1EA2DD;
}
#menu .menues .menu-bt.active {
  background-color: #001F6B;
}
#menu .menues .menu-bt.active#menu-bt-01 {
  background-image: url(../images/top/menu_01_w.svg);
}
#menu .menues .menu-bt.active#menu-bt-02 {
  background-image: url(../images/top/menu_02_w.svg);
}
#menu .menues .menu-bt.active#menu-bt-03 {
  background-image: url(../images/top/menu_03_w.svg);
}
#menu .menues .menu-bt.active#menu-bt-04 {
  background-image: url(../images/top/menu_04_w.svg);
}
#menu .menues .menu-bt.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 1.5em solid #6DC7EE;
}
#menu .select-menu {
  width: 100%;
  margin-top: 3em;
  background-color: #fff;
  position: relative;
  padding: 2em 0;
  display: none;
}
#menu .select-menu:before {
  content: "";
  width: 100%;
  height: 1em;
  display: block;
  position: absolute;
  top: -1em;
  background-color: #6DC7EE;
}
#menu .select-menu .menu-description {
  width: calc(100% - 2em);
  max-width: 900px;
  margin: auto;
  color: #001F6B;
  margin-bottom: 1.5em;
}
#menu .select-menu .menu-description .menu-desc-inner {
  display: none;
}
#menu .select-menu .menu-description .menu-desc-inner.active {
  display: block;
}
#menu .select-menu .menu-description h4 {
  text-align: center;
  color: #001F6B;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #001F6B;
}
#menu .select-menu .menu-description p {
  font-size: 0.8em;
}
#menu .select-menu .menu-description .for-sp {
  display: none;
}
#menu .select-menu .menu-post-wrap {
  background-color: #F4F4F4;
  padding: 2em 0 3em;
}
#menu .select-menu .menu-post-wrap .menu-post {
  width: 300px;
  display: block;
  background-color: #fff;
  padding: 1em;
  position: relative;
  display: flex;
  justify-content: space-between;
  border-radius: 0.5em;
  margin: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#menu .select-menu .menu-post-wrap .menu-post:after {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  background-image: url(../images/speech_bubble.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
  position: absolute;
  bottom: -2em;
  right: 1em;
}
#menu .select-menu .menu-post-wrap .menu-post a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
#menu .select-menu .menu-post-wrap .menu-post .place {
  background-color: #6DC7EE;
  color: #fff;
  width: fit-content;
  padding: 0.5em;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top: 1.5em;
  left: -0.75em;
  line-height: 1em;
  z-index: 1;
}
#menu .select-menu .menu-post-wrap .menu-post .place:after {
  content: none;
}
#menu .select-menu .menu-post-wrap .menu-post .post-icon {
  width: 35%;
  padding-top: 35%;
  display: block;
  background-color: #ddd;
  border-radius: 100%;
  margin: 1.5em auto;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}
#menu .select-menu .menu-post-wrap .menu-post .post-icon img {
  object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie .title {
  font-size: 0.9em;
  font-weight: 700;
  margin-bottom: 0.6em;
  line-height: 1.4em;
  padding-top: 2em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie hr {
  border-color: #ACADB1;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie .movie {
  width: 100%;
  position: relative;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie .movie img {
  width: 100%;
  height: auto;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie .movie a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie .profile {
  font-size: 0.9em;
  color: #001F6B;
  font-weight: 700;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie .profile .name {
  display: inline;
  vertical-align: middle;
  font-size: 0.9rem;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie .profile .comment-count {
  color: #1EA2DD;
  display: inline-block;
  vertical-align: middle;
}
#menu .select-menu .menu-post-wrap .menu-post .post-movie .profile .comment-count:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icon_comment.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info {
  width: 60%;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .date {
  font-size: 0.8em;
  color: #666666;
  margin-bottom: 0.5em;
  line-height: 1em;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .title {
  font-size: 0.9em;
  font-weight: 700;
  margin-bottom: 0.6em;
  line-height: 1.4em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .teacher {
  font-size: 0.9em;
  font-weight: 700;
  margin-bottom: 0.6em;
  line-height: 1.4em;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .teacher-text {
  font-size: 0.8em;
  line-height: 1.3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info hr {
  border-color: #ACADB1;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .text {
  font-size: 0.8em;
  line-height: 1.3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .character {
  font-size: 10px;
  color: #666666;
  margin-bottom: 0.6em;
  padding-left: 6em;
  position: relative;
  line-height: 1.4em;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .character .author {
  background-color: #ACADB1;
  color: #fff;
  display: inline-block;
  line-height: 1em;
  padding: 0.4em 1em;
  font-size: 12px;
  border-radius: 1em;
  vertical-align: middle;
  margin-right: 0.3em;
  position: absolute;
  top: 0;
  left: 0;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .character .author.parents {
  background-color: #F15A24;
  padding: 0.4em 0.7em;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .character .author.students {
  background-color: #1EA2DD;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .profile {
  font-size: 0.9em;
  color: #001F6B;
  font-weight: 700;
  line-height: 1.2em;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name {
  display: inline;
  vertical-align: middle;
  font-size: 1em;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .profile .comment-count {
  color: #1EA2DD;
  display: inline-block;
  vertical-align: middle;
}
#menu .select-menu .menu-post-wrap .menu-post .post-info .profile .comment-count:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icon_comment.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#menu .select-menu .menu-post-wrap .menu-post:hover {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}
#menu .select-menu .swiper-pagination {
  position: relative;
  bottom: 0;
}
#menu .select-menu .readmore {
  display: block;
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  padding: 1em;
  border-radius: 0.3em;
  width: 360px;
  min-width: fit-content;
  margin: 2em auto 1em;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#menu .select-menu .readmore span {
  padding-right: 2em;
  position: relative;
  display: block;
  margin: auto;
  width: fit-content;
}
#menu .select-menu .readmore span:after {
  content: "";
  width: 1em;
  height: 1.25em;
  position: absolute;
  background-image: url(../images/bt_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#menu .select-menu .readmore:hover {
  filter: brightness(1.2);
}

#site-feature {
  background-color: #fff;
  padding: 3em;
}
#site-feature .feature-inner .feature-hl {
  display: flex;
  width: 100%;
  max-width: 660px;
  margin: auto;
  margin-bottom: 2em;
}
#site-feature .feature-inner .feature-card-wrap {
  width: 100%;
  max-width: 800px;
  margin: auto;
  display: flex;
}
#site-feature .feature-inner .feature-card-wrap .feature-card {
  padding: 1em;
  width: 30%;
}
#site-feature .feature-inner .feature-card-wrap .feature-card .feature-title {
  font-size: 1.2em;
  font-weight: 700;
  color: #001F6B;
  padding-left: 3em;
  position: relative;
  margin-bottom: 1em;
}
#site-feature .feature-inner .feature-card-wrap .feature-card .feature-title:after {
  content: "";
  display: block;
  width: 2.8em;
  height: 2.8em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
  position: absolute;
}
#site-feature .feature-inner .feature-card-wrap .feature-card .feature-icon {
  width: 80%;
  padding-top: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: auto;
  margin-bottom: 1em;
}
#site-feature .feature-inner .feature-card-wrap .feature-card .feature-text {
  font-size: 0.8em;
  color: #666666;
}
#site-feature .feature-inner .feature-card-wrap .feature-card:first-of-type .feature-icon {
  background-image: url(../images/top/feature3_1_image.png);
}
#site-feature .feature-inner .feature-card-wrap .feature-card:first-of-type .feature-title:after {
  background-image: url(../images/top/feature3_1.svg);
}
#site-feature .feature-inner .feature-card-wrap .feature-card:nth-of-type(2) .feature-icon {
  background-image: url(../images/top/feature3_2_image.png);
}
#site-feature .feature-inner .feature-card-wrap .feature-card:nth-of-type(2) .feature-title:after {
  background-image: url(../images/top/feature3_2.svg);
}
#site-feature .feature-inner .feature-card-wrap .feature-card:nth-of-type(3) .feature-icon {
  background-image: url(../images/top/feature3_3_image.png);
}
#site-feature .feature-inner .feature-card-wrap .feature-card:nth-of-type(3) .feature-title:after {
  background-image: url(../images/top/feature3_3.svg);
}

#top-search {
  margin: 5% auto;
  padding: 1em;
  max-width: 1280px;
}
#top-search .top-search-inner .hl {
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 1.5em;
}
#top-search .top-search-inner .search-method {
  width: calc(100% - 2em);
  font-size: 1.2em;
  font-weight: 700;
  background-color: #6DC7EE;
  color: #fff;
  text-align: center;
  padding: 0.5em 1em;
}
#top-search .top-search-inner .search-by-detail {
  margin-bottom: 5%;
}
#top-search .top-search-inner .search-by-detail .terms-wrap {
  width: 100%;
  max-width: 800px;
  margin: 2em auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#top-search .top-search-inner .search-by-detail .terms-wrap .term {
  width: 140px;
  margin: 1em;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-search .top-search-inner .search-by-detail .terms-wrap .term .term-icon {
  margin-bottom: 1em;
}
#top-search .top-search-inner .search-by-detail .terms-wrap .term .term-name {
  color: #001F6B;
  font-weight: 700;
}
#top-search .top-search-inner .search-by-detail .terms-wrap .term a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#top-search .top-search-inner .search-by-detail .terms-wrap .term:hover {
  filter: brightness(1.2);
}
#top-search .top-search-inner .search-by-area {
  margin-bottom: 5%;
}
#top-search .top-search-inner .search-by-area .area-wrap .area-list {
  display: flex;
  max-width: 1100px;
  margin: 2em auto 1em;
}
#top-search .top-search-inner .search-by-area .area-wrap .area-list li {
  border: 0.2em solid #001F6B;
  display: block;
  margin: 0.5em;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  border-radius: 0.5em;
  position: relative;
  text-align: center;
  font-weight: 700;
  color: #001F6B;
  padding: 0.75em 1em;
  cursor: pointer;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-search .top-search-inner .search-by-area .area-wrap .area-list li:hover {
  background-color: #1EA2DD;
}
#top-search .top-search-inner .search-by-area .area-wrap .area-list li.active {
  background-color: #001F6B;
  color: #fff;
}
#top-search .top-search-inner .search-by-area .area-wrap .area-list2 {
  display: flex;
  margin: auto;
  width: fit-content;
  margin-bottom: 3em;
}
#top-search .top-search-inner .search-by-area .area-wrap .area-list2 li {
  cursor: pointer;
  font-size: 0.9em;
  color: #ACADB1;
  margin: auto 1.3em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-search .top-search-inner .search-by-area .area-wrap .area-list2 li:hover {
  color: #001F6B;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result {
  width: 100%;
  max-width: 800px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .card-desc {
  width: calc(100% - 1em);
  margin-left: 1em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .school-icon {
  width: 160px;
  overflow: hidden;
  position: relative;
  border-radius: 0.2em;
  margin-bottom: 0.5em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .school-icon:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .school-icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  object-fit: cover;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card {
  background-color: #fff;
  padding: 1em;
  width: calc(24% - 2em);
  margin-bottom: 1em;
  position: relative;
  border-radius: 0.4em;
  padding-top: 2.5em;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .place {
  font-size: 0.8em;
  color: #fff;
  background-color: #6DC7EE;
  padding: 0.2em 0.5em;
  width: calc(100% - 1em);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .place:after {
  content: none;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .profile {
  margin-bottom: 0.5em;
  min-height: 3em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .profile .name {
  font-size: 1em;
  font-weight: 700;
  color: #001F6B;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .profile .comment {
  color: #1EA2DD;
  display: inline-block;
  vertical-align: top;
  margin: auto 0.2em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .profile .comment:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icon_comment.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .text {
  font-size: 0.9em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .card-bottom {
  display: flex;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .celeb-bnr {
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  font-size: 0.8em;
  padding: 0.75em 1em;
  line-height: 0.8em;
  padding-left: 3em;
  position: relative;
  border-radius: 0.2em;
  text-align: center;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .celeb-bnr:after {
  content: "";
  width: 2.5em;
  height: 2em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.25em;
  margin: auto;
  background-image: url(../images/school-icon_celeb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .celeb-bnr span {
  color: #ff0;
  font-size: 1rem;
  vertical-align: bottom;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard {
  width: calc(100% - 2em - 160px);
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  position: relative;
  border-radius: 0.4em;
  padding-left: calc(160px + 1em);
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .school-icon {
  margin-bottom: 0;
  position: absolute;
  top: 1em;
  left: 1em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .place {
  font-size: 0.8em;
  color: #fff;
  background-color: #6DC7EE;
  padding: 0.2em 0.5em;
  width: fit-content;
  position: absolute;
  top: 1em;
  right: 1em;
  left: initial;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .profile {
  border-bottom: 1px solid #ACADB1;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 130px;
  display: flex;
  min-height: initial;
  justify-content: space-between;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .profile .name {
  font-size: 1.2em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .profile .comment {
  color: #1EA2DD;
  display: inline-block;
  vertical-align: top;
  margin: auto 0.2em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .profile .comment:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icon_comment.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .celeb-bnr {
  width: fit-content;
  height: fit-content;
  margin-right: 0.5em;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .celeb-bnr span {
  white-space: nowrap;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .card-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card:hover {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}
#top-search .top-search-inner .search-by-area .area-wrap .readmore {
  display: block;
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  padding: 1em;
  border-radius: 0.3em;
  width: 360px;
  min-width: fit-content;
  margin: 2em auto;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-search .top-search-inner .search-by-area .area-wrap .readmore span {
  padding-right: 2em;
  position: relative;
  display: block;
  margin: auto;
  width: fit-content;
}
#top-search .top-search-inner .search-by-area .area-wrap .readmore span:after {
  content: "";
  width: 1em;
  height: 1.25em;
  position: absolute;
  background-image: url(../images/bt_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#top-search .top-search-inner .search-by-area .area-wrap .readmore:hover {
  filter: brightness(1.2);
}
#top-search .top-search-inner .search-by-school, #top-search .top-search-inner .search-by-record {
  background-color: #fff;
  margin-bottom: 5%;
}
#top-search .top-search-inner .search-by-school h4, #top-search .top-search-inner .search-by-record h4 {
  text-align: center;
  color: #001F6B;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 2px solid #001F6B;
}
#top-search .top-search-inner .search-by-school .school-wrap, #top-search .top-search-inner .search-by-record .school-wrap {
  width: 100%;
  max-width: 860px;
  margin: auto;
  padding: 3em 0 2em;
  margin-bottom: 3em;
  color: #001F6B;
}
#top-search .top-search-inner .search-by-school .school-wrap .school-list, #top-search .top-search-inner .search-by-record .school-wrap .school-list {
  display: flex;
  justify-content: space-around;
  margin-bottom: 3em;
}
#top-search .top-search-inner .search-by-school .school-wrap .school-list .school, #top-search .top-search-inner .search-by-record .school-wrap .school-list .school {
  display: block;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-search .top-search-inner .search-by-school .school-wrap .school-list .school span, #top-search .top-search-inner .search-by-record .school-wrap .school-list .school span {
  display: block;
  font-size: 0.8em;
  color: #6E87C4;
}
#top-search .top-search-inner .search-by-school .school-wrap .school-list .school:hover, #top-search .top-search-inner .search-by-record .school-wrap .school-list .school:hover {
  opacity: 0.75;
}
#top-search .top-search-inner .search-by-school .school-wrap .school-list-tab, #top-search .top-search-inner .search-by-record .school-wrap .school-list-tab {
  display: none;
}

#top-comment {
  margin-bottom: 5%;
}
#top-comment .top-comment-inner .hl {
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 1.5em;
}
#top-comment .top-comment-inner .comment-cat-wrap {
  display: flex;
  max-width: 600px;
  margin: 2em auto 1em;
}
#top-comment .top-comment-inner .comment-cat-wrap .comment-cat {
  border: 0.2em solid #001F6B;
  display: block;
  margin: 0.5em;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  border-radius: 0.5em;
  position: relative;
  text-align: center;
  font-weight: 700;
  color: #001F6B;
  padding: 0.5em 1em;
  cursor: pointer;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-comment .top-comment-inner .comment-cat-wrap .comment-cat:hover {
  background-color: #1EA2DD;
}
#top-comment .top-comment-inner .comment-cat-wrap .comment-cat.active {
  background-color: #001F6B;
  color: #fff;
}
#top-comment .top-comment-inner .comment-card-wrap {
  background-color: #F4F4F4;
  padding: 2em 0 5em;
  width: 100%;
  max-width: 1280px;
  margin: auto;
  position: relative;
  overflow-x: hidden;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card {
  width: calc(20% - 1em);
  display: block;
  background-color: #fff;
  padding: 1.5em;
  position: relative;
  justify-content: space-between;
  border-radius: 1.5em;
  margin: auto 0.5em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card:after {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  background-image: url(../images/speech_bubble.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
  position: absolute;
  bottom: -2em;
  right: 1em;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .comment-title {
  font-size: 0.9em;
  font-weight: 700;
  border-bottom: 1px solid #ACADB1;
  margin-bottom: 1em;
  padding-bottom: 0.8em;
  color: #001F6B;
  position: relative;
  padding-right: 5em;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .comment-title .author {
  background-color: #6DC7EE;
  color: #fff;
  display: block;
  line-height: 1em;
  padding: 0.4em 1em;
  font-size: 12px;
  border-radius: 1em;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: fit-content;
  height: fit-content;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .comment-title .author.parents {
  background-color: #F15A24;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .comment-title .author.student {
  background-color: #1EA2DD;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .comment-title .author.pickup {
  background-color: #001F6B;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .comment-text {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .place {
  background-color: #6DC7EE;
  color: #fff;
  width: fit-content;
  padding: 0.5em;
  font-size: 10px;
  letter-spacing: 0.2em;
  line-height: 1em;
  text-align: center;
  top: 0.75em;
  left: -0.75em;
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: text-top;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .place:after {
  content: none;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .date {
  font-size: 0.8em;
  color: #666666;
  margin-bottom: 0.5em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .profile {
  font-size: 0.8em;
  color: #001F6B;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .profile .name {
  display: inline;
  vertical-align: middle;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .comment-count {
  color: #6DC7EE;
  display: inline-block;
  vertical-align: middle;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card .comment-count:before {
  content: "";
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  vertical-align: middle;
  background-image: url(../images/icon_comment.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}
#top-comment .top-comment-inner .comment-card-wrap .comment-card:hover {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}
#top-comment .readmore {
  display: block;
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  padding: 1em;
  border-radius: 0.3em;
  width: 360px;
  min-width: fit-content;
  margin: 2em auto;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#top-comment .readmore span {
  padding-right: 2em;
  position: relative;
  display: block;
  margin: auto;
  width: fit-content;
}
#top-comment .readmore span:after {
  content: "";
  width: 1em;
  height: 1.25em;
  position: absolute;
  background-image: url(../images/bt_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#top-comment .readmore:hover {
  filter: brightness(1.2);
}

#news-archive .inner-wrap {
  width: calc(100% - 2em);
  max-width: calc(1000px - 2em);
  margin: auto;
}
#news-archive .news-block {
  background-color: #fff;
  padding: 2em;
  border-radius: 0.4em;
  position: relative;
  padding-right: 4em;
  margin-bottom: 1em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#news-archive .news-block .date {
  font-size: 0.75rem;
  margin-bottom: 0.3em;
}
#news-archive .news-block .title {
  font-size: 1rem;
  border-bottom: 1px solid #ACADB1;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  color: #001F6B;
}
#news-archive .news-block .text {
  font-size: 0.8em;
  height: 3.6em;
  line-height: 1.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#news-archive .news-block a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#news-archive .news-block:after {
  content: "";
  display: block;
  width: 0.75em;
  height: 0.75em;
  border-bottom: 2px solid #001F6B;
  border-right: 2px solid #001F6B;
  transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 2em;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#news-archive .news-block:hover {
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3));
}
#news-archive .news-block:hover:after {
  right: 1.5em;
}

#news {
  background-color: #fff;
  padding: 3em;
  position: relative;
}
#news:before {
  content: "";
  display: block;
  width: 40%;
  padding-top: 30%;
  background-image: url(../images/top/news_back1.png);
  background-position: bottom left;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  user-select: none;
  pointer-events: none;
}
#news:after {
  content: "";
  display: block;
  width: 40%;
  padding-top: 30%;
  background-image: url(../images/top/news_back2.png);
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  user-select: none;
  pointer-events: none;
}
#news .top-news-inner .hl {
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 1.5em;
}
#news .top-news-inner .news-wrap {
  width: 640px;
  margin: auto;
  height: 12em;
  overflow: scroll;
}
#news .top-news-inner .news-wrap ul li {
  border-bottom: 1px solid #ACADB1;
  margin-bottom: 1em;
  padding-bottom: 1em;
  display: flex;
  font-size: 0.8em;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#news .top-news-inner .news-wrap ul li:last-of-type {
  border: none;
  margin-bottom: 0;
}
#news .top-news-inner .news-wrap ul li .date {
  color: #001F6B;
  margin-right: 1em;
}
#news .top-news-inner .news-wrap ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#news .readmore {
  display: block;
  background-color: #1EA2DD;
  color: #fff;
  display: block;
  padding: 1em;
  border-radius: 0.3em;
  width: 360px;
  min-width: fit-content;
  margin: 2em auto;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#news .readmore span {
  padding-right: 2em;
  position: relative;
  display: block;
  margin: auto;
  width: fit-content;
}
#news .readmore span:after {
  content: "";
  width: 1em;
  height: 1.25em;
  position: absolute;
  background-image: url(../images/bt_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#news .readmore:hover {
  filter: brightness(1.2);
}

#campaign, #top-campaign {
  padding: 3em;
  position: relative;
}
#campaign .campaign-inner .hl, #top-campaign .campaign-inner .hl {
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 1.5em;
}
#campaign .campaign-inner .campaign-wrap, #top-campaign .campaign-inner .campaign-wrap {
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: auto;
  justify-content: space-evenly;
}
#campaign .campaign-inner .campaign-wrap figure, #top-campaign .campaign-inner .campaign-wrap figure {
  width: calc(25% - 1em);
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#campaign .campaign-inner .campaign-wrap figure figcaption, #top-campaign .campaign-inner .campaign-wrap figure figcaption {
  padding: 0 1em;
  margin-top: 1em;
  text-align: center;
  font-size: 0.9em;
  color: #ACADB1;
}
#campaign .campaign-inner .campaign-wrap figure a, #top-campaign .campaign-inner .campaign-wrap figure a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#campaign .campaign-inner .campaign-wrap figure:hover, #top-campaign .campaign-inner .campaign-wrap figure:hover {
  opacity: 0.75;
}

#top-campaign {
  background-color: #fff;
}

footer {
  background-color: #fff;
  padding: 4em 1em 2em;
}
footer .footer-inner .footer-title {
  width: 220px;
  display: block;
  margin: auto;
  margin-bottom: 2em;
}
footer .footer-inner .login-bts {
  width: 480px;
  margin: auto;
  display: flex;
  margin-bottom: 2em;
  justify-content: space-between;
}
footer .footer-inner .login-bts a {
  display: block;
  width: calc(70% - 3em);
  border: 1px solid #1EA2DD;
  padding: 0.75em 1em;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
footer .footer-inner .login-bts a span {
  font-size: 0.9em;
}
footer .footer-inner .login-bts a.login-1 {
  background-color: #1EA2DD;
  color: #fff;
}
footer .footer-inner .login-bts a.login-2 {
  color: #1EA2DD;
}
footer .footer-inner .login-bts a:hover {
  opacity: 0.75;
}
footer .footer-inner .footer-nav {
  text-align: center;
  width: 728px;
  margin: auto;
  margin-bottom: 3em;
}
footer .footer-inner .footer-nav ul {
  width: 100%;
  display: flex;
  justify-content: center;
}
footer .footer-inner .footer-nav ul li {
  font-size: 0.9em;
  margin: auto 1em;
}
footer .footer-inner .footer-nav ul li a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
footer .footer-inner .footer-nav ul li a:hover {
  opacity: 0.75;
}
footer .footer-inner .copyright {
  font-size: 12px;
  text-align: center;
}

@media screen and (max-width: 924px) {
  #fv-bnr .thisis {
    display: none;
  }
  #main-v .main-v-inner {
    width: 96%;
  }
  #main-v .main-v-inner .thisis {
    display: block;
    width: 50%;
    margin-left: auto;
    color: #001F6B;
    font-weight: 500;
    font-size: 0.9em;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .arrow-top {
    bottom: 1em;
    right: 1em;
  }
  .arrow-top.for-doc {
    bottom: 6em;
  }
  #bread {
    padding: 1em;
    font-size: 0.8em;
  }
  #fv-bnr {
    width: calc(100% - 1em);
    padding: 0.5em;
  }
  #fv-bnr .fv-bnr-inner {
    font-size: 0.9rem;
    width: calc(100% - 70px);
  }
  #fv-bnr .fv-bnr-inner span {
    display: block;
    width: fit-content;
    background-color: #fff;
    color: #1EA2DD;
    border: none;
    margin-bottom: 0.1em;
    font-size: 0.8rem;
    padding: 0em 0.5em;
  }
  #fv-bnr:after {
    content: "";
    display: block;
    width: 0.75em;
    height: 0.75em;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 0.75em;
    bottom: 0;
    margin: auto;
  }
  .nav-bt {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    display: block;
  }
  .nav-bt span {
    display: inline-block;
    transition: all 0.4s; /*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 2px;
    border-radius: 5px;
    background: #666666;
    width: 45%;
  }
  .nav-bt span:nth-of-type(1) {
    top: 13px;
  }
  .nav-bt span:nth-of-type(2) {
    top: 19px;
  }
  .nav-bt span:nth-of-type(3) {
    top: 25px;
  }
  .nav-bt span:nth-of-type(3):after {
    content: "Menu";
    position: absolute;
    top: 5px;
    left: -2px;
    color: #666666;
    font-size: 0.6rem;
    text-transform: uppercase;
  }
  .nav-bt.active span:nth-of-type(1) {
    top: 14px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }
  .nav-bt.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-bt.active span:nth-of-type(3) {
    top: 26px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }
  .nav-bt.active span:nth-of-type(3):after {
    content: "Close"; /*3つ目の要素のafterにClose表示を指定*/
    transform: translateY(0) rotate(-45deg);
    top: 5px;
    left: 4px;
  }
  header {
    postion: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 30;
    border-bottom: 1px solid #ACADB1;
  }
  header .site-logo {
    display: block;
    margin: auto;
  }
  header #global-nav {
    display: none;
    background-color: #F4F4F4;
    width: 80vw;
    height: 100vh;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    z-index: 20;
  }
  header #global-nav ul li {
    display: block;
    text-align: left;
    position: relative;
    text-align: center;
  }
  header #global-nav ul li a, header #global-nav ul li span {
    color: #666666;
    margin: auto;
    border-bottom: 1px solid #ACADB1;
    background-color: #fff;
  }
  header #global-nav ul li:after {
    content: "";
    display: block;
    width: 0.6em;
    height: 0.6em;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    position: absolute;
    top: 1.3em;
    right: 1em;
    margin: auto;
    transform: rotate(-45deg);
  }
  header #global-nav ul li .submenu {
    display: none;
    position: relative;
  }
  header #global-nav ul li .submenu li:after {
    content: none;
  }
  header #global-nav ul li .submenu li a {
    color: #666666;
    border-bottom: 1px solid #fff;
    padding: 1em;
    background-color: #D8F1FE;
  }
  header #global-nav ul li .submenu li:last-of-type a {
    border-bottom: 1px solid #ACADB1;
  }
  .page-header {
    margin-bottom: 1em;
  }
  #main-v .main-v-inner {
    padding: 0;
    width: 100%;
  }
  #main-v .main-v-inner .visual {
    position: relative;
    padding-top: 70%;
    background-size: contain;
  }
  #main-v .main-v-inner .copy {
    position: absolute;
    top: 0;
    margin: auto;
    height: fit-content;
    padding-top: 20%;
    width: 50%;
    right: 5%;
  }
  #main-v .main-v-inner .thisis {
    width: 100%;
    background-color: #F4F4F4;
    padding-top: 2em;
    color: #666666;
    font-size: 0.7rem;
  }
  #main-v .main-v-inner .main-guide {
    width: calc(100% - 2em);
    padding: 0 1em;
    background-color: #F4F4F4;
    margin-bottom: 1em;
  }
  #main-v .main-v-inner .main-guide .mg-bt {
    height: 4rem;
  }
  #main-v .main-v-inner .main-guide .mg-bt span {
    font-size: 0.9rem;
  }
  #main-v .main-v-inner .main-guide .mg-bt:first-of-type {
    height: 5rem;
  }
  #main-v .main-v-inner .main-guide .mg-bt:first-of-type span {
    font-size: 1rem;
  }
  #main-v .main-v-inner .main-guide .freeword input {
    padding: 0.8em 1em;
  }
  #menu .menues {
    flex-wrap: wrap;
  }
  #menu .menues .menu-bt {
    width: calc(50% - 1em);
    height: 3em;
  }
  #menu .menues .menu-bt.active:after {
    content: none;
  }
  #menu .select-menu {
    margin-top: 1em;
    padding: 1em 0;
    background: none;
  }
  #menu .select-menu:before {
    content: none;
  }
  #menu .select-menu .menu-description {
    border: 2px solid;
    padding: 1em;
    width: calc(100% - 2em - 2px);
    margin-bottom: 0.5em;
  }
  #menu .select-menu .menu-description p {
    display: none;
  }
  #menu .select-menu .menu-description h4 {
    display: none;
  }
  #menu .select-menu .menu-description .for-sp {
    display: block;
    text-align: center;
    font-weight: 600;
  }
  #menu .select-menu .readmore {
    width: calc(90% - 2em);
  }
  #site-feature {
    padding: 3em 2em;
  }
  #site-feature .feature-inner .feature-hl {
    flex-direction: column;
  }
  #site-feature .feature-inner .feature-hl img {
    margin: auto;
  }
  #site-feature .feature-inner .feature-hl img:nth-child(1) {
    width: 100%;
    margin-bottom: 1em;
    max-width: 450px;
  }
  #site-feature .feature-inner .feature-hl img:nth-child(2) {
    width: 85%;
    max-width: 380px;
  }
  #site-feature .feature-inner .feature-card-wrap {
    flex-direction: column;
    max-width: 460px;
  }
  #site-feature .feature-inner .feature-card-wrap .feature-card {
    width: 70%;
    position: relative;
    padding: 1em 0;
    padding-left: 30%;
    margin-bottom: 1em;
  }
  #site-feature .feature-inner .feature-card-wrap .feature-card .feature-title {
    font-size: 1rem;
    padding-left: 2.3em;
  }
  #site-feature .feature-inner .feature-card-wrap .feature-card .feature-title:after {
    bottom: 0;
    top: 0;
    width: 2em;
    height: 2em;
  }
  #site-feature .feature-inner .feature-card-wrap .feature-card .feature-icon {
    width: 25%;
    padding-top: 25%;
    position: absolute;
    top: 1em;
    left: 0;
    margin: auto;
  }
  #top-search {
    padding: 2em 0;
  }
  #top-search .top-search-inner .search-method {
    width: calc(100% - 2em);
    margin: auto;
  }
  #top-search .top-search-inner .search-by-detail .terms-wrap {
    width: calc(100% - 2em);
    padding: 0 1em;
  }
  #top-search .top-search-inner .search-by-detail .terms-wrap .term {
    width: calc(33.3333333333% - 1.6em);
    margin: 1em 0.8em;
    margin-bottom: 2.3em;
  }
  #top-search .top-search-inner .search-by-detail .terms-wrap .term:nth-of-type(1), #top-search .top-search-inner .search-by-detail .terms-wrap .term:nth-of-type(2) {
    width: calc(50% - 2em);
  }
  #top-search .top-search-inner .search-by-detail .terms-wrap .term .term-name {
    font-size: 0.8em;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .area-list {
    flex-wrap: wrap;
    width: calc(100% - 2em);
    padding: 0 1em;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .area-list li {
    width: calc(33.3333333333% - 1.8em);
    padding: 0.5em;
    font-size: 0.8rem;
    margin: 0.2em;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .area-list2 {
    flex-wrap: wrap;
    width: calc(100% - 2em);
  }
  #top-search .top-search-inner .search-by-area .area-wrap .area-list2 li {
    width: calc(25% - 0.6em);
    margin: 0.3em;
    font-size: 0.7em;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .area-swiper {
    padding-bottom: 2em;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result {
    flex-wrap: initial;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card {
    width: calc(70% - 2em);
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .card-desc {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card .school-icon {
    width: auto;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard {
    background-color: #fff;
    padding: 1em;
    width: calc(70% - 2em);
    margin: 0;
    margin-bottom: 1em;
    position: relative;
    border-radius: 0.4em;
    padding-top: 2.5em;
    overflow: hidden;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .text, #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .card-tags, #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .subject {
    display: none;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .school-icon {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 0.5em;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .profile {
    padding: 0;
    border-bottom: 0;
    padding-bottom: initial;
    display: block;
    min-height: 3em;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .profile .name {
    font-size: 1em;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .place {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .select-area-result .area-result-card.firstcard .celeb-bnr {
    width: 100%;
  }
  #top-search .top-search-inner .search-by-area .area-wrap .readmore {
    width: calc(90% - 2em);
  }
  #top-search .top-search-inner .search-by-school, #top-search .top-search-inner .search-by-record {
    width: calc(100% - 2em);
    margin: auto;
  }
  #top-search .top-search-inner .search-by-school .school-wrap, #top-search .top-search-inner .search-by-record .school-wrap {
    width: calc(100% - 2em);
    padding: 2em 1em;
  }
  #top-search .top-search-inner .search-by-school .school-wrap h4, #top-search .top-search-inner .search-by-record .school-wrap h4 {
    position: relative;
    margin-top: 2em;
  }
  #top-search .top-search-inner .search-by-school .school-wrap h4:first-of-type, #top-search .top-search-inner .search-by-record .school-wrap h4:first-of-type {
    margin-top: 0;
  }
  #top-search .top-search-inner .search-by-school .school-wrap .school-list, #top-search .top-search-inner .search-by-record .school-wrap .school-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 2em;
  }
  #top-search .top-search-inner .search-by-school .school-wrap .school-list.active, #top-search .top-search-inner .search-by-record .school-wrap .school-list.active {
    display: flex;
  }
  #top-search .top-search-inner .search-by-school .school-wrap .school-list .school, #top-search .top-search-inner .search-by-record .school-wrap .school-list .school {
    width: calc(33.3333333333% - 1em);
    margin-right: 1em;
    margin-bottom: 1em;
  }
  #top-search .top-search-inner .search-by-school .school-wrap .school-list:last-of-type, #top-search .top-search-inner .search-by-record .school-wrap .school-list:last-of-type {
    margin-bottom: 0;
  }
  #top-search .top-search-inner .search-by-school .school-wrap .school-list-tab, #top-search .top-search-inner .search-by-record .school-wrap .school-list-tab {
    display: flex;
    max-width: 600px;
    margin: 0 auto 2em;
    justify-content: center;
  }
  #top-search .top-search-inner .search-by-school .school-wrap .school-list-tab li, #top-search .top-search-inner .search-by-record .school-wrap .school-list-tab li {
    border: 0.2em solid #001F6B;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.5em;
    position: relative;
    text-align: center;
    font-weight: 700;
    color: #001F6B;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0.5em;
    font-size: 0.8rem;
    margin: 0.2em;
    width: 100%;
  }
  #top-search .top-search-inner .search-by-school .school-wrap .school-list-tab li.active, #top-search .top-search-inner .search-by-record .school-wrap .school-list-tab li.active {
    background-color: #001F6B;
    color: #fff;
  }
  #top-search .top-search-inner .search-by-school .school-wrap .school-tab-box, #top-search .top-search-inner .search-by-record .school-wrap .school-tab-box {
    display: none;
  }
  #top-comment .top-comment-inner .comment-cat-wrap {
    padding: 0 1em;
  }
  #top-comment .top-comment-inner .comment-cat-wrap .comment-cat {
    border: 0.2em solid #001F6B;
    border-radius: 0.5em;
    font-size: 0.8rem;
    padding: 0.5em;
    margin: 0.2em;
  }
  #top-comment .top-comment-inner .comment-card-wrap .comment-card {
    width: calc(70% - 1em);
  }
  #top-comment .readmore {
    width: calc(90% - 4em);
  }
  #news {
    padding: 3em 1em;
  }
  #news .top-news-inner .news-wrap {
    width: 100%;
  }
  #news .readmore {
    width: calc(90% - 2em);
  }
  #news-archive .news-block {
    padding: 1em;
    padding-right: 4em;
  }
  #campaign, #top-campaign {
    padding: 2em;
    padding-top: 3em;
  }
  #campaign .campaign-inner .campaign-wrap, #top-campaign .campaign-inner .campaign-wrap {
    flex-direction: column;
  }
  #campaign .campaign-inner .campaign-wrap figure, #top-campaign .campaign-inner .campaign-wrap figure {
    width: 100%;
    margin-bottom: 1.5em;
  }
  #campaign .campaign-inner .campaign-wrap figure figcaption, #top-campaign .campaign-inner .campaign-wrap figure figcaption {
    margin-top: 0.5em;
  }
  #top-campaign {
    background-color: #D8F1FE;
    padding: 1em;
  }
  #top-campaign .campaign-inner .campaign-wrap {
    flex-direction: row;
    flex-wrap: wrap;
  }
  #top-campaign .campaign-inner .campaign-wrap figure {
    width: 48%;
    margin: 1%;
  }
  #top-campaign .campaign-inner .campaign-wrap figure figcaption {
    display: none;
  }
  #privacypolicy .white-block .target {
    margin: 1em 0;
    display: block;
  }
  #privacypolicy .white-block.align-center {
    text-align: left;
  }
  #information .info-table table th {
    font-size: 0.6em;
    padding: 0.5em;
    line-height: 1.6em;
  }
  #information .info-table table td {
    padding: 0.5em;
    font-size: 0.8em;
  }
  #page-option {
    background-color: #F4F4F4;
    padding: 0.5em;
  }
  #page-option .option-inner .result-count {
    font-size: 0.9em;
  }
  #page-option .option-inner .option-bt button {
    width: 72px;
    padding: 0.75em 0.2em;
    font-size: 0.7em;
    margin: auto 0.1em;
  }
  #page-option .option-inner .freeword input {
    padding: 0.8em 1em;
  }
  #page-option .option-inner .freeword button {
    right: 0;
  }
  #result-list.column-2 .list-inner {
    flex-direction: column;
  }
  #result-list.map-display {
    display: block;
    position: relative;
    height: auto;
  }
  #result-list.map-display .map {
    width: 100%;
    height: calc(60vh - 160px);
    margin-bottom: 0.5em;
  }
  #result-list.map-display .map .reset:after {
    bottom: 14em;
    right: 0.7em;
  }
  #result-list.map-display .list-inner {
    width: 100%;
    padding: 0;
    display: flex;
    position: relative;
  }
  #select .inner-wrap, #detail .inner-wrap {
    padding: 0;
    width: 100%;
  }
  #select .select-list, #detail .select-list {
    margin-top: 0;
  }
  #select .select-list.pref-list a, #detail .select-list.pref-list a {
    width: calc(100% - 2em);
    background-color: #fff;
    border-bottom: 1px solid #ACADB1;
  }
  #select .select-list.city-list .pref-name, #select .select-list.detail-list .pref-name, #detail .select-list.city-list .pref-name, #detail .select-list.detail-list .pref-name {
    width: calc(100% - 2em);
    background-color: #fff;
    border-bottom: 1px solid #ACADB1;
  }
  #select .select-list.city-list .pref-block .cities .city, #select .select-list.city-list .pref-block .cities .detail, #select .select-list.city-list .pref-block .detailes .city, #select .select-list.city-list .pref-block .detailes .detail, #select .select-list.city-list .detail-block .cities .city, #select .select-list.city-list .detail-block .cities .detail, #select .select-list.city-list .detail-block .detailes .city, #select .select-list.city-list .detail-block .detailes .detail, #select .select-list.detail-list .pref-block .cities .city, #select .select-list.detail-list .pref-block .cities .detail, #select .select-list.detail-list .pref-block .detailes .city, #select .select-list.detail-list .pref-block .detailes .detail, #select .select-list.detail-list .detail-block .cities .city, #select .select-list.detail-list .detail-block .cities .detail, #select .select-list.detail-list .detail-block .detailes .city, #select .select-list.detail-list .detail-block .detailes .detail, #detail .select-list.city-list .pref-block .cities .city, #detail .select-list.city-list .pref-block .cities .detail, #detail .select-list.city-list .pref-block .detailes .city, #detail .select-list.city-list .pref-block .detailes .detail, #detail .select-list.city-list .detail-block .cities .city, #detail .select-list.city-list .detail-block .cities .detail, #detail .select-list.city-list .detail-block .detailes .city, #detail .select-list.city-list .detail-block .detailes .detail, #detail .select-list.detail-list .pref-block .cities .city, #detail .select-list.detail-list .pref-block .cities .detail, #detail .select-list.detail-list .pref-block .detailes .city, #detail .select-list.detail-list .pref-block .detailes .detail, #detail .select-list.detail-list .detail-block .cities .city, #detail .select-list.detail-list .detail-block .cities .detail, #detail .select-list.detail-list .detail-block .detailes .city, #detail .select-list.detail-list .detail-block .detailes .detail {
    width: calc(33.3333333333% - 0.65em);
    padding: 0.75em 0.2em;
    font-size: 0.9em;
  }
  #select .select-list.city-list .pref-block .cities .city.all, #select .select-list.city-list .pref-block .cities .detail.all, #select .select-list.city-list .pref-block .detailes .city.all, #select .select-list.city-list .pref-block .detailes .detail.all, #select .select-list.city-list .detail-block .cities .city.all, #select .select-list.city-list .detail-block .cities .detail.all, #select .select-list.city-list .detail-block .detailes .city.all, #select .select-list.city-list .detail-block .detailes .detail.all, #select .select-list.detail-list .pref-block .cities .city.all, #select .select-list.detail-list .pref-block .cities .detail.all, #select .select-list.detail-list .pref-block .detailes .city.all, #select .select-list.detail-list .pref-block .detailes .detail.all, #select .select-list.detail-list .detail-block .cities .city.all, #select .select-list.detail-list .detail-block .cities .detail.all, #select .select-list.detail-list .detail-block .detailes .city.all, #select .select-list.detail-list .detail-block .detailes .detail.all, #detail .select-list.city-list .pref-block .cities .city.all, #detail .select-list.city-list .pref-block .cities .detail.all, #detail .select-list.city-list .pref-block .detailes .city.all, #detail .select-list.city-list .pref-block .detailes .detail.all, #detail .select-list.city-list .detail-block .cities .city.all, #detail .select-list.city-list .detail-block .cities .detail.all, #detail .select-list.city-list .detail-block .detailes .city.all, #detail .select-list.city-list .detail-block .detailes .detail.all, #detail .select-list.detail-list .pref-block .cities .city.all, #detail .select-list.detail-list .pref-block .cities .detail.all, #detail .select-list.detail-list .pref-block .detailes .city.all, #detail .select-list.detail-list .pref-block .detailes .detail.all, #detail .select-list.detail-list .detail-block .cities .city.all, #detail .select-list.detail-list .detail-block .cities .detail.all, #detail .select-list.detail-list .detail-block .detailes .city.all, #detail .select-list.detail-list .detail-block .detailes .detail.all {
    width: calc(100% - 0.65em);
  }
  #select .select-list.factor-list, #detail .select-list.factor-list {
    flex-direction: column;
  }
  #select .select-list.factor-list .factor-menu, #detail .select-list.factor-list .factor-menu {
    width: calc(90% - 2.6em);
    margin: 1em auto 0;
  }
  #select .select-list.factor-list .factor-menu .icon, #detail .select-list.factor-list .factor-menu .icon {
    width: 2em;
    height: 2em;
    margin: auto;
    position: absolute;
    top: 0;
    left: 1em;
    bottom: 0;
  }
  #select .select-option, #detail .select-option {
    padding: 0 1em;
  }
  #select .select-option .back, #detail .select-option .back {
    width: calc(50% - 1.9em);
    padding: 0.5em 0.75em;
    text-align: center;
    font-size: 0.9em;
  }
  #select .select-option .search, #detail .select-option .search {
    width: calc(50% - 1.5em);
    padding: 0.5em 0.75em;
    font-size: 0.9em;
  }
  #request .inner-wrap, #comment-post .inner-wrap {
    padding: 0 0em;
    width: calc(100% - 0em);
  }
  .request-header .bnr-slide, .post-header .bnr-slide {
    width: 100%;
  }
  .request-header .bnr-slide .swiper-wrapper a, .post-header .bnr-slide .swiper-wrapper a {
    display: block;
  }
  .request-header .celeb-bnr, .post-header .celeb-bnr {
    font-size: 0.7em;
  }
  .request-header .celeb-bnr span, .post-header .celeb-bnr span {
    font-size: 0.9rem;
  }
  .request-wrap {
    background: none;
  }
  .request-wrap.bg-blue {
    background-color: #D8F1FE;
  }
  #campaign-page .campaign-tab .campaign-tab-bt-wrap .campaign-tab-bt {
    font-size: 0.8em;
    line-height: 1.2em;
  }
  #campaign-page .inner-bt-wrap .ac-bt:after {
    transform: rotate(0deg);
  }
  #campaign-page .inner-bt-wrap .ac-bt.active:after {
    transform: rotate(405deg);
  }
  #campaign-page .inner-bt-wrap .ac-box.pc-open {
    display: none;
  }
  #campaign-page .flow-wrap .flow-box .num:after {
    width: 2.5em;
    height: 2.5em;
  }
  .document-2column {
    flex-direction: column;
  }
  .document-2column .left {
    width: 100%;
    top: 0;
    position: relative;
  }
  .document-2column .right {
    width: 100%;
  }
  #recommend-document .inner-wrap {
    flex-direction: column;
  }
  #recommend-document .recommend-selector {
    width: 100%;
  }
  .comment-post {
    width: calc(100% - 2em);
    padding: 1em;
    flex-direction: column;
  }
  .comment-post .profile {
    width: 100%;
  }
  .comment-post .document-bnr2 {
    width: 100%;
  }
  .bottom-fix-bnr {
    display: block;
    position: fixed;
    background-color: #FF9393;
    width: calc(100% - 2em - 64px);
    padding: 0.5em;
    bottom: 1em;
    left: 0;
    z-index: 10;
    border-top-right-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
  }
  .bottom-fix-bnr h3, .bottom-fix-bnr .comment-post .profile .name h2, .comment-post .profile .name .bottom-fix-bnr h2, .bottom-fix-bnr #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name h2, #menu .select-menu .menu-post-wrap .menu-post .post-info .profile .name .bottom-fix-bnr h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5em;
    font-size: 1em;
  }
  .bottom-fix-bnr h4 {
    color: #fff;
    font-size: 0.9em;
    padding-right: 7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bottom-fix-bnr a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .bottom-fix-bnr .celeb-bnr {
    color: #fff;
    display: block;
    font-size: 0.8em;
    padding: 0.75em 1em;
    vertical-align: middle;
    line-height: 0.8em;
    padding-left: 3em;
    position: relative;
    border-radius: 0.2em;
    width: fit-content;
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
  }
  .bottom-fix-bnr .celeb-bnr:after {
    content: "";
    width: 2.5em;
    height: 2em;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.25em;
    margin: auto;
    background-image: url(../images/school-icon_celeb.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .bottom-fix-bnr .celeb-bnr span {
    color: #ff0;
    font-size: 1rem;
    vertical-align: bottom;
  }
  .submit-wrap {
    padding-top: 1em;
  }
  .school-menu {
    display: block;
    position: sticky;
    top: 60px;
    z-index: 10;
  }
  .school-menu nav {
    display: flex;
    width: 100%;
  }
  .school-menu nav .nav-block {
    display: block;
    padding: 0.5em;
    border: 1px solid #1EA2DD;
    border-top: none;
    border-left: none;
    color: #1EA2DD;
    background-color: #fff;
    text-align: center;
    font-size: 0.7em;
    width: 20%;
    cursor: pointer;
    line-height: 1em;
    height: 3em;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .school-menu nav .nav-block:first-of-type {
    border-left: 1px solid #1EA2DD;
  }
  .school-menu nav .nav-block span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: fit-content;
  }
  .school-menu nav .nav-block.active {
    background-color: #1EA2DD;
    color: #fff;
  }
  .school-menu nav .nav-block.new {
    position: relative;
  }
  .school-menu nav .nav-block.new:after {
    content: "";
    width: 50%;
    height: 50%;
    background-image: url(../images/icon_new.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
  }
  .school-menu nav .nav-block.dis {
    background-color: #d5d5d5;
    color: #aeaeae;
    cursor: initial;
    pointer-events: none;
  }
  .school-menu nav .nav-block .blog-count {
    font-size: 0.8em;
    vertical-align: top;
  }
  .school-menu nav .nav-block .blog-count:before {
    content: "(";
  }
  .school-menu nav .nav-block .blog-count:after {
    content: ")";
  }
  .school-menu nav .nav-block .movie-count {
    font-size: 0.8em;
    vertical-align: top;
  }
  .school-menu nav .nav-block .movie-count:before {
    content: "(";
  }
  .school-menu nav .nav-block .movie-count:after {
    content: ")";
  }
  .school-menu nav .nav-block .comment-count {
    font-size: 0.8em;
    vertical-align: top;
  }
  .school-menu nav .nav-block .comment-count:before {
    content: "(";
  }
  .school-menu nav .nav-block .comment-count:after {
    content: ")";
  }
  #school-wrap #side-menu {
    display: none;
  }
  #school-page {
    width: calc(100% - 2em);
    margin: auto;
  }
  #school-page .school-profile .header .name {
    padding: 1em;
    padding-right: 8em;
    font-size: 1.1em;
  }
  #school-page .school-profile .header .states {
    right: 0;
    top: 0.5em;
  }
  #school-page .school-profile .header .contact-wrap .contact-tel {
    font-size: 0.8em;
  }
  #school-page .school-profile .header .contact-wrap .contact-tel span {
    font-size: 1.3em;
  }
  #school-page .school-profile .header .contact-wrap .contact-tel span:after {
    width: 0.8em;
    height: 0.8em;
    bottom: 0;
    margin: auto;
  }
  #school-page .school-profile .header .contact-wrap .contact-site {
    font-size: 0.8em;
  }
  #school-page .school-profile .school-swiper {
    display: flex;
  }
  #school-page .school-profile .school-swiper .swiper-slide {
    display: block;
    width: 70%;
  }
  #school-page .school-profile .profile {
    padding: 1em;
  }
  #school-page .school-profile .profile .profile-bottom {
    flex-direction: column;
  }
  #school-page .school-profile .profile .profile-bottom .celeb-bnr {
    font-size: 0.6em;
    margin-bottom: 1em;
  }
  #school-page .school-profile .profile .profile-bottom .celeb-bnr span {
    font-size: 0.8rem;
  }
  #school-page .school-profile .profile .comment-post-bt {
    margin: auto;
  }
  #school-page .school-profile .profile .contact-wrap .contact-tel {
    text-align: right;
    font-size: 0.7em;
    line-height: 1.5em;
    margin-right: 0.5em;
  }
  #school-page .school-profile .profile .contact-wrap .contact-tel span {
    font-size: 1.6em;
  }
  #school-page .school-profile .profile .contact-wrap .contact-site {
    font-size: 0.8em;
  }
  #school-page .school-profile .profile .uncontracted .uncontracted-bottom a {
    font-size: 0.75rem;
  }
  #school-page .school-profile .profile .uncontracted .uncontracted-bottom a br {
    display: block;
  }
  #school-page .school-point {
    background: none;
    border: 2px solid #001F6B;
    padding: 0.5em;
  }
  #school-page .school-point p {
    font-size: 0.9rem;
  }
  #school-page .school-campaign p {
    font-size: 0.9rem;
  }
  #school-page .school-blog {
    padding: 1em;
  }
  #school-page .school-blog .header {
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
  #school-page .school-teacher {
    padding: 1em;
  }
  #school-page .school-teacher .header {
    flex-direction: column;
  }
  #school-page .school-teacher .header .face {
    width: 50%;
    margin-bottom: 1em;
  }
  #school-page .school-teacher .header h2 {
    padding: 0;
    margin: auto;
    font-size: 1.2em;
    text-align: center;
  }
  #school-page .comment-sort .sort-tag {
    width: calc(33.3333333333% - 4px - 1.5em);
    font-size: 0.6em;
    font-weight: 500;
    padding: 2em 0.5em;
    line-height: 1em;
  }
  #school-page .school-reccomend .reccomend-swiper {
    padding-bottom: 2em;
  }
  #school-page .school-reccomend .select-reccomend {
    flex-wrap: initial;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card {
    width: calc(70% - 2em);
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card .card-desc {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card .school-icon {
    width: auto;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard {
    background-color: #fff;
    padding: 1em;
    width: calc(70% - 2em);
    margin: 0;
    margin-bottom: 1em;
    position: relative;
    border-radius: 0.4em;
    padding-top: 2.5em;
    overflow: hidden;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard .text, #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard .card-tags, #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard .subject {
    display: none;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard .school-icon {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 0.5em;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard .profile {
    padding: 0;
    border-bottom: 0;
    padding-bottom: initial;
    display: block;
    min-height: 3em;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard .profile .name {
    font-size: 1em;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard .place {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
  }
  #school-page .school-reccomend .select-reccomend .reccomend-card.firstcard .celeb-bnr {
    width: 100%;
  }
  #school-page .school-reccomend .readmore {
    width: calc(90% - 2em);
  }
  .pagination {
    padding: 0;
    width: 100%;
  }
  .pagination ul li {
    font-size: 0.7em;
    margin: auto 0.2em;
  }
  .pagination ul li.prev {
    margin-right: 0.5em;
  }
  .pagination ul li.next {
    margin-left: 0.5em;
  }
  footer .footer-inner .login-bts {
    flex-direction: column;
    width: 100%;
  }
  footer .footer-inner .login-bts .login-1, footer .footer-inner .login-bts .login-2 {
    margin: auto;
    margin-bottom: 1em;
  }
  footer .footer-inner .footer-nav {
    width: 100%;
  }
  footer .footer-inner .footer-nav ul {
    flex-direction: column;
  }
  footer .footer-inner .footer-nav ul li {
    display: block;
    margin-bottom: 1em;
  }
  #author-selector {
    padding: 0 1em;
  }
  #author-selector .author-wrap .author-select {
    font-size: 0.75em;
  }
  #thanks .white-block {
    padding: 1em;
  }
  .request-flow {
    width: calc(100% - 1em);
    padding: 0.5em;
    top: 60px;
  }
  .request-top-bnr {
    width: calc(100% - 1em);
    padding: 0.5em;
    margin: auto;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .request-top-bnr h1 {
    line-height: 1.6em;
    font-size: 1.1rem;
  }
  .request-top-bnr h1 img {
    height: 1.5em;
    width: auto;
    display: inline-block;
    vertical-align: text-bottom;
  }
  .select-card .comment-card {
    width: calc(100% - 1em - 4px);
  }
  .school-icons .school-icon .text {
    font-size: 10px;
  }
  .school-icons .school-icon .price, .school-icons .school-icon .count {
    font-size: 12px;
  }
  .doc-req-bt {
    margin: auto;
    margin-top: 2.5em;
    padding: 0.3em 1em;
  }
  .doc-req-bt span {
    font-size: 0.8em;
  }
  .school-page-link {
    margin-right: 0;
    font-size: 0.9rem;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .teacher-card, .blog-card {
    width: calc(100% - 1em);
    padding: 0.5em;
    padding-bottom: 2.5em;
    margin-bottom: 1em;
    position: relative;
  }
  .teacher-card .teacher-card-inner, .teacher-card .blog-card-inner, .blog-card .teacher-card-inner, .blog-card .blog-card-inner {
    display: block;
  }
  .teacher-card .teacher-main, .teacher-card .blog-main, .blog-card .teacher-main, .blog-card .blog-main {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .teacher-card .teacher-main .interviewer .blog-title h1, .teacher-card .blog-main .interviewer .blog-title h1, .blog-card .teacher-main .interviewer .blog-title h1, .blog-card .blog-main .interviewer .blog-title h1 {
    font-size: 1em;
  }
  .teacher-card .teacher-main .interviewer .interviewer-profile, .teacher-card .blog-main .interviewer .interviewer-profile, .blog-card .teacher-main .interviewer .interviewer-profile, .blog-card .blog-main .interviewer .interviewer-profile {
    font-size: 0.75em;
  }
  .teacher-card .teacher-main .interviewer .interviewer-profile span, .teacher-card .blog-main .interviewer .interviewer-profile span, .blog-card .teacher-main .interviewer .interviewer-profile span, .blog-card .blog-main .interviewer .interviewer-profile span {
    font-size: 1rem;
  }
  .teacher-card .teacher-option, .teacher-card .blog-option, .blog-card .teacher-option, .blog-card .blog-option {
    padding: 0;
    width: 100%;
  }
  .teacher-card .school-info, .blog-card .school-info {
    padding: 0.5em;
  }
  .teacher-card .school-info h2, .blog-card .school-info h2 {
    font-size: 1em;
  }
  .teacher-card .teacher-link, .teacher-card .blog-link, .blog-card .teacher-link, .blog-card .blog-link {
    background-color: #001F6B;
    color: #fff;
    width: calc(100% - 1em);
    position: absolute;
    font-size: 0.9em;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
  }
  .keep-card {
    padding-bottom: 2em;
  }
  .keep-card .checker {
    height: 2em;
    border-top-left-radius: 0;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0.3em;
    margin-left: auto;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 10;
    padding: 0.2em;
  }
  .keep-card.checked {
    padding-bottom: 0;
  }
  .keep-card .keep-card-wrap {
    width: 100%;
  }
  .keep-card .keep-card-header {
    padding: 0.5em;
    padding-left: calc(1em + 70px);
    min-height: 70px;
  }
  .keep-card .keep-card-header .school-name h1 {
    font-size: 0.8em;
    display: block;
    width: calc(100% - 42px);
    min-height: 2.4em;
  }
  .keep-card .keep-card-header .school-icons {
    margin-top: 4px;
  }
  .keep-card .keep-card-header .school-icons .school-icon {
    padding: 0.2rem;
  }
  .keep-card .keep-card-header .school-icons .school-icon .text {
    display: block;
    margin-bottom: 0.2em;
  }
  .keep-card .keep-card-header .school-icons .school-icon .price, .keep-card .keep-card-header .school-icons .school-icon .count {
    font-size: 0.75em;
    display: block;
  }
  .keep-card .keep-card-header .keep-thum {
    top: 0.5em;
    left: 0.5em;
    width: 70px;
    height: 70px;
  }
  .keep-card .keep-card-header .keep-thum img {
    width: 70px;
    height: 70px;
  }
  .keep-card .keep-card-inner {
    padding: 0 0.5em;
  }
  .keep-card .search-card-box-1 {
    width: 100%;
  }
  .keep-card .keep-delete {
    width: 90px;
    margin: 0;
    margin-left: auto;
    right: initial;
    bottom: 2px;
    left: 0;
    border: none;
  }
  .keep-card .keep-open {
    right: 4px;
    bottom: 4px;
    border: solid 1px;
    padding: 0.4em;
    border-radius: 0.2em;
  }
  .search-card {
    min-height: calc(380px - 2em);
    padding-bottom: 2em;
  }
  .search-card .search-card-header {
    padding: 0.5em;
    max-width: 89%;
  }
  .search-card .search-card-header .school-name {
    padding-right: 2em;
  }
  .search-card .search-card-header .school-name h1 {
    font-size: 1rem;
  }
  .search-card .search-card-header .school-name .card-icon {
    width: 1.5em;
  }
  .search-card .search-card-header .school-name .card-icon.num:before {
    height: 1.5em;
  }
  .search-card .search-card-header .school-name .card-icon.num i {
    font-size: 0.75em;
    bottom: 0.2rem;
  }
  .search-card .search-card-header .school-name .card-icon.remote:before {
    height: 1.5em;
  }
  .search-card .search-card-header .keep {
    top: 0.5em;
    padding-left: 1em;
  }
  .search-card .search-card-header .keep:after {
    content: none;
  }
  .search-card .search-card-header .keep.on:after {
    content: none;
  }
  .search-card .copy {
    padding: 0.5em;
  }
  .search-card .copy h2 {
    font-size: 0.75em;
    line-height: 1.4em;
  }
  .search-card .search-swiper {
    margin: 0.5em auto;
  }
  .search-card .search-swiper .swiper-slide {
    width: 40%;
    height: 25vw;
  }
  .search-card .search-card-inner {
    display: block;
    padding: 0.5em;
    padding-top: 0;
  }
  .search-card .search-card-inner .card-block-tabs {
    display: flex;
  }
  .search-card .search-card-box-1 {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .search-card .search-card-box-2 {
    width: 100%;
    margin-bottom: 0.5em;
    margin-left: auto;
  }
  .search-card .block-1, .search-card .block-2, .search-card .block-3 {
    display: none;
  }
  .search-card .block-1.active, .search-card .block-2.active, .search-card .block-3.active {
    display: block;
  }
  .search-card .no-regist {
    display: block;
    padding: 1em;
    text-align: center;
    margin-top: 1em;
    position: relative;
    bottom: initial;
    right: initial;
  }
  .search-card .no-regist p {
    margin-bottom: 1em;
  }
  .search-card .no-regist ul li {
    margin: auto;
    margin-bottom: 0.5em;
    display: block;
  }
  .search-card .no-regist ul li a {
    display: block;
    font-size: 0.75rem;
    position: relative;
    text-align: center;
    background-color: #fff;
    border-radius: 0.2rem;
    padding: 0.5em 0;
  }
  .search-card .no-regist ul li:after {
    content: none;
  }
  .map-card {
    margin-bottom: 0;
    min-width: 300px;
    margin-right: 0.5em;
  }
  .map-card:last-of-type {
    margin-right: 0;
  }
  .map-card .school-icons {
    margin-top: 0.2em;
  }
  .map-card .map-card-header .school-name h1 {
    font-size: 0.75em;
  }
  .map-card .map-card-header .school-name .card-icon.num:before {
    height: 1.2em;
  }
  .map-card .map-card-header .school-name .card-icon.num i {
    bottom: 0;
  }
  .map-card .map-card-header .school-name .card-icon.remote:before {
    height: 1.2em;
  }
  .map-card .subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .map-card .card-tags {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .map-card .card-tags .tag {
    display: inline-block;
  }
  .map-card .map-card-box-1 .block-1 {
    margin-bottom: 0;
  }
  .map-card .no-regist p {
    margin-bottom: 0;
  }
  .map-card .no-regist ul {
    display: none;
  }
  .map-card .school-page-link {
    font-size: 0.75em;
  }
  .comment-card {
    padding: 0.5em;
    width: calc(100% - 1em);
  }
  .comment-card .comment-card-inner {
    display: block;
  }
  .comment-card .comment-card-main {
    width: 100%;
  }
  .comment-card .comment-card-main h1 {
    font-size: 1em;
    padding: 0.5em;
  }
  .comment-card .comment-card-main .comment-wrap p:first-of-type {
    -webkit-line-clamp: 4;
  }
  .comment-card .comment-card-option {
    width: 100%;
    padding-left: 0;
  }
  .comment-card .school-info {
    padding: 0.5em;
  }
  .comment-card .school-info h2 {
    font-size: 1em;
  }
  .comment-card .doc-req-bt {
    position: relative;
    margin-top: 3em;
    right: initial;
  }
  .comment-card.no-option .comment-card-option {
    padding-bottom: 0;
  }
  .movie-card {
    width: 48%;
  }
  .tile-card {
    width: calc(50% - 1em);
  }
}

/*# sourceMappingURL=style.css.map */