@charset "UTF-8"; /*------------------------------------ 　　出願システム共通スタイル -------------------------------------*/ #login, #terms, #mail-registration, #password-registration, #mypage, #mypage-entry, #mypage-complete, #examlist, #ao, #ao-confirm, #ao-complete, #results, #can, #guidance, #qualification-entry, #qualification-confirm, #qualification-complete, #test-entry, #test-confirm, #test-complete, #ps, #ps-entry, #ps-confirm, #ps-complete, #souki { color: #222; background-color: #d1f3ff !important; } @media screen and (min-width: 769px) { #login .is-three-column .c-nav__item:nth-child(-n+3), #terms .is-three-column .c-nav__item:nth-child(-n+3), #mail-registration .is-three-column .c-nav__item:nth-child(-n+3), #password-registration .is-three-column .c-nav__item:nth-child(-n+3), #mypage .is-three-column .c-nav__item:nth-child(-n+3), #mypage-entry .is-three-column .c-nav__item:nth-child(-n+3), #mypage-complete .is-three-column .c-nav__item:nth-child(-n+3), #examlist .is-three-column .c-nav__item:nth-child(-n+3), #ao .is-three-column .c-nav__item:nth-child(-n+3), #ao-confirm .is-three-column .c-nav__item:nth-child(-n+3), #ao-complete .is-three-column .c-nav__item:nth-child(-n+3), #results .is-three-column .c-nav__item:nth-child(-n+3), #can .is-three-column .c-nav__item:nth-child(-n+3), #guidance .is-three-column .c-nav__item:nth-child(-n+3), #qualification-entry .is-three-column .c-nav__item:nth-child(-n+3), #qualification-confirm .is-three-column .c-nav__item:nth-child(-n+3), #qualification-complete .is-three-column .c-nav__item:nth-child(-n+3), #test-entry .is-three-column .c-nav__item:nth-child(-n+3), #test-confirm .is-three-column .c-nav__item:nth-child(-n+3), #test-complete .is-three-column .c-nav__item:nth-child(-n+3), #ps .is-three-column .c-nav__item:nth-child(-n+3), #ps-entry .is-three-column .c-nav__item:nth-child(-n+3), #ps-confirm .is-three-column .c-nav__item:nth-child(-n+3), #ps-complete .is-three-column .c-nav__item:nth-child(-n+3), #souki .is-three-column .c-nav__item:nth-child(-n+3) { border-top: 1px solid #fff; } } #login .is-two-column, #terms .is-two-column, #mail-registration .is-two-column, #password-registration .is-two-column, #mypage .is-two-column, #mypage-entry .is-two-column, #mypage-complete .is-two-column, #examlist .is-two-column, #ao .is-two-column, #ao-confirm .is-two-column, #ao-complete .is-two-column, #results .is-two-column, #can .is-two-column, #guidance .is-two-column, #qualification-entry .is-two-column, #qualification-confirm .is-two-column, #qualification-complete .is-two-column, #test-entry .is-two-column, #test-confirm .is-two-column, #test-complete .is-two-column, #ps .is-two-column, #ps-entry .is-two-column, #ps-confirm .is-two-column, #ps-complete .is-two-column, #souki .is-two-column { width: 670px; margin: 0 auto; } #login .is-two-column .c-nav__item, #terms .is-two-column .c-nav__item, #mail-registration .is-two-column .c-nav__item, #password-registration .is-two-column .c-nav__item, #mypage .is-two-column .c-nav__item, #mypage-entry .is-two-column .c-nav__item, #mypage-complete .is-two-column .c-nav__item, #examlist .is-two-column .c-nav__item, #ao .is-two-column .c-nav__item, #ao-confirm .is-two-column .c-nav__item, #ao-complete .is-two-column .c-nav__item, #results .is-two-column .c-nav__item, #can .is-two-column .c-nav__item, #guidance .is-two-column .c-nav__item, #qualification-entry .is-two-column .c-nav__item, #qualification-confirm .is-two-column .c-nav__item, #qualification-complete .is-two-column .c-nav__item, #test-entry .is-two-column .c-nav__item, #test-confirm .is-two-column .c-nav__item, #test-complete .is-two-column .c-nav__item, #ps .is-two-column .c-nav__item, #ps-entry .is-two-column .c-nav__item, #ps-confirm .is-two-column .c-nav__item, #ps-complete .is-two-column .c-nav__item, #souki .is-two-column .c-nav__item { width: calc(50% - 36px); } @media screen and (min-width: 769px) { #login .is-two-column .c-nav__item:nth-child(-n+2), #terms .is-two-column .c-nav__item:nth-child(-n+2), #mail-registration .is-two-column .c-nav__item:nth-child(-n+2), #password-registration .is-two-column .c-nav__item:nth-child(-n+2), #mypage .is-two-column .c-nav__item:nth-child(-n+2), #mypage-entry .is-two-column .c-nav__item:nth-child(-n+2), #mypage-complete .is-two-column .c-nav__item:nth-child(-n+2), #examlist .is-two-column .c-nav__item:nth-child(-n+2), #ao .is-two-column .c-nav__item:nth-child(-n+2), #ao-confirm .is-two-column .c-nav__item:nth-child(-n+2), #ao-complete .is-two-column .c-nav__item:nth-child(-n+2), #results .is-two-column .c-nav__item:nth-child(-n+2), #can .is-two-column .c-nav__item:nth-child(-n+2), #guidance .is-two-column .c-nav__item:nth-child(-n+2), #qualification-entry .is-two-column .c-nav__item:nth-child(-n+2), #qualification-confirm .is-two-column .c-nav__item:nth-child(-n+2), #qualification-complete .is-two-column .c-nav__item:nth-child(-n+2), #test-entry .is-two-column .c-nav__item:nth-child(-n+2), #test-confirm .is-two-column .c-nav__item:nth-child(-n+2), #test-complete .is-two-column .c-nav__item:nth-child(-n+2), #ps .is-two-column .c-nav__item:nth-child(-n+2), #ps-entry .is-two-column .c-nav__item:nth-child(-n+2), #ps-confirm .is-two-column .c-nav__item:nth-child(-n+2), #ps-complete .is-two-column .c-nav__item:nth-child(-n+2), #souki .is-two-column .c-nav__item:nth-child(-n+2) { border-top: 1px solid #fff; } #login .is-two-column .c-nav__item:nth-child(3), #terms .is-two-column .c-nav__item:nth-child(3), #mail-registration .is-two-column .c-nav__item:nth-child(3), #password-registration .is-two-column .c-nav__item:nth-child(3), #mypage .is-two-column .c-nav__item:nth-child(3), #mypage-entry .is-two-column .c-nav__item:nth-child(3), #mypage-complete .is-two-column .c-nav__item:nth-child(3), #examlist .is-two-column .c-nav__item:nth-child(3), #ao .is-two-column .c-nav__item:nth-child(3), #ao-confirm .is-two-column .c-nav__item:nth-child(3), #ao-complete .is-two-column .c-nav__item:nth-child(3), #results .is-two-column .c-nav__item:nth-child(3), #can .is-two-column .c-nav__item:nth-child(3), #guidance .is-two-column .c-nav__item:nth-child(3), #qualification-entry .is-two-column .c-nav__item:nth-child(3), #qualification-confirm .is-two-column .c-nav__item:nth-child(3), #qualification-complete .is-two-column .c-nav__item:nth-child(3), #test-entry .is-two-column .c-nav__item:nth-child(3), #test-confirm .is-two-column .c-nav__item:nth-child(3), #test-complete .is-two-column .c-nav__item:nth-child(3), #ps .is-two-column .c-nav__item:nth-child(3), #ps-entry .is-two-column .c-nav__item:nth-child(3), #ps-confirm .is-two-column .c-nav__item:nth-child(3), #ps-complete .is-two-column .c-nav__item:nth-child(3), #souki .is-two-column .c-nav__item:nth-child(3) { border-top: none; } } #login .is-two-column.c-nav__list, #terms .is-two-column.c-nav__list, #mail-registration .is-two-column.c-nav__list, #password-registration .is-two-column.c-nav__list, #mypage .is-two-column.c-nav__list, #mypage-entry .is-two-column.c-nav__list, #mypage-complete .is-two-column.c-nav__list, #examlist .is-two-column.c-nav__list, #ao .is-two-column.c-nav__list, #ao-confirm .is-two-column.c-nav__list, #ao-complete .is-two-column.c-nav__list, #results .is-two-column.c-nav__list, #can .is-two-column.c-nav__list, #guidance .is-two-column.c-nav__list, #qualification-entry .is-two-column.c-nav__list, #qualification-confirm .is-two-column.c-nav__list, #qualification-complete .is-two-column.c-nav__list, #test-entry .is-two-column.c-nav__list, #test-confirm .is-two-column.c-nav__list, #test-complete .is-two-column.c-nav__list, #ps .is-two-column.c-nav__list, #ps-entry .is-two-column.c-nav__list, #ps-confirm .is-two-column.c-nav__list, #ps-complete .is-two-column.c-nav__list, #souki .is-two-column.c-nav__list { margin: 0 auto; } #login .l-header__button.-apply-menu-mypage, #terms .l-header__button.-apply-menu-mypage, #mail-registration .l-header__button.-apply-menu-mypage, #password-registration .l-header__button.-apply-menu-mypage, #mypage .l-header__button.-apply-menu-mypage, #mypage-entry .l-header__button.-apply-menu-mypage, #mypage-complete .l-header__button.-apply-menu-mypage, #examlist .l-header__button.-apply-menu-mypage, #ao .l-header__button.-apply-menu-mypage, #ao-confirm .l-header__button.-apply-menu-mypage, #ao-complete .l-header__button.-apply-menu-mypage, #results .l-header__button.-apply-menu-mypage, #can .l-header__button.-apply-menu-mypage, #guidance .l-header__button.-apply-menu-mypage, #qualification-entry .l-header__button.-apply-menu-mypage, #qualification-confirm .l-header__button.-apply-menu-mypage, #qualification-complete .l-header__button.-apply-menu-mypage, #test-entry .l-header__button.-apply-menu-mypage, #test-confirm .l-header__button.-apply-menu-mypage, #test-complete .l-header__button.-apply-menu-mypage, #ps .l-header__button.-apply-menu-mypage, #ps-entry .l-header__button.-apply-menu-mypage, #ps-confirm .l-header__button.-apply-menu-mypage, #ps-complete .l-header__button.-apply-menu-mypage, #souki .l-header__button.-apply-menu-mypage { width: 120px; border-color: #f7a700; color: #f7a700; } @media screen and (max-width: 768px) { #login .l-header__button.-apply-menu-mypage, #terms .l-header__button.-apply-menu-mypage, #mail-registration .l-header__button.-apply-menu-mypage, #password-registration .l-header__button.-apply-menu-mypage, #mypage .l-header__button.-apply-menu-mypage, #mypage-entry .l-header__button.-apply-menu-mypage, #mypage-complete .l-header__button.-apply-menu-mypage, #examlist .l-header__button.-apply-menu-mypage, #ao .l-header__button.-apply-menu-mypage, #ao-confirm .l-header__button.-apply-menu-mypage, #ao-complete .l-header__button.-apply-menu-mypage, #results .l-header__button.-apply-menu-mypage, #can .l-header__button.-apply-menu-mypage, #guidance .l-header__button.-apply-menu-mypage, #qualification-entry .l-header__button.-apply-menu-mypage, #qualification-confirm .l-header__button.-apply-menu-mypage, #qualification-complete .l-header__button.-apply-menu-mypage, #test-entry .l-header__button.-apply-menu-mypage, #test-confirm .l-header__button.-apply-menu-mypage, #test-complete .l-header__button.-apply-menu-mypage, #ps .l-header__button.-apply-menu-mypage, #ps-entry .l-header__button.-apply-menu-mypage, #ps-confirm .l-header__button.-apply-menu-mypage, #ps-complete .l-header__button.-apply-menu-mypage, #souki .l-header__button.-apply-menu-mypage { width: 50%; } } #login .l-header__button.-apply-menu-mypage:hover, #terms .l-header__button.-apply-menu-mypage:hover, #mail-registration .l-header__button.-apply-menu-mypage:hover, #password-registration .l-header__button.-apply-menu-mypage:hover, #mypage .l-header__button.-apply-menu-mypage:hover, #mypage-entry .l-header__button.-apply-menu-mypage:hover, #mypage-complete .l-header__button.-apply-menu-mypage:hover, #examlist .l-header__button.-apply-menu-mypage:hover, #ao .l-header__button.-apply-menu-mypage:hover, #ao-confirm .l-header__button.-apply-menu-mypage:hover, #ao-complete .l-header__button.-apply-menu-mypage:hover, #results .l-header__button.-apply-menu-mypage:hover, #can .l-header__button.-apply-menu-mypage:hover, #guidance .l-header__button.-apply-menu-mypage:hover, #qualification-entry .l-header__button.-apply-menu-mypage:hover, #qualification-confirm .l-header__button.-apply-menu-mypage:hover, #qualification-complete .l-header__button.-apply-menu-mypage:hover, #test-entry .l-header__button.-apply-menu-mypage:hover, #test-confirm .l-header__button.-apply-menu-mypage:hover, #test-complete .l-header__button.-apply-menu-mypage:hover, #ps .l-header__button.-apply-menu-mypage:hover, #ps-entry .l-header__button.-apply-menu-mypage:hover, #ps-confirm .l-header__button.-apply-menu-mypage:hover, #ps-complete .l-header__button.-apply-menu-mypage:hover, #souki .l-header__button.-apply-menu-mypage:hover { background-color: #f7a700; color: #fff; } #login .l-header__button.-apply-menu-logout, #terms .l-header__button.-apply-menu-logout, #mail-registration .l-header__button.-apply-menu-logout, #password-registration .l-header__button.-apply-menu-logout, #mypage .l-header__button.-apply-menu-logout, #mypage-entry .l-header__button.-apply-menu-logout, #mypage-complete .l-header__button.-apply-menu-logout, #examlist .l-header__button.-apply-menu-logout, #ao .l-header__button.-apply-menu-logout, #ao-confirm .l-header__button.-apply-menu-logout, #ao-complete .l-header__button.-apply-menu-logout, #results .l-header__button.-apply-menu-logout, #can .l-header__button.-apply-menu-logout, #guidance .l-header__button.-apply-menu-logout, #qualification-entry .l-header__button.-apply-menu-logout, #qualification-confirm .l-header__button.-apply-menu-logout, #qualification-complete .l-header__button.-apply-menu-logout, #test-entry .l-header__button.-apply-menu-logout, #test-confirm .l-header__button.-apply-menu-logout, #test-complete .l-header__button.-apply-menu-logout, #ps .l-header__button.-apply-menu-logout, #ps-entry .l-header__button.-apply-menu-logout, #ps-confirm .l-header__button.-apply-menu-logout, #ps-complete .l-header__button.-apply-menu-logout, #souki .l-header__button.-apply-menu-logout { width: 120px; border-color: #376adb; color: #376adb; display: inherit; } @media screen and (max-width: 768px) { #login .l-header__button.-apply-menu-logout, #terms .l-header__button.-apply-menu-logout, #mail-registration .l-header__button.-apply-menu-logout, #password-registration .l-header__button.-apply-menu-logout, #mypage .l-header__button.-apply-menu-logout, #mypage-entry .l-header__button.-apply-menu-logout, #mypage-complete .l-header__button.-apply-menu-logout, #examlist .l-header__button.-apply-menu-logout, #ao .l-header__button.-apply-menu-logout, #ao-confirm .l-header__button.-apply-menu-logout, #ao-complete .l-header__button.-apply-menu-logout, #results .l-header__button.-apply-menu-logout, #can .l-header__button.-apply-menu-logout, #guidance .l-header__button.-apply-menu-logout, #qualification-entry .l-header__button.-apply-menu-logout, #qualification-confirm .l-header__button.-apply-menu-logout, #qualification-complete .l-header__button.-apply-menu-logout, #test-entry .l-header__button.-apply-menu-logout, #test-confirm .l-header__button.-apply-menu-logout, #test-complete .l-header__button.-apply-menu-logout, #ps .l-header__button.-apply-menu-logout, #ps-entry .l-header__button.-apply-menu-logout, #ps-confirm .l-header__button.-apply-menu-logout, #ps-complete .l-header__button.-apply-menu-logout, #souki .l-header__button.-apply-menu-logout { width: 50%; } } #login .l-header__button.-apply-menu-logout:hover, #terms .l-header__button.-apply-menu-logout:hover, #mail-registration .l-header__button.-apply-menu-logout:hover, #password-registration .l-header__button.-apply-menu-logout:hover, #mypage .l-header__button.-apply-menu-logout:hover, #mypage-entry .l-header__button.-apply-menu-logout:hover, #mypage-complete .l-header__button.-apply-menu-logout:hover, #examlist .l-header__button.-apply-menu-logout:hover, #ao .l-header__button.-apply-menu-logout:hover, #ao-confirm .l-header__button.-apply-menu-logout:hover, #ao-complete .l-header__button.-apply-menu-logout:hover, #results .l-header__button.-apply-menu-logout:hover, #can .l-header__button.-apply-menu-logout:hover, #guidance .l-header__button.-apply-menu-logout:hover, #qualification-entry .l-header__button.-apply-menu-logout:hover, #qualification-confirm .l-header__button.-apply-menu-logout:hover, #qualification-complete .l-header__button.-apply-menu-logout:hover, #test-entry .l-header__button.-apply-menu-logout:hover, #test-confirm .l-header__button.-apply-menu-logout:hover, #test-complete .l-header__button.-apply-menu-logout:hover, #ps .l-header__button.-apply-menu-logout:hover, #ps-entry .l-header__button.-apply-menu-logout:hover, #ps-confirm .l-header__button.-apply-menu-logout:hover, #ps-complete .l-header__button.-apply-menu-logout:hover, #souki .l-header__button.-apply-menu-logout:hover { background-color: #376adb; color: #fff; } @media screen and (max-width: 768px) { #login .l-header__logo, #terms .l-header__logo, #mail-registration .l-header__logo, #password-registration .l-header__logo, #mypage .l-header__logo, #mypage-entry .l-header__logo, #mypage-complete .l-header__logo, #examlist .l-header__logo, #ao .l-header__logo, #ao-confirm .l-header__logo, #ao-complete .l-header__logo, #results .l-header__logo, #can .l-header__logo, #guidance .l-header__logo, #qualification-entry .l-header__logo, #qualification-confirm .l-header__logo, #qualification-complete .l-header__logo, #test-entry .l-header__logo, #test-confirm .l-header__logo, #test-complete .l-header__logo, #ps .l-header__logo, #ps-entry .l-header__logo, #ps-confirm .l-header__logo, #ps-complete .l-header__logo, #souki .l-header__logo { width: 100%; } } @media screen and (max-width: 768px) { #login .l-header__logo .lg, #terms .l-header__logo .lg, #mail-registration .l-header__logo .lg, #password-registration .l-header__logo .lg, #mypage .l-header__logo .lg, #mypage-entry .l-header__logo .lg, #mypage-complete .l-header__logo .lg, #examlist .l-header__logo .lg, #ao .l-header__logo .lg, #ao-confirm .l-header__logo .lg, #ao-complete .l-header__logo .lg, #results .l-header__logo .lg, #can .l-header__logo .lg, #guidance .l-header__logo .lg, #qualification-entry .l-header__logo .lg, #qualification-confirm .l-header__logo .lg, #qualification-complete .l-header__logo .lg, #test-entry .l-header__logo .lg, #test-confirm .l-header__logo .lg, #test-complete .l-header__logo .lg, #ps .l-header__logo .lg, #ps-entry .l-header__logo .lg, #ps-confirm .l-header__logo .lg, #ps-complete .l-header__logo .lg, #souki .l-header__logo .lg { letter-spacing: 0.2em; } } #login .l-footer, #terms .l-footer, #mail-registration .l-footer, #password-registration .l-footer, #mypage .l-footer, #mypage-entry .l-footer, #mypage-complete .l-footer, #examlist .l-footer, #ao .l-footer, #ao-confirm .l-footer, #ao-complete .l-footer, #results .l-footer, #can .l-footer, #guidance .l-footer, #qualification-entry .l-footer, #qualification-confirm .l-footer, #qualification-complete .l-footer, #test-entry .l-footer, #test-confirm .l-footer, #test-complete .l-footer, #ps .l-footer, #ps-entry .l-footer, #ps-confirm .l-footer, #ps-complete .l-footer, #souki .l-footer { padding: 24px 0; } #login .c-bread__list, #terms .c-bread__list, #mail-registration .c-bread__list, #password-registration .c-bread__list, #mypage .c-bread__list, #mypage-entry .c-bread__list, #mypage-complete .c-bread__list, #examlist .c-bread__list, #ao .c-bread__list, #ao-confirm .c-bread__list, #ao-complete .c-bread__list, #results .c-bread__list, #can .c-bread__list, #guidance .c-bread__list, #qualification-entry .c-bread__list, #qualification-confirm .c-bread__list, #qualification-complete .c-bread__list, #test-entry .c-bread__list, #test-confirm .c-bread__list, #test-complete .c-bread__list, #ps .c-bread__list, #ps-entry .c-bread__list, #ps-confirm .c-bread__list, #ps-complete .c-bread__list, #souki .c-bread__list { margin: 0 auto; padding: 0 10px; } #login .apply-body, #terms .apply-body, #mail-registration .apply-body, #password-registration .apply-body, #mypage .apply-body, #mypage-entry .apply-body, #mypage-complete .apply-body, #examlist .apply-body, #ao .apply-body, #ao-confirm .apply-body, #ao-complete .apply-body, #results .apply-body, #can .apply-body, #guidance .apply-body, #qualification-entry .apply-body, #qualification-confirm .apply-body, #qualification-complete .apply-body, #test-entry .apply-body, #test-confirm .apply-body, #test-complete .apply-body, #ps .apply-body, #ps-entry .apply-body, #ps-confirm .apply-body, #ps-complete .apply-body, #souki .apply-body { padding-top: 75px; } @media screen and (max-width: 768px) { #login .apply-body, #terms .apply-body, #mail-registration .apply-body, #password-registration .apply-body, #mypage .apply-body, #mypage-entry .apply-body, #mypage-complete .apply-body, #examlist .apply-body, #ao .apply-body, #ao-confirm .apply-body, #ao-complete .apply-body, #results .apply-body, #can .apply-body, #guidance .apply-body, #qualification-entry .apply-body, #qualification-confirm .apply-body, #qualification-complete .apply-body, #test-entry .apply-body, #test-confirm .apply-body, #test-complete .apply-body, #ps .apply-body, #ps-entry .apply-body, #ps-confirm .apply-body, #ps-complete .apply-body, #souki .apply-body { padding-top: 90px; } } #login .nowrap, #terms .nowrap, #mail-registration .nowrap, #password-registration .nowrap, #mypage .nowrap, #mypage-entry .nowrap, #mypage-complete .nowrap, #examlist .nowrap, #ao .nowrap, #ao-confirm .nowrap, #ao-complete .nowrap, #results .nowrap, #can .nowrap, #guidance .nowrap, #qualification-entry .nowrap, #qualification-confirm .nowrap, #qualification-complete .nowrap, #test-entry .nowrap, #test-confirm .nowrap, #test-complete .nowrap, #ps .nowrap, #ps-entry .nowrap, #ps-confirm .nowrap, #ps-complete .nowrap, #souki .nowrap { white-space: nowrap; } #login .apply-contents, #terms .apply-contents, #mail-registration .apply-contents, #password-registration .apply-contents, #mypage .apply-contents, #mypage-entry .apply-contents, #mypage-complete .apply-contents, #examlist .apply-contents, #ao .apply-contents, #ao-confirm .apply-contents, #ao-complete .apply-contents, #results .apply-contents, #can .apply-contents, #guidance .apply-contents, #qualification-entry .apply-contents, #qualification-confirm .apply-contents, #qualification-complete .apply-contents, #test-entry .apply-contents, #test-confirm .apply-contents, #test-complete .apply-contents, #ps .apply-contents, #ps-entry .apply-contents, #ps-confirm .apply-contents, #ps-complete .apply-contents, #souki .apply-contents { margin-top: 50px; } #login .c-page-title1.-hp, #terms .c-page-title1.-hp, #mail-registration .c-page-title1.-hp, #password-registration .c-page-title1.-hp, #mypage .c-page-title1.-hp, #mypage-entry .c-page-title1.-hp, #mypage-complete .c-page-title1.-hp, #examlist .c-page-title1.-hp, #ao .c-page-title1.-hp, #ao-confirm .c-page-title1.-hp, #ao-complete .c-page-title1.-hp, #results .c-page-title1.-hp, #can .c-page-title1.-hp, #guidance .c-page-title1.-hp, #qualification-entry .c-page-title1.-hp, #qualification-confirm .c-page-title1.-hp, #qualification-complete .c-page-title1.-hp, #test-entry .c-page-title1.-hp, #test-confirm .c-page-title1.-hp, #test-complete .c-page-title1.-hp, #ps .c-page-title1.-hp, #ps-entry .c-page-title1.-hp, #ps-confirm .c-page-title1.-hp, #ps-complete .c-page-title1.-hp, #souki .c-page-title1.-hp { margin-top: 0; } #login .c-page-title1.-apply, #terms .c-page-title1.-apply, #mail-registration .c-page-title1.-apply, #password-registration .c-page-title1.-apply, #mypage .c-page-title1.-apply, #mypage-entry .c-page-title1.-apply, #mypage-complete .c-page-title1.-apply, #examlist .c-page-title1.-apply, #ao .c-page-title1.-apply, #ao-confirm .c-page-title1.-apply, #ao-complete .c-page-title1.-apply, #results .c-page-title1.-apply, #can .c-page-title1.-apply, #guidance .c-page-title1.-apply, #qualification-entry .c-page-title1.-apply, #qualification-confirm .c-page-title1.-apply, #qualification-complete .c-page-title1.-apply, #test-entry .c-page-title1.-apply, #test-confirm .c-page-title1.-apply, #test-complete .c-page-title1.-apply, #ps .c-page-title1.-apply, #ps-entry .c-page-title1.-apply, #ps-confirm .c-page-title1.-apply, #ps-complete .c-page-title1.-apply, #souki .c-page-title1.-apply { background: #90bbff; } #login .c-course-title.-apply, #terms .c-course-title.-apply, #mail-registration .c-course-title.-apply, #password-registration .c-course-title.-apply, #mypage .c-course-title.-apply, #mypage-entry .c-course-title.-apply, #mypage-complete .c-course-title.-apply, #examlist .c-course-title.-apply, #ao .c-course-title.-apply, #ao-confirm .c-course-title.-apply, #ao-complete .c-course-title.-apply, #results .c-course-title.-apply, #can .c-course-title.-apply, #guidance .c-course-title.-apply, #qualification-entry .c-course-title.-apply, #qualification-confirm .c-course-title.-apply, #qualification-complete .c-course-title.-apply, #test-entry .c-course-title.-apply, #test-confirm .c-course-title.-apply, #test-complete .c-course-title.-apply, #ps .c-course-title.-apply, #ps-entry .c-course-title.-apply, #ps-confirm .c-course-title.-apply, #ps-complete .c-course-title.-apply, #souki .c-course-title.-apply { border-bottom: #90bbff 1px solid; } #login .c-course-title.-apply::after, #terms .c-course-title.-apply::after, #mail-registration .c-course-title.-apply::after, #password-registration .c-course-title.-apply::after, #mypage .c-course-title.-apply::after, #mypage-entry .c-course-title.-apply::after, #mypage-complete .c-course-title.-apply::after, #examlist .c-course-title.-apply::after, #ao .c-course-title.-apply::after, #ao-confirm .c-course-title.-apply::after, #ao-complete .c-course-title.-apply::after, #results .c-course-title.-apply::after, #can .c-course-title.-apply::after, #guidance .c-course-title.-apply::after, #qualification-entry .c-course-title.-apply::after, #qualification-confirm .c-course-title.-apply::after, #qualification-complete .c-course-title.-apply::after, #test-entry .c-course-title.-apply::after, #test-confirm .c-course-title.-apply::after, #test-complete .c-course-title.-apply::after, #ps .c-course-title.-apply::after, #ps-entry .c-course-title.-apply::after, #ps-confirm .c-course-title.-apply::after, #ps-complete .c-course-title.-apply::after, #souki .c-course-title.-apply::after { background-color: #90bbff; } #login .apply-item, #terms .apply-item, #mail-registration .apply-item, #password-registration .apply-item, #mypage .apply-item, #mypage-entry .apply-item, #mypage-complete .apply-item, #examlist .apply-item, #ao .apply-item, #ao-confirm .apply-item, #ao-complete .apply-item, #results .apply-item, #can .apply-item, #guidance .apply-item, #qualification-entry .apply-item, #qualification-confirm .apply-item, #qualification-complete .apply-item, #test-entry .apply-item, #test-confirm .apply-item, #test-complete .apply-item, #ps .apply-item, #ps-entry .apply-item, #ps-confirm .apply-item, #ps-complete .apply-item, #souki .apply-item { margin-top: 24px; } #login .apply-item-title, #terms .apply-item-title, #mail-registration .apply-item-title, #password-registration .apply-item-title, #mypage .apply-item-title, #mypage-entry .apply-item-title, #mypage-complete .apply-item-title, #examlist .apply-item-title, #ao .apply-item-title, #ao-confirm .apply-item-title, #ao-complete .apply-item-title, #results .apply-item-title, #can .apply-item-title, #guidance .apply-item-title, #qualification-entry .apply-item-title, #qualification-confirm .apply-item-title, #qualification-complete .apply-item-title, #test-entry .apply-item-title, #test-confirm .apply-item-title, #test-complete .apply-item-title, #ps .apply-item-title, #ps-entry .apply-item-title, #ps-confirm .apply-item-title, #ps-complete .apply-item-title, #souki .apply-item-title { font-size: 20px; font-weight: bold; line-height: 1.875; } #login .apply-text-standard, #terms .apply-text-standard, #mail-registration .apply-text-standard, #password-registration .apply-text-standard, #mypage .apply-text-standard, #mypage-entry .apply-text-standard, #mypage-complete .apply-text-standard, #examlist .apply-text-standard, #ao .apply-text-standard, #ao-confirm .apply-text-standard, #ao-complete .apply-text-standard, #results .apply-text-standard, #can .apply-text-standard, #guidance .apply-text-standard, #qualification-entry .apply-text-standard, #qualification-confirm .apply-text-standard, #qualification-complete .apply-text-standard, #test-entry .apply-text-standard, #test-confirm .apply-text-standard, #test-complete .apply-text-standard, #ps .apply-text-standard, #ps-entry .apply-text-standard, #ps-confirm .apply-text-standard, #ps-complete .apply-text-standard, #souki .apply-text-standard { font-size: 1rem; line-height: 1.625; } #login .u-text-underline, #terms .u-text-underline, #mail-registration .u-text-underline, #password-registration .u-text-underline, #mypage .u-text-underline, #mypage-entry .u-text-underline, #mypage-complete .u-text-underline, #examlist .u-text-underline, #ao .u-text-underline, #ao-confirm .u-text-underline, #ao-complete .u-text-underline, #results .u-text-underline, #can .u-text-underline, #guidance .u-text-underline, #qualification-entry .u-text-underline, #qualification-confirm .u-text-underline, #qualification-complete .u-text-underline, #test-entry .u-text-underline, #test-confirm .u-text-underline, #test-complete .u-text-underline, #ps .u-text-underline, #ps-entry .u-text-underline, #ps-confirm .u-text-underline, #ps-complete .u-text-underline, #souki .u-text-underline { text-decoration: underline; } #login .u-text-underline:hover, #terms .u-text-underline:hover, #mail-registration .u-text-underline:hover, #password-registration .u-text-underline:hover, #mypage .u-text-underline:hover, #mypage-entry .u-text-underline:hover, #mypage-complete .u-text-underline:hover, #examlist .u-text-underline:hover, #ao .u-text-underline:hover, #ao-confirm .u-text-underline:hover, #ao-complete .u-text-underline:hover, #results .u-text-underline:hover, #can .u-text-underline:hover, #guidance .u-text-underline:hover, #qualification-entry .u-text-underline:hover, #qualification-confirm .u-text-underline:hover, #qualification-complete .u-text-underline:hover, #test-entry .u-text-underline:hover, #test-confirm .u-text-underline:hover, #test-complete .u-text-underline:hover, #ps .u-text-underline:hover, #ps-entry .u-text-underline:hover, #ps-confirm .u-text-underline:hover, #ps-complete .u-text-underline:hover, #souki .u-text-underline:hover { text-decoration: none; } #login form, #terms form, #mail-registration form, #password-registration form, #mypage form, #mypage-entry form, #mypage-complete form, #examlist form, #ao form, #ao-confirm form, #ao-complete form, #results form, #can form, #guidance form, #qualification-entry form, #qualification-confirm form, #qualification-complete form, #test-entry form, #test-confirm form, #test-complete form, #ps form, #ps-entry form, #ps-confirm form, #ps-complete form, #souki form { max-width: 400px; margin: 0 auto; } #login .apply-form-container, #terms .apply-form-container, #mail-registration .apply-form-container, #password-registration .apply-form-container, #mypage .apply-form-container, #mypage-entry .apply-form-container, #mypage-complete .apply-form-container, #examlist .apply-form-container, #ao .apply-form-container, #ao-confirm .apply-form-container, #ao-complete .apply-form-container, #results .apply-form-container, #can .apply-form-container, #guidance .apply-form-container, #qualification-entry .apply-form-container, #qualification-confirm .apply-form-container, #qualification-complete .apply-form-container, #test-entry .apply-form-container, #test-confirm .apply-form-container, #test-complete .apply-form-container, #ps .apply-form-container, #ps-entry .apply-form-container, #ps-confirm .apply-form-container, #ps-complete .apply-form-container, #souki .apply-form-container { background: #fff; padding: 30px 40px 50px; border-radius: 0 0 20px 20px; position: relative; } #login .form-group, #terms .form-group, #mail-registration .form-group, #password-registration .form-group, #mypage .form-group, #mypage-entry .form-group, #mypage-complete .form-group, #examlist .form-group, #ao .form-group, #ao-confirm .form-group, #ao-complete .form-group, #results .form-group, #can .form-group, #guidance .form-group, #qualification-entry .form-group, #qualification-confirm .form-group, #qualification-complete .form-group, #test-entry .form-group, #test-confirm .form-group, #test-complete .form-group, #ps .form-group, #ps-entry .form-group, #ps-confirm .form-group, #ps-complete .form-group, #souki .form-group { margin-bottom: 32px; } #login .form-group:last-of-type, #terms .form-group:last-of-type, #mail-registration .form-group:last-of-type, #password-registration .form-group:last-of-type, #mypage .form-group:last-of-type, #mypage-entry .form-group:last-of-type, #mypage-complete .form-group:last-of-type, #examlist .form-group:last-of-type, #ao .form-group:last-of-type, #ao-confirm .form-group:last-of-type, #ao-complete .form-group:last-of-type, #results .form-group:last-of-type, #can .form-group:last-of-type, #guidance .form-group:last-of-type, #qualification-entry .form-group:last-of-type, #qualification-confirm .form-group:last-of-type, #qualification-complete .form-group:last-of-type, #test-entry .form-group:last-of-type, #test-confirm .form-group:last-of-type, #test-complete .form-group:last-of-type, #ps .form-group:last-of-type, #ps-entry .form-group:last-of-type, #ps-confirm .form-group:last-of-type, #ps-complete .form-group:last-of-type, #souki .form-group:last-of-type { margin-bottom: 0; } #login .form-item label, #terms .form-item label, #mail-registration .form-item label, #password-registration .form-item label, #mypage .form-item label, #mypage-entry .form-item label, #mypage-complete .form-item label, #examlist .form-item label, #ao .form-item label, #ao-confirm .form-item label, #ao-complete .form-item label, #results .form-item label, #can .form-item label, #guidance .form-item label, #qualification-entry .form-item label, #qualification-confirm .form-item label, #qualification-complete .form-item label, #test-entry .form-item label, #test-confirm .form-item label, #test-complete .form-item label, #ps .form-item label, #ps-entry .form-item label, #ps-confirm .form-item label, #ps-complete .form-item label, #souki .form-item label { font-size: 18px; color: #444444; font-weight: bold; display: inline-block; vertical-align: middle; margin-bottom: 10px; } @media screen and (max-width: 768px) { #login .form-check-label, #terms .form-check-label, #mail-registration .form-check-label, #password-registration .form-check-label, #mypage .form-check-label, #mypage-entry .form-check-label, #mypage-complete .form-check-label, #examlist .form-check-label, #ao .form-check-label, #ao-confirm .form-check-label, #ao-complete .form-check-label, #results .form-check-label, #can .form-check-label, #guidance .form-check-label, #qualification-entry .form-check-label, #qualification-confirm .form-check-label, #qualification-complete .form-check-label, #test-entry .form-check-label, #test-confirm .form-check-label, #test-complete .form-check-label, #ps .form-check-label, #ps-entry .form-check-label, #ps-confirm .form-check-label, #ps-complete .form-check-label, #souki .form-check-label { font-size: 14px; } } #login .form-box input, #terms .form-box input, #mail-registration .form-box input, #password-registration .form-box input, #mypage .form-box input, #mypage-entry .form-box input, #mypage-complete .form-box input, #examlist .form-box input, #ao .form-box input, #ao-confirm .form-box input, #ao-complete .form-box input, #results .form-box input, #can .form-box input, #guidance .form-box input, #qualification-entry .form-box input, #qualification-confirm .form-box input, #qualification-complete .form-box input, #test-entry .form-box input, #test-confirm .form-box input, #test-complete .form-box input, #ps .form-box input, #ps-entry .form-box input, #ps-confirm .form-box input, #ps-complete .form-box input, #souki .form-box input { width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; border: 1px solid #b5b5b5; font-size: 14px; margin: 0; font-size: 16px; padding-left: 1em; border-radius: 10px; background-color: #fff; } #login .form-box input:focus, #terms .form-box input:focus, #mail-registration .form-box input:focus, #password-registration .form-box input:focus, #mypage .form-box input:focus, #mypage-entry .form-box input:focus, #mypage-complete .form-box input:focus, #examlist .form-box input:focus, #ao .form-box input:focus, #ao-confirm .form-box input:focus, #ao-complete .form-box input:focus, #results .form-box input:focus, #can .form-box input:focus, #guidance .form-box input:focus, #qualification-entry .form-box input:focus, #qualification-confirm .form-box input:focus, #qualification-complete .form-box input:focus, #test-entry .form-box input:focus, #test-confirm .form-box input:focus, #test-complete .form-box input:focus, #ps .form-box input:focus, #ps-entry .form-box input:focus, #ps-confirm .form-box input:focus, #ps-complete .form-box input:focus, #souki .form-box input:focus { border: 2px solid #000; } #login small.text_indent, #terms small.text_indent, #mail-registration small.text_indent, #password-registration small.text_indent, #mypage small.text_indent, #mypage-entry small.text_indent, #mypage-complete small.text_indent, #examlist small.text_indent, #ao small.text_indent, #ao-confirm small.text_indent, #ao-complete small.text_indent, #results small.text_indent, #can small.text_indent, #guidance small.text_indent, #qualification-entry small.text_indent, #qualification-confirm small.text_indent, #qualification-complete small.text_indent, #test-entry small.text_indent, #test-confirm small.text_indent, #test-complete small.text_indent, #ps small.text_indent, #ps-entry small.text_indent, #ps-confirm small.text_indent, #ps-complete small.text_indent, #souki small.text_indent { display: block; list-style: none; text-indent: -1em; color: #434343; text-align: left; } #login .add-button, #terms .add-button, #mail-registration .add-button, #password-registration .add-button, #mypage .add-button, #mypage-entry .add-button, #mypage-complete .add-button, #examlist .add-button, #ao .add-button, #ao-confirm .add-button, #ao-complete .add-button, #results .add-button, #can .add-button, #guidance .add-button, #qualification-entry .add-button, #qualification-confirm .add-button, #qualification-complete .add-button, #test-entry .add-button, #test-confirm .add-button, #test-complete .add-button, #ps .add-button, #ps-entry .add-button, #ps-confirm .add-button, #ps-complete .add-button, #souki .add-button { font-size: 15px; font-weight: 700; border-radius: 50px; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; color: #fff; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); max-width: 206px; width: 100%; height: 45px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -25px; padding: 0 20px; background-color: #90bbff; } #login .add-button p, #terms .add-button p, #mail-registration .add-button p, #password-registration .add-button p, #mypage .add-button p, #mypage-entry .add-button p, #mypage-complete .add-button p, #examlist .add-button p, #ao .add-button p, #ao-confirm .add-button p, #ao-complete .add-button p, #results .add-button p, #can .add-button p, #guidance .add-button p, #qualification-entry .add-button p, #qualification-confirm .add-button p, #qualification-complete .add-button p, #test-entry .add-button p, #test-confirm .add-button p, #test-complete .add-button p, #ps .add-button p, #ps-entry .add-button p, #ps-confirm .add-button p, #ps-complete .add-button p, #souki .add-button p { text-align: center; position: relative; padding-right: 28px; } #login .add-button p::after, #terms .add-button p::after, #mail-registration .add-button p::after, #password-registration .add-button p::after, #mypage .add-button p::after, #mypage-entry .add-button p::after, #mypage-complete .add-button p::after, #examlist .add-button p::after, #ao .add-button p::after, #ao-confirm .add-button p::after, #ao-complete .add-button p::after, #results .add-button p::after, #can .add-button p::after, #guidance .add-button p::after, #qualification-entry .add-button p::after, #qualification-confirm .add-button p::after, #qualification-complete .add-button p::after, #test-entry .add-button p::after, #test-confirm .add-button p::after, #test-complete .add-button p::after, #ps .add-button p::after, #ps-entry .add-button p::after, #ps-confirm .add-button p::after, #ps-complete .add-button p::after, #souki .add-button p::after { content: ""; position: absolute; background-image: url(../images/arrow1.svg); border-radius: 50%; position: absolute; background-size: contain; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; right: 0px; transition: 0.4s; } #login .add-button:hover, #terms .add-button:hover, #mail-registration .add-button:hover, #password-registration .add-button:hover, #mypage .add-button:hover, #mypage-entry .add-button:hover, #mypage-complete .add-button:hover, #examlist .add-button:hover, #ao .add-button:hover, #ao-confirm .add-button:hover, #ao-complete .add-button:hover, #results .add-button:hover, #can .add-button:hover, #guidance .add-button:hover, #qualification-entry .add-button:hover, #qualification-confirm .add-button:hover, #qualification-complete .add-button:hover, #test-entry .add-button:hover, #test-confirm .add-button:hover, #test-complete .add-button:hover, #ps .add-button:hover, #ps-entry .add-button:hover, #ps-confirm .add-button:hover, #ps-complete .add-button:hover, #souki .add-button:hover { border: 2px solid #90bbff; color: #90bbff; background: #fff; } #login .add-button:hover p::after, #terms .add-button:hover p::after, #mail-registration .add-button:hover p::after, #password-registration .add-button:hover p::after, #mypage .add-button:hover p::after, #mypage-entry .add-button:hover p::after, #mypage-complete .add-button:hover p::after, #examlist .add-button:hover p::after, #ao .add-button:hover p::after, #ao-confirm .add-button:hover p::after, #ao-complete .add-button:hover p::after, #results .add-button:hover p::after, #can .add-button:hover p::after, #guidance .add-button:hover p::after, #qualification-entry .add-button:hover p::after, #qualification-confirm .add-button:hover p::after, #qualification-complete .add-button:hover p::after, #test-entry .add-button:hover p::after, #test-confirm .add-button:hover p::after, #test-complete .add-button:hover p::after, #ps .add-button:hover p::after, #ps-entry .add-button:hover p::after, #ps-confirm .add-button:hover p::after, #ps-complete .add-button:hover p::after, #souki .add-button:hover p::after { background-image: url(../images/sp-arrow_hover.svg); background-color: #90bbff; border-radius: 50%; } #login .c-button a, #terms .c-button a, #mail-registration .c-button a, #password-registration .c-button a, #mypage .c-button a, #mypage-entry .c-button a, #mypage-complete .c-button a, #examlist .c-button a, #ao .c-button a, #ao-confirm .c-button a, #ao-complete .c-button a, #results .c-button a, #can .c-button a, #guidance .c-button a, #qualification-entry .c-button a, #qualification-confirm .c-button a, #qualification-complete .c-button a, #test-entry .c-button a, #test-confirm .c-button a, #test-complete .c-button a, #ps .c-button a, #ps-entry .c-button a, #ps-confirm .c-button a, #ps-complete .c-button a, #souki .c-button a { text-decoration: none; } #login .c-button a.u-text-blank__pdf:hover, #terms .c-button a.u-text-blank__pdf:hover, #mail-registration .c-button a.u-text-blank__pdf:hover, #password-registration .c-button a.u-text-blank__pdf:hover, #mypage .c-button a.u-text-blank__pdf:hover, #mypage-entry .c-button a.u-text-blank__pdf:hover, #mypage-complete .c-button a.u-text-blank__pdf:hover, #examlist .c-button a.u-text-blank__pdf:hover, #ao .c-button a.u-text-blank__pdf:hover, #ao-confirm .c-button a.u-text-blank__pdf:hover, #ao-complete .c-button a.u-text-blank__pdf:hover, #results .c-button a.u-text-blank__pdf:hover, #can .c-button a.u-text-blank__pdf:hover, #guidance .c-button a.u-text-blank__pdf:hover, #qualification-entry .c-button a.u-text-blank__pdf:hover, #qualification-confirm .c-button a.u-text-blank__pdf:hover, #qualification-complete .c-button a.u-text-blank__pdf:hover, #test-entry .c-button a.u-text-blank__pdf:hover, #test-confirm .c-button a.u-text-blank__pdf:hover, #test-complete .c-button a.u-text-blank__pdf:hover, #ps .c-button a.u-text-blank__pdf:hover, #ps-entry .c-button a.u-text-blank__pdf:hover, #ps-confirm .c-button a.u-text-blank__pdf:hover, #ps-complete .c-button a.u-text-blank__pdf:hover, #souki .c-button a.u-text-blank__pdf:hover { color: #fff; } #login .login__title, #terms .login__title, #mail-registration .login__title, #password-registration .login__title, #mypage .login__title, #mypage-entry .login__title, #mypage-complete .login__title, #examlist .login__title, #ao .login__title, #ao-confirm .login__title, #ao-complete .login__title, #results .login__title, #can .login__title, #guidance .login__title, #qualification-entry .login__title, #qualification-confirm .login__title, #qualification-complete .login__title, #test-entry .login__title, #test-confirm .login__title, #test-complete .login__title, #ps .login__title, #ps-entry .login__title, #ps-confirm .login__title, #ps-complete .login__title, #souki .login__title { color: #90bbff; font-size: 70px; line-height: 2.2555555556px; font-weight: 700; text-transform: uppercase; position: absolute; left: 50%; transform: translateX(-50%); top: -30px; width: -moz-max-content; width: max-content; } @media screen and (max-width: 768px) { #login .login__title, #terms .login__title, #mail-registration .login__title, #password-registration .login__title, #mypage .login__title, #mypage-entry .login__title, #mypage-complete .login__title, #examlist .login__title, #ao .login__title, #ao-confirm .login__title, #ao-complete .login__title, #results .login__title, #can .login__title, #guidance .login__title, #qualification-entry .login__title, #qualification-confirm .login__title, #qualification-complete .login__title, #test-entry .login__title, #test-confirm .login__title, #test-complete .login__title, #ps .login__title, #ps-entry .login__title, #ps-confirm .login__title, #ps-complete .login__title, #souki .login__title { font-size: 40px; top: -18px; } } #login .button-single, #terms .button-single, #mail-registration .button-single, #password-registration .button-single, #mypage .button-single, #mypage-entry .button-single, #mypage-complete .button-single, #examlist .button-single, #ao .button-single, #ao-confirm .button-single, #ao-complete .button-single, #results .button-single, #can .button-single, #guidance .button-single, #qualification-entry .button-single, #qualification-confirm .button-single, #qualification-complete .button-single, #test-entry .button-single, #test-confirm .button-single, #test-complete .button-single, #ps .button-single, #ps-entry .button-single, #ps-confirm .button-single, #ps-complete .button-single, #souki .button-single { margin-bottom: 30px; } #login .button-group, #terms .button-group, #mail-registration .button-group, #password-registration .button-group, #mypage .button-group, #mypage-entry .button-group, #mypage-complete .button-group, #examlist .button-group, #ao .button-group, #ao-confirm .button-group, #ao-complete .button-group, #results .button-group, #can .button-group, #guidance .button-group, #qualification-entry .button-group, #qualification-confirm .button-group, #qualification-complete .button-group, #test-entry .button-group, #test-confirm .button-group, #test-complete .button-group, #ps .button-group, #ps-entry .button-group, #ps-confirm .button-group, #ps-complete .button-group, #souki .button-group { display: flex; gap: 30px; justify-content: center; margin: 40px 0 30px; } @media screen and (max-width: 768px) { #login .button-group, #terms .button-group, #mail-registration .button-group, #password-registration .button-group, #mypage .button-group, #mypage-entry .button-group, #mypage-complete .button-group, #examlist .button-group, #ao .button-group, #ao-confirm .button-group, #ao-complete .button-group, #results .button-group, #can .button-group, #guidance .button-group, #qualification-entry .button-group, #qualification-confirm .button-group, #qualification-complete .button-group, #test-entry .button-group, #test-confirm .button-group, #test-complete .button-group, #ps .button-group, #ps-entry .button-group, #ps-confirm .button-group, #ps-complete .button-group, #souki .button-group { flex-direction: column; align-items: center; gap: 0; } } #login .button-group .c-button2, #terms .button-group .c-button2, #mail-registration .button-group .c-button2, #password-registration .button-group .c-button2, #mypage .button-group .c-button2, #mypage-entry .button-group .c-button2, #mypage-complete .button-group .c-button2, #examlist .button-group .c-button2, #ao .button-group .c-button2, #ao-confirm .button-group .c-button2, #ao-complete .button-group .c-button2, #results .button-group .c-button2, #can .button-group .c-button2, #guidance .button-group .c-button2, #qualification-entry .button-group .c-button2, #qualification-confirm .button-group .c-button2, #qualification-complete .button-group .c-button2, #test-entry .button-group .c-button2, #test-confirm .button-group .c-button2, #test-complete .button-group .c-button2, #ps .button-group .c-button2, #ps-entry .button-group .c-button2, #ps-confirm .button-group .c-button2, #ps-complete .button-group .c-button2, #souki .button-group .c-button2 { margin: 0; } @media screen and (max-width: 768px) { #login .button-group .back-button, #terms .button-group .back-button, #mail-registration .button-group .back-button, #password-registration .button-group .back-button, #mypage .button-group .back-button, #mypage-entry .button-group .back-button, #mypage-complete .button-group .back-button, #examlist .button-group .back-button, #ao .button-group .back-button, #ao-confirm .button-group .back-button, #ao-complete .button-group .back-button, #results .button-group .back-button, #can .button-group .back-button, #guidance .button-group .back-button, #qualification-entry .button-group .back-button, #qualification-confirm .button-group .back-button, #qualification-complete .button-group .back-button, #test-entry .button-group .back-button, #test-confirm .button-group .back-button, #test-complete .button-group .back-button, #ps .button-group .back-button, #ps-entry .button-group .back-button, #ps-confirm .button-group .back-button, #ps-complete .button-group .back-button, #souki .button-group .back-button { margin-top: 30px; } } @media screen and (max-width: 768px) { #login .button-group.-reverse, #terms .button-group.-reverse, #mail-registration .button-group.-reverse, #password-registration .button-group.-reverse, #mypage .button-group.-reverse, #mypage-entry .button-group.-reverse, #mypage-complete .button-group.-reverse, #examlist .button-group.-reverse, #ao .button-group.-reverse, #ao-confirm .button-group.-reverse, #ao-complete .button-group.-reverse, #results .button-group.-reverse, #can .button-group.-reverse, #guidance .button-group.-reverse, #qualification-entry .button-group.-reverse, #qualification-confirm .button-group.-reverse, #qualification-complete .button-group.-reverse, #test-entry .button-group.-reverse, #test-confirm .button-group.-reverse, #test-complete .button-group.-reverse, #ps .button-group.-reverse, #ps-entry .button-group.-reverse, #ps-confirm .button-group.-reverse, #ps-complete .button-group.-reverse, #souki .button-group.-reverse { flex-direction: column-reverse; } } #login .c-button2, #terms .c-button2, #mail-registration .c-button2, #password-registration .c-button2, #mypage .c-button2, #mypage-entry .c-button2, #mypage-complete .c-button2, #examlist .c-button2, #ao .c-button2, #ao-confirm .c-button2, #ao-complete .c-button2, #results .c-button2, #can .c-button2, #guidance .c-button2, #qualification-entry .c-button2, #qualification-confirm .c-button2, #qualification-complete .c-button2, #test-entry .c-button2, #test-confirm .c-button2, #test-complete .c-button2, #ps .c-button2, #ps-entry .c-button2, #ps-confirm .c-button2, #ps-complete .c-button2, #souki .c-button2 { margin: 0 auto; width: 207px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50px; font-size: 15px; font-weight: 700; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); color: #fff; border: 2px solid #fff; } #login .c-button2.-apply, #terms .c-button2.-apply, #mail-registration .c-button2.-apply, #password-registration .c-button2.-apply, #mypage .c-button2.-apply, #mypage-entry .c-button2.-apply, #mypage-complete .c-button2.-apply, #examlist .c-button2.-apply, #ao .c-button2.-apply, #ao-confirm .c-button2.-apply, #ao-complete .c-button2.-apply, #results .c-button2.-apply, #can .c-button2.-apply, #guidance .c-button2.-apply, #qualification-entry .c-button2.-apply, #qualification-confirm .c-button2.-apply, #qualification-complete .c-button2.-apply, #test-entry .c-button2.-apply, #test-confirm .c-button2.-apply, #test-complete .c-button2.-apply, #ps .c-button2.-apply, #ps-entry .c-button2.-apply, #ps-confirm .c-button2.-apply, #ps-complete .c-button2.-apply, #souki .c-button2.-apply { background-color: #90bbff; } #login .c-button2.-apply p::after, #terms .c-button2.-apply p::after, #mail-registration .c-button2.-apply p::after, #password-registration .c-button2.-apply p::after, #mypage .c-button2.-apply p::after, #mypage-entry .c-button2.-apply p::after, #mypage-complete .c-button2.-apply p::after, #examlist .c-button2.-apply p::after, #ao .c-button2.-apply p::after, #ao-confirm .c-button2.-apply p::after, #ao-complete .c-button2.-apply p::after, #results .c-button2.-apply p::after, #can .c-button2.-apply p::after, #guidance .c-button2.-apply p::after, #qualification-entry .c-button2.-apply p::after, #qualification-confirm .c-button2.-apply p::after, #qualification-complete .c-button2.-apply p::after, #test-entry .c-button2.-apply p::after, #test-confirm .c-button2.-apply p::after, #test-complete .c-button2.-apply p::after, #ps .c-button2.-apply p::after, #ps-entry .c-button2.-apply p::after, #ps-confirm .c-button2.-apply p::after, #ps-complete .c-button2.-apply p::after, #souki .c-button2.-apply p::after { background-image: url(../images/arrow1.svg); border-radius: 50%; } #login .c-button2.-apply:hover, #terms .c-button2.-apply:hover, #mail-registration .c-button2.-apply:hover, #password-registration .c-button2.-apply:hover, #mypage .c-button2.-apply:hover, #mypage-entry .c-button2.-apply:hover, #mypage-complete .c-button2.-apply:hover, #examlist .c-button2.-apply:hover, #ao .c-button2.-apply:hover, #ao-confirm .c-button2.-apply:hover, #ao-complete .c-button2.-apply:hover, #results .c-button2.-apply:hover, #can .c-button2.-apply:hover, #guidance .c-button2.-apply:hover, #qualification-entry .c-button2.-apply:hover, #qualification-confirm .c-button2.-apply:hover, #qualification-complete .c-button2.-apply:hover, #test-entry .c-button2.-apply:hover, #test-confirm .c-button2.-apply:hover, #test-complete .c-button2.-apply:hover, #ps .c-button2.-apply:hover, #ps-entry .c-button2.-apply:hover, #ps-confirm .c-button2.-apply:hover, #ps-complete .c-button2.-apply:hover, #souki .c-button2.-apply:hover { border: 2px solid #90bbff; color: #90bbff; background: #fff; } #login .c-button2.-apply:hover p::after, #terms .c-button2.-apply:hover p::after, #mail-registration .c-button2.-apply:hover p::after, #password-registration .c-button2.-apply:hover p::after, #mypage .c-button2.-apply:hover p::after, #mypage-entry .c-button2.-apply:hover p::after, #mypage-complete .c-button2.-apply:hover p::after, #examlist .c-button2.-apply:hover p::after, #ao .c-button2.-apply:hover p::after, #ao-confirm .c-button2.-apply:hover p::after, #ao-complete .c-button2.-apply:hover p::after, #results .c-button2.-apply:hover p::after, #can .c-button2.-apply:hover p::after, #guidance .c-button2.-apply:hover p::after, #qualification-entry .c-button2.-apply:hover p::after, #qualification-confirm .c-button2.-apply:hover p::after, #qualification-complete .c-button2.-apply:hover p::after, #test-entry .c-button2.-apply:hover p::after, #test-confirm .c-button2.-apply:hover p::after, #test-complete .c-button2.-apply:hover p::after, #ps .c-button2.-apply:hover p::after, #ps-entry .c-button2.-apply:hover p::after, #ps-confirm .c-button2.-apply:hover p::after, #ps-complete .c-button2.-apply:hover p::after, #souki .c-button2.-apply:hover p::after { background-image: url(../images/sp-arrow_hover.svg); background-color: #90bbff; border-radius: 50%; } #login .c-linkcard2__title, #login .c-linkcard2__text, #terms .c-linkcard2__title, #terms .c-linkcard2__text, #mail-registration .c-linkcard2__title, #mail-registration .c-linkcard2__text, #password-registration .c-linkcard2__title, #password-registration .c-linkcard2__text, #mypage .c-linkcard2__title, #mypage .c-linkcard2__text, #mypage-entry .c-linkcard2__title, #mypage-entry .c-linkcard2__text, #mypage-complete .c-linkcard2__title, #mypage-complete .c-linkcard2__text, #examlist .c-linkcard2__title, #examlist .c-linkcard2__text, #ao .c-linkcard2__title, #ao .c-linkcard2__text, #ao-confirm .c-linkcard2__title, #ao-confirm .c-linkcard2__text, #ao-complete .c-linkcard2__title, #ao-complete .c-linkcard2__text, #results .c-linkcard2__title, #results .c-linkcard2__text, #can .c-linkcard2__title, #can .c-linkcard2__text, #guidance .c-linkcard2__title, #guidance .c-linkcard2__text, #qualification-entry .c-linkcard2__title, #qualification-entry .c-linkcard2__text, #qualification-confirm .c-linkcard2__title, #qualification-confirm .c-linkcard2__text, #qualification-complete .c-linkcard2__title, #qualification-complete .c-linkcard2__text, #test-entry .c-linkcard2__title, #test-entry .c-linkcard2__text, #test-confirm .c-linkcard2__title, #test-confirm .c-linkcard2__text, #test-complete .c-linkcard2__title, #test-complete .c-linkcard2__text, #ps .c-linkcard2__title, #ps .c-linkcard2__text, #ps-entry .c-linkcard2__title, #ps-entry .c-linkcard2__text, #ps-confirm .c-linkcard2__title, #ps-confirm .c-linkcard2__text, #ps-complete .c-linkcard2__title, #ps-complete .c-linkcard2__text, #souki .c-linkcard2__title, #souki .c-linkcard2__text { color: #fff; } #login .c-linkcard2__button p, #terms .c-linkcard2__button p, #mail-registration .c-linkcard2__button p, #password-registration .c-linkcard2__button p, #mypage .c-linkcard2__button p, #mypage-entry .c-linkcard2__button p, #mypage-complete .c-linkcard2__button p, #examlist .c-linkcard2__button p, #ao .c-linkcard2__button p, #ao-confirm .c-linkcard2__button p, #ao-complete .c-linkcard2__button p, #results .c-linkcard2__button p, #can .c-linkcard2__button p, #guidance .c-linkcard2__button p, #qualification-entry .c-linkcard2__button p, #qualification-confirm .c-linkcard2__button p, #qualification-complete .c-linkcard2__button p, #test-entry .c-linkcard2__button p, #test-confirm .c-linkcard2__button p, #test-complete .c-linkcard2__button p, #ps .c-linkcard2__button p, #ps-entry .c-linkcard2__button p, #ps-confirm .c-linkcard2__button p, #ps-complete .c-linkcard2__button p, #souki .c-linkcard2__button p { color: #fff; } #login .c-linkcard2__button p::after, #terms .c-linkcard2__button p::after, #mail-registration .c-linkcard2__button p::after, #password-registration .c-linkcard2__button p::after, #mypage .c-linkcard2__button p::after, #mypage-entry .c-linkcard2__button p::after, #mypage-complete .c-linkcard2__button p::after, #examlist .c-linkcard2__button p::after, #ao .c-linkcard2__button p::after, #ao-confirm .c-linkcard2__button p::after, #ao-complete .c-linkcard2__button p::after, #results .c-linkcard2__button p::after, #can .c-linkcard2__button p::after, #guidance .c-linkcard2__button p::after, #qualification-entry .c-linkcard2__button p::after, #qualification-confirm .c-linkcard2__button p::after, #qualification-complete .c-linkcard2__button p::after, #test-entry .c-linkcard2__button p::after, #test-confirm .c-linkcard2__button p::after, #test-complete .c-linkcard2__button p::after, #ps .c-linkcard2__button p::after, #ps-entry .c-linkcard2__button p::after, #ps-confirm .c-linkcard2__button p::after, #ps-complete .c-linkcard2__button p::after, #souki .c-linkcard2__button p::after { background-image: url(../images/arrow1.svg); border-radius: 50%; } #login .c-linkcard2__button:hover p, #terms .c-linkcard2__button:hover p, #mail-registration .c-linkcard2__button:hover p, #password-registration .c-linkcard2__button:hover p, #mypage .c-linkcard2__button:hover p, #mypage-entry .c-linkcard2__button:hover p, #mypage-complete .c-linkcard2__button:hover p, #examlist .c-linkcard2__button:hover p, #ao .c-linkcard2__button:hover p, #ao-confirm .c-linkcard2__button:hover p, #ao-complete .c-linkcard2__button:hover p, #results .c-linkcard2__button:hover p, #can .c-linkcard2__button:hover p, #guidance .c-linkcard2__button:hover p, #qualification-entry .c-linkcard2__button:hover p, #qualification-confirm .c-linkcard2__button:hover p, #qualification-complete .c-linkcard2__button:hover p, #test-entry .c-linkcard2__button:hover p, #test-confirm .c-linkcard2__button:hover p, #test-complete .c-linkcard2__button:hover p, #ps .c-linkcard2__button:hover p, #ps-entry .c-linkcard2__button:hover p, #ps-confirm .c-linkcard2__button:hover p, #ps-complete .c-linkcard2__button:hover p, #souki .c-linkcard2__button:hover p { color: #0072f7; } #login .c-linkcard2__button:hover p::after, #terms .c-linkcard2__button:hover p::after, #mail-registration .c-linkcard2__button:hover p::after, #password-registration .c-linkcard2__button:hover p::after, #mypage .c-linkcard2__button:hover p::after, #mypage-entry .c-linkcard2__button:hover p::after, #mypage-complete .c-linkcard2__button:hover p::after, #examlist .c-linkcard2__button:hover p::after, #ao .c-linkcard2__button:hover p::after, #ao-confirm .c-linkcard2__button:hover p::after, #ao-complete .c-linkcard2__button:hover p::after, #results .c-linkcard2__button:hover p::after, #can .c-linkcard2__button:hover p::after, #guidance .c-linkcard2__button:hover p::after, #qualification-entry .c-linkcard2__button:hover p::after, #qualification-confirm .c-linkcard2__button:hover p::after, #qualification-complete .c-linkcard2__button:hover p::after, #test-entry .c-linkcard2__button:hover p::after, #test-confirm .c-linkcard2__button:hover p::after, #test-complete .c-linkcard2__button:hover p::after, #ps .c-linkcard2__button:hover p::after, #ps-entry .c-linkcard2__button:hover p::after, #ps-confirm .c-linkcard2__button:hover p::after, #ps-complete .c-linkcard2__button:hover p::after, #souki .c-linkcard2__button:hover p::after { background-image: url(../images/sp-arrow_hover.svg); border-radius: 50%; } #login .back-button, #terms .back-button, #mail-registration .back-button, #password-registration .back-button, #mypage .back-button, #mypage-entry .back-button, #mypage-complete .back-button, #examlist .back-button, #ao .back-button, #ao-confirm .back-button, #ao-complete .back-button, #results .back-button, #can .back-button, #guidance .back-button, #qualification-entry .back-button, #qualification-confirm .back-button, #qualification-complete .back-button, #test-entry .back-button, #test-confirm .back-button, #test-complete .back-button, #ps .back-button, #ps-entry .back-button, #ps-confirm .back-button, #ps-complete .back-button, #souki .back-button { width: 207px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin: 0; font-size: 15px; font-weight: 700; box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16); color: #fff; border: 2px solid #fff; background-color: #999; margin: 0; } #login .back-button p, #terms .back-button p, #mail-registration .back-button p, #password-registration .back-button p, #mypage .back-button p, #mypage-entry .back-button p, #mypage-complete .back-button p, #examlist .back-button p, #ao .back-button p, #ao-confirm .back-button p, #ao-complete .back-button p, #results .back-button p, #can .back-button p, #guidance .back-button p, #qualification-entry .back-button p, #qualification-confirm .back-button p, #qualification-complete .back-button p, #test-entry .back-button p, #test-confirm .back-button p, #test-complete .back-button p, #ps .back-button p, #ps-entry .back-button p, #ps-confirm .back-button p, #ps-complete .back-button p, #souki .back-button p { text-align: center; position: relative; } #login .back-button:hover, #terms .back-button:hover, #mail-registration .back-button:hover, #password-registration .back-button:hover, #mypage .back-button:hover, #mypage-entry .back-button:hover, #mypage-complete .back-button:hover, #examlist .back-button:hover, #ao .back-button:hover, #ao-confirm .back-button:hover, #ao-complete .back-button:hover, #results .back-button:hover, #can .back-button:hover, #guidance .back-button:hover, #qualification-entry .back-button:hover, #qualification-confirm .back-button:hover, #qualification-complete .back-button:hover, #test-entry .back-button:hover, #test-confirm .back-button:hover, #test-complete .back-button:hover, #ps .back-button:hover, #ps-entry .back-button:hover, #ps-confirm .back-button:hover, #ps-complete .back-button:hover, #souki .back-button:hover { border: 2px solid #999; color: #999; background: #fff; } #login .p-opencampus-flow__dd-02, #terms .p-opencampus-flow__dd-02, #mail-registration .p-opencampus-flow__dd-02, #password-registration .p-opencampus-flow__dd-02, #mypage .p-opencampus-flow__dd-02, #mypage-entry .p-opencampus-flow__dd-02, #mypage-complete .p-opencampus-flow__dd-02, #examlist .p-opencampus-flow__dd-02, #ao .p-opencampus-flow__dd-02, #ao-confirm .p-opencampus-flow__dd-02, #ao-complete .p-opencampus-flow__dd-02, #results .p-opencampus-flow__dd-02, #can .p-opencampus-flow__dd-02, #guidance .p-opencampus-flow__dd-02, #qualification-entry .p-opencampus-flow__dd-02, #qualification-confirm .p-opencampus-flow__dd-02, #qualification-complete .p-opencampus-flow__dd-02, #test-entry .p-opencampus-flow__dd-02, #test-confirm .p-opencampus-flow__dd-02, #test-complete .p-opencampus-flow__dd-02, #ps .p-opencampus-flow__dd-02, #ps-entry .p-opencampus-flow__dd-02, #ps-confirm .p-opencampus-flow__dd-02, #ps-complete .p-opencampus-flow__dd-02, #souki .p-opencampus-flow__dd-02 { font-size: 17px; padding: 11px 30px; width: 100%; min-height: 65px; display: inline-flex; align-items: center; } #login .c-society__button, #terms .c-society__button, #mail-registration .c-society__button, #password-registration .c-society__button, #mypage .c-society__button, #mypage-entry .c-society__button, #mypage-complete .c-society__button, #examlist .c-society__button, #ao .c-society__button, #ao-confirm .c-society__button, #ao-complete .c-society__button, #results .c-society__button, #can .c-society__button, #guidance .c-society__button, #qualification-entry .c-society__button, #qualification-confirm .c-society__button, #qualification-complete .c-society__button, #test-entry .c-society__button, #test-confirm .c-society__button, #test-complete .c-society__button, #ps .c-society__button, #ps-entry .c-society__button, #ps-confirm .c-society__button, #ps-complete .c-society__button, #souki .c-society__button { text-decoration: none; } #login .c-society__button p::after, #terms .c-society__button p::after, #mail-registration .c-society__button p::after, #password-registration .c-society__button p::after, #mypage .c-society__button p::after, #mypage-entry .c-society__button p::after, #mypage-complete .c-society__button p::after, #examlist .c-society__button p::after, #ao .c-society__button p::after, #ao-confirm .c-society__button p::after, #ao-complete .c-society__button p::after, #results .c-society__button p::after, #can .c-society__button p::after, #guidance .c-society__button p::after, #qualification-entry .c-society__button p::after, #qualification-confirm .c-society__button p::after, #qualification-complete .c-society__button p::after, #test-entry .c-society__button p::after, #test-confirm .c-society__button p::after, #test-complete .c-society__button p::after, #ps .c-society__button p::after, #ps-entry .c-society__button p::after, #ps-confirm .c-society__button p::after, #ps-complete .c-society__button p::after, #souki .c-society__button p::after { position: absolute; content: ""; background-image: url(../images/icon-link.svg); background-size: contain; background-repeat: no-repeat; right: 0; top: 50%; transform: translateY(-30%); width: 13px; height: 13px; } #login .c-society__button:hover p, #terms .c-society__button:hover p, #mail-registration .c-society__button:hover p, #password-registration .c-society__button:hover p, #mypage .c-society__button:hover p, #mypage-entry .c-society__button:hover p, #mypage-complete .c-society__button:hover p, #examlist .c-society__button:hover p, #ao .c-society__button:hover p, #ao-confirm .c-society__button:hover p, #ao-complete .c-society__button:hover p, #results .c-society__button:hover p, #can .c-society__button:hover p, #guidance .c-society__button:hover p, #qualification-entry .c-society__button:hover p, #qualification-confirm .c-society__button:hover p, #qualification-complete .c-society__button:hover p, #test-entry .c-society__button:hover p, #test-confirm .c-society__button:hover p, #test-complete .c-society__button:hover p, #ps .c-society__button:hover p, #ps-entry .c-society__button:hover p, #ps-confirm .c-society__button:hover p, #ps-complete .c-society__button:hover p, #souki .c-society__button:hover p { color: #fff; } #login .c-society__button:hover p::after, #terms .c-society__button:hover p::after, #mail-registration .c-society__button:hover p::after, #password-registration .c-society__button:hover p::after, #mypage .c-society__button:hover p::after, #mypage-entry .c-society__button:hover p::after, #mypage-complete .c-society__button:hover p::after, #examlist .c-society__button:hover p::after, #ao .c-society__button:hover p::after, #ao-confirm .c-society__button:hover p::after, #ao-complete .c-society__button:hover p::after, #results .c-society__button:hover p::after, #can .c-society__button:hover p::after, #guidance .c-society__button:hover p::after, #qualification-entry .c-society__button:hover p::after, #qualification-confirm .c-society__button:hover p::after, #qualification-complete .c-society__button:hover p::after, #test-entry .c-society__button:hover p::after, #test-confirm .c-society__button:hover p::after, #test-complete .c-society__button:hover p::after, #ps .c-society__button:hover p::after, #ps-entry .c-society__button:hover p::after, #ps-confirm .c-society__button:hover p::after, #ps-complete .c-society__button:hover p::after, #souki .c-society__button:hover p::after { position: absolute; content: ""; background-image: url(../images/icon-link-white.svg); background-size: contain; background-repeat: no-repeat; right: 0; top: 50%; transform: translateY(-30%); width: 13px; height: 13px; } #login .c-society__button.-short, #terms .c-society__button.-short, #mail-registration .c-society__button.-short, #password-registration .c-society__button.-short, #mypage .c-society__button.-short, #mypage-entry .c-society__button.-short, #mypage-complete .c-society__button.-short, #examlist .c-society__button.-short, #ao .c-society__button.-short, #ao-confirm .c-society__button.-short, #ao-complete .c-society__button.-short, #results .c-society__button.-short, #can .c-society__button.-short, #guidance .c-society__button.-short, #qualification-entry .c-society__button.-short, #qualification-confirm .c-society__button.-short, #qualification-complete .c-society__button.-short, #test-entry .c-society__button.-short, #test-confirm .c-society__button.-short, #test-complete .c-society__button.-short, #ps .c-society__button.-short, #ps-entry .c-society__button.-short, #ps-confirm .c-society__button.-short, #ps-complete .c-society__button.-short, #souki .c-society__button.-short { min-width: 21.875rem; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 767px) { #login .c-society__button.-short, #terms .c-society__button.-short, #mail-registration .c-society__button.-short, #password-registration .c-society__button.-short, #mypage .c-society__button.-short, #mypage-entry .c-society__button.-short, #mypage-complete .c-society__button.-short, #examlist .c-society__button.-short, #ao .c-society__button.-short, #ao-confirm .c-society__button.-short, #ao-complete .c-society__button.-short, #results .c-society__button.-short, #can .c-society__button.-short, #guidance .c-society__button.-short, #qualification-entry .c-society__button.-short, #qualification-confirm .c-society__button.-short, #qualification-complete .c-society__button.-short, #test-entry .c-society__button.-short, #test-confirm .c-society__button.-short, #test-complete .c-society__button.-short, #ps .c-society__button.-short, #ps-entry .c-society__button.-short, #ps-confirm .c-society__button.-short, #ps-complete .c-society__button.-short, #souki .c-society__button.-short { width: 100%; min-width: 0; } } /*------------------------------------ 　　フッター非表示対応 -------------------------------------*/ #login .l-header__body, #can .l-header__body { display: none; } #login .c-burger, #can .c-burger { display: none; } #login .c-nav, #can .c-nav { display: none; } /*------------------------------------ 　　ログイン -------------------------------------*/ #login .apply-text-standard { text-align: center; } #login .l-inner { position: relative; } /*------------------------------------ 　　メール登録/パスワード登録 -------------------------------------*/ #mail-registration .apply-text-standard, #password-registration .apply-text-standard { text-align: center; } /*------------------------------------ 　　バリデーションテスト -------------------------------------*/ #mail-registration p.is-error { color: #DC3545; font-weight: bold; margin-bottom: 8px; font-size: 14px; } #mail-registration .is-error input { background-color: #ffc4cd; } /*------------------------------------ 　　AO出願 -------------------------------------*/ #ao form, #ao-confirm form, #ao-complete form, #mypage form, #mypage-entry form, #can form, #souki form, #qualification-entry form, #qualification-confirm form, #test-entry form, #test-confirm form, #ps-entry form, #ps-confirm form { max-width: none; } @media screen and (max-width: 768px) { #ao div, #ao-confirm div, #ao-complete div, #mypage div, #mypage-entry div, #can div, #souki div, #qualification-entry div, #qualification-confirm div, #test-entry div, #test-confirm div, #ps-entry div, #ps-confirm div { font-size: 14px; } } #ao table, #ao-confirm table, #ao-complete table, #mypage table, #mypage-entry table, #can table, #souki table, #qualification-entry table, #qualification-confirm table, #test-entry table, #test-confirm table, #ps-entry table, #ps-confirm table { table-layout: fixed; width: 100% !important; } #ao .card, #ao-confirm .card, #ao-complete .card, #mypage .card, #mypage-entry .card, #can .card, #souki .card, #qualification-entry .card, #qualification-confirm .card, #test-entry .card, #test-confirm .card, #ps-entry .card, #ps-confirm .card { box-shadow: none; border: none; margin-bottom: 24px; border-radius: 20px; } #ao .card-body, #ao-confirm .card-body, #ao-complete .card-body, #mypage .card-body, #mypage-entry .card-body, #can .card-body, #souki .card-body, #qualification-entry .card-body, #qualification-confirm .card-body, #test-entry .card-body, #test-confirm .card-body, #ps-entry .card-body, #ps-confirm .card-body { color: #222; background-color: #F9F9F9; border-radius: 0 0 20px 20px; padding: 16px 24px 48px; } #ao .card-header, #ao-confirm .card-header, #ao-complete .card-header, #mypage .card-header, #mypage-entry .card-header, #can .card-header, #souki .card-header, #qualification-entry .card-header, #qualification-confirm .card-header, #test-entry .card-header, #test-confirm .card-header, #ps-entry .card-header, #ps-confirm .card-header { background-color: #90bbff; border-radius: 20px 20px 0 0; padding: 16px 24px; } #ao .card-title, #ao-confirm .card-title, #ao-complete .card-title, #mypage .card-title, #mypage-entry .card-title, #can .card-title, #souki .card-title, #qualification-entry .card-title, #qualification-confirm .card-title, #test-entry .card-title, #test-confirm .card-title, #ps-entry .card-title, #ps-confirm .card-title { color: #fff; font-weight: 500; } #ao .card-outline, #ao-confirm .card-outline, #ao-complete .card-outline, #mypage .card-outline, #mypage-entry .card-outline, #can .card-outline, #souki .card-outline, #qualification-entry .card-outline, #qualification-confirm .card-outline, #test-entry .card-outline, #test-confirm .card-outline, #ps-entry .card-outline, #ps-confirm .card-outline { border-top: none; } #ao .required, #ao-confirm .required, #ao-complete .required, #mypage .required, #mypage-entry .required, #can .required, #souki .required, #qualification-entry .required, #qualification-confirm .required, #test-entry .required, #test-confirm .required, #ps-entry .required, #ps-confirm .required { display: inline-block; background-color: #FF8282; color: white; border-radius: 5px; margin-left: 10px; font-size: 14px; font-weight: bold; width: 60px; height: 25px; line-height: 25px; text-align: center; vertical-align: middle; } @media screen and (max-width: 768px) { #ao .required, #ao-confirm .required, #ao-complete .required, #mypage .required, #mypage-entry .required, #can .required, #souki .required, #qualification-entry .required, #qualification-confirm .required, #test-entry .required, #test-confirm .required, #ps-entry .required, #ps-confirm .required { font-size: 14px; width: 50px; height: 25px; } } #ao .red, #ao-confirm .red, #ao-complete .red, #mypage .red, #mypage-entry .red, #can .red, #souki .red, #qualification-entry .red, #qualification-confirm .red, #test-entry .red, #test-confirm .red, #ps-entry .red, #ps-confirm .red { color: #DC3545 !important; } #ao .label, #ao-confirm .label, #ao-complete .label, #mypage .label, #mypage-entry .label, #can .label, #souki .label, #qualification-entry .label, #qualification-confirm .label, #test-entry .label, #test-confirm .label, #ps-entry .label, #ps-confirm .label { font-size: 18px; color: #444444; font-weight: bold; display: inline-block; vertical-align: middle; } @media screen and (min-width: 1079px) { #ao .label, #ao-confirm .label, #ao-complete .label, #mypage .label, #mypage-entry .label, #can .label, #souki .label, #qualification-entry .label, #qualification-confirm .label, #test-entry .label, #test-confirm .label, #ps-entry .label, #ps-confirm .label { font-size: 24px; vertical-align: middle; } } @media screen and (max-width: 768px) { #ao .label, #ao-confirm .label, #ao-complete .label, #mypage .label, #mypage-entry .label, #can .label, #souki .label, #qualification-entry .label, #qualification-confirm .label, #test-entry .label, #test-confirm .label, #ps-entry .label, #ps-confirm .label { font-size: 16px; } } #ao .input-group-text, #ao-confirm .input-group-text, #ao-complete .input-group-text, #mypage .input-group-text, #mypage-entry .input-group-text, #can .input-group-text, #souki .input-group-text, #qualification-entry .input-group-text, #qualification-confirm .input-group-text, #test-entry .input-group-text, #test-confirm .input-group-text, #ps-entry .input-group-text, #ps-confirm .input-group-text { color: #444; background-color: transparent; box-shadow: none; border: none; font-weight: bold; } @media screen and (max-width: 768px) { #ao .input-group-text, #ao-confirm .input-group-text, #ao-complete .input-group-text, #mypage .input-group-text, #mypage-entry .input-group-text, #can .input-group-text, #souki .input-group-text, #qualification-entry .input-group-text, #qualification-confirm .input-group-text, #test-entry .input-group-text, #test-confirm .input-group-text, #ps-entry .input-group-text, #ps-confirm .input-group-text { font-size: 14px; } } #ao .check-group, #ao-confirm .check-group, #ao-complete .check-group, #mypage .check-group, #mypage-entry .check-group, #can .check-group, #souki .check-group, #qualification-entry .check-group, #qualification-confirm .check-group, #test-entry .check-group, #test-confirm .check-group, #ps-entry .check-group, #ps-confirm .check-group { margin-top: 8px; background-color: #fff; padding: 20px; } #ao input[type=radio], #ao-confirm input[type=radio], #ao-complete input[type=radio], #mypage input[type=radio], #mypage-entry input[type=radio], #can input[type=radio], #souki input[type=radio], #qualification-entry input[type=radio], #qualification-confirm input[type=radio], #test-entry input[type=radio], #test-confirm input[type=radio], #ps-entry input[type=radio], #ps-confirm input[type=radio] { border: 2px solid #dcdcdc; } #ao .sub-label, #ao-confirm .sub-label, #ao-complete .sub-label, #mypage .sub-label, #mypage-entry .sub-label, #can .sub-label, #souki .sub-label, #qualification-entry .sub-label, #qualification-confirm .sub-label, #test-entry .sub-label, #test-confirm .sub-label, #ps-entry .sub-label, #ps-confirm .sub-label { margin: 16px 0; font-weight: bold; } #ao .form-label-area, #ao-confirm .form-label-area, #ao-complete .form-label-area, #mypage .form-label-area, #mypage-entry .form-label-area, #can .form-label-area, #souki .form-label-area, #qualification-entry .form-label-area, #qualification-confirm .form-label-area, #test-entry .form-label-area, #test-confirm .form-label-area, #ps-entry .form-label-area, #ps-confirm .form-label-area { padding: 32px 0 8px; } #ao .form-label-area label, #ao-confirm .form-label-area label, #ao-complete .form-label-area label, #mypage .form-label-area label, #mypage-entry .form-label-area label, #can .form-label-area label, #souki .form-label-area label, #qualification-entry .form-label-area label, #qualification-confirm .form-label-area label, #test-entry .form-label-area label, #test-confirm .form-label-area label, #ps-entry .form-label-area label, #ps-confirm .form-label-area label { display: flex; align-items: center; font-size: 18px; } #ao .form-label-area label::before, #ao-confirm .form-label-area label::before, #ao-complete .form-label-area label::before, #mypage .form-label-area label::before, #mypage-entry .form-label-area label::before, #can .form-label-area label::before, #souki .form-label-area label::before, #qualification-entry .form-label-area label::before, #qualification-confirm .form-label-area label::before, #test-entry .form-label-area label::before, #test-confirm .form-label-area label::before, #ps-entry .form-label-area label::before, #ps-confirm .form-label-area label::before { content: ""; display: block; width: 6px; height: 15px; background-color: #90bbff; margin-right: 8px; border-radius: 1px; } @media screen and (max-width: 768px) { #ao .form-label-area label, #ao-confirm .form-label-area label, #ao-complete .form-label-area label, #mypage .form-label-area label, #mypage-entry .form-label-area label, #can .form-label-area label, #souki .form-label-area label, #qualification-entry .form-label-area label, #qualification-confirm .form-label-area label, #test-entry .form-label-area label, #test-confirm .form-label-area label, #ps-entry .form-label-area label, #ps-confirm .form-label-area label { font-size: 16px; } } #ao .text-danger, #ao-confirm .text-danger, #ao-complete .text-danger, #mypage .text-danger, #mypage-entry .text-danger, #can .text-danger, #souki .text-danger, #qualification-entry .text-danger, #qualification-confirm .text-danger, #test-entry .text-danger, #test-confirm .text-danger, #ps-entry .text-danger, #ps-confirm .text-danger { margin: 8px 0; font-weight: bold; } #ao .input-area, #ao-confirm .input-area, #ao-complete .input-area, #mypage .input-area, #mypage-entry .input-area, #can .input-area, #souki .input-area, #qualification-entry .input-area, #qualification-confirm .input-area, #test-entry .input-area, #test-confirm .input-area, #ps-entry .input-area, #ps-confirm .input-area { margin-left: 30px; } @media screen and (max-width: 768px) { #ao .input-area, #ao-confirm .input-area, #ao-complete .input-area, #mypage .input-area, #mypage-entry .input-area, #can .input-area, #souki .input-area, #qualification-entry .input-area, #qualification-confirm .input-area, #test-entry .input-area, #test-confirm .input-area, #ps-entry .input-area, #ps-confirm .input-area { font-size: 14px; margin-left: 16px; } } #ao .apply-textarea, #ao-confirm .apply-textarea, #ao-complete .apply-textarea, #mypage .apply-textarea, #mypage-entry .apply-textarea, #can .apply-textarea, #souki .apply-textarea, #qualification-entry .apply-textarea, #qualification-confirm .apply-textarea, #test-entry .apply-textarea, #test-confirm .apply-textarea, #ps-entry .apply-textarea, #ps-confirm .apply-textarea { border: 2px solid #dcdcdc; border-radius: 10px; background: #fff; position: relative; height: 50px; box-shadow: none; width: 100%; } #ao .upload-button, #ao-confirm .upload-button, #ao-complete .upload-button, #mypage .upload-button, #mypage-entry .upload-button, #can .upload-button, #souki .upload-button, #qualification-entry .upload-button, #qualification-confirm .upload-button, #test-entry .upload-button, #test-confirm .upload-button, #ps-entry .upload-button, #ps-confirm .upload-button { justify-content: center; max-width: 180px; display: flex; align-items: center; background: #919191; border-radius: 10px; height: 50px; } #ao .upload-button:hover, #ao-confirm .upload-button:hover, #ao-complete .upload-button:hover, #mypage .upload-button:hover, #mypage-entry .upload-button:hover, #can .upload-button:hover, #souki .upload-button:hover, #qualification-entry .upload-button:hover, #qualification-confirm .upload-button:hover, #test-entry .upload-button:hover, #test-confirm .upload-button:hover, #ps-entry .upload-button:hover, #ps-confirm .upload-button:hover { opacity: 0.6; } #ao .btn-primary, #ao .btn-success, #ao .btn-info, #ao-confirm .btn-primary, #ao-confirm .btn-success, #ao-confirm .btn-info, #ao-complete .btn-primary, #ao-complete .btn-success, #ao-complete .btn-info, #mypage .btn-primary, #mypage .btn-success, #mypage .btn-info, #mypage-entry .btn-primary, #mypage-entry .btn-success, #mypage-entry .btn-info, #can .btn-primary, #can .btn-success, #can .btn-info, #souki .btn-primary, #souki .btn-success, #souki .btn-info, #qualification-entry .btn-primary, #qualification-entry .btn-success, #qualification-entry .btn-info, #qualification-confirm .btn-primary, #qualification-confirm .btn-success, #qualification-confirm .btn-info, #test-entry .btn-primary, #test-entry .btn-success, #test-entry .btn-info, #test-confirm .btn-primary, #test-confirm .btn-success, #test-confirm .btn-info, #ps-entry .btn-primary, #ps-entry .btn-success, #ps-entry .btn-info, #ps-confirm .btn-primary, #ps-confirm .btn-success, #ps-confirm .btn-info { border-radius: 10px; background-color: #919191; border: none; height: 50px; color: #fff; padding: 12px 8px; margin-left: 8px; white-space: nowrap; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 768px) { #ao .btn-primary, #ao .btn-success, #ao .btn-info, #ao-confirm .btn-primary, #ao-confirm .btn-success, #ao-confirm .btn-info, #ao-complete .btn-primary, #ao-complete .btn-success, #ao-complete .btn-info, #mypage .btn-primary, #mypage .btn-success, #mypage .btn-info, #mypage-entry .btn-primary, #mypage-entry .btn-success, #mypage-entry .btn-info, #can .btn-primary, #can .btn-success, #can .btn-info, #souki .btn-primary, #souki .btn-success, #souki .btn-info, #qualification-entry .btn-primary, #qualification-entry .btn-success, #qualification-entry .btn-info, #qualification-confirm .btn-primary, #qualification-confirm .btn-success, #qualification-confirm .btn-info, #test-entry .btn-primary, #test-entry .btn-success, #test-entry .btn-info, #test-confirm .btn-primary, #test-confirm .btn-success, #test-confirm .btn-info, #ps-entry .btn-primary, #ps-entry .btn-success, #ps-entry .btn-info, #ps-confirm .btn-primary, #ps-confirm .btn-success, #ps-confirm .btn-info { padding: 14px 8px; font-size: 14px; } } #ao .btn-tool, #ao-confirm .btn-tool, #ao-complete .btn-tool, #mypage .btn-tool, #mypage-entry .btn-tool, #can .btn-tool, #souki .btn-tool, #qualification-entry .btn-tool, #qualification-confirm .btn-tool, #test-entry .btn-tool, #test-confirm .btn-tool, #ps-entry .btn-tool, #ps-confirm .btn-tool { color: #fff; } #ao .flex-group, #ao-confirm .flex-group, #ao-complete .flex-group, #mypage .flex-group, #mypage-entry .flex-group, #can .flex-group, #souki .flex-group, #qualification-entry .flex-group, #qualification-confirm .flex-group, #test-entry .flex-group, #test-confirm .flex-group, #ps-entry .flex-group, #ps-confirm .flex-group { display: flex; width: 100%; } #ao .flex-group .apply-form, #ao-confirm .flex-group .apply-form, #ao-complete .flex-group .apply-form, #mypage .flex-group .apply-form, #mypage-entry .flex-group .apply-form, #can .flex-group .apply-form, #souki .flex-group .apply-form, #qualification-entry .flex-group .apply-form, #qualification-confirm .flex-group .apply-form, #test-entry .flex-group .apply-form, #test-confirm .flex-group .apply-form, #ps-entry .flex-group .apply-form, #ps-confirm .flex-group .apply-form { margin-top: 0; } #ao .sample, #ao-confirm .sample, #ao-complete .sample, #mypage .sample, #mypage-entry .sample, #can .sample, #souki .sample, #qualification-entry .sample, #qualification-confirm .sample, #test-entry .sample, #test-confirm .sample, #ps-entry .sample, #ps-confirm .sample { border: solid 2px #C0C0C0; width: 128px; margin: 16px 0; } #ao .sample_licence, #ao-confirm .sample_licence, #ao-complete .sample_licence, #mypage .sample_licence, #mypage-entry .sample_licence, #can .sample_licence, #souki .sample_licence, #qualification-entry .sample_licence, #qualification-confirm .sample_licence, #test-entry .sample_licence, #test-confirm .sample_licence, #ps-entry .sample_licence, #ps-confirm .sample_licence { display: flex; } @media screen and (max-width: 768px) { #ao .sample_licence, #ao-confirm .sample_licence, #ao-complete .sample_licence, #mypage .sample_licence, #mypage-entry .sample_licence, #can .sample_licence, #souki .sample_licence, #qualification-entry .sample_licence, #qualification-confirm .sample_licence, #test-entry .sample_licence, #test-confirm .sample_licence, #ps-entry .sample_licence, #ps-confirm .sample_licence { flex-direction: column; } } #ao .sample_licence p, #ao-confirm .sample_licence p, #ao-complete .sample_licence p, #mypage .sample_licence p, #mypage-entry .sample_licence p, #can .sample_licence p, #souki .sample_licence p, #qualification-entry .sample_licence p, #qualification-confirm .sample_licence p, #test-entry .sample_licence p, #test-confirm .sample_licence p, #ps-entry .sample_licence p, #ps-confirm .sample_licence p { position: static; } #ao .sample_licence .car_licence, #ao-confirm .sample_licence .car_licence, #ao-complete .sample_licence .car_licence, #mypage .sample_licence .car_licence, #mypage-entry .sample_licence .car_licence, #can .sample_licence .car_licence, #souki .sample_licence .car_licence, #qualification-entry .sample_licence .car_licence, #qualification-confirm .sample_licence .car_licence, #test-entry .sample_licence .car_licence, #test-confirm .sample_licence .car_licence, #ps-entry .sample_licence .car_licence, #ps-confirm .sample_licence .car_licence { width: 100%; float: left; } #ao .sample_licence .car_licence p, #ao-confirm .sample_licence .car_licence p, #ao-complete .sample_licence .car_licence p, #mypage .sample_licence .car_licence p, #mypage-entry .sample_licence .car_licence p, #can .sample_licence .car_licence p, #souki .sample_licence .car_licence p, #qualification-entry .sample_licence .car_licence p, #qualification-confirm .sample_licence .car_licence p, #test-entry .sample_licence .car_licence p, #test-confirm .sample_licence .car_licence p, #ps-entry .sample_licence .car_licence p, #ps-confirm .sample_licence .car_licence p { text-align: center; padding: 1em 1em 0 1em; } #ao .sample_licence .pass_licence, #ao-confirm .sample_licence .pass_licence, #ao-complete .sample_licence .pass_licence, #mypage .sample_licence .pass_licence, #mypage-entry .sample_licence .pass_licence, #can .sample_licence .pass_licence, #souki .sample_licence .pass_licence, #qualification-entry .sample_licence .pass_licence, #qualification-confirm .sample_licence .pass_licence, #test-entry .sample_licence .pass_licence, #test-confirm .sample_licence .pass_licence, #ps-entry .sample_licence .pass_licence, #ps-confirm .sample_licence .pass_licence { width: 100%; float: right; } #ao .sample_licence .pass_licence p, #ao-confirm .sample_licence .pass_licence p, #ao-complete .sample_licence .pass_licence p, #mypage .sample_licence .pass_licence p, #mypage-entry .sample_licence .pass_licence p, #can .sample_licence .pass_licence p, #souki .sample_licence .pass_licence p, #qualification-entry .sample_licence .pass_licence p, #qualification-confirm .sample_licence .pass_licence p, #test-entry .sample_licence .pass_licence p, #test-confirm .sample_licence .pass_licence p, #ps-entry .sample_licence .pass_licence p, #ps-confirm .sample_licence .pass_licence p { text-align: center; padding: 1em 1em 0 1em; } #ao .sample_licence img, #ao-confirm .sample_licence img, #ao-complete .sample_licence img, #mypage .sample_licence img, #mypage-entry .sample_licence img, #can .sample_licence img, #souki .sample_licence img, #qualification-entry .sample_licence img, #qualification-confirm .sample_licence img, #test-entry .sample_licence img, #test-confirm .sample_licence img, #ps-entry .sample_licence img, #ps-confirm .sample_licence img { width: 100%; margin: 0 auto; padding: 1em; } #ao .exp, #ao-confirm .exp, #ao-complete .exp, #mypage .exp, #mypage-entry .exp, #can .exp, #souki .exp, #qualification-entry .exp, #qualification-confirm .exp, #test-entry .exp, #test-confirm .exp, #ps-entry .exp, #ps-confirm .exp { padding: 20px; margin-top: 16px; border: none; background-color: #fff; border-radius: 1em; } #ao .exp img, #ao-confirm .exp img, #ao-complete .exp img, #mypage .exp img, #mypage-entry .exp img, #can .exp img, #souki .exp img, #qualification-entry .exp img, #qualification-confirm .exp img, #test-entry .exp img, #test-confirm .exp img, #ps-entry .exp img, #ps-confirm .exp img { width: 130px; margin: 0 auto; height: -moz-fit-content; height: fit-content; background-color: #fff; } #ao .exp .exp_container, #ao-confirm .exp .exp_container, #ao-complete .exp .exp_container, #mypage .exp .exp_container, #mypage-entry .exp .exp_container, #can .exp .exp_container, #souki .exp .exp_container, #qualification-entry .exp .exp_container, #qualification-confirm .exp .exp_container, #test-entry .exp .exp_container, #test-confirm .exp .exp_container, #ps-entry .exp .exp_container, #ps-confirm .exp .exp_container { display: flex; gap: 16px; } @media screen and (max-width: 768px) { #ao .exp .exp_container, #ao-confirm .exp .exp_container, #ao-complete .exp .exp_container, #mypage .exp .exp_container, #mypage-entry .exp .exp_container, #can .exp .exp_container, #souki .exp .exp_container, #qualification-entry .exp .exp_container, #qualification-confirm .exp .exp_container, #test-entry .exp .exp_container, #test-confirm .exp .exp_container, #ps-entry .exp .exp_container, #ps-confirm .exp .exp_container { flex-direction: column; } } #ao .caution, #ao-confirm .caution, #ao-complete .caution, #mypage .caution, #mypage-entry .caution, #can .caution, #souki .caution, #qualification-entry .caution, #qualification-confirm .caution, #test-entry .caution, #test-confirm .caution, #ps-entry .caution, #ps-confirm .caution { margin-top: 16px; border: none; background-color: #fff; border-radius: 1em; display: block; padding: 20px; margin-bottom: 1em; } #ao .document-sample, #ao-confirm .document-sample, #ao-complete .document-sample, #mypage .document-sample, #mypage-entry .document-sample, #can .document-sample, #souki .document-sample, #qualification-entry .document-sample, #qualification-confirm .document-sample, #test-entry .document-sample, #test-confirm .document-sample, #ps-entry .document-sample, #ps-confirm .document-sample { border: solid 2px #C0C0C0; max-width: 280px; margin: 16px 0; } #ao .text-title, #ao-confirm .text-title, #ao-complete .text-title, #mypage .text-title, #mypage-entry .text-title, #can .text-title, #souki .text-title, #qualification-entry .text-title, #qualification-confirm .text-title, #test-entry .text-title, #test-confirm .text-title, #ps-entry .text-title, #ps-confirm .text-title { margin-bottom: 16px; font-weight: bold; } #ao .text-title-p, #ao-confirm .text-title-p, #ao-complete .text-title-p, #mypage .text-title-p, #mypage-entry .text-title-p, #can .text-title-p, #souki .text-title-p, #qualification-entry .text-title-p, #qualification-confirm .text-title-p, #test-entry .text-title-p, #test-confirm .text-title-p, #ps-entry .text-title-p, #ps-confirm .text-title-p { margin-bottom: 16px; font-weight: bold; margin-left: 16px; } #ao .apply-form, #ao-confirm .apply-form, #ao-complete .apply-form, #mypage .apply-form, #mypage-entry .apply-form, #can .apply-form, #souki .apply-form, #qualification-entry .apply-form, #qualification-confirm .apply-form, #test-entry .apply-form, #test-confirm .apply-form, #ps-entry .apply-form, #ps-confirm .apply-form { border: 2px solid #dcdcdc; border-radius: 10px; background: #fff; position: relative; height: 50px; box-shadow: none; width: 100%; } @media screen and (max-width: 768px) { #ao .apply-form, #ao-confirm .apply-form, #ao-complete .apply-form, #mypage .apply-form, #mypage-entry .apply-form, #can .apply-form, #souki .apply-form, #qualification-entry .apply-form, #qualification-confirm .apply-form, #test-entry .apply-form, #test-confirm .apply-form, #ps-entry .apply-form, #ps-confirm .apply-form { font-size: 14px; } } #ao .grid-container, #ao-confirm .grid-container, #ao-complete .grid-container, #mypage .grid-container, #mypage-entry .grid-container, #can .grid-container, #souki .grid-container, #qualification-entry .grid-container, #qualification-confirm .grid-container, #test-entry .grid-container, #test-confirm .grid-container, #ps-entry .grid-container, #ps-confirm .grid-container { display: grid; grid-template-columns: 60% 40%; gap: 16px; } @media screen and (max-width: 768px) { #ao .grid-container, #ao-confirm .grid-container, #ao-complete .grid-container, #mypage .grid-container, #mypage-entry .grid-container, #can .grid-container, #souki .grid-container, #qualification-entry .grid-container, #qualification-confirm .grid-container, #test-entry .grid-container, #test-confirm .grid-container, #ps-entry .grid-container, #ps-confirm .grid-container { grid-template-columns: 100%; } } #ao .grid-container div, #ao-confirm .grid-container div, #ao-complete .grid-container div, #mypage .grid-container div, #mypage-entry .grid-container div, #can .grid-container div, #souki .grid-container div, #qualification-entry .grid-container div, #qualification-confirm .grid-container div, #test-entry .grid-container div, #test-confirm .grid-container div, #ps-entry .grid-container div, #ps-confirm .grid-container div { padding: 20px; text-align: center; } @media screen and (max-width: 768px) { #ao .grid-container div, #ao-confirm .grid-container div, #ao-complete .grid-container div, #mypage .grid-container div, #mypage-entry .grid-container div, #can .grid-container div, #souki .grid-container div, #qualification-entry .grid-container div, #qualification-confirm .grid-container div, #test-entry .grid-container div, #test-confirm .grid-container div, #ps-entry .grid-container div, #ps-confirm .grid-container div { padding: 0; } } #ao .nested-grid, #ao-confirm .nested-grid, #ao-complete .nested-grid, #mypage .nested-grid, #mypage-entry .nested-grid, #can .nested-grid, #souki .nested-grid, #qualification-entry .nested-grid, #qualification-confirm .nested-grid, #test-entry .nested-grid, #test-confirm .nested-grid, #ps-entry .nested-grid, #ps-confirm .nested-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } #ao .nested-grid div, #ao-confirm .nested-grid div, #ao-complete .nested-grid div, #mypage .nested-grid div, #mypage-entry .nested-grid div, #can .nested-grid div, #souki .nested-grid div, #qualification-entry .nested-grid div, #qualification-confirm .nested-grid div, #test-entry .nested-grid div, #test-confirm .nested-grid div, #ps-entry .nested-grid div, #ps-confirm .nested-grid div { padding: 20px; text-align: center; } #ao .nested-grid img, #ao-confirm .nested-grid img, #ao-complete .nested-grid img, #mypage .nested-grid img, #mypage-entry .nested-grid img, #can .nested-grid img, #souki .nested-grid img, #qualification-entry .nested-grid img, #qualification-confirm .nested-grid img, #test-entry .nested-grid img, #test-confirm .nested-grid img, #ps-entry .nested-grid img, #ps-confirm .nested-grid img { width: 100%; max-width: none; background-color: #fff; height: auto; display: block; } #ao .apply-form-select, #ao-confirm .apply-form-select, #ao-complete .apply-form-select, #mypage .apply-form-select, #mypage-entry .apply-form-select, #can .apply-form-select, #souki .apply-form-select, #qualification-entry .apply-form-select, #qualification-confirm .apply-form-select, #test-entry .apply-form-select, #test-confirm .apply-form-select, #ps-entry .apply-form-select, #ps-confirm .apply-form-select { position: relative; width: 100%; flex-wrap: nowrap; margin-bottom: 8px; } #ao .apply-form-select::after, #ao-confirm .apply-form-select::after, #ao-complete .apply-form-select::after, #mypage .apply-form-select::after, #mypage-entry .apply-form-select::after, #can .apply-form-select::after, #souki .apply-form-select::after, #qualification-entry .apply-form-select::after, #qualification-confirm .apply-form-select::after, #test-entry .apply-form-select::after, #test-confirm .apply-form-select::after, #ps-entry .apply-form-select::after, #ps-confirm .apply-form-select::after { pointer-events: none; content: ""; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; vertical-align: middle; color: #90bbff; width: 9px; height: 9px; border: 2px solid currentColor; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(-25%) rotate(135deg); } #ao .apply-form-select:last-of-type, #ao-confirm .apply-form-select:last-of-type, #ao-complete .apply-form-select:last-of-type, #mypage .apply-form-select:last-of-type, #mypage-entry .apply-form-select:last-of-type, #can .apply-form-select:last-of-type, #souki .apply-form-select:last-of-type, #qualification-entry .apply-form-select:last-of-type, #qualification-confirm .apply-form-select:last-of-type, #test-entry .apply-form-select:last-of-type, #test-confirm .apply-form-select:last-of-type, #ps-entry .apply-form-select:last-of-type, #ps-confirm .apply-form-select:last-of-type { margin: 0; } #ao .apply-item-tel, #ao-confirm .apply-item-tel, #ao-complete .apply-item-tel, #mypage .apply-item-tel, #mypage-entry .apply-item-tel, #can .apply-item-tel, #souki .apply-item-tel, #qualification-entry .apply-item-tel, #qualification-confirm .apply-item-tel, #test-entry .apply-item-tel, #test-confirm .apply-item-tel, #ps-entry .apply-item-tel, #ps-confirm .apply-item-tel { border: 2px solid #dcdcdc; border-radius: 10px; background: #fff; position: relative; height: 50px; box-shadow: none; max-width: 400px; } #ao .three-wrapper, #ao-confirm .three-wrapper, #ao-complete .three-wrapper, #mypage .three-wrapper, #mypage-entry .three-wrapper, #can .three-wrapper, #souki .three-wrapper, #qualification-entry .three-wrapper, #qualification-confirm .three-wrapper, #test-entry .three-wrapper, #test-confirm .three-wrapper, #ps-entry .three-wrapper, #ps-confirm .three-wrapper { display: flex; width: 100%; } @media screen and (max-width: 768px) { #ao .three-wrapper, #ao-confirm .three-wrapper, #ao-complete .three-wrapper, #mypage .three-wrapper, #mypage-entry .three-wrapper, #can .three-wrapper, #souki .three-wrapper, #qualification-entry .three-wrapper, #qualification-confirm .three-wrapper, #test-entry .three-wrapper, #test-confirm .three-wrapper, #ps-entry .three-wrapper, #ps-confirm .three-wrapper { flex-direction: column; } } #ao .three-wrapper .input-group, #ao-confirm .three-wrapper .input-group, #ao-complete .three-wrapper .input-group, #mypage .three-wrapper .input-group, #mypage-entry .three-wrapper .input-group, #can .three-wrapper .input-group, #souki .three-wrapper .input-group, #qualification-entry .three-wrapper .input-group, #qualification-confirm .three-wrapper .input-group, #test-entry .three-wrapper .input-group, #test-confirm .three-wrapper .input-group, #ps-entry .three-wrapper .input-group, #ps-confirm .three-wrapper .input-group { display: flex; width: 100%; padding: 0; gap: 8px; } #ao .one-container, #ao-confirm .one-container, #ao-complete .one-container, #mypage .one-container, #mypage-entry .one-container, #can .one-container, #souki .one-container, #qualification-entry .one-container, #qualification-confirm .one-container, #test-entry .one-container, #test-confirm .one-container, #ps-entry .one-container, #ps-confirm .one-container { flex: 1; /* 幅を 1 分け持つ */ display: flex; align-items: center; } #ao .two-wrapper, #ao-confirm .two-wrapper, #ao-complete .two-wrapper, #mypage .two-wrapper, #mypage-entry .two-wrapper, #can .two-wrapper, #souki .two-wrapper, #qualification-entry .two-wrapper, #qualification-confirm .two-wrapper, #test-entry .two-wrapper, #test-confirm .two-wrapper, #ps-entry .two-wrapper, #ps-confirm .two-wrapper { display: flex; margin: 8px 0; flex: 2; } #ao .two-container, #ao-confirm .two-container, #ao-complete .two-container, #mypage .two-container, #mypage-entry .two-container, #can .two-container, #souki .two-container, #qualification-entry .two-container, #qualification-confirm .two-container, #test-entry .two-container, #test-confirm .two-container, #ps-entry .two-container, #ps-confirm .two-container { width: 100%; display: flex; } @media (max-width: 768px) { #ao .two-wrapper.-column, #ao-confirm .two-wrapper.-column, #ao-complete .two-wrapper.-column, #mypage .two-wrapper.-column, #mypage-entry .two-wrapper.-column, #can .two-wrapper.-column, #souki .two-wrapper.-column, #qualification-entry .two-wrapper.-column, #qualification-confirm .two-wrapper.-column, #test-entry .two-wrapper.-column, #test-confirm .two-wrapper.-column, #ps-entry .two-wrapper.-column, #ps-confirm .two-wrapper.-column { flex-direction: column; } #ao .two-wrapper.-column .two-container, #ao-confirm .two-wrapper.-column .two-container, #ao-complete .two-wrapper.-column .two-container, #mypage .two-wrapper.-column .two-container, #mypage-entry .two-wrapper.-column .two-container, #can .two-wrapper.-column .two-container, #souki .two-wrapper.-column .two-container, #qualification-entry .two-wrapper.-column .two-container, #qualification-confirm .two-wrapper.-column .two-container, #test-entry .two-wrapper.-column .two-container, #test-confirm .two-wrapper.-column .two-container, #ps-entry .two-wrapper.-column .two-container, #ps-confirm .two-wrapper.-column .two-container { margin-top: 8px; } #ao .two-wrapper.-column .two-container:first-of-type, #ao-confirm .two-wrapper.-column .two-container:first-of-type, #ao-complete .two-wrapper.-column .two-container:first-of-type, #mypage .two-wrapper.-column .two-container:first-of-type, #mypage-entry .two-wrapper.-column .two-container:first-of-type, #can .two-wrapper.-column .two-container:first-of-type, #souki .two-wrapper.-column .two-container:first-of-type, #qualification-entry .two-wrapper.-column .two-container:first-of-type, #qualification-confirm .two-wrapper.-column .two-container:first-of-type, #test-entry .two-wrapper.-column .two-container:first-of-type, #test-confirm .two-wrapper.-column .two-container:first-of-type, #ps-entry .two-wrapper.-column .two-container:first-of-type, #ps-confirm .two-wrapper.-column .two-container:first-of-type { margin-top: 0; } } #ao .flex-group, #ao-confirm .flex-group, #ao-complete .flex-group, #mypage .flex-group, #mypage-entry .flex-group, #can .flex-group, #souki .flex-group, #qualification-entry .flex-group, #qualification-confirm .flex-group, #test-entry .flex-group, #test-confirm .flex-group, #ps-entry .flex-group, #ps-confirm .flex-group { display: flex; width: 100%; } #ao .flex-group .apply-form, #ao-confirm .flex-group .apply-form, #ao-complete .flex-group .apply-form, #mypage .flex-group .apply-form, #mypage-entry .flex-group .apply-form, #can .flex-group .apply-form, #souki .flex-group .apply-form, #qualification-entry .flex-group .apply-form, #qualification-confirm .flex-group .apply-form, #test-entry .flex-group .apply-form, #test-confirm .flex-group .apply-form, #ps-entry .flex-group .apply-form, #ps-confirm .flex-group .apply-form { margin-top: 0; } #ao .nest-group, #ao-confirm .nest-group, #ao-complete .nest-group, #mypage .nest-group, #mypage-entry .nest-group, #can .nest-group, #souki .nest-group, #qualification-entry .nest-group, #qualification-confirm .nest-group, #test-entry .nest-group, #test-confirm .nest-group, #ps-entry .nest-group, #ps-confirm .nest-group { margin: 16px 0; } @media screen and (max-width: 768px) { #ao .nest-group, #ao-confirm .nest-group, #ao-complete .nest-group, #mypage .nest-group, #mypage-entry .nest-group, #can .nest-group, #souki .nest-group, #qualification-entry .nest-group, #qualification-confirm .nest-group, #test-entry .nest-group, #test-confirm .nest-group, #ps-entry .nest-group, #ps-confirm .nest-group { flex-direction: column; } } #ao .nest-input, #ao-confirm .nest-input, #ao-complete .nest-input, #mypage .nest-input, #mypage-entry .nest-input, #can .nest-input, #souki .nest-input, #qualification-entry .nest-input, #qualification-confirm .nest-input, #test-entry .nest-input, #test-confirm .nest-input, #ps-entry .nest-input, #ps-confirm .nest-input { margin-top: 0; } #ao .nest-title, #ao-confirm .nest-title, #ao-complete .nest-title, #mypage .nest-title, #mypage-entry .nest-title, #can .nest-title, #souki .nest-title, #qualification-entry .nest-title, #qualification-confirm .nest-title, #test-entry .nest-title, #test-confirm .nest-title, #ps-entry .nest-title, #ps-confirm .nest-title { width: 10em; } @media screen and (max-width: 768px) { #ao .nest-title, #ao-confirm .nest-title, #ao-complete .nest-title, #mypage .nest-title, #mypage-entry .nest-title, #can .nest-title, #souki .nest-title, #qualification-entry .nest-title, #qualification-confirm .nest-title, #test-entry .nest-title, #test-confirm .nest-title, #ps-entry .nest-title, #ps-confirm .nest-title { font-size: 14px; } } #ao input[type=file], #ao-confirm input[type=file], #ao-complete input[type=file], #mypage input[type=file], #mypage-entry input[type=file], #can input[type=file], #souki input[type=file], #qualification-entry input[type=file], #qualification-confirm input[type=file], #test-entry input[type=file], #test-confirm input[type=file], #ps-entry input[type=file], #ps-confirm input[type=file] { height: 100%; margin: 16px 0; padding: 3px 8px; height: 50px; display: flex; align-items: center; text-align: center; } @media screen and (max-width: 768px) { #ao input[type=file], #ao-confirm input[type=file], #ao-complete input[type=file], #mypage input[type=file], #mypage-entry input[type=file], #can input[type=file], #souki input[type=file], #qualification-entry input[type=file], #qualification-confirm input[type=file], #test-entry input[type=file], #test-confirm input[type=file], #ps-entry input[type=file], #ps-confirm input[type=file] { font-size: 12px; } } #ao input[type=file]::file-selector-button, #ao-confirm input[type=file]::file-selector-button, #ao-complete input[type=file]::file-selector-button, #mypage input[type=file]::file-selector-button, #mypage-entry input[type=file]::file-selector-button, #can input[type=file]::file-selector-button, #souki input[type=file]::file-selector-button, #qualification-entry input[type=file]::file-selector-button, #qualification-confirm input[type=file]::file-selector-button, #test-entry input[type=file]::file-selector-button, #test-confirm input[type=file]::file-selector-button, #ps-entry input[type=file]::file-selector-button, #ps-confirm input[type=file]::file-selector-button { font-size: 16px; height: 50px; } @media screen and (max-width: 768px) { #ao input[type=file]::file-selector-button, #ao-confirm input[type=file]::file-selector-button, #ao-complete input[type=file]::file-selector-button, #mypage input[type=file]::file-selector-button, #mypage-entry input[type=file]::file-selector-button, #can input[type=file]::file-selector-button, #souki input[type=file]::file-selector-button, #qualification-entry input[type=file]::file-selector-button, #qualification-confirm input[type=file]::file-selector-button, #test-entry input[type=file]::file-selector-button, #test-confirm input[type=file]::file-selector-button, #ps-entry input[type=file]::file-selector-button, #ps-confirm input[type=file]::file-selector-button { padding: 2px 6px; width: 100px; font-size: 12px; } } #ao .text_indent, #ao-confirm .text_indent, #ao-complete .text_indent, #mypage .text_indent, #mypage-entry .text_indent, #can .text_indent, #souki .text_indent, #qualification-entry .text_indent, #qualification-confirm .text_indent, #test-entry .text_indent, #test-confirm .text_indent, #ps-entry .text_indent, #ps-confirm .text_indent { padding-left: 1rem; } #ao small.text_indent, #ao-confirm small.text_indent, #ao-complete small.text_indent, #mypage small.text_indent, #mypage-entry small.text_indent, #can small.text_indent, #souki small.text_indent, #qualification-entry small.text_indent, #qualification-confirm small.text_indent, #test-entry small.text_indent, #test-confirm small.text_indent, #ps-entry small.text_indent, #ps-confirm small.text_indent { padding-left: 12px; } #ao .text_indent li, #ao-confirm .text_indent li, #ao-complete .text_indent li, #mypage .text_indent li, #mypage-entry .text_indent li, #can .text_indent li, #souki .text_indent li, #qualification-entry .text_indent li, #qualification-confirm .text_indent li, #test-entry .text_indent li, #test-confirm .text_indent li, #ps-entry .text_indent li, #ps-confirm .text_indent li { display: block; list-style: none; text-indent: -1em; } #ao .c-button2, #ao-confirm .c-button2, #ao-complete .c-button2, #mypage .c-button2, #mypage-entry .c-button2, #can .c-button2, #souki .c-button2, #qualification-entry .c-button2, #qualification-confirm .c-button2, #test-entry .c-button2, #test-confirm .c-button2, #ps-entry .c-button2, #ps-confirm .c-button2 { margin: 33px auto 0; text-decoration: none; } #ao .input-area, #ao-confirm .input-area, #ao-complete .input-area, #mypage .input-area, #mypage-entry .input-area, #can .input-area, #souki .input-area, #qualification-entry .input-area, #qualification-confirm .input-area, #test-entry .input-area, #test-confirm .input-area, #ps-entry .input-area, #ps-confirm .input-area { background-color: #fff; padding: 20px 30px; margin-left: 0; } #ao .input-area.apply-form-select, #ao-confirm .input-area.apply-form-select, #ao-complete .input-area.apply-form-select, #mypage .input-area.apply-form-select, #mypage-entry .input-area.apply-form-select, #can .input-area.apply-form-select, #souki .input-area.apply-form-select, #qualification-entry .input-area.apply-form-select, #qualification-confirm .input-area.apply-form-select, #test-entry .input-area.apply-form-select, #test-confirm .input-area.apply-form-select, #ps-entry .input-area.apply-form-select, #ps-confirm .input-area.apply-form-select { padding: 0; background-color: none; } #ao .check-group .input-area, #ao-confirm .check-group .input-area, #ao-complete .check-group .input-area, #mypage .check-group .input-area, #mypage-entry .check-group .input-area, #can .check-group .input-area, #souki .check-group .input-area, #qualification-entry .check-group .input-area, #qualification-confirm .check-group .input-area, #test-entry .check-group .input-area, #test-confirm .check-group .input-area, #ps-entry .check-group .input-area, #ps-confirm .check-group .input-area { padding: 0; } #ao .sample-container, #ao-confirm .sample-container, #ao-complete .sample-container, #mypage .sample-container, #mypage-entry .sample-container, #can .sample-container, #souki .sample-container, #qualification-entry .sample-container, #qualification-confirm .sample-container, #test-entry .sample-container, #test-confirm .sample-container, #ps-entry .sample-container, #ps-confirm .sample-container { background-color: #fff; display: grid; gap: 16px; padding: 20px 30px; grid-template-columns: 1fr 1fr 1fr; } @media screen and (max-width: 768px) { #ao .sample-container, #ao-confirm .sample-container, #ao-complete .sample-container, #mypage .sample-container, #mypage-entry .sample-container, #can .sample-container, #souki .sample-container, #qualification-entry .sample-container, #qualification-confirm .sample-container, #test-entry .sample-container, #test-confirm .sample-container, #ps-entry .sample-container, #ps-confirm .sample-container { grid-template-columns: 1fr; } } #ao .sample-container .input-area, #ao-confirm .sample-container .input-area, #ao-complete .sample-container .input-area, #mypage .sample-container .input-area, #mypage-entry .sample-container .input-area, #can .sample-container .input-area, #souki .sample-container .input-area, #qualification-entry .sample-container .input-area, #qualification-confirm .sample-container .input-area, #test-entry .sample-container .input-area, #test-confirm .sample-container .input-area, #ps-entry .sample-container .input-area, #ps-confirm .sample-container .input-area { max-width: 280px; background-color: none; padding: 0; } /*------------------------------------ 　　確認画面 -------------------------------------*/ #ps-confirm .input-group, #qualification-confirm .input-group, #ao-confirm .input-group, #test-confirm .input-group, #ao-confirm .input-group { flex-direction: column; } #ps-confirm .input-group-text, #qualification-confirm .input-group-text, #ao-confirm .input-group-text, #test-confirm .input-group-text, #ao-confirm .input-group-text { padding: 20px 0 8px; } /*------------------------------------ 　　マイページ/試験選択画面 -------------------------------------*/ #mypage .c-button.-apply a, #examlist .c-button.-apply a { height: 68px; } #mypage .c-button.-apply a:hover, #examlist .c-button.-apply a:hover { border: 2px solid #fff; color: #fff; } #mypage .c-button.-apply a:hover p::after, #examlist .c-button.-apply a:hover p::after { background-image: url(../images/reco_arrow_white.svg); } #mypage .c-button.-apply a p::after, #examlist .c-button.-apply a p::after { background-image: url(../images/reco_arrow.svg); } #mypage .apply-list, #examlist .apply-list { padding-left: 0; margin: 0 auto; width: 100%; } #mypage .apply-list li, #examlist .apply-list li { margin: 17px auto 0; } /*------------------------------------ 　　合否案内 -------------------------------------*/ #results .results-pass { background-color: rgba(255, 255, 255, 0.8725); background-blend-mode: lighten; background-position: center; background-size: contain; margin: 24px 0 30px; width: 100%; min-height: 280px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(255, 0, 0, 0.125); border-radius: 10px; position: relative; } #results .results-pass::before { content: ""; position: absolute; width: 100px; height: 100px; background: url(../images/sakura.png) no-repeat; top: -25px; left: 0; background-size: contain; } #results .results-pass::after { content: ""; position: absolute; width: 100px; height: 100px; background: url(../images/sakura.png) no-repeat; bottom: -25px; right: -25px; background-size: contain; } #results .results-pass .results-title { border-radius: 4px; font-size: 24px; font-weight: bold; background-color: red; padding: 8px 16px; color: #fff; } #results .results-fail { margin: 24px 0 30px; min-height: 300px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(68, 68, 68, 0.125); border-radius: 10px; } #results .results-fail .results-title { border-radius: 4px; font-size: 24px; font-weight: bold; background-color: #919191; padding: 8px 16px; color: #fff; } #results .results-number { font-weight: bold; padding: 8px 16px; } #results .results-message { font-weight: bold; } #results .results-info { margin: 0 auto; text-align: center; } #results .period { font-size: 18px; color: #DC3545; padding: 4px; font-weight: bold; border-bottom: 1px solid red; } #results .c-inner-title.-apply { border-color: #90bbff; } #results .c-button { max-width: none; max-width: 325px; margin: 0 auto; } #results .back-button { margin: 0 auto; } /*------------------------------------ 　　案内ページ -------------------------------------*/ #can .table-num { table-layout: auto; width: 100%; } #can table { table-layout: auto; } #can .c-card { max-width: 860px; } #can .exp { padding: 0; } #can .exp li { margin-top: 4px; } @media screen and (max-width: 768px) { #can .exp li { font-size: 16px; } } #can .caution { padding: 0; } #can .caution .grid-container { align-items: center; } #can .caution li { margin-top: 4px; } @media screen and (max-width: 768px) { #can .caution li { font-size: 16px; line-height: 1.5; } } @media (min-width: 992px) { #can .col-lg-3 { width: 50%; } } #can .c-table-document table { min-width: 800px; text-align: center; } #can .c-table-document table th { vertical-align: middle; } #can .c-table-document table th:nth-child(2) { width: 220px; } #can .c-table-document table .auto2 th:nth-child(2) { width: auto; } #can .c-table-document table td { vertical-align: middle; } #can .c-table-document table .table-left { text-align: left; } #can .step-line { position: relative; } #can .step-line::after { content: ""; position: absolute; bottom: -20px; left: -20px; right: 2px; height: 1px; background-color: #90bbff; } #can .c-notebox { padding: 0; } #can .identity .ex { padding: 0; font-size: 16px; margin-top: 4px; } #can .identity .ex .c-notebox { padding: 0; } #can .identity .c-notebox { padding: 0; } #can .note-wrapper { padding: 0 20px; } #can .c-card__text { line-height: 1.875; } #can .c-bgcolor { padding: 12px; } #can .c-list__wrapper { margin: 20px; } #can .c-list__item.decimal div { text-align: center; margin-top: 16px; margin-right: 1.3em; } #can .c-list__item.decimal div img { max-width: 300px; margin: 0 auto; border: 1px solid #919191; } @media (max-width: 768px) { #can .c-list__item.decimal div img { max-width: 200px; } } #can .text_indent { padding-left: 1.23em; } #can .text_indent li { text-indent: -1.23em; } /*------------------------------------ 　特待生制度/入学前のお勧め学習システム -------------------------------------*/ #guidance .c-button2, #souki .c-button2 { margin: 33px auto 0; } #guidance .c-voice.-support .c-voice__contents, #souki .c-voice.-support .c-voice__contents { border: 1px solid #90bbff; } #guidance .c-voice.-support .c-voice__title, #souki .c-voice.-support .c-voice__title { border-bottom: 2px solid #90bbff; } #guidance .c-voice.-support .c-voice__name, #souki .c-voice.-support .c-voice__name { background: #90bbff; } #guidance .c-list li, #souki .c-list li { line-height: 1.875; } #guidance .c-list li .c-list__item, #souki .c-list li .c-list__item { list-style: disc; margin-left: 1.3em; } #guidance .c-list li::marker, #souki .c-list li::marker { unicode-bidi: isolate; font-variant-numeric: tabular-nums; text-transform: none; text-indent: 0px !important; text-align: start !important; -moz-text-align-last: auto !important; text-align-last: auto !important; font-size: 90%; } #guidance .p-opencampus-flow__dd-02, #souki .p-opencampus-flow__dd-02 { font-size: 15.59px; padding: 11px 30px; width: 100%; min-height: 65px; display: inline-flex; align-items: center; } @media (max-width: 768px) { #guidance .p-opencampus-flow__dd-02, #souki .p-opencampus-flow__dd-02 { padding: 11px 15px; } } @media (max-width: 768px) { #guidance .c-table th.u-md-block, #guidance .c-table td.u-md-block, #souki .c-table th.u-md-block, #souki .c-table td.u-md-block { display: block; width: 100%; } #guidance .c-table th, #souki .c-table th { text-align: center; } #guidance .c-table .scroll-img__img::after, #souki .c-table .scroll-img__img::after { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); opacity: 1; transition: 0.2s; pointer-events: none; } #guidance .c-table .c-table.is-scrolled .scroll-img__img::after, #souki .c-table .c-table.is-scrolled .scroll-img__img::after { opacity: 0; } } /*------------------------------------ 　　入学手続き -------------------------------------*/ #ps .apply-text-standard, #ps-entry .apply-text-standard { text-align: center; } #ps .l-inner, #ps-entry .l-inner { min-height: calc(100vh - 317px); } #ps td, #ps-entry td { vertical-align: middle; } #ps .ps-info, #ps-entry .ps-info { margin: 0 auto; } #ps .c-button, #ps-entry .c-button { max-width: none; } #ps .pledge, #ps-entry .pledge { background-color: #fff; padding: 20px; vertical-align: top; font-size: 15px; border: 1px solid #90bbff; } #ps .pledge-area, #ps-entry .pledge-area { text-align: center; } #ps .pledge-area p, #ps-entry .pledge-area p { text-align: left; } #ps .checkbox-area, #ps-entry .checkbox-area { width: -moz-fit-content; width: fit-content; margin: auto; } /*------------------------------------ 　 完了画面 -------------------------------------*/ #mypage-complete .c-button, #ao-complete .c-button, #qualification-complete .c-button, #test-complete .c-button { max-width: none; max-width: 325px; margin: 0 auto; } /*------------------------------------ 　　インポート後スタイル調整 -------------------------------------*/ #login, #terms, #mail-registration, #password-registration, #mypage, #mypage-entry, #mypage-complete, #examlist, #ao, #ao-complete, #ao-confirm, #results, #can, #guidance, #qualification-entry, #qualification-confirm, #qualification-complete, #test-entry, #test-confirm, #test-complete, #ps, #ps-entry, #ps-confirm, #ps-complete, #souki { font-family: "Noto Sans JP"; } #login p, #terms p, #mail-registration p, #password-registration p, #mypage p, #mypage-entry p, #mypage-complete p, #examlist p, #ao p, #ao-complete p, #ao-confirm p, #results p, #can p, #guidance p, #qualification-entry p, #qualification-confirm p, #qualification-complete p, #test-entry p, #test-confirm p, #test-complete p, #ps p, #ps-entry p, #ps-confirm p, #ps-complete p, #souki p { margin-bottom: 0; } #login .l-header__box a, #terms .l-header__box a, #mail-registration .l-header__box a, #password-registration .l-header__box a, #mypage .l-header__box a, #mypage-entry .l-header__box a, #mypage-complete .l-header__box a, #examlist .l-header__box a, #ao .l-header__box a, #ao-complete .l-header__box a, #ao-confirm .l-header__box a, #results .l-header__box a, #can .l-header__box a, #guidance .l-header__box a, #qualification-entry .l-header__box a, #qualification-confirm .l-header__box a, #qualification-complete .l-header__box a, #test-entry .l-header__box a, #test-confirm .l-header__box a, #test-complete .l-header__box a, #ps .l-header__box a, #ps-entry .l-header__box a, #ps-confirm .l-header__box a, #ps-complete .l-header__box a, #souki .l-header__box a { text-decoration: none; } #login .l-header__box h1, #terms .l-header__box h1, #mail-registration .l-header__box h1, #password-registration .l-header__box h1, #mypage .l-header__box h1, #mypage-entry .l-header__box h1, #mypage-complete .l-header__box h1, #examlist .l-header__box h1, #ao .l-header__box h1, #ao-complete .l-header__box h1, #ao-confirm .l-header__box h1, #results .l-header__box h1, #can .l-header__box h1, #guidance .l-header__box h1, #qualification-entry .l-header__box h1, #qualification-confirm .l-header__box h1, #qualification-complete .l-header__box h1, #test-entry .l-header__box h1, #test-confirm .l-header__box h1, #test-complete .l-header__box h1, #ps .l-header__box h1, #ps-entry .l-header__box h1, #ps-confirm .l-header__box h1, #ps-complete .l-header__box h1, #souki .l-header__box h1 { margin-bottom: 0; } #login h3, #terms h3, #mail-registration h3, #password-registration h3, #mypage h3, #mypage-entry h3, #mypage-complete h3, #examlist h3, #ao h3, #ao-complete h3, #ao-confirm h3, #results h3, #can h3, #guidance h3, #qualification-entry h3, #qualification-confirm h3, #qualification-complete h3, #test-entry h3, #test-confirm h3, #test-complete h3, #ps h3, #ps-entry h3, #ps-confirm h3, #ps-complete h3, #souki h3 { margin-bottom: 0; } #login .c-nav a, #terms .c-nav a, #mail-registration .c-nav a, #password-registration .c-nav a, #mypage .c-nav a, #mypage-entry .c-nav a, #mypage-complete .c-nav a, #examlist .c-nav a, #ao .c-nav a, #ao-complete .c-nav a, #ao-confirm .c-nav a, #results .c-nav a, #can .c-nav a, #guidance .c-nav a, #qualification-entry .c-nav a, #qualification-confirm .c-nav a, #qualification-complete .c-nav a, #test-entry .c-nav a, #test-confirm .c-nav a, #test-complete .c-nav a, #ps .c-nav a, #ps-entry .c-nav a, #ps-confirm .c-nav a, #ps-complete .c-nav a, #souki .c-nav a { margin-bottom: 0; text-decoration: none; font-weight: bold; color: white; } #login .c-nav__list, #terms .c-nav__list, #mail-registration .c-nav__list, #password-registration .c-nav__list, #mypage .c-nav__list, #mypage-entry .c-nav__list, #mypage-complete .c-nav__list, #examlist .c-nav__list, #ao .c-nav__list, #ao-complete .c-nav__list, #ao-confirm .c-nav__list, #results .c-nav__list, #can .c-nav__list, #guidance .c-nav__list, #qualification-entry .c-nav__list, #qualification-confirm .c-nav__list, #qualification-complete .c-nav__list, #test-entry .c-nav__list, #test-confirm .c-nav__list, #test-complete .c-nav__list, #ps .c-nav__list, #ps-entry .c-nav__list, #ps-confirm .c-nav__list, #ps-complete .c-nav__list, #souki .c-nav__list { margin: 35px 0 0 -36px; padding: 0; } @media screen and (max-width: 768px) { #login .c-nav__list, #terms .c-nav__list, #mail-registration .c-nav__list, #password-registration .c-nav__list, #mypage .c-nav__list, #mypage-entry .c-nav__list, #mypage-complete .c-nav__list, #examlist .c-nav__list, #ao .c-nav__list, #ao-complete .c-nav__list, #ao-confirm .c-nav__list, #results .c-nav__list, #can .c-nav__list, #guidance .c-nav__list, #qualification-entry .c-nav__list, #qualification-confirm .c-nav__list, #qualification-complete .c-nav__list, #test-entry .c-nav__list, #test-confirm .c-nav__list, #test-complete .c-nav__list, #ps .c-nav__list, #ps-entry .c-nav__list, #ps-confirm .c-nav__list, #ps-complete .c-nav__list, #souki .c-nav__list { margin-left: unset; } } #login .c-nav__list2, #terms .c-nav__list2, #mail-registration .c-nav__list2, #password-registration .c-nav__list2, #mypage .c-nav__list2, #mypage-entry .c-nav__list2, #mypage-complete .c-nav__list2, #examlist .c-nav__list2, #ao .c-nav__list2, #ao-complete .c-nav__list2, #ao-confirm .c-nav__list2, #results .c-nav__list2, #can .c-nav__list2, #guidance .c-nav__list2, #qualification-entry .c-nav__list2, #qualification-confirm .c-nav__list2, #qualification-complete .c-nav__list2, #test-entry .c-nav__list2, #test-confirm .c-nav__list2, #test-complete .c-nav__list2, #ps .c-nav__list2, #ps-entry .c-nav__list2, #ps-confirm .c-nav__list2, #ps-complete .c-nav__list2, #souki .c-nav__list2 { margin-top: 0; } #login .l-footer .c-nav__list, #terms .l-footer .c-nav__list, #mail-registration .l-footer .c-nav__list, #password-registration .l-footer .c-nav__list, #mypage .l-footer .c-nav__list, #mypage-entry .l-footer .c-nav__list, #mypage-complete .l-footer .c-nav__list, #examlist .l-footer .c-nav__list, #ao .l-footer .c-nav__list, #ao-complete .l-footer .c-nav__list, #ao-confirm .l-footer .c-nav__list, #results .l-footer .c-nav__list, #can .l-footer .c-nav__list, #guidance .l-footer .c-nav__list, #qualification-entry .l-footer .c-nav__list, #qualification-confirm .l-footer .c-nav__list, #qualification-complete .l-footer .c-nav__list, #test-entry .l-footer .c-nav__list, #test-confirm .l-footer .c-nav__list, #test-complete .l-footer .c-nav__list, #ps .l-footer .c-nav__list, #ps-entry .l-footer .c-nav__list, #ps-confirm .l-footer .c-nav__list, #ps-complete .l-footer .c-nav__list, #souki .l-footer .c-nav__list { margin-top: 0; } #login .c-page-title1, #terms .c-page-title1, #mail-registration .c-page-title1, #password-registration .c-page-title1, #mypage .c-page-title1, #mypage-entry .c-page-title1, #mypage-complete .c-page-title1, #examlist .c-page-title1, #ao .c-page-title1, #ao-complete .c-page-title1, #ao-confirm .c-page-title1, #results .c-page-title1, #can .c-page-title1, #guidance .c-page-title1, #qualification-entry .c-page-title1, #qualification-confirm .c-page-title1, #qualification-complete .c-page-title1, #test-entry .c-page-title1, #test-confirm .c-page-title1, #test-complete .c-page-title1, #ps .c-page-title1, #ps-entry .c-page-title1, #ps-confirm .c-page-title1, #ps-complete .c-page-title1, #souki .c-page-title1 { margin-bottom: 0; } #login button p, #terms button p, #mail-registration button p, #password-registration button p, #mypage button p, #mypage-entry button p, #mypage-complete button p, #examlist button p, #ao button p, #ao-complete button p, #ao-confirm button p, #results button p, #can button p, #guidance button p, #qualification-entry button p, #qualification-confirm button p, #qualification-complete button p, #test-entry button p, #test-confirm button p, #test-complete button p, #ps button p, #ps-entry button p, #ps-confirm button p, #ps-complete button p, #souki button p { margin-bottom: 0; } #login .c-bread a, #terms .c-bread a, #mail-registration .c-bread a, #password-registration .c-bread a, #mypage .c-bread a, #mypage-entry .c-bread a, #mypage-complete .c-bread a, #examlist .c-bread a, #ao .c-bread a, #ao-complete .c-bread a, #ao-confirm .c-bread a, #results .c-bread a, #can .c-bread a, #guidance .c-bread a, #qualification-entry .c-bread a, #qualification-confirm .c-bread a, #qualification-complete .c-bread a, #test-entry .c-bread a, #test-confirm .c-bread a, #test-complete .c-bread a, #ps .c-bread a, #ps-entry .c-bread a, #ps-confirm .c-bread a, #ps-complete .c-bread a, #souki .c-bread a { text-decoration: none; color: #000; } #login .back-button, #terms .back-button, #mail-registration .back-button, #password-registration .back-button, #mypage .back-button, #mypage-entry .back-button, #mypage-complete .back-button, #examlist .back-button, #ao .back-button, #ao-complete .back-button, #ao-confirm .back-button, #results .back-button, #can .back-button, #guidance .back-button, #qualification-entry .back-button, #qualification-confirm .back-button, #qualification-complete .back-button, #test-entry .back-button, #test-confirm .back-button, #test-complete .back-button, #ps .back-button, #ps-entry .back-button, #ps-confirm .back-button, #ps-complete .back-button, #souki .back-button { text-decoration: none; } #login .apply-text-standard a, #terms .apply-text-standard a, #mail-registration .apply-text-standard a, #password-registration .apply-text-standard a, #mypage .apply-text-standard a, #mypage-entry .apply-text-standard a, #mypage-complete .apply-text-standard a, #examlist .apply-text-standard a, #ao .apply-text-standard a, #ao-complete .apply-text-standard a, #ao-confirm .apply-text-standard a, #results .apply-text-standard a, #can .apply-text-standard a, #guidance .apply-text-standard a, #qualification-entry .apply-text-standard a, #qualification-confirm .apply-text-standard a, #qualification-complete .apply-text-standard a, #test-entry .apply-text-standard a, #test-confirm .apply-text-standard a, #test-complete .apply-text-standard a, #ps .apply-text-standard a, #ps-entry .apply-text-standard a, #ps-confirm .apply-text-standard a, #ps-complete .apply-text-standard a, #souki .apply-text-standard a { color: #000; } #login .apply-item-title, #terms .apply-item-title, #mail-registration .apply-item-title, #password-registration .apply-item-title, #mypage .apply-item-title, #mypage-entry .apply-item-title, #mypage-complete .apply-item-title, #examlist .apply-item-title, #ao .apply-item-title, #ao-complete .apply-item-title, #ao-confirm .apply-item-title, #results .apply-item-title, #can .apply-item-title, #guidance .apply-item-title, #qualification-entry .apply-item-title, #qualification-confirm .apply-item-title, #qualification-complete .apply-item-title, #test-entry .apply-item-title, #test-confirm .apply-item-title, #test-complete .apply-item-title, #ps .apply-item-title, #ps-entry .apply-item-title, #ps-confirm .apply-item-title, #ps-complete .apply-item-title, #souki .apply-item-title { margin-bottom: 0; } #login a, #terms a, #mail-registration a, #password-registration a, #mypage a, #mypage-entry a, #mypage-complete a, #examlist a, #ao a, #ao-complete a, #ao-confirm a, #results a, #can a, #guidance a, #qualification-entry a, #qualification-confirm a, #qualification-complete a, #test-entry a, #test-confirm a, #test-complete a, #ps a, #ps-entry a, #ps-confirm a, #ps-complete a, #souki a { text-decoration: none; color: #000; } #login dl, #terms dl, #mail-registration dl, #password-registration dl, #mypage dl, #mypage-entry dl, #mypage-complete dl, #examlist dl, #ao dl, #ao-complete dl, #ao-confirm dl, #results dl, #can dl, #guidance dl, #qualification-entry dl, #qualification-confirm dl, #qualification-complete dl, #test-entry dl, #test-confirm dl, #test-complete dl, #ps dl, #ps-entry dl, #ps-confirm dl, #ps-complete dl, #souki dl { margin-bottom: 0; } #login dd, #terms dd, #mail-registration dd, #password-registration dd, #mypage dd, #mypage-entry dd, #mypage-complete dd, #examlist dd, #ao dd, #ao-complete dd, #ao-confirm dd, #results dd, #can dd, #guidance dd, #qualification-entry dd, #qualification-confirm dd, #qualification-complete dd, #test-entry dd, #test-confirm dd, #test-complete dd, #ps dd, #ps-entry dd, #ps-confirm dd, #ps-complete dd, #souki dd { margin-bottom: 0; } #login ul, #login ol, #terms ul, #terms ol, #mail-registration ul, #mail-registration ol, #password-registration ul, #password-registration ol, #mypage ul, #mypage ol, #mypage-entry ul, #mypage-entry ol, #mypage-complete ul, #mypage-complete ol, #examlist ul, #examlist ol, #ao ul, #ao ol, #ao-complete ul, #ao-complete ol, #ao-confirm ul, #ao-confirm ol, #results ul, #results ol, #can ul, #can ol, #guidance ul, #guidance ol, #qualification-entry ul, #qualification-entry ol, #qualification-confirm ul, #qualification-confirm ol, #qualification-complete ul, #qualification-complete ol, #test-entry ul, #test-entry ol, #test-confirm ul, #test-confirm ol, #test-complete ul, #test-complete ol, #ps ul, #ps ol, #ps-entry ul, #ps-entry ol, #ps-confirm ul, #ps-confirm ol, #ps-complete ul, #ps-complete ol, #souki ul, #souki ol { margin: 0; padding: 0; list-style: none; } #login .form-check-label, #terms .form-check-label, #mail-registration .form-check-label, #password-registration .form-check-label, #mypage .form-check-label, #mypage-entry .form-check-label, #mypage-complete .form-check-label, #examlist .form-check-label, #ao .form-check-label, #ao-complete .form-check-label, #ao-confirm .form-check-label, #results .form-check-label, #can .form-check-label, #guidance .form-check-label, #qualification-entry .form-check-label, #qualification-confirm .form-check-label, #qualification-complete .form-check-label, #test-entry .form-check-label, #test-confirm .form-check-label, #test-complete .form-check-label, #ps .form-check-label, #ps-entry .form-check-label, #ps-confirm .form-check-label, #ps-complete .form-check-label, #souki .form-check-label { font-size: 15px; } #login small, #terms small, #mail-registration small, #password-registration small, #mypage small, #mypage-entry small, #mypage-complete small, #examlist small, #ao small, #ao-complete small, #ao-confirm small, #results small, #can small, #guidance small, #qualification-entry small, #qualification-confirm small, #qualification-complete small, #test-entry small, #test-confirm small, #test-complete small, #ps small, #ps-entry small, #ps-confirm small, #ps-complete small, #souki small { font-size: 80%; }/*# sourceMappingURL=apply.css.map */