/* View Small */

html {
	min-height: 100vh;
	font-size: 22px !important;
	font-size: 27px !important;
}
body {
	width: 100vw;
	min-width: 750px;
	width: 100%;
	min-height: 100vh;
	font-size: 22px !important;
	font-size: 27px !important;
	line-height: 1.8em;
}
body.expanded {
	overflow: hidden;
}
.inner {
	padding: 0 50px;
	padding: 0 40px;
	min-width: 0;
}
.inner.narrow {
    padding: 0 40px;
}
.section {
	margin-bottom: 6em;
	margin-bottom: 4.5em;
}
.section.section_border {
    margin-bottom: 4em;
}
.section_compact .section:not(:last-of-type) {
	margin-bottom: 3.5em;
}
.section_border .inner {
	padding-bottom: 4em;
}
.section_border .inner::before {
	left: 40px;
	width: calc(100% - 80px);
}
.section_desc {
    margin-bottom: 2em;
}
.section_desc p {
    line-height: 1.6em;
}
.block:not(:last-of-type) {
    margin-bottom: 3em;
}

p.note,
.note li {
	font-size: 0.8em !important;
}

.caption {
	bottom: 18px;
	right: 18px;
}

.text_bg {
    padding: 2.5em 2em 3em 2em;
}

.only_pc,
.only_pc.inline {
	display: none !important;
}
.only_mobile {
	display: block !important;
}
.only_mobile.inline {
	display: inline-block !important;
}

p.empty {
	font-size: 1em !important;
}

.caption {
	font-size: 0.8rem;
}

.glightbox-clean .gclose {
	top: 30px;
	right: 20px;
	width: 35px;
	height: 35px;
}
.glightbox-clean .gclose svg {
	width: 35px;
}

h2.title {
    font-size: 1.6em;
}
h3.title {
	margin-bottom: 1em;
    font-size: 1.4em;
	letter-spacing: 0.05em;
}
h3.title span {
	margin-left: 0.3em;
	font-size: 0.8em;
}

.heading .more {
    margin-top: 8px;
    margin-top: 11px;
}
.more p a {
	padding-left: 1.5em;
	padding-left: 1.8em;
    font-size: 0.95em;
    font-size: 1em;
	letter-spacing: 0.05em;
}
.more p a::before {
    width: 25px;
    height: 25px;
	width: 30px;
    height: 30px;
}
.button p span,
.button p a {
    padding: 1.6em 1.8em 1.5em 3.2em;
    font-size: 0.9em;
}
.button p span::before,
.button p a::before {
	left: 35px;
    width: 25px;
    height: 25px;
    width: 30px;
    height: 30px;
}
.button.button_lines p a {
	padding-right: 3.5em;
    font-size: 0.85em;
}
.buttons .button {
	margin-right: 0 !important;
	margin-left: 0 !important;
	width: 48%;
}
.buttons .button:nth-of-type(even) {
	float: right;
}
.buttons .button p {
	display: block;
}

.summary p {
	font-size: 1.1em;
	line-height: 1.8em;
}

.tabs {
	margin-bottom: 2em;
}
.tabs li {
	font-size: 0.8em;
	font-size: 0.95em;
}

.document_list li a {
	padding: 2em 2.5em;
	padding-left: calc(2.25em + 45px);
	background: #fff url(../images/common/icon_download.png) no-repeat 35px 50px / 40px;
}
.document_list.document_list_1 li {
	width: 100%;
}
.document_list.document_list_2 li {
    float: none;
	margin-bottom: 1em;
    width: 100%;
}
.document_list.document_list_2 li:nth-of-type(odd) {
    clear: none;
    float: none;
}
.document_list.document_list_2 li:nth-of-type(even) {
    float: none;
}
.document_list.document_list_2 li a {
    padding: 2em 2.5em;
    padding-left: calc(2.25em + 45px);
}

.document_link a, a.document_link {
    padding-left: 45px;
    background: url(../images/common/icon_download.png) no-repeat left 5px / 35px;
}
.fax {
    padding-left: 45px;
    background: url(../images/common/icon_fax.png) no-repeat left 5px / 30px;
}

.main {
	width: 100%;
}
.side {
    margin-bottom: 4em;
    margin-bottom: 3.5em;
	width: 100%;
}
.main.righter,
.side.righter {
	float: none;
}
.main.lefter,
.side.lefter {
	float: none;
}
.side_toc {
	position: relative;
	top: auto;
    padding: 2em;
    border: 1px solid #f4f4f4;
    border-radius: 7px;
    background: #fbfbfb;
}
.side_toc::before {
    position: absolute;
    top: 1.55em;
    right: 1.5em;
	content: 'INDEX';
    color: #ddd;
    color: var(--main);
    font-size: 1.2em;
    font-weight: 500;
}
.side_toc h2.title {
	display: none;
    font-size: 1.15em;
    opacity: 1 !important;
}
.side_toc.sticked h2.title {
    font-size: 1.15em;
}
.side_toc li {
	font-size: 0.9em;
}
.side_toc li:not(:last-of-type) {
    margin-bottom: 0.8em;
}
.side_toc .anchor a,
.side_toc a.anchor {
    padding-left: 30px;
}
.side_toc .anchor a::before,
.side_toc a.anchor::before {
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(../images/common/icon_arrow_black.png) no-repeat center / 100%;
}
.side_toc::before {
	top: auto;
	right: -5px;
	bottom: 5px;
	font-size: 3em;
	opacity: 0.2;
}

.summary p:not(:last-of-type) {
    margin-bottom: 0.5em;
}

/** UL **/

ul.list_slash li {
    display: inline-block;
}
ul.list_slash li:not(:last-of-type):after {
	margin: 0 0.2em 0 0.4em;
    content: '/';
}


ul.list_unordered li {
    margin-left: 1.3em;
    line-height: 1.7em;
    list-style: disc outside;
}
ul.list_unordered li:not(:last-of-type) {
    margin-bottom: 0.8em;
}


ul.list_disc li {
	position: relative;
	padding-left: 35px;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}
ul.list_disc li:before {
	position: absolute;
	top: 0.55em;
	left: 6px;
	content: '';
	transform: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--students);
}
.page_exam ul.list_disc li:before {
	background: var(--exam);
}
.page_graduates ul.list_disc li:before {
	background: var(--graduates);
}
.page_ib ul.list_disc li:before {
	background: var(--ib);
}
ul.list_disc li:not(:last-of-type) {
	margin-bottom: 1em;
	margin-bottom: 0.6em;
}
ul.list_column_two {
    column-count: 1;
}


/** OL **/

ol.list_order {
	counter-reset: number 0; 
}

ol.list_order li {
	position: relative;
	padding-left: 45px;
	font-size: 1.1em;
	line-height: 1.5em;
}
ol.list_order li:before {
	position: absolute;
	top: 5px;
	top: 3px;
	left: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	color: #fff;
	counter-increment: number 1;
	content: counter(number);
	font-size: 0.9em;
	font-weight: 500;
	text-align: center;
	background: var(--students);
}
.page_exam ol.list_order li:before {
	background: var(--exam);
}
.page_graduates ol.list_order li:before {
	background: var(--graduates);
}
.page_ib ol.list_order li:before {
	background: var(--ib);
}
ol.list_order li:not(:last-of-type) {
	margin-bottom: 1em;
}

.rows_panes {
    margin-bottom: 2em;
}
.rows_pane {
    float: none;
}
.rows_three .rows_pane {
	width: 100%;
}
.rows_three .rows_pane:nth-of-type(3n - 1) {
    margin: 0;
}
.rows_three .rows_pane:nth-of-type(3n + 1) {
    clear: none;
}
.rows_three .rows_pane:nth-last-of-type(n + 4) {
    margin-bottom: 0;
}
.rows_two .rows_pane {
	width: 100%;
}
.rows_two .rows_pane:nth-of-type(even) {
    float: none;
}
.rows_two .rows_pane:nth-of-type(2n + 1) {
    clear: none;
}
.rows_two .rows_pane:nth-last-of-type(n + 3) {
    margin-bottom: 0;
}
.rows_pane:not(:last-of-type) {
    margin-bottom: 2em !important;
}
.rows_pane_text h4 {
    margin-bottom: 0.5em;
}
.rows_pane a .rows_pane_text h4::before {
    width: 35px;
    height: 35px;
}
.rows_two .rows_pane_text {
    margin-left: 2em;
    padding: 1.5em 1.7em 1.6em 1.75em;
}
.rows_pane_image h5 {
	font-size: 1.1em;
}

.post p {
    line-height: 1.8em;
}


/** DL **/

dl.list_description dt {
    float: left;
    padding-top: 1.3em;
    width: 10em;
	clear: both;
}
dl.list_description dt span {
    font-size: 0.85em;
}
dl.list_description dd {
    padding-top: 1.2em;
    padding-left: 12em;
    padding-bottom: 1.2em;
	font-size: 1.1em;
    border-bottom: 1px solid #ddd;
}
_dl.list_description dd .label {
    margin-left: 0.3em;
    font-size: 0.8em;
}
_dl.list_description dd .label.before_label {
    margin-left: 0;
    margin-right: 0.3em;
}

/** Switch **/

#menu_switch {
	top: 54px;
	right: 30px;
}
.fixed #menu_switch {
	top: 24px;
	top: 48px;
	top: 54px;
}
#menu_switch p {
	width: 35px;
	height: 30px;
}
.switch_bar {
	width: 35px;
	height: 3px;
}
#menu_switch #switch_top {
	top: 0;
}
#menu_switch #switch_middle {
	top: 13px;
}
#menu_switch #switch_bottom {
	bottom: 0;
}
.expanded #menu_switch #switch_top {
	top: 13px;
}
.expanded #menu_switch #switch_bottom {
	bottom: 14px;
}

#switch_school {
	top: 44px;
	left: auto;
	right: 100px;
	padding: 0;
	width: auto;
	z-index: 100001;
}
.fixed #switch_school {
	top: 37px;
	top: 40px;
	top: 44px;
}
#switch_school li {
	float: left;
	padding: 14px;
    font-size: 0.8em;
	background: #fff;
	height: auto;
    writing-mode: horizontal-tb;
}
#switch_school #switch_school_day {
	padding-left: 28px;
	border-radius: 200px 0 0 200px;
}
#switch_school #switch_school_night {
	padding-right: 28px;
	border-radius: 0 200px 200px 0;
}
#switch_school li.active {
	padding-top: 14px;
    color: #fff !important;
	background: var(--students);
}
#switch_school li::before {
    display: none;
}
#switch_school li:not(:last-of-type) {
	margin-bottom: 0;
}
#switch_school_overlay {
	z-index: 100002;
}
#switch_school_pane {
    padding: 2.5em 2em;
    width: 80%;
	z-index: 100003;
}
#switch_school_go {
	width: 40%;
}
#switch_school_back {
	width: 58%;
}
#switch_school_go p a,
#switch_school_back p span {
	padding: 1.6em 1.8em 1.5em 3.5em;
}
#switch_school_back p span::before {
	width: 30px;
	height: 30px;
}

#menu {
	display: none;
}
.expanded #menu_overlay {
	display: none;
}
#menu_mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #faf6e7;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1001;
}
#menu_mobile_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	transition: all 200ms ease-in-out;
	z-index: 1000;
}
#menu_mobile_inner {
	position: relative;
	display: block;
	padding: 148px 40px 100px 40px;
	padding: 180px 60px 100px 60px;
	height: 100%;
}
#menu_mobile h2 {
	margin-bottom: 1.2em;
	font-size: 1.85em;
	font-weight: 500;
	line-height: 1.2em;
	letter-spacing: 0.2em;
	color: var(--students);
	text-align: center;
}
#menu_mobile h2 .label {
	display: block;
	margin-bottom: 0.25em;
	font-size: 0.5em;
	font-weight: 400;
	letter-spacing: 0.08em;
}
#menu_mobile h2 .adjust_period {
	letter-spacing: -0.1em;
}
#menu_topics_slides {
	margin-bottom: 2.5em;
}
#menu_mobile_toc {
	margin-bottom: 2em;
}
.menu_mobile_toc_category {
	position: relative;
	padding: 1em 0 1.1em 0;
	border-bottom: 1px solid var(--students);
}
.menu_mobile_toc_category::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 100dvw;
	height: 100%;
	background: #f6eed4;
	opacity: 0;
	z-index: -1;
	transition: all 200ms ease-in-out;
}
.menu_mobile_toc_category.open::before {
	opacity: 1;
}
.menu_mobile_toc_category:first-of-type {
	border-top: 1px solid var(--students);
}
.menu_mobile_toc_category h3 {
	position: relative;
	padding-right: 40px;
	font-size: 1.1em;
	/* font-weight: 500; */
	color: var(--students);
	transition: all 300ms ease-in-out;
}
.menu_mobile_toc_category h3::before {
	position: absolute;
	top: 35%;
	top: 50%;
	right: 0;
	transform: translateY(-50%) rotate(90deg);
	content: '';
	width: 30px;
	height: 30px;
	background: url(../images/common/icon_arrow.png) no-repeat center / 100%;
	transition: all 300ms ease-in-out;
}
.menu_mobile_toc_category.open h3::before {
	transform: translateY(-50%) rotate(-90deg);
}
.menu_mobile_toc_category ul {
	display: none;
	position: relative;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding-left: 1em;
}
._menu_mobile_toc_category ul::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 4px;
	height: 100%;
	border-radius: 100px;
	background: var(--students);
	opacity: 0.35;
}
.menu_mobile_toc_category li {
	position: relative;
	padding-left: 1em;
	line-height: 1.2em;
}
.menu_mobile_toc_category li::before {
	position: absolute;
	top: 50%;
	left: 2px;
	transform: translateY(-50%);
	content: '-';
	color: var(--students);
}
.menu_mobile_toc_category li:not(:last-of-type) {
	margin-bottom: 0.8em;
}
.menu_mobile_toc_category li a {
	font-size: 0.9em;
	line-height: 1.2em;
	color: var(--students) !important;
}
#menu_mobile_links {
	padding-bottom: 100px;
}
#menu_mobile_links .button p a {
	padding-right: 1.5em;
	padding-left: 3.5em;
	font-size: 0.8em;
}
#menu_mobile_links #menu_mobile_links_night p a {
	padding: 1.9em 1.5em 1.8em 3.5em;
	font-size: 0.75em;
	letter-spacing: 0.03em;
}
#menu_mobile_links #menu_mobile_links_night p a::before {
	width: 25px;
	height: 25px;
}

/* Header */

#header,
.fixed #header {
	height: 128px;
}
#header_inner,
.fixed #header_inner {
	padding: 45px 300px 35px 28px;
	padding: 50px 30px 40px 30px;
}
#header_logo {
	width: 350px;
	height: 38px;
}
#header_logo a {
	background: url(../images/common/kogei-osaka-ed.jp_ja.png) no-repeat center / 100%;
}

#neck.w_hero {
	padding-top: 128px;
}

.nice-select:after {
	margin-top: -5px;
}

/* Home */

.expanded #switch_school {
	opacity: 1 !important;
	z-index: 100001 !important;
}
.expanded #header {
	opacity: 1 !important;
	z-index: 10000 !important;
}
#home_hero {
	margin-bottom: 2.5em;
}
#home_hero .inner {
    padding-left: 83px;
    padding-left: 40px;
}
#home_hero_video {
	height: 100%;
}
#home_hero_video,
#home_hero_slides {
	aspect-ratio: 133 / 195;
	max-height: 975px;
}
#home_hero h2 {
    font-size: 1.6em;
    font-size: 1.55em;
    font-size: 1.36em;
    font-size: 1.23em;
}
#home_hero_copy_v {
    left: 30px;
	left: 40px;
	top: 110px;
}
#home_hero_copy_h {
	left: 90px;
	left: 95px;
	bottom: 45px;
	font-size: 1.75em !important;
	left: 35px;
	top: 40px;
	bottom: auto;
	font-size: 1.7em !important;
	letter-spacing: 0.2em !important;
}
.home_hero_slide {
    aspect-ratio: 133 / 195;
    max-height: 975px;
}
#home_topics_slides {
    padding: 0 130px;
    padding: 0 100px;
    padding: 0 40px;
}
#_home_hero_course {
	right: -2px;
}
#home_course .heading {
	margin-bottom: 3em;
	margin-bottom: 2em;
}
#home_course_slides {
	padding: 0 10px;
}
#home_course .more a {
	word-break: keep-all;
}
#home_course_slides .splide__arrows {
	display: flex !important;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: -110px;
}
#home_course_slides .splide__arrow {
    position: relative;
	transform: none;
}
#home_course_slides .splide__arrow--prev {
    left: auto;
    margin-right: 1.2em;
}
#home_course_slides .splide__arrow--next {
    right: auto;
}
#home_course_slides .splide__arrow svg {
    height: 1em;
    width: 1em;
}
/* #home_hero_course li.course_v {
	height: 20.2%;
}
#home_hero_course li.course_p {
	height: 15.3%;
}
#home_hero_course li.course_pd {
	height: 20.3%;
}
#home_hero_course li.course_i {
	height: 20.4%;
}
#home_hero_course li.course_ad {
	height: 15.2%;
}
#home_hero_course li.course_f {
	height: 8.6%;
}
#home_hero_course li:nth-of-type(3n + 1) {
    clear: none;
} */
#home_hero_course li a {
    font-size: 0.67em;
}
/* #home_hero_course li.course_v a {
	background: var(--v) url(../images/home/home_hero_course_v_mobile.png) no-repeat center center / 33%;
}
#home_hero_course li.course_p a {
	background: var(--p) url(../images/home/home_hero_course_p_mobile.png) no-repeat center center / 33%;
}
#home_hero_course li.course_pd a {
	background: var(--pd) url(../images/home/home_hero_course_pd_mobile.png) no-repeat center center / 33%;
}
#home_hero_course li.course_i a {
	background: var(--i) url(../images/home/home_hero_course_i_mobile.png) no-repeat center center / 33%;
}
#home_hero_course li.course_ad a {
	background: var(--ad) url(../images/home/home_hero_course_ad_mobile.png) no-repeat center center / 33%;
}
#home_hero_course li.course_f a {
	background: var(--f) url(../images/home/home_hero_course_f_mobile.png) no-repeat center center / 33%;
} */
.home_hero_slide h4 {
	display: none;
}
#home_topics {
    margin-bottom: 6em;
    margin-bottom: 4.5em;
}
.topics_pane a::before {
    position: absolute;
    top: 16px;
    right: 12px;
    content: '';
    width: 30px;
    height: 30px;
}
.topics_image {
    width: 200px;
	height: 200px;
}
.topics_text {
	width: calc(100% - 200px);
	padding: 1em 45px 1.1em 1.1em;
	height: 200px;
}
.topics_tag {
    margin-bottom: 1em;
    margin-bottom: 0.6em;
}
.topics_tag li {
	font-size: 0.75em;
	font-size: 0.63em;
}
.topics_date {
    margin-bottom: 0.3em;
}
.topics_text h4 {
	-webkit-line-clamp: 2;
	font-size: 0.85em;
	line-height: 1.3em;
}
.topics_prepared .topics_text h5 br {
	display: none;
}
#home_school .inner {
    padding-bottom: 4em;
}
#home_school_slides_mobile {
	margin-bottom: 3.5em;
	padding: 0 120px;
	width: 100%;
}
.home_school_slide {
	border-radius: 10px;
	overflow: hidden;
}
#home_school_text {
	float: none;
	padding-top: 0;
	width: 100%;
}
#home_school_text h4 {
	margin-bottom: 1.2em;
	font-size: 1.8em;
	font-size: 1.6em;
}
#home_school_desc {
	letter-spacing: 0.06em;
}
#home_school_desc p:not(:last-of-type) {
    margin-bottom: 1.5em;
}
#home_exam .heading {
    margin-bottom: 2em;
}
#home_exam_flyer {
	/* display: none; */
	float: none;
	margin-bottom: 3em;
    width: 100%;
}
#home_exam_event .event_pane {
    float: none;
    width: 100%;
}
#home_exam_event .event_pane:not(:last-of-type) {
    margin-bottom: 1.5em !important;
    margin-bottom: 1.2em !important;
}
.event_pane a {
    padding: 2.5em 1.1em 1.5em 1.2em;
    padding: 3em 1.1em 1.2em 1.2em;
    border-radius: 10px;
}
.event_pane h4 {
	font-size: 1.05em;
}
.event_pane h6 {
	top: 22px;
	right: 28px;
    font-size: 0.7em;
}
.event_pane h5 {
    font-size: 0.9em;
}
.event_pane p {
	margin-bottom: 0.5rem;
	padding-bottom: 0.8rem;
	font-size: 0.8em;
}
.event_pane h5 span {
	font-size: 0.7em;
}
.event_pane.event_entry a::before {
	top: 18px;
    left: 28px;
    font-size: 0.8em;
}
#home_exam .inner {
    padding-bottom: 4em;
}
#home_exam .inner::before {
    left: 40px;
    width: calc(100% - 80px);
}
#home_exam_event {
    float: none;
    width: 100%;
}
#home_course .inner {
    padding-bottom: 0;
}
#home_course .inner::before {
    display: none;
}
.home_course_text {
    padding: 1.4em 1.3em 1em 1.35em;
}
.home_course_text h4 {
	margin-bottom: 0.15em;
    font-size: 1.05em;
}
.home_course_text p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
    font-size: 0.8em;
    font-size: 0.75em;
}
.home_course_text h5 {
	padding-top: 0.35rem;
    margin-top: 0.55rem;
	margin-bottom: 0.4em;
    font-size: 0.9em;
    font-size: 0.85em;
}
.home_course_text li {
	padding: 0.2em 0.38em 0.2em 0.45em;
	letter-spacing: 0 !important;
}
#home_news .heading {
    margin-bottom: 3.5em;
    margin-bottom: 2.5em;
    margin-bottom: 2em;
}
#home_news .tabs li {
	width: 25%;
}
#_home_news .tabs li#home_news_tab_general {
	width: 37%;
}



/* News */

.page_category #page_heading.w_select .page_heading_select {
	float: left;
	width: auto;
}
#news_heading_meta {
    margin-bottom: 1em;
}
#news_heading_legend li {
	margin-bottom: 0;
	padding-bottom: 0;
    padding-left: 35px;
    font-size: 0.8em;
}
#news_heading_legend li::before {
    width: 25px;
    height: 25px;
}
#news_heading_legend li:not(:last-of-type) {
    margin-right: 1em;
}
#news_heading_target {
	position: absolute;
	bottom: 0;
	right: 40px;
	width: calc(100% - 285px);
}
#news_heading_target li {
	margin-right: 0.8em;
	width: 125px;
	width: 110px;
}
#news_heading_target li:not(:last-of-type) {
	margin-right: 0.2em;
}
#news_heading_target li a {
	display: block;
	padding-left: 38px;
	font-size: 0.78em;
	line-height: 1.85em;
	letter-spacing: 0.03em;
}
#news_heading_target li a::before {
	width: 28px;
	height: 28px;
}
#news_heading_target li a::after {
	left: 7px;
	width: 14px;
	height: 14px;
}
#_news_heading_legend {
	float: none;
}
.news_list_title {
	float: right;
	float: none;
    width: calc(100% - 188px);
    width: calc(100% - 170px);
    width: 100%;
    line-height: 1.4rem;
}
.news_list li {
    padding: 0.9em 50px 1.1em 0;
    padding: 1em 50px 1.2em 0;
}
.page_category .news_list li {
    padding: 1.5em 50px 1.8em 0;
}
.news_list li.news_emergency::before,
.news_list li.news_important::before {
	right: 0;
    width: 30px;
    height: 30px;
}
.news_list_data {
	float: none;
	margin-right: 0;
	margin-bottom: 0.5em;
}
.news_list .news_list_data {
    float: none;
    margin-right: 0;
	margin-bottom: 0.5em;
}
.page_category .news_list .news_list_data {
	margin-bottom: 1em;
}
.news_list_color {
	margin-top: 4px;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 20px;
	width: 15px;
	height: 15px;
}
.news_list_date {
	margin-top: 0;
    width: auto;
    font-size: 0.8em;
    font-size: 0.85em;
    line-height: 1em;
	letter-spacing: 0.03em;
}
.news_list .news_list_date {
    width: auto;
}
.page_category .news_list .news_list_date {
    margin-top: 19px;
}
.news_list h5 {
    padding: 0.3em 0.8em 0.35em 0.8em;
    margin-right: 1rem;
    min-width: 170px;
    font-size: 0.65em;
}
.news_list .content li h4 {
    font-size: 0.9em;
}
.news_list h4.news_list_title {
    float: none;
    margin-top: 0;
    width: 100%;
}

/** Single **/

#page_heading.w_next h2.title {
	float: none;
	margin-bottom: 1.2em;
}
#page_heading.w_next .page_heading_next {
	float: none;
	width: 100%;
}
.page_heading_next a {
    padding: 0.8em 70px 0.9em 60px;
    border-radius: 10px;
}
.page_heading_next_color {
    left: 28px;
    width: 12px;
    height: 12px;
}
.page_heading_next h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
    font-size: 0.85em;
    line-height: 1.3em;
}
.page_heading_next a::before {
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(../images/common/icon_arrow_right_gray.png) no-repeat center / 100%;
}
#news_single .inner {
	padding: 0;
}
#news_single_wrapper {
	padding: 3em 40px 250px 40px;
}
#news_single_wrapper::before {
	bottom: 80px;
	width: 100px;
	height: 115px;
}
#news_single .heading {
    margin-bottom: 1.5em;
    padding-bottom: 1.8em;
}
#news_single .heading h2 {
	font-size: 1.3em;
}
#news_single_targets {
    margin-top: 1em;
}
.post .post_additional_attach ul li a {
    padding-left: 50px !important;
    background: url(../images/common/icon_download.png) no-repeat left center / 35px;
}
.post .post_additional_links a {
    padding-left: 50px !important;
}
.internal_link a {
    padding-left: 50px;
    background: url(../images/common/icon_arrow_right.png) no-repeat left 0 center / 35px;
}
.external_link a,
a.external_link {
    padding-left: 50px;
    background: url(../images/common/icon_external_arrow.png) no-repeat left 0 center / 35px;
}


#single_paging li {
    line-height: 1.2em;
}
#single_paging #paging_list a {
    font-size: 0.9em;
}
#single_paging #paging_prev,
#single_paging #paging_next {
	margin-top: -3px;
	width: 36px;
	height: 36px;
}
#single_paging #paging_prev {
    margin-left: 1.2em;
    margin-right: 1em;
    background: url(../images/common/icon_arrow_left_black.png) no-repeat center / 100%;
}
#single_paging #paging_next {
    margin-right: 0;
    background: url(../images/common/icon_arrow_right_black.png) no-repeat center / 100%;
}

/* Page */

#page_heading {
	margin-bottom: 3em;
}
#page_heading.w_select h2.title {
	float: none;
	margin-bottom: 1.2em;
}
#page_heading.w_select .page_heading_select {
	float: none;
	width: 100%;
}
#page_heading.w_select .page_heading_select .nice-select {
	margin-left: 0 !important;
    padding-left: 55px !important;
    padding-right: 35px !important;
	height: 3.2em !important;
    line-height: 3.2em !important;
	height: 3em !important;
    line-height: 3em !important;
}
#page_heading.w_select .page_heading_select .nice-select::after {
    top: 35px;
	left: 20px;
    width: 22px;
    height: 22px;
    background: url(../images/common/icon_arrow.png) no-repeat left center / 100%;
}
#page_heading h5 {
    margin-top: 1.5em;
    line-height: 1.8em;
    letter-spacing: 0.08em;
}
#page_heading h5 br {
    display: none;
}
.w_lead .side {
    float: none;
	margin-bottom: 0;
    width: 100%;
	overflow-x: hidden;
}
.meta_lead {
    margin-left: 0;
	margin-bottom: 1em;
    font-size: 1.4em;
    font-size: 1.5em;
    -ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
}
.w_lead .main {
    float: none;
    width: 100%;
}
.w_lead .meta_lead::after {
	display: none;
}

.column_image {
    position: relative;
    top: 0;
    left: 0;
    aspect-ratio: 3 / 2;
    width: 100%;
    height: 100%;
}
.column_text {
    padding: 2em;
    float: none;
    width: 100%;
}
.column_desc p {
font-size: 0.9em !important;
line-height: 1.8em !important;
}

.front_pane {
    float: none;
    margin-bottom: 1.5em;
    width: 100%;
}
.front_pane:nth-of-type(even) {
    float: none;
}
.front_pane a {
    padding: 1.2em 100px 1.2em 1.2em;
    padding: 1em 90px 1em 1em;
}
.front_pane a::before {
    background: #fff url(../images/common/icon_arrow_right.png) no-repeat center / 80%;
}
.front_pane_image {
    width: 140px;
    width: 135px;
}
.front_pane_text {
    padding-top: 20px;
    width: calc(100% - 170px);
}
.front_pane_text h4 {
    margin-bottom: 0.35em;
    font-size: 1.05em;
    letter-spacing: 0.05em;
}
.front_pane_text h5 {
	letter-spacing: 0.08em;
	letter-spacing: 0.05em;
}
.front_pane_text h5 br {
	display: none;
}

.front_news_heading {
    float: none;
    margin-bottom: 1em;
    margin-bottom: 2em;
}
.front_news_heading h3 .title_en {
    font-size: 2.5em;
}
.front_news_heading h3 .title_ja {
    font-size: 0.75em;
}
.front_news .news_list,
.front_news p.empty {
    float: none;
    margin-top: 0;
    width: 100%;
}
.front_news_content {
    float: none;
    width: 100%;
}
.front_news .button {
	margin-top: 2.5em;
}

/* About */

/** School **/

#school_basic_data {
    float: none;
	padding: 1.5em 1.8em 3em 1.8em;
    width: 100%;
	border-radius: 0 0 15px 15px;
}
#school_basic dt,
#school_basic dd {
	line-height: 1.5em;
}
#school_basic_image {
    float: none;
    width: 100%;
	aspect-ratio: 3 / 2;
	background-image: url(../images/about/school_basic_image_mobile.jpg) !important;
	border-radius: 15px 15px 0 0;
}

/** Message **/

#message_meta {
    position: relative;
    top: auto;
    float: none;
    padding-top: 0;
    width: 100%;
}
#message_image {
    margin: 10px 0 1em 1.5em;
    width: 200px;
}
#message_text h5 {
    margin-top: 2.5em;
    margin-bottom: 0.5em;
}
#message_contents.summary #message_text p:not(:last-of-type) {
    margin-bottom: 1em;
}

/** History **/

#history_chart .inner {
	padding: 0 40px;
}
.history_decade {
	padding-top: 3em;
    padding-left: 0;
}
.history_decade:first-of-type {
    padding-top: 0;
}
.history_decade::after {
	left: 0;
}
.history_decade:first-of-type:after {
    top: 25px;
    top: 45px;
    height: 100%;
}
.history_year:last-of-type {
    padding-bottom: 4em;
}
.history_year h4 .year_ad {
	font-size: 1.8em;
}
.history_year li {
	font-size: 0.95em;
	line-height: 1.6em;
}
.history_day {
	margin-top: -5px;
	width: 120px;
}
.history_event {
    padding-left: 140px;
}
.history_image {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
	margin-top: 1em !important;
	margin-left: -10px;
    overflow: hidden;
    opacity: 0;
}
.history_image.reveal {
    animation: history_image_reveal 500ms 1 ease-in-out 100ms forwards;
}
@keyframes history_image_reveal {
	0% {
		left: auto;
		margin-left: -10px;
		opacity: 0;
	}
	100% {
		left: auto;
		margin: 0;
		opacity: 1;
	}
}

/** Architecture **/

.architecture_features_pane_text h5 {
    margin-bottom: 0.6em;
    padding-bottom: 0.5em;
    font-size: 1.1em;
    letter-spacing: 0.05em;
}
.architecture_features_pane_text p {
	font-size: 0.9em;
    line-height: 1.6em;
}
#architecture_summary_column .column_image {
	background: url(../images/about/architecture_summary_column_image_mobile.jpg) no-repeat center / 100% !important;
}
.architecture_features_pane {
	float: none;
	width: 100%;
}
.architecture_features_pane:nth-of-type(3n - 1) {
    margin: 0;
}
.architecture_features_pane:not(:last-of-type) {
    margin-bottom: 2em;
}
.architecture_features_pane:not(:last-of-type) {
	margin-bottom: 2.5em;
}
.architecture_features_pane_image {
    margin-bottom: 1.2em;
}
.architecture_features_pane_text {
	padding: 0 1em;
}
.architecture_features_pane_text h4 {
    margin-bottom: 0.5em;
	text-align: left;
}
#architecture_map_images {
    float: none;
	margin-bottom: 2.5em;
    width: 100%;
}
.architecture_map_image_pin a {
	width: 35px;
	height: 35px;
	line-height: 35px;
}
.architecture_map_image_pin a::before {
	bottom: -20px;
	height: 22px;
}
#architecture_map_image_pin_1 {
	top: 7%;
	left: 10%;
}
#architecture_map_image_pin_2 {
	top: 6%;
	left: 30%;
}
#architecture_map_image_pin_3 {
	top: 29%;
	left: 20.8%;
}
#architecture_map_image_pin_4 {
	top: 24%;
	right: 33%;
}
#architecture_map_image_pin_5 {
	top: 37%;
	right: 6%;
}
#architecture_map_image_pin_6 {
	bottom: 25%;
	right: 8%;
}
#architecture_map_image_pin_7 {
	bottom: 23%;
	right: 35%;
}
#architecture_map_image_pin_8 {
	bottom: 23%;
	left: 33%;
}
.architecture_map_image_label {
	font-size: 0.6em;
}
#architecture_map_image_label_main {
	top: 12%;
	left: 36%;
}
#architecture_map_image_label_one {
	top: 45%;
	left: 33%;
}
#architecture_map_image_label_two {
	top: 50%;
	right: 21%;
}
#architecture_map_image_label_three {
	top: 50%;
	right: 4%;
}
#architecture_map_image_label_four {
	bottom: 18%;
	left: 46%;
}
#architecture_map_image_label_five {
	top: 26%;
	right: 38.5%;
}
#architecture_map_image_label_deken {
	bottom: 35.5%;
	left: 16%;
}
#architecture_map_thumbnails {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    width: 100%;
}
#architecture_map_thumbnails li {
	width: 31%;
}
#architecture_map_thumbnails li:nth-of-type(even) {
	float: left;
}
#architecture_map_thumbnails li:nth-of-type(2n + 1) {
	clear: none;
}
#architecture_map_thumbnails li:nth-last-of-type(n + 3) {
	margin-bottom: 0;
}
#architecture_map_thumbnails li:nth-of-type(3n - 1) {
	margin: 0 3.5%;
}
#architecture_map_thumbnails li:nth-of-type(3n + 1) {
	clear: both;
}
#architecture_map_thumbnails li:nth-last-of-type(n + 4) {
	margin-bottom: 1em;
}
#architecture_map_thumbnails li span {
    width: 28px;
    height: 28px;
    font-size: 0.8em;
    line-height: 28px;
}
#architecture_map_thumbnails li span::before {
    bottom: -11px;
    height: 14px;
}

/** Education **/

#education_principles_pane_b {
    padding: 3em 0;
    margin-bottom: 2em;
    height: auto;
    background: url(../images/about/education_principles_pane_b_image.jpg) no-repeat center / cover;
	text-align: center;
}
.education_principles_pane_b_content {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}
#education_principles_pane_b h2 {
    margin-bottom: 1em;
    font-size: 1.6em;
}
#education_principles_pane_b li:not(:last-of-type) {
    margin-bottom: 0.8em;
}

/** Students **/

#students_principles_pane {
	margin-bottom: 2.3em;
	padding: 3.5em 2.4em;
	padding: 3em 2.5em;
}
#students_principles_pane::before {
	top: -25px;
	font-size: 4.5em;
}
#students_principles_pane::after {
	bottom: -80px;
	font-size: 4.5em;
}
#students_principles_pane h2 {
    font-size: 1.25em;
    line-height: 1.8em;
}


/* Life */

#daily_contents .inner {
    padding: 0 40px;
}
.daily_block {
	margin-bottom: 3.5em;
}
.daily_block_shr {
    margin: 4.5em 0 !important;
}
.daily_time {
    top: -40px;
    right: 20px;
    width: 130px;
}
.daily_clock {
    width: 130px;
}
.daily_clock_analog {
    width: 130px;
    height: 130px;
}
.daily_pane_image {
    float: none;
    margin-bottom: 2.2em;
    width: 100%;
}
.daily_pane_text {
    float: none;
    padding: 0;
    width: 100%;
}
.daily_pane p {
    font-size: 1em;
    line-height: 1.6em;
}
.daily_block_shr .daily_pane {
	float: none;
	width: 100%;
	padding: 2em 2em;
	border-radius: 25px;
}
.daily_block_shr .daily_pane .daily_pane_image {
	margin-bottom: 1.5em;
	width: 170px;
}
.daily_block_shr .daily_pane .daily_pane_text {
	padding: 0;
    width: 100%;
}
._daily_block_shr .daily_pane .daily_pane_text p {
    line-height: 1.em;
}
.daily_pane_text_title {
	float: right;
	margin-top: 10px;
	width: calc(100% - 195px);
}
.daily_pane h5.title .label:not(:last-of-type) {
	margin-left: 0;
}
#club_summary h3 br {
	display: none;
}
#club_list .tabs {
    margin-bottom: 2em;
}
.club_list_pane {
    width: 48%;
}
.club_list_pane:not(:nth-of-type(4n)) {
    margin-right: 0;
}
.club_list_pane:nth-of-type(4n + 1) {
    clear: none;
}
.club_list_pane:nth-last-of-type(n + 5) {
    margin-bottom: 0;
}
.club_list_pane:nth-of-type(even) {
    float: right;
}
.club_list_pane:nth-of-type(2n + 1) {
    clear: both;
}
.club_list_pane:nth-last-of-type(n + 3) {
    margin-bottom: 1.5em;
}
.club_list_pane h4 {
    bottom: -15px;
    padding: 0.6em 1.2em;
    font-size: 0.85em;
    line-height: 1.4em;
    letter-spacing: 0.05em;
}

.students_appearance_uniform_panes {
	padding: 2em 1em;
}
.students_appearance_uniform_pane {
	float: none;
	padding: 0;
	width: 100%;
}
.students_appearance_uniform_pane:nth-of-type(even) {
	float: none;
	margin-top: 1.5em;
	padding-left: 0;
	padding-top: 1.5em;
	width: 100%;
	border-left: none;
	border-top: 1px solid var(--main);
}
.students_appearance_uniform_pane li {
    font-size: 0.83em;
    letter-spacing: 0;
}
.students_list.students_list_goal h4.title,
.students_list.students_list_prohibited h4.title {
    padding-left: 45px;
}
.students_list.students_list_goal h4.title::before,
.students_list.students_list_prohibited h4.title::before {
    width: 35px;
    height: 35px;
}

/** Uniform **/

#uniform_images_slides {
	padding: 0 100px;
}


/* Course */

#page_hero {
    margin-bottom: 4.5em;
}
#page_hero .inner {
    padding-left: 40px;
}
#page_hero_wrapper {
	padding-bottom: 100px;
	overflow: hidden;
}
#page_hero_image {
	aspect-ratio: 133 / 195;
	max-height: 975px;
}
#page_hero_copy {
    position: absolute;
    top: 50px;
    left: 30px;
    font-size: 1.77em;
    letter-spacing: 0.3em;
}
.page_single #page_hero_copy {
    font-size: 1.3em;
    line-height: 1.5em;
    letter-spacing: 0.2em;
}
#page_hero_aka {
	right: 110px;
	top: 30px;
	font-size: 5.5em;
}
#page_hero h2.title {
	height: calc(100% - 100px);
	font-size: 1.35em;
}
.page_v #page_hero h2.title {
	background: var(--v) url(../images/common/course_v_title_v_ja.png) no-repeat center top 50px / 40%;
}
.page_p #page_hero h2.title {
	background: var(--p) url(../images/common/course_p_title_v_ja.png) no-repeat center top 50px / 40%;
}
.page_pd #page_hero h2.title {
	background: var(--pd) url(../images/common/course_pd_title_v_ja.png) no-repeat center top 50px / 40%;
}
.page_i #page_hero h2.title {
	background: var(--i) url(../images/common/course_i_title_v_ja.png) no-repeat center top 50px / 40%;
}
.page_ad #page_hero h2.title {
	background: var(--ad) url(../images/common/course_ad_title_v_ja.png) no-repeat center top 50px / 40%;
}
.page_f #page_hero h2.title {
	background: var(--f) url(../images/common/course_f_title_v_ja.png) no-repeat center top 50px / 40%;
}
#page_hero_topics {
	right: 30px;
	bottom: 5px;
	width: calc(100% - 60px);
}
.reveal #page_hero_topics {
	animation: hero_topics_reveal 450ms 1 ease-in-out 1200ms forwards;
}
@keyframes hero_topics_reveal {
	0% {
		bottom: 5px;
		opacity: 0;
	}
	100% {
		bottom: 0;
		opacity: 1;
	}
}
.aspect_h #course_summary_chart,
#course_summary_chart {
    float: none;
    width: 100%;
	margin: 0 auto 2.5em auto;
}
.aspect_h #course_summary_text,
#course_summary_text {
    float: none;
    width: 100%;
}
/* .aspect_s #course_summary_chart {
	width: 80%;
}
.aspect_s #course_summary_text {
	width: 100%;
}
.aspect_h #course_summary_chart {
	width: 80%;
}
.aspect_h #course_summary_text {
	width: 100%;
}
.aspect_p #course_summary_chart {
	width: 80%;
}
.aspect_p #course_summary_text {
	width: 100%;
} */
 #venn_diagram_v {
    height: 450px;
}
#venn_diagram_v .venn_circle h5 {
    font-size: 0.9em;
    width: max-content;
}
#venn_diagram_v .venn_circle {
    width: 190px;
    height: 190px;
}
#venn_diagram_v .venn_circle h6 {
    font-size: 1em;
}
#venn_diagram_v #venn_circle_center {
    width: 290px;
    height: 290px;
}
#venn_diagram_p .venn_circle {
    width: 230px;
    height: 230px;
}
#venn_diagram_p #venn_circle_center {
    left: calc(50% - 115px);
}
#venn_diagram_p #venn_circle_right {
    left: calc(50% + 90px);
}
#venn_diagram_p #venn_circle_left {
    left: calc(50% - 320px);
}
#venn_diagram_p .venn_circle h5 {
    font-size: 1em;
	letter-spacing: 0.02em;
}
#venn_diagram_pd {
    height: 425px;
}
#venn_diagram_pd .venn_circle {
	padding-top: 61px;
    width: 240px;
    height: 240px;
}
#venn_diagram_pd #venn_circle_top {
    left: calc(50% - 120px);
}
#venn_diagram_pd #venn_circle_left {
    bottom: 0;
    left: calc(50% - 230px);
}
#venn_diagram_pd #venn_circle_right {
    bottom: 0;
    left: calc(50% - 10px);
}
#venn_diagram_pd .venn_circle h5 {
    font-size: 1.1em;
}
#venn_diagram_pd .venn_circle p {
    font-size: 0.8em;
	line-height: 1.5em;
}
#venn_diagram_i #venn_circle_top_center {
    top: 0;
    left: calc(50% - 100px);
}
#venn_diagram_i #venn_circle_top_right {
    top: 115px;
    left: calc(50% + 80px);
}
#venn_diagram_i #venn_circle_bottom_right {
    top: 315px;
    left: calc(50% - -30px);
}
#venn_diagram_i #venn_circle_bottom_left {
    top: 315px;
    left: calc(50% - 230px);
}
#venn_diagram_i #venn_circle_top_left {
    top: 115px;
    left: calc(50% - 280px);
}
#venn_diagram_i #venn_circle_center {
    width: 250px;
    height: 250px;
}
#venn_diagram_i .venn_circle {
    width: 200px;
    height: 200px;
}
#venn_diagram_i .venn_circle h5 {
    font-size: 0.9em;
    line-height: 1.5em;
}
#venn_diagram_i #venn_circle_center h5 {
    font-size: 1.2em;
}
.page_ad #course_summary_chart {
    width: 100% !important;
}
#venn_diagram_ad {
	padding-top: 70px;
}
#venn_diagram_ad h5 {
    font-size: 1em;
}
.venn_diagram_line h6 {
	padding: 10px 10px 10px 8px;
    font-size: 0.7em;
}
.venn_diagram_line {
	padding-left: 60px;
}
#venn_diagram_ad .venn_circle:nth-last-of-type(-n + 2) {
    margin-top: 0;
}
#venn_diagram_ad .venn_circle:nth-of-type(even) {
    margin-left: 0;
}
#venn_diagram_ad .venn_circle:nth-of-type(even) {
    margin-left: 0;
}
#venn_diagram_ad .venn_circle {
    width: 167px;
    height: 167px;
}
#venn_diagram_ad .venn_circle:not(:first-of-type) {
    margin-left: -20px;
}
#venn_diagram_ad .venn_circle p {
    font-size: 0.8em;
    width: max-content;
}
#venn_diagram_f {
    height: 425px;
}
#venn_diagram_f .venn_circle {
    width: 240px;
    height: 240px;
}
#venn_diagram_f #venn_circle_top {
    left: calc(50% - 120px);
}
#venn_diagram_f #venn_circle_left {
    bottom: 0;
    left: calc(50% - 230px);
}
#venn_diagram_f #venn_circle_right {
    bottom: 0;
    left: calc(50% - 10px);
}
.aspect_s #course_summary_chart {
    width: 100%;
}
.aspect_s #course_summary_text {
    width: 100%;
}
#course_summary_text h4 {
	font-size: 1.2em;
	line-height: 1.6em;
}
#course_summary_text p {
	letter-spacing: 0.05em;
}
#course_news .news_list_title {
    width: 100%;
}
.course_studies_block {
    padding: 2.2em 2em 1.5em 2em;
}
.course_studies_block:not(:last-of-type) {
    margin-bottom: 3em;
}
.course_studies_block .heading {
    padding-bottom: 0.4em;
    margin-bottom: 1.8em;
}
.course_studies_block .heading h4 {
    font-size: 3.2em;
}
.course_studies_time {
    font-size: 3.2em;
}
.course_studies_pane {
    float: none;
    margin-bottom: 1.5em;
    width: 100%;
}
.course_studies_pane:nth-of-type(3n - 1) {
    margin-left: 0;
    margin-right: 0;
}
.works_pane {
    float: none;
    width: 100%;
}
.works_pane:nth-of-type(even) {
    float: none;
}
.works_pane:nth-of-type(2n + 1) {
    clear: none;
}
.works_pane:nth-last-of-type(n + 2) {
    margin-bottom: 0;
}
.works_pane:not(:last-of-type) {
    margin-bottom: 2em;
}
.works_image {
    margin-bottom: 1.2em;
    aspect-ratio: 16 / 9;
}
.works_links li a {
	width: 65px;
	height: 65px;
	background: var(--students) url(../images/common/icon_link_white.png) no-repeat center / 35px;
}
.works_links li.works_zoom a {
	background: #36cf73 url(../images/common/icon_zoom_white.png) no-repeat center / 35px;
}
.works_links li.works_video a {
	background: #00a2e7 url(../images/course/icon_play.png) no-repeat center / 25px;
}
.works_award {
    margin-bottom: 1.2em;
    padding-bottom: 1em;
}
.works_pane p {
    font-size: 0.8em;
    letter-spacing: 0.05em;
    line-height: 1.5em;
}
#course_timetable thead th {
    padding: 0.5em;
    font-size: 0.85em;
}
#course_timetable td,
#course_timetable th {
	padding: 1.2em 0.5em;
	font-size: 0.8em;
}
#course_timetable tbody td {
	padding: 1em 0.5em;
    font-size: 0.65em;
    line-height: 1.5em;
    letter-spacing: 0;
}
.course_path_summary_pane {
	position: relative;
    float: left;
    width: 50%;
}
.course_path_summary_pane:nth-of-type(2n + 1) {
    clear: both;
}
.course_path_summary_pane:not(:last-of-type) {
    border-right: none;
}
.course_path_summary_pane:nth-of-type(odd) {
    border-right: solid 1px #ddd;
}
.course_path_summary_pane:last-of-type {
	padding: 0.5em 3% 0 3%;
    width: 100%;
    border-right: none;
}
.course_path_summary_pane:not(:last-of-type) {
    margin-bottom: 2em;
    margin-bottom: 3.5em;
}
.course_path_summary_pane:not(:last-of-type)::before {
    position: absolute;
	bottom: -1.1em;
	bottom: -1.8em;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	width: 90%;
	height: 1px;
	background: #ddd;
}
.course_path_summary_pane h4 {
	margin-bottom: 0.2em;
    font-size: 2.5em;
}
.course_path_summary_pane h3 {
    padding: 0.45em 0.8em;
    font-size: 0.8em;
}
#course_path_voice_panes {
    padding: 2.2em 2em;
	padding: 1.5em 1.3em;
}
.course_path_voice_pane:not(:last-of-type) {
    margin-bottom: 2.5em;
    padding-bottom: 2em;
}
.course_path_voice_pane_heading {
    float: none;
    margin-bottom: 2em;
    width: 100%;
}
.course_path_voice_pane_heading h6 {
    bottom: 30px;
    font-size: 0.9em;
}
.course_path_voice_pane_heading h5,
.course_path_voice_pane_heading h4 {
	margin-left: 0;
}
.course_path_voice_pane_content {
    float: none;
    width: 100%;
}
.course_path_voice_pane_works_image {
	width: 35%;
}
.course_path_voice_pane_desc p {
	font-size: 1em;
    line-height: 1.6em;
}
#course_faq_panes {
	padding: 0 80px;
	padding: 0 100px;
}
#course_faq_detail {
	width: 85%;
}
#course_faq_detail_inner {
    padding: 3em 2.5em;
}
#course_faq_detail_close {
    right: 25px;
    top: 25px;
    width: 35px;
    height: 35px;
}
#course_faq .more {
    float: none;
	margin-top: 2em;
}

/* Students */

.suspension_case {
    float: none;
    width: 100%;
    padding: 1.5em 2em 1.2em 2em;
}
.suspension_case:nth-of-type(2) {
    margin: 0;
}
.suspension_case:not(:last-of-type) {
    margin-bottom: 1.5em;
}
.suspension_case ul {
	margin: 0 auto 1.5em auto;
	width: 80%;
}

/* Exam */

#exam_front_date ul {
	padding: 0;
}
#exam_front_date li {
    float: none;
    padding: 2em 0;
    width: 100%;
}
#exam_front_date li:nth-of-type(2n) {
	border-left: none;
	border-right: none;
    border-top: 2px solid var(--main);
    border-bottom: 2px solid var(--main);
}
.application_about_pane {
    float: none;
    width: 100%;
}
.application_about_pane:not(:last-of-type) {
    margin-bottom: 1.5em;
}
.page_opencampus #page_heading h2 {
	font-size: 1.3em !important;
    letter-spacing: 0.02em;
}
.page_opencampus #page_heading h2 span {
    font-size: 0.65em !important;
    font-size: 0.63em !important;
    padding-left: 0.8em !important;
    margin-left: 0.5em !important;
}
.page_transcript #page_heading h2 {
	font-size: 1.4em !important;
    letter-spacing: 0.02em;
}
.page_transcript #page_heading h2 span {
    font-size: 0.65em !important;
    font-size: 0.63em !important;
    padding-left: 0.8em !important;
    margin-left: 0.5em !important;
}
.page_students #page_heading h2 {
	font-size: 1.4em !important;
    letter-spacing: 0.02em;
}
.page_students #page_heading h2 span {
    font-size: 0.65em !important;
    font-size: 0.63em !important;
    padding-left: 0.8em !important;
    margin-left: 0.5em !important;
}

#event_opencampus {
    padding-bottom: 2em;
    margin-bottom: 2em;
}
#opencampus_event .heading {
    margin-bottom: 2em;
}
#opencampus_event_flyer {
    float: none;
    width: 100%;
	margin-bottom: 2em;
}
#opencampus_event_panes {
    float: none;
    width: 100%;
}
#opencampus_event_panes .event_pane {
	float: none;
	width: 100%;
}
#opencampus_event_panes .event_pane:nth-last-of-type(n + 3) {
	margin-bottom: 1.87em;
	margin-bottom: 0;
}
#opencampus_event_panes .event_pane:nth-of-type(even) {
	float: none;
}
#opencampus_event_panes .event_pane:nth-of-type(2n + 1) {
	clear: none;
}
#opencampus_event_panes .event_pane:not(:last-of-type) {
	margin-bottom: 1.5em;
}
#event_others .event_pane {
	float: none;
	width: 100%;
}
#event_others .event_pane:nth-last-of-type(n + 4) {
	margin-bottom: 1.87em;
	margin-bottom: 0;
}
#event_others .event_pane:nth-of-type(3n - 1) {
	margin: 0;
}
#event_others .event_pane:nth-of-type(3n + 1) {
	clear: none;
}
#event_others .event_pane:not(:last-of-type) {
	margin-bottom: 1.5em;
}
#opencampus_summary_image {
    float: none;
	margin-bottom: 2em;
    width: 100%;
}
#opencampus_summary_text {
    float: none;
    width: 100%;
}
#opencampus_summary_text h4 br {
	display: none;
}
#opencampus_single_wrapper {
    padding: 2.5em 2em 3.5em 2em;
}
#opencampus_single .heading {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}
#opencampus_single .heading h2 {
    float: none;
    margin-bottom: 0.8em;
    font-size: 1.3em;
}
#opencampus_single .heading ul {
    float: none;
    margin-top: 0;
}
#opencampus_single article {
    margin-bottom: 3em;
}
#opencampus_single_flyer {
    float: none;
	margin-bottom: 2em;
    width: 100%;
}
.opencampus_single_flyer_download {
    margin-top: 1.5em;
}
.opencampus_single_flyer_download a {
    padding-left: 45px;
    font-size: 1em;
    background: url(../images/common/icon_download.png) no-repeat left center / 35px;
}
#opencampus_summary .opencampus_data {
    float: none;
    width: 100%;
}
.opencampus_data dl {
    margin-top: 0;
	font-size: 0.9em;
}
.opencampus_data dt {
	width: 8em;
}
.opencampus_data dd {
	padding-left: 8em;
}

#opencampus_entry {
    margin-top: 3em;
}

/* Path */


#path_guraduates h3.title .nice-select {
	padding-left: 40px !important;
    padding-right: 25px !important;
}
#path_guraduates h3.title .nice-select .current {
	font-size: 1em;
}
#path_guraduates h3.title .nice-select::after {
	left: 18px;
	width: 11px;
	height: 11px;
}
#path_guraduates_rate_studies {
    float: none;
	margin-bottom: 1.5em;
    width: 100%;
}
.path_guraduates_rate_details {
    display: block;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #eee;
    margin-left: auto;
    padding-left: 0;
    border-left: none;
}
#path_guraduates_rate_studies .path_guraduates_rate_details li {
	float: left;
	width: 31%;
}
#path_guraduates_rate_studies .path_guraduates_rate_details li:nth-of-type(2n) {
	margin: 0 3.5%;
}
.path_guraduates_rate_pane h5 {
    font-size: 2.5em;
}
.path_guraduates_rate_details li h6 {
	margin-top: 3px;
    margin-right: 0.3em;
}
.path_guraduates_rate_details li p {
    font-size: 1.6em;
}
#path_guraduates_rate_works {
    float: none;
    width: 100%;
}
#path_guraduates_course {
	margin-left: -40px;
	width: calc(100% + 80px);
	overflow-x: scroll;
}
#path_guraduates_course table {
	margin-left: 40px;
	margin-right: 40px;
	width: max-content;
}
#path_guraduates_course table {
    margin-bottom: 3em;
}
#path_guraduates_course table th:not(.path_table_course_name),
#path_guraduates_course table td:not(.path_table_course_name) {
	width: auto;
	width: 230px;
}
#path_guraduates_course .path_table_course_name {
    width: auto;
}
#path_guraduates_studies dl {
	margin-bottom: 3em;
}
#path_guraduates_studies dl,
#path_guraduates_works > ul {
	padding: 2em;
}
#path_guraduates_studies dt {
    float: none;
    margin-bottom: 0.8em;
    width: 100%;
    font-size: 1.1em;
}
#path_guraduates_studies dd {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    padding-top: 0;
    padding-left: 0;
    border-bottom: 1px solid #ddd;
}
#path_guraduates_studies dd li {
    margin-bottom: 0.5em;
    font-size: 0.8em;
	letter-spacing: 0.03em;
	word-break: keep-all;
}
#path_guraduates_studies dd li:not(:last-of-type) {
    margin-right: 0.6em;
    padding-right: 0.6em;
}
#path_guraduates_studies dd li span {
	margin-left: 0.4em;
	padding: 0.15em 0.45em 0.12em 0.4em;
	font-size: 0.95em;
}
#path_guraduates_works > ul > li {
    margin-bottom: 0.5em;
}
#path_guraduates_works > ul > li:not(:last-of-type) {
    margin-right: 0.6em;
    padding-right: 0.6em;
}
#path_guraduates_works > ul > li h5 {
    font-size: 0.8em;
    letter-spacing: 0.03em;
}
#path_guraduates_works > ul > li ul li {
    font-size: 0.7em;
	letter-spacing: 0.03em;
	word-break: keep-all;
}
#path_guraduates_works > ul > li ul li span {
    padding: 0.3em 0.3em 0.25em 0.3em;
    font-size: 0.9em;
}


/* Graduates */

.transcript_data {
    margin-bottom: 2.5em;
    font-size: 0.95em;
}
.transcript_send_stamp dt {
    width: 8em;
	letter-spacing: 0.03em;
}
.transcript_send_stamp dd {
    padding-top: 1em;
    padding-left: 9em;
	letter-spacing: 0.03em;
}
#transcript_contact h6 {
	margin-bottom: 0.5em;
    font-size: 1.05em;
	line-height: 1.5em;
    letter-spacing: 0.03em;
}
#scholarship_summary ol li {
	font-size: 0.91em;
	letter-spacing: 0.02em;
}
#scholarship_summary ol li a {
	background-size: 30px;
}
#alumni_about_images {
    float: none;
    margin-bottom: 2.5em;
    width: 100%;
}
#alumni_about_image {
	margin: 0 auto 2em auto;
	width: 77%;
}
#alumni_about_image .venn_diagram {
    height: 450px;
}
#alumni_about_image #venn_circle_top,
#alumni_about_image #venn_circle_left,
#alumni_about_image #venn_circle_right {
	width: 170px;
    height: 170px;
}
#alumni_about_image #venn_circle_top {
	left: calc(50% - 85px);
}
#alumni_about_image #venn_circle_center {
    width: 280px;
    height: 280px;
    top: 130px;
}
#alumni_about_image #venn_circle_center h5 {
    width: 200px;
}
#alumni_about_image .venn_circle h5 {
	font-size: 0.9em;
}
#alumni_course_panes .alumni_pane {
    float: none;
    width: 100%;
}
#alumni_course_panes .alumni_pane:nth-of-type(even) {
    float: none;
}
#alumni_course_panes .alumni_pane:nth-of-type(2n + 1) {
    clear: none;
}
#alumni_course_panes .alumni_pane:nth-last-of-type(n + 3) {
    margin-bottom: 0;
}
#alumni_course_panes .alumni_pane:not(:last-of-type) {
    margin-bottom: 1em;
}
.alumni_pane {
    padding: 1.8em 1.5em;
    padding: 1.5em;
}
.alumni_pane h4 {
    font-size: 1.1em;
}
.alumni_pane_links li a {
    width: 35px;
    height: 35px;
}
#alumni_about_summary {
    float: none;
    width: 100%;
}
#alumni_about_summary h4 {
    margin-bottom: 0.8em;
    font-size: 1.5em;
}
#alumni_history_bg {
    background-image: url(/images/graduates/alumni_history_bg_mobile.jpg);
}
#alumni_history .inner {
    padding-top: 5em;
    padding-bottom: 5em;
}
#alumni_history h3 {
    margin-bottom: 1.5em;
    font-size: 1.5em;
}
#alumni_history h3 span {
    width: max-content;
    font-size: 2em;
}
#alumni_history_text {
    width: 100%;
}
#alumni_history_text p {
    font-size: 1.1em;
    line-height: 2em;
}

/* Faq */

.faq_pane {
    padding: 1.8em 1.5em;
}
.faq_pane:not(:last-of-type) {
    margin-bottom: 1.5em;
}
.faq_q {
    padding: 0;
    padding-left: 60px;
    width: calc(100% - 60px);
}
.faq_q::before {
    top: -8px;
    font-size: 1.4em;
}
.faq_pane h4 {
    margin-bottom: 0;
    font-size: 1.05em;
    line-height: 1.3em;
}
.faq_a {
    padding: 1.15em 0 0 0;
    padding-left: 60px;
	font-size: 1em;
}
.faq_a::before {
    top: 28px;
    font-size: 1.4em;
}
.faq_a p,
.faq_a ul {
    line-height: 1.5em;
}
.faq_switch {
    right: 50px;
    background: url(../images/common/icon_arrow.png) no-repeat center / 70%;
}
#faq_list_course .tabs li {
    padding: 0.65em 0;
    font-size: 1.3em;
    letter-spacing: 0;
}
#faq_list_course .tabs li span {
    margin-top: 0.5em;
    font-size: 0.65rem;
    letter-spacing: 0.03em;
    line-height: 1.3em;
}
#faq_list_course .tabs li#tab_f span {
    margin-top: 1em;
}

/* Access */

#accsess_map p {
	aspect-ratio: 3 / 4;
}
#access_train_image {
	float: none;
	margin-bottom: 2em;
	width: 100%;
}
#access_train_text {
	float: none;
	padding: 0 1.8em 1.5em 1.8em;
	width: 100%;
}
#access_train_text h4 {
	margin-bottom: 1.5em;
	font-size: 1.3em;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}
#access_train_text li {
    padding-left: 65px;
}
#access_train_text li::before {
    width: 44px;
    height: 60px;
}

/* Contact */

#contact_faq_panes {
	padding: 0 100px;
}
#contact_direct_time p {
    line-height: 1.5em;
}
#sent_heading {
    float: none;
	margin-bottom: 2em;
    width: 100%;
}
#sent_heading .summary p br {
	display: none;
}
#sent_contact {
    float: none;
    width: 100%;
}
#sent_contact li span {
    padding-left: 50px;
    background-size: 35px;
}
#sent_contact li#sent_contact_mail span {
    background-size: 30px;
    background-position: 4px center;
}

/* Socks */

#socks {
	margin-top: 8em;
	margin-top: 6em;
}
#socks li {
	width: 33.333% !important;
}
#socks li#socks_v a {
	background: var(--v) url(../images/common/course_v_title_h.png) no-repeat center center / 80%;
}
#socks li#socks_p a {
	background: var(--p) url(../images/common/course_p_title_h.png) no-repeat center center / 80%;
}
#socks li#socks_pd a {
	background: var(--pd) url(../images/common/course_pd_title_h.png) no-repeat center center / 80%;
}
#socks li#socks_i a {
	background: var(--i) url(../images/common/course_i_title_h.png) no-repeat center center / 80%;
}
#socks li#socks_ad a {
	background: var(--ad) url(../images/common/course_ad_title_h.png) no-repeat center center / 80%;
}
#socks li#socks_f a {
	background: var(--f) url(../images/common/course_f_title_h.png) no-repeat center center / 80%;
}
#socks li#socks_i.active::before,
#socks li#socks_ad.active::before,
#socks li#socks_f.active::before {
	top: auto;
	bottom: -7px;
}

/* Ankle */

#ankle {
	margin-top: 5em;
}
#toc_slides {
	overflow: hidden;
}
.toc_pane .front_pane_image {
	width: 130px;
}
.toc_pane .front_pane_text {
	padding-top: 1em;
	width: calc(100% - 170px);
}
.toc_pane a {
	padding: 1.2em;
}
.toc_pane_opencampus .front_pane_text h4 {
	font-size: 0.95em;
	letter-spacing: 0.02em;
}
.front_pane_text h5 {
    font-size: 0.85em;
    font-size: 0.8em;
    line-height: 1.6em;
	letter-spacing: 0.05em;
}
.toc_pane_uniform .front_pane_text h5,
.toc_pane_report .front_pane_text h5,
.toc_pane_alumni .front_pane_text h5 {
	letter-spacing: 0;
}

/* Footer */

#footer {
    padding: 5em 0;
}
#footer_heading {
    margin-bottom: 2em;
}
#footer_id {
	float: none;
	margin-bottom: 1.8em;
}
#_footer_id h3 {
    font-size: 1.4em;
}
#_footer_id ul {
    font-size: 1em;
}
#footer_links {
	float: none;
}
#footer_links .button p a {
	padding-right: 2.2em;
	font-size: 0.8em;
}
#footer_links #footer_links_night p a {
	padding: 1.9em 1.8em 1.8em 4em;
    font-size: 0.75em;
    letter-spacing: 0.05em;
}
#footer_links #footer_links_night p a::before {
	width: 28px;
	height: 28px;
}
#footer_toc {
    margin-bottom: 3em;
}
#footer_toc_principal {
    float: none;
    padding: 0;
	margin-bottom: 1.8em;
	/* padding-bottom: 2em; */
    width: 100%;
	border-right: none;
	border-bottom: none;
}
.footer_toc_category {
	width: 47.5% !important;
}
.footer_toc_category:nth-of-type(even) {
	float: right;
	padding-left: 0 !important;
	border-left: none;
}
.footer_toc_category:nth-of-type(odd) {
	padding: 0;
	border-left: none;
}
._footer_toc_category h3 {
	margin-bottom: 0.5em;
	font-size: 1em;
}
._footer_toc_category ul {
    font-size: 0.9em;
}
.footer_toc_category h3 {
    margin-bottom: 0.75em;
    margin-bottom: 0.5em;
    margin-bottom: 0.7em;
	padding-bottom: 0.6em;
	border-bottom: solid 1px #d9d6d0;
    font-size: 0.85em;
    font-size: 1em;
    font-size: 0.95em;
	line-height: 1.5em;
    letter-spacing: 0.03em;
}
.footer_toc_category h3 a {
	padding-right: 28px;
}
.footer_toc_category h3 a::after {
    width: 25px;
    height: 25px;
}
.footer_toc_category ul {
    line-height: 1.8em;
    font-size: 0.8em;
	letter-spacing: 0.02em;
}
.footer_toc_category h3 a::after {
    right: -5px;
    background: url(../images/common/icon_arrow_black.png) no-repeat center / 100%;
}
#footer_toc_principal_mobile .footer_toc_category:nth-last-of-type(n + 3) {
	margin-bottom: 1.5em;
	margin-bottom: 1.8em;
}
#footer_toc_others {
    float: none;
    padding-left: 0;
    width: 100%;
}
#footer_toc_others .footer_toc_category {
    width: 100% !important;
}
#footer_toc_others_page {
	float: left;
	width: 37%;
	margin-right: 8%;
}
#footer_toc_others_external {
	float: left;
	margin-top: 0;
	width: 55%;
}
#footer_toc_others_external li {
    padding-left: 23px;
    background-size: 16px;
}
#footer_toc_others_external li#footer_toc_others_external_alumni {
	background-size: 18px;
}
.footer_banner {
	display: block;
	float: left;
    margin: 0;
	width: 31.666%;
	width: 48.75%;
}
._footer_banner:nth-of-type(3n - 1) {
	margin: 0 2.5%;
}
._footer_banner:nth-of-type(3n + 1) {
	clear: both;
}
._footer_banner:nth-last-of-type(n + 4) {
	margin-bottom: 1em;
}
.footer_banner:nth-of-type(even) {
	float: right;
}
.footer_banner:nth-of-type(2n + 1) {
	clear: both;
}
.footer_banner:nth-last-of-type(n + 3) {
	margin-bottom: 1em;
}
.footer_banner a {
	padding: 12px;
	padding: 18px 20px 22px 20px;
	width: 100%;
	height: 71px;
	height: 90px;
	height: 120px;
}
.banner_logo {
	width: 40px;
	height: 40px;
	width: 55px;
	height: 55px;
	width: 80px;
	height: 80px;
}
.banner_logo img {
    display: block;
}
.banner_text {
	margin-top: 10px;
	padding-left: 10px;
	width: calc(100% - 40px);
	width: calc(100% - 60px);
	width: calc(100% - 85px);
	font-size: 0.55em;
	font-size: 0.67em;
	font-size: 0.8em;
	line-height: 1.38em;
	line-height: 1.4em;
	letter-spacing: 0;
}
.banner_text span {
    margin-left: -0.08em;
}
#shoes {
    margin: 3em 0;
}
#shoes li {
    display: block;
	float: left;
    margin: 0;
    width: 23.125%;
}
#shoes li:nth-of-type(4n + 1) {
    clear: both;
}
#shoes li:not(:nth-of-type(4n)) {
    margin-right: 2.5%;
}
#shoes li:nth-last-of-type(n + 5) {
    margin-bottom: 1em;
}

.glightbox-container {
  width: 100vw;
}
.glightbox-container .gcontainer {
  width: 100vw;
}