/*------------------------------------------------------

page-title

------------------------------------------------------*/
#page-title { background: url(/faculty/images/st_pagetitle.jpg) no-repeat center center; background-size: cover; }

#literature #page-title { background: url(/faculty/literature/images/st_pagetitle.jpg) no-repeat center center; background-size: cover; }

#shinto #page-title,
#shinto-course #page-title,
#shinto-learn #page-title, 
#shinto-employment #page-title { height: 440px; padding-top: 180px; background: url(/faculty/literature/shinto/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;}

#kokubun #page-title,
#kokubun-course #page-title,
#kokubun-learn #page-title, 
#kokubun-employment #page-title { height: 440px; padding-top: 180px; background: url(/faculty/literature/kokubun/images/st_pagetitle.jpg) no-repeat center center; background-size: cover; }

#kokushi #page-title,
#kokushi-course #page-title,
#kokushi-learn #page-title, 
#kokushi-employment #page-title { height: 440px; padding-top: 180px; background: url(/faculty/literature/kokushi/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;}

#communication #page-title,
#communication-course #page-title,
#communication-learn #page-title, 
#communication-employment #page-title { height: 440px; padding-top: 180px; background: url(/faculty/literature/communication/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;}

#education #page-title,
#edu_subject #page-title,
#edu_course #page-title,
#education-learn #page-title, 
#education-employment #page-title { height: 440px; padding-top: 180px; background: url(/faculty/education/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;}


#contemporary-japan #page-title,
#cj_subject #page-title,
#cj_division #page-title ,
#contemporary-japan-learn #page-title,
#contemporary-japan-employment #page-title { height: 440px; padding-top: 180px; background: url(/faculty/contemporary-japan/images/st_pagetitle.jpg) no-repeat center center; background-size: cover; }

@media (min-width: 768px) {
}

@media (max-width: 767px) {

}
@media (max-width: 480px) {
	#index #page-title { background: url(/faculty/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }

    #literature #page-title { background: url(/faculty/literature/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }

    #shinto #page-title,
    #shinto-course #page-title,
    #shinto-learn #page-title, 
    #shinto-employment #page-title { background: url(/faculty/literature/shinto/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }

    #kokubun #page-title,
    #kokubun-course #page-title,
    #kokubun-learn #page-title, 
    #kokubun-employment #page-title { background: url(/faculty/literature/kokubun/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }

    #kokushi #page-title,
    #kokushi-course #page-title,
    #kokushi-learn #page-title, 
    #kokushi-employment #page-title { background: url(/faculty/literature/kokushi/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }

    #communication #page-title,
    #communication-course #page-title,
    #communication-learn #page-title, 
    #communication-employment #page-title { background: url(/faculty/literature/communication/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }


    #education #page-title,
    #edu_subject #page-title,
    #edu_course #page-title,
    #education-learn #page-title, 
    #education-employment #page-title { height: 240px; padding-top: 95px; background: url(/faculty/education/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover;}

    #contemporary-japan #page-title ,
    #cj_subject #page-title,
    #cj_division #page-title ,
    #contemporary-japan-learn #page-title,
    #contemporary-japan-employment #page-title { height: 240px; padding-top: 95px; background: url(/faculty/contemporary-japan/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }


}


/*------------------------------------------------------

	[index]

------------------------------------------------------*/
#index .bg { position: relative;}
#index .bg::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;  background-color: #F0F5F8; opacity: 0;}
#index .faculty-index { position: relative; }
#index .faculty-index .l_col-index { position: relative; }
#index .faculty-index .l_col-index > div {}
#index .faculty-index .l_col-index > div::before { content: ''; position: absolute; width: calc(100% + 40px); height: calc(100% - 75px); left: -20px; bottom: 0; background-color: #F0F5F8; opacity: 0; }
#index .faculty-index .l_col-index section { background-color: transparent;}
#index .faculty-index .l_col-index .title { font-weight: normal; text-align: center; }
#index .faculty-index .l_col-index .title span { background: rgb(92,46,126); background: linear-gradient(90deg, rgba(92,46,126,1) 0%, rgba(63,169,245,1) 60%, rgba(255,123,172,1) 100%); color: #5C2E7E; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }

#index .faculty-index .l_col-index > figure {}
#index .faculty-index .l_col-index > figure img { object-fit: cover; height: 100%; }

#index .faculty-index .l_col-course { justify-content: flex-start; margin-bottom: 25px;}
#index .faculty-index .l_col-course li { font-size: 1.6rem;}
#index .faculty-index .l_col-course li:not(:last-child)::after { content: '｜'; padding: 0 2px;}

#index .faculty-index .l_col-tab > button { max-width: none;}

#index .l_col-index .change-tab-content.r05.changed > section:nth-of-type(1) { animation-delay: 0.2s; }
#index .l_col-index .change-tab-content.r05.changed > section:nth-of-type(2) { animation-delay: 0.4s; }
#index .l_col-index .change-tab-content.r05.changed > section:nth-of-type(3) { animation-delay: 0.6s; }
#index .l_col-index .change-tab-content.r05.changed > section:nth-of-type(4) { animation-delay: 0.8s; }
#index .l_col-index .change-tab-content.r05.changed > section:nth-of-type(5) { animation-delay: 1.0s; }

#index .l_col-index .change-tab-content.r04 > section:nth-of-type(1) { animation-delay: 0.2s; }
#index .l_col-index .change-tab-content.r04 > section:nth-of-type(2) { animation-delay: 0.4s; }
#index .l_col-index .change-tab-content.r04 > section:nth-of-type(3) { animation-delay: 0.6s; }
#index .l_col-index .change-tab-content.r04 > section:nth-of-type(4) { animation-delay: 0.8s; }
#index .l_col-index .change-tab-content.r04 > section:nth-of-type(5) { animation-delay: 1.0s; }


#index .faculty-index.animation-on .bg::before {
	animation-name: animation-slide-left;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	animation-delay: 0.3s;	
}

#index .faculty-index:nth-child(even).animation-on .bg::before {
	animation-name: animation-slide-right;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	animation-delay: 0.3s;	
}

#index .faculty-index.animation-on .l_col-index > div::before {
	animation-name: animation-slide-left;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	animation-delay: 0.3s;	
}

#index .faculty-index:nth-child(even).animation-on .l_col-index > div::before {
	animation-name: animation-slide-right;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	animation-delay: 0.3s;	
}


@media (min-width: 768px) {

	#index .faculty-index {}
    #index .faculty-index .title-b { font-size: 3.6rem;}
	/*#index .faculty-index:nth-of-type(1):before { height: calc(100% - 95px);}*/
	#index .faculty-index .l_col-index { max-width: 1600px; margin-left: auto; margin-right: auto; padding-bottom: 80px; }
	#index .faculty-index .l_col-index > div { width: 50%; padding-top: 50px; }
	#index .faculty-index .l_col-index > div::before { opacity: 0 !important;}
	#index .faculty-index .l_col-index .title { line-height: 1.4; font-size: 8rem; margin-bottom: 50px; }
	#index .faculty-index .l_col-index .title span {}
	#index .faculty-index .l_col-index .title + div,
    #index .faculty-index .l_col-index .about-contents { width: 70%; margin-left: auto; margin-right: auto; }
	
	#index .faculty-index .l_col-index > figure { width: 50%;}
	#index .faculty-index .l_col-index > figure img {}

	#index .faculty-index .l_col-course {}
	#index .faculty-index .l_col-course li {}

	#index .faculty-index .l_col-tab {}
	#index .faculty-index .l_col-tab > button { width: calc(50% - 20px); margin-right: 40px;}
	#index .faculty-index .l_col-tab > button:last-child { margin-right: 0;}


	#index .faculty-index:nth-child(even) .l_col-index { flex-direction: row-reverse;}

    /* #index .faculty-index .l_col-index .title-c a { transition: color 0.4s; } */
    #index .faculty-index .l_col-index .title-c a:hover { text-decoration: underline; }
    #index .faculty-index .l_col-index .title-d a {}
    #index .faculty-index .l_col-index .title-d a:hover { text-decoration: underline; }
    #index .faculty-index .l_col-index .l_col-course li a {}
    #index .faculty-index .l_col-index .l_col-course li a:hover { text-decoration: underline; }

    #index .l_col-index .change-tab-content { min-height: 901px; }

}

@media screen and (min-width:768px) and ( max-width:1220px) {
	#index .faculty-index .l_col-index .title + div,
    #index .faculty-index .l_col-index .about-contents { width: 80%; }
}

@media (max-width: 767px) {
	#index .bg::before { opacity: 0 !important;}
	#index .faculty-index {}
    #index .faculty-index .title-b { font-size: 2.6rem;}
	#index .faculty-index .l_col-index { margin-left: 0; margin-right: 0; flex-direction: column-reverse;}
	#index .faculty-index .l_col-index > div { margin-left: 20px; margin-right: 20px; padding-top: 30px; position: relative;}
    #index .faculty-index:nth-child(2) .l_col-index > div::before { height: 100%;}

	#index .faculty-index:nth-of-type(n+2) .l_col-index > div { padding-top: 20px;}
	#index .faculty-index .l_col-index .title { line-height: 1.6; font-size: 5rem; margin-bottom: 10px; text-align: center; display: none; }
	#index .faculty-index .l_col-index .title span {}
	#index .faculty-index .l_col-index > figure { width: 100%; height: 250px;}
	#index .faculty-index .l_col-index > figure img { height: 100%; width: 100%; }
	#index .faculty-index .l_col-course {}
	#index .faculty-index .l_col-course li { margin-bottom: 0;}

    #index .faculty-index .l_col-tab > button { line-height: 1.4; padding: 9px 5px;}

	#index .faculty-index.animation-on .l_col-index > figure.js-linked { animation-delay: 0.2s; }
}




/*------------------------------------------------------

faculty

------------------------------------------------------*/
body.faculty #about {}
body.faculty #about .title { color: #fff; margin-bottom: 15px; }
body.faculty #about .title span,#literaryStudies #about .title span { display: inline-block; background-color: #5C2E7E; padding: 4px 20px 4px 20px; }
body.faculty #about .btn {}
body.faculty #about .btn li {}
body.faculty #about figure { margin-bottom: 0;}


body.faculty #message { padding: 0;}
body.faculty #message .l_col-2-r {}
body.faculty #message .l_col-2-r > .img { background-color: #D7E1E7;}
body.faculty #message .l_col-2-r > .img figure {}
body.faculty #message .l_col-2-r > .img figure img { max-width: 260px; width: 100%; height: auto;}
body.faculty #message .l_col-2-r > .img figcaption { color: #000; font-weight: bold;}
body.faculty #message .l_col-2-r > .img figcaption strong {}
body.faculty #message .l_col-2-r > div:last-child { background-color: #fff;}
body.faculty #message .l_col-2-r .title { margin-bottom: 20px;}
body.faculty #message .l_col-2-r .text {}
body.faculty #message .l_col-2-r .text p {}


body.faculty #message.type2 {}
body.faculty #message.type2 .container > .text { background-color: #fff; margin-bottom: 0;}
body.faculty #message.type2 .container > .text .title {}
body.faculty #message.type2 .container > .text p {}
body.faculty #message.type2 .l_col-2-r { background-color: #D7E1E7; }
body.faculty #message.type2 .l_col-2-r .img { background-color: transparent; padding-top: 0;}
body.faculty #message.type2 .l_col-2-r .img figure {}
body.faculty #message.type2 .l_col-2-r .img figure img {}
body.faculty #message.type2 .l_col-2-r .img + div { background-color: transparent;}
body.faculty #message.type2 .l_col-2-r .name { font-weight: bold; }
body.faculty #message.type2 .l_col-2-r .name span {}
body.faculty #message.type2 .l_col-2-r dl {}
body.faculty #message.type2 .l_col-2-r dl .l_col-profile {}
body.faculty #message.type2 .l_col-2-r dl .l_col-profile dt { font-size: 1.4rem; }
body.faculty #message.type2 .l_col-2-r dl .l_col-profile dt span { width: 135px; height: 28px; background-color: #1E2F35; color: #fff; text-align: center; display: inline-block; line-height: 28px;}
body.faculty #message.type2 .l_col-2-r dl .l_col-profile dd {}



body.faculty #feature {}
body.faculty #feature .bg-blue { padding: 20px;}

body.faculty #departments { padding: 0;}
.faculty-index-link {}
.faculty-index-link section { background-color: #fff; box-shadow: 0px 0px 10px 5px rgba(51,51,51,0.05);}
.faculty-index-link a { text-decoration: none; color: #1E2F35; display: block; height: 100%; }


body.faculty #academy {}
body.faculty #academy .l_col-btn-index {}
body.faculty #academy .l_col-btn-index li {}

body.faculty main { margin-bottom: 0;}


body.faculty #about .l_col-2.btn .btn-c  {  }



@media (min-width: 768px) {
    body.faculty #about .title { font-size: 2.6rem;}
    body.faculty #about .title span { margin-bottom: 18px; }
    body.faculty #about .text p { font-size: 1.8rem;}
    body.faculty #about .btn li:nth-child(n+3) { margin-top: 20px;}
    body.faculty #about figure { max-width: 520px;}

    body.faculty #message { padding-bottom: 40px;}
    body.faculty #message .l_col-2-r > .img { width: calc(100% / 3 ); padding: 40px; }
    body.faculty #message .l_col-2-r > .img figcaption { font-size: 1.8rem;}
    body.faculty #message .l_col-2-r > .img figcaption strong { font-size: 2.4rem;}
    body.faculty #message .l_col-2-r > div:last-child { width: calc((100% / 3)*2); padding: 50px 50px 30px; }
    body.faculty #message .l_col-2-r .title { font-size: 2.6rem;}

    body.faculty #message.type2 { padding-bottom: 100px;}
    body.faculty #message.type2 .container > .text { padding: 50px 50px 30px; }
    body.faculty #message.type2 .container > .text .title { font-size: 2.6rem; margin-bottom: 30px;}
    body.faculty #message.type2 .container > .text p {}
    body.faculty #message.type2 .l_col-2-r {}
    body.faculty #message.type2 .l_col-2-r .img {}
    body.faculty #message.type2 .l_col-2-r .img figure {}
    body.faculty #message.type2 .l_col-2-r .img figure img {}
    body.faculty #message.type2 .l_col-2-r .img + div { padding-left: 0;}
    body.faculty #message.type2 .l_col-2-r .name { font-size: 2.4rem; margin-bottom: 35px;}
    body.faculty #message.type2 .l_col-2-r .name span { font-size: 1.8rem; margin-left: 20px;}
    body.faculty #message.type2 .l_col-2-r dl {}
    body.faculty #message.type2 .l_col-2-r dl .l_col-profile {}
    body.faculty #message.type2 .l_col-2-r dl .l_col-profile dt { width: 135px;}
    body.faculty #message.type2 .l_col-2-r dl .l_col-profile dt span {}
    body.faculty #message.type2 .l_col-2-r dl .l_col-profile dd { font-size: 1.6rem; width: calc(100% - (135px + 20px));}


    body.faculty #departments { padding-bottom: 80px;}
    .faculty-index-link section:nth-child(n+3) { margin-top: 40px;}
	.faculty-index-link a > div { padding: 40px;}
	.faculty-index-link a:hover img { opacity: 0.8;}
	.faculty-index-link a:hover .btn-e span { background-color: #F0EAF5; color: #5C2E7E; }
	.faculty-index-link a:hover .btn-e span::after { border-color: #5C2E7E; }

    body.faculty #academy .l_col-btn-index { justify-content: center;}
    body.faculty #academy .l_col-btn-index.l_col-3:after { display: none;}
    body.faculty #academy .l_col-btn-index li:last-child { margin-right: 0;}
}

@media (max-width: 767px) {
    body.faculty #about .title { font-size: 1.8rem; text-align: center; }
    body.faculty #about .title span { margin-bottom: 12px; }
    body.faculty #about .btn li a { max-width: none;}

    body.faculty #message .l_col-2-r > .img { padding-top: 30px; padding-bottom: 10px; margin-bottom: 0;}
    body.faculty #message .l_col-2-r > .img figure { margin-bottom: 0;}
    body.faculty #message .l_col-2-r > .img figcaption { margin-bottom: 0;}
    body.faculty #message .l_col-2-r > div:last-child { padding: 30px 20px 20px;}
    body.faculty #message .l_col-2-r .title { font-size: 1.8rem;}

    body.faculty #message.type2 {}
    body.faculty #message.type2 .container > .text { padding: 30px 20px 20px; }
    body.faculty #message.type2 .container > .text .title { font-size: 2rem;}
    body.faculty #message.type2 .container > .text p {}
    body.faculty #message.type2 .l_col-2-r {}
    body.faculty #message.type2 .l_col-2-r .img {}
    body.faculty #message.type2 .l_col-2-r .img figure {}
    body.faculty #message.type2 .l_col-2-r .img figure img {}
    body.faculty #message.type2 .l_col-2-r .img + div { padding-top: 0;}
    body.faculty #message.type2 .l_col-2-r .name { font-size: 2rem; text-align: center; margin-bottom: 30px;}
    body.faculty #message.type2 .l_col-2-r .name span { font-size: 1.6rem; display: block;}
    body.faculty #message.type2 .l_col-2-r dl {}
    body.faculty #message.type2 .l_col-2-r dl .l_col-profile {}
    body.faculty #message.type2 .l_col-2-r dl .l_col-profile dt { width: 100%; margin-bottom: 10px;}
    body.faculty #message.type2 .l_col-2-r dl .l_col-profile dt span {}
    body.faculty #message.type2 .l_col-2-r dl .l_col-profile dd { font-size: 1.4rem; width: 100%;}


    .faculty-index-link a > div { padding: 20px;}
    .faculty-index-link section:not(:last-child) { margin-bottom: 15px; }

    body.faculty #about .l_col-2.btn .btn-c  { margin-bottom: 10px; }
}



/*------------------------------------------------------

[literature]

------------------------------------------------------*/

#literature #about .title span, #literaryStudies #about .title span { padding: 4px 10px 4px 20px; }

/*
#literature #about {}
#literature #about .title { color: #fff; margin-bottom: 15px; }
#literature #about .title span,#literaryStudies #about .title span { display: inline-block; background-color: #5C2E7E; padding: 4px 10px 4px 20px; }
#literature #about .btn {}
#literature #about .btn li {}
#literature #about figure { margin-bottom: 0;}


#literature #message { padding: 0;}
#literature #message .l_col-2-r {}
#literature #message .l_col-2-r > .img { background-color: #D7E1E7;}
#literature #message .l_col-2-r > .img figure {}
#literature #message .l_col-2-r > .img figure img { max-width: 260px; width: 100%; height: auto;}
#literature #message .l_col-2-r > .img figcaption { color: #000; font-weight: bold;}
#literature #message .l_col-2-r > .img figcaption strong {}
#literature #message .l_col-2-r > div:last-child { background-color: #fff;}
#literature #message .l_col-2-r .title { margin-bottom: 20px;}
#literature #message .l_col-2-r .text {}
#literature #message .l_col-2-r .text p {}


#literature #feature {}
#literature #feature .bg-blue { padding: 20px;}


#literature #departments { padding: 0;}
.faculty-index-link {}
.faculty-index-link section { background-color: #fff; box-shadow: 0px 0px 10px 5px rgba(51,51,51,0.05);}
.faculty-index-link a { text-decoration: none; color: #1E2F35; display: block; height: 100%; }


#literature #academy {}
#literature #academy .l_col-btn-index {}
#literature #academy .l_col-btn-index li {}

#literature main { margin-bottom: 0;}



@media (min-width: 768px) {
    #literature #about .title { font-size: 2.6rem;}
    #literature #about .title span { margin-bottom: 18px; }
    #literature #about .text p { font-size: 1.8rem;}
    #literature #about .btn li:nth-child(n+3) { margin-top: 20px;}
    #literature #about figure { max-width: 520px;}

    #literature #message { padding-bottom: 40px;}
    #literature #message .l_col-2-r > .img { width: calc(100% / 3 ); padding: 40px; }
    #literature #message .l_col-2-r > .img figcaption { font-size: 1.8rem;}
    #literature #message .l_col-2-r > .img figcaption strong { font-size: 2.4rem;}
    #literature #message .l_col-2-r > div:last-child { width: calc((100% / 3)*2); padding: 50px 50px 30px; }
    #literature #message .l_col-2-r .title { font-size: 2.6rem;}

    #literature #departments { padding-bottom: 80px;}
    .faculty-index-link section:nth-child(n+3) { margin-top: 40px;}
	.faculty-index-link a > div { padding: 40px;}
	.faculty-index-link a:hover img { opacity: 0.8;}
	.faculty-index-link a:hover .btn-e span { background-color: #F0EAF5; color: #5C2E7E; }
	.faculty-index-link a:hover .btn-e span::after { border-color: #5C2E7E; }

    #literature #academy .l_col-btn-index { justify-content: center;}
    #literature #academy .l_col-btn-index.l_col-3:after { display: none;}
    #literature #academy .l_col-btn-index li:last-child { margin-right: 0;}
}

@media (max-width: 767px) {
    #literature #about .title { font-size: 1.8rem;}
    #literature #about .title span { margin-bottom: 12px; }
    #literature #about .btn li a { max-width: none;}

    #literature #message .l_col-2-r > .img { padding-top: 30px; padding-bottom: 10px; margin-bottom: 0;}
    #literature #message .l_col-2-r > .img figure { margin-bottom: 0;}
    #literature #message .l_col-2-r > .img figcaption { margin-bottom: 0;}
    #literature #message .l_col-2-r > div:last-child { padding: 30px 20px 20px;}
    #literature #message .l_col-2-r .title { font-size: 1.8rem;}

    .faculty-index-link a > div { padding: 20px;}
}
*/

/*------------------------------------------------------

[kogakkan-journal]

------------------------------------------------------*/
#kogakkan-journal {}
#kogakkan-journal .l_col-journal {}
#kogakkan-journal .l_col-journal > .info { position: relative;}
#kogakkan-journal .l_col-journal > .info > div {}
#kogakkan-journal .l_col-journal > .info .title { text-align: center; position: relative; background-color: #665EC0;}
#kogakkan-journal .l_col-journal > .info .title::before { content: url(/common/images/img_kogakkan-journal-01.png); display: inline-block; transform: scale(0.5); position: absolute; left: 75px; top: -132px;}
#kogakkan-journal .l_col-journal > .info .title::after { content: url(/common/images/img_kogakkan-journal-02.png); display: inline-block; transform: scale(0.5); position: absolute; right: 60px; bottom: -132px;}
#kogakkan-journal .l_col-journal > .info .title img { width: 210px; height: 56px; }
#kogakkan-journal .l_col-journal > .info .text {}
#kogakkan-journal .l_col-journal > .info .text p { font-size: 1.4rem; }
#kogakkan-journal .l_col-journal > .info .btn { display: block; width: 206px; height: 40px; background-color: #6FB5CC; text-align: center; color: #fff; text-decoration: none; font-size: 1.4rem; margin-left: auto; margin-right: auto; padding-top: 8px;}
#kogakkan-journal .l_col-journal > .slider { background-color: #fff;}
#kogakkan-journal #journal-slider .slick-slide { position: relative;}

#kogakkan-journal .l_col-journal .text-wrap { position: absolute; bottom: 20px; background: rgba(255,255,255,0.78); max-width: 74.03%; padding: 10px; color: #000; }
#kogakkan-journal .l_col-journal .text-wrap h3 { font-weight: bold; font-size: 1.4rem; }
#kogakkan-journal .l_col-journal .text-wrap .text { letter-spacing: 0.01em; font-weight: bold; margin-bottom: 0; line-height: 1.4; }
#kogakkan-journal .l_col-journal .text-wrap .text p { color: inherit; font-size: 1.5rem; }

#kogakkan-journal #journal-slider { margin-bottom: 0;}
#kogakkan-journal #journal-slider .date { position: absolute; opacity: 0;}
#kogakkan-journal #journal-slider img { object-fit: cover; width: 100%; height: 100%; }
#kogakkan-journal #dayWrap { z-index: 1; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.8); color: #333; font-size: 1.4rem; height: 38px; width: 130px; text-align: center; padding-top: 6px; }
#kogakkan-journal #dayWrap span { display: none; }
#kogakkan-journal .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; top: 0; left: 130px; padding: 4px 3px 4px 0; background-color: rgba(255,255,255,0.8); height: 38px; width: 110px; }
#kogakkan-journal .slick-dots li { margin: 0 5px 0 0; width: 28px; height: 28px; line-height: normal; }
#kogakkan-journal .slick-dots li button { transition-duration: 0.5s; display: block; width: 28px; height: 28px; background: #B6A1C5; color: #fff; font-size: 12px; text-align: center; }
#kogakkan-journal .slick-dots li button::before { display: none;}
#kogakkan-journal .slick-dots li.slick-active button { background-color: #6FB5CC; }


@media (min-width: 768px) {
    #kogakkan-journal { background-color: #B8D6F9;}
    #kogakkan-journal .l_col-journal > .info { width: 64%; height: 338px; padding-top: 100px;}
    #kogakkan-journal .l_col-journal > .info::before { content: ''; position: absolute; width: 30px; height: 120%; background-color: #fff; left: 20px; top: -10%; transform: rotate(24deg); }
    #kogakkan-journal .l_col-journal > .info::after { content: ''; position: absolute; width: 50px; height: 100%; left: -34px; top: 0; background-color: #B8D6F8; transform: rotate(24deg);}
    #kogakkan-journal .l_col-journal > .info .title { margin-bottom: 15px; padding: 22px 0;}
    #kogakkan-journal .l_col-journal > .info .text { margin-bottom: 10px; width: 310px; margin-left: auto; margin-right: auto;}
    #kogakkan-journal .l_col-journal > .info .btn { transition: background-color 0.2s;}
    #kogakkan-journal .l_col-journal > .info .btn:hover { background-color: #665EC0;}
    #kogakkan-journal .l_col-journal > .slider { width: 36%; }
    #kogakkan-journal .l_col-journal .slick-slide { height: 338px;}
    #kogakkan-journal .l_col-journal .text-wrap { right: 10px; }
    #kogakkan-journal #journal-slider { margin-left: 17px;}
}

@media screen and (min-width:768px) and ( max-width:1220px) {
    #kogakkan-journal .l_col-journal > .info .title::after { right: -40px;}
    #kogakkan-journal #journal-slider { margin-left: 5px; margin-right: 5px;}
}

@media (max-width: 767px) {
    #kogakkan-journal .l_col-journal > .info { width: 100%;}
    #kogakkan-journal .l_col-journal > .info .title { padding: 30px 10px; margin-bottom: 30px; width: calc(100% + 40px); left: -20px; }
    #kogakkan-journal .l_col-journal > .info .title::before { content: ''; position: absolute; width: 30px; height: 120%; background-color: #fff; left: 35px; top: -10%; transform: rotate(14deg); }
    #kogakkan-journal .l_col-journal > .info .title::after { transform: scale(0.35); right: -50px; bottom: -95px; }
    #kogakkan-journal .l_col-journal > .info .title img { width: 50%; max-width: 210px; height: auto; }
    #kogakkan-journal .l_col-journal > .info .text { width: 90%; margin-left: auto; margin-right: auto; max-width: 340px; text-align: center; }
    #kogakkan-journal .l_col-journal > .info .text p { font-size: 1.6rem;}
    #kogakkan-journal .l_col-journal > .slider { width: 100%;}
    #kogakkan-journal .l_col-journal .text-wrap { right: 0px; }
    #kogakkan-journal #journal-slider { margin-bottom: 20px; border: 1px solid #B8D6F8; border-top-width: 10px; border-bottom-width: 10px;}
    #kogakkan-journal .l_col-journal .slick-slide { height: 69vw;}
    #kogakkan-journal #journal-slider .slick-slide img { width: 100%;}

}


/*------------------------------------------------------

[literature]
学科の汎用パーツ

------------------------------------------------------*/
#teachers-list .body { padding-left: 0; padding-right: 0;}
#teachers-list dl { font-size: 1.6rem; }
#teachers-list dl dt { color: #5C2E7E; vertical-align: middle; text-align: left; font-weight: bold; }
#teachers-list dl dd { display: -webkit-box; display: flex; }
#teachers-list dl dd .leader { width: 39.76%; }
#teachers-list dl dd p:not(.leader){ -webkit-box-flex: 1; flex-grow: 1; }

#seminar .body { padding-left: 0; padding-right: 0; }
#seminar .body section { border-bottom: 10px solid #F0F5F8;}
#seminar .body figure { max-width: 140px; }
#seminar .body .title-d { margin-bottom: 20px; }
#seminar .body .title-e { position: relative; }
#seminar .body .title-e::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #5C2E7E; transform: rotate(45deg); top: calc(1em - 10px); }
#seminar .body .title-e + .text { font-weight: bold; }
#seminar .body section > .title-e { padding-left: 0; padding-right: 0; margin-bottom: 2px;}
#seminar .body section > .title-e::before { display: none;}

#fieldwork section { border-bottom: 10px solid #F0F5F8; }
#fieldwork section figure { margin-bottom: 25px;}
#fieldwork section > div { margin-left: 10px; margin-right: 10px;}

@media (min-width: 768px) {
   
    #teachers-list dl { border-top: 1px solid #D7E1E7; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; }
    #teachers-list dl:last-of-type { border-bottom: 1px solid #D7E1E7; }
    #teachers-list dl dt { width: 28.45%; }
    #teachers-list dl dt,
    #teachers-list dl dd { padding: 5px 20px; }
    #teachers-list dl dd:not(:last-of-type) { border-bottom: 1px solid #D7E1E7; }
    #teachers-list dl dd { width: calc(100% - 28.45%); }

    #seminar .body section .l_col-2-r > div { width: calc((100% - 140px) - 40px); }
    #seminar .body .title-e { padding-left: 25px; }
    #seminar .body .title-e::before { left: 5px; }

    #topics .catch-copy { font-size: 3rem; margin-bottom: 45px;}
}

@media (max-width: 767px) {
    #teachers-list dl { margin-bottom: 20px; }
    #teachers-list dl dt { border-bottom: 1px solid #D7E1E7; }
    #teachers-list dl dt,
    #teachers-list dl dd { padding: 5px 10px; }
    #teachers-list dl dd { width: 100%; border-bottom: 1px solid #D7E1E7; }
    #teachers-list dl dd .leader span { font-size: 1.4rem; }
    #teachers-list dl dd p:not(.leader) { width: calc(100% - 39.76%); }

    #seminar .body figure { margin-left: auto; margin-right: auto; }
    #seminar .body .title-d { text-align: center; }
    #seminar .body .title-e { padding-left: 33px; padding-right: 10px; }
    #seminar .body .title-e::before { left: 15px; }

    #topics .catch-copy { font-size: 2rem; margin-bottom: 30px;}
}



/*------------------------------------------------------

[literature]
kokubun 
index

------------------------------------------------------*/
#kokubun #outline .bg-blue { padding: 20px; }
/*
#kokubun #teachers-list .body { padding-left: 0; padding-right: 0;}
#kokubun #teachers-list dl { font-size: 1.6rem; }
#kokubun #teachers-list dl dt { color: #5C2E7E; vertical-align: middle; text-align: left; font-weight: bold; }
#kokubun #teachers-list dl dd { display: -webkit-box; display: flex; }
#kokubun #teachers-list dl dd .leader { width: 39.76%; }
#kokubun #teachers-list dl dd p:not(.leader){ -webkit-box-flex: 1; flex-grow: 1; }

#kokubun #seminar .body { padding-left: 0; padding-right: 0; }
#kokubun #seminar .body section { border-bottom: 10px solid #F0F5F8;}
#kokubun #seminar .body figure { max-width: 140px; }
#kokubun #seminar .body .title-d { margin-bottom: 20px; }
#kokubun #seminar .body .title-e { position: relative; }
#kokubun #seminar .body .title-e::before { content: ''; position: absolute; width: 10px; height: 10px; background-color: #5C2E7E; transform: rotate(45deg); top: calc(1em - 10px); }
#kokubun #seminar .body .title-e + .text { font-weight: bold; }

#kokubun #fieldwork section { border-bottom: 10px solid #F0F5F8; }
#kokubun #fieldwork section figure { margin-bottom: 25px;}
#kokubun #fieldwork section > div { margin-left: 10px; margin-right: 10px;}
*/

@media (min-width: 768px) {
    #kokubun #outline .bg-blue { }
    
   /*
    #kokubun #teachers-list dl { border-top: 1px solid #D7E1E7; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: end; justify-content: flex-end; }
    #kokubun #teachers-list dl:last-of-type { border-bottom: 1px solid #D7E1E7; }
    #kokubun #teachers-list dl dt { width: 28.45%; }
    #kokubun #teachers-list dl dt,
    #kokubun #teachers-list dl dd { padding: 5px 20px; }
    #kokubun #teachers-list dl dd:not(:last-of-type) { border-bottom: 1px solid #D7E1E7; }
    #kokubun #teachers-list dl dd { width: calc(100% - 28.45%); }

    #kokubun #seminar .body section .l_col-2-r > div { width: calc((100% - 140px) - 40px); }
    #kokubun #seminar .body .title-e { padding-left: 25px; }
    #kokubun #seminar .body .title-e::before { left: 5px; }

    #kokubun #topics .catch-copy { font-size: 3rem; margin-bottom: 45px;}
*/

    #kokubun #activity .img.l_col-2-l figure:first-child { max-width: 360px; }
    #kokubun #activity .img.l_col-2-l figure:last-child { max-width: 173px; }

}

@media (max-width: 767px) {
/*
    #kokubun #teachers-list dl { margin-bottom: 20px; }
    #kokubun #teachers-list dl dt { border-bottom: 1px solid #D7E1E7; }
    #kokubun #teachers-list dl dt,
    #kokubun #teachers-list dl dd { padding: 5px 10px; }
    #kokubun #teachers-list dl dd { width: 100%; border-bottom: 1px solid #D7E1E7; }
    #kokubun #teachers-list dl dd .leader span { font-size: 1.4rem; }
    #kokubun #teachers-list dl dd p:not(.leader) { width: calc(100% - 39.76%); }

    #kokubun #seminar .body figure { margin-left: auto; margin-right: auto; }
    #kokubun #seminar .body .title-d { text-align: center; }
    #kokubun #seminar .body .title-e { padding-left: 33px; padding-right: 10px; }
    #kokubun #seminar .body .title-e::before { left: 15px; }

    #kokubun #topics .catch-copy { font-size: 2rem; margin-bottom: 30px;}
*/
}



/*------------------------------------------------------

[literature]    
course

------------------------------------------------------*/
.literature-dl-a { margin-bottom: 30px; display: -webkit-box; display: flex; flex-wrap: wrap; position: relative; }
.literature-dl-a dt, .literature-dl-a dd { border-top: 1px solid #C7CED2; border-bottom: 1px solid #C7CED2; }
.literature-dl-a dt:nth-of-type(n+2), .literature-dl-a dd:nth-of-type(n+2) { margin-top: -1px; }
.literature-dl-a dt { color: #5C2E7E; font-weight: bold; font-size: 1.8rem; letter-spacing: 0.05em; background: #F0F5F8; width: 100%; }
.literature-dl-a dd { background: #fff; }
.literature-dl-a dd .list-a { margin: 0; }

.literature-dl-a.red dt { background: #F8F0F6; }

.literature-dl-a.arrow {}
.literature-dl-a.arrow::before { content: ''; position: absolute; bottom: -20px; right: 0; left: 0; margin: 0 auto; border-top: 13px solid #5C2E7E; border-right: 13px solid #5C2E7E; border-left: 13px solid transparent; border-bottom: 13px solid transparent; width: 25px; height: 25px; transform: rotate(135deg); }

.accordion.course > .head small { font-size: 1.4rem; }
/* .accordion .body hr { margin: 60px 0 60px; } */
.accordion .btn-wrap { margin-bottom: 60px; }

.course-tab-content { display: none; }
.course-tab-content.active { display: block; }

.btn-b.max-none a ,
.btn-c.max-none a { max-width: none; display: inline-block; padding-right: 30px;}

.l_col-3.btn-wrap > div {  }

@media (min-width: 768px) {
    .literature-dl-a {}
    .literature-dl-a dt { max-width: 260px; padding: 40px; }
    .literature-dl-a dd { width: calc( 100% - 260px ); padding: 30px; }
    
    .accordion.course > .body { padding-left: 0; padding-right: 0; }
    .accordion.course > .body > .text {}
    .accordion.course > .body > .text p { font-size: 1.8rem; }
    
}

@media (max-width: 767px) {
    .literature-dl-a {}
    .literature-dl-a dt { padding: 15px; }
    .literature-dl-a dd { width: 100%; padding: 20px 15px; margin-top: -1px; }
    
    .accordion.course > .body { padding-left: 0; padding-right: 0; }

    .l_col-3.btn-wrap > div:not(:last-child) { margin-bottom: 10px; }
}


/*------------------------------------------------------

[literature]
kokubun 
course

------------------------------------------------------*/
@media (min-width: 768px) {
    #kokubun-course .accordion.course > .body > .img-wrap { margin-bottom: 100px; }
    #kokubun-course .accordion.course > .body > .img-wrap figure { margin-bottom: 0; }
}

@media (max-width: 767px) {
}


/*------------------------------------------------------

[literature]
learn
汎用パーツ

------------------------------------------------------*/
#learn-1 > ul.l_col-2 { max-width: 550px; margin-left: auto; margin-right: auto; }
#learn-1 > ul.l_col-2 .btn-a a { height: 60px; }
#learn-1 .single { border: 1px solid #C7CED2; background-color: #fff; }

#learn-1 .theme-list > li { border-bottom: 1px solid #C7CED2; padding-bottom: 10px; }
/*#learn-1 .theme-list > li:nth-last-of-type(n+3) { margin-bottom: 20px; }*/
#learn-1 .theme-list .title-d { font-size: 1.6rem; margin-bottom: 5px; }
#learn-1 .theme-list .list-a { margin-top: 0; }
#learn-1 .theme-list .list-a li { font-size: 1.6rem; }

#learn-1 .l_col-2 .btn-a:not(:last-child) {  }

#learn-2 .features-list .bg-blue { padding: 30px 20px 20px; }

@media (min-width: 768px) {
    #learn-1 > ul.l_col-2 li { width: calc(50% - 15px); }
    #learn-1 .theme-list > li { margin-bottom: 15px;}


    #learn-2 .features-list li:nth-last-of-type(n+3) { margin-bottom: 40px; }
    #learn-2 > div.l_col-2 { margin-bottom: 100px;}
}

@media (max-width: 767px) {
    #learn-2 .l_col-3 { margin-bottom: 20px;}

    #learn-1 .l_col-2 .btn-a:not(:last-child) { margin-bottom: 10px; }
}



/*------------------------------------------------------

[literature]
kokubun 
learn

------------------------------------------------------*/
/*
#kokubun-learn {}
#kokubun-learn #kokubun-learn-1 > ul.l_col-2 { max-width: 550px; margin-left: auto; margin-right: auto; }
#kokubun-learn #kokubun-learn-1 > ul.l_col-2 .btn-a a { height: 60px; }
#kokubun-learn #kokubun-learn-1 .single { border: 1px solid #C7CED2; }
#kokubun-learn .theme-list > li { border-bottom: 1px solid #C7CED2; padding-bottom: 10px; }
#kokubun-learn .theme-list > li:nth-last-of-type(n+3) { margin-bottom: 20px; }
#kokubun-learn .theme-list .title-d { font-size: 1.6rem; margin-bottom: 5px; }
#kokubun-learn .theme-list .list-a { margin-top: 0; }
#kokubun-learn .theme-list .list-a li { font-size: 1.6rem; }
#kokubun-learn #kokubun-learn-2 .features-list .bg-blue { padding: 30px 20px 20px; }

@media (min-width: 768px) {
    #kokubun-learn #kokubun-learn-1 > ul.l_col-2 li { width: calc(50% - 15px); }
    #kokubun-learn #kokubun-learn-2 .features-list li:nth-last-of-type(n+3) { margin-bottom: 40px; }
    #kokubun-learn #kokubun-learn-2 > div.l_col-2 { margin-bottom: 100px;}
}

@media (max-width: 767px) {
    
}
*/

/*------------------------------------------------------

[literature]
就職?資格ページ汎用パーツ

------------------------------------------------------*/
#employment-1 .employment-info .l_col-2 .table-a { border-left: none; border-right: none; }
#employment-1 .employment-info .l_col-2 .table-a th,
#employment-1 .employment-info .l_col-2 .table-a td { padding: 5px; border-right: none; }
#employment-1 .employment-info .l_col-2 .table-a th { background: #F0F5F8; }
#employment-1 .employment-info .l_col-2 .table-a td:first-of-type { padding-left: 40px; position: relative; text-align: left; }
#employment-1 .employment-info .l_col-2 .table-a td:first-of-type::before { content: ''; position: absolute; top: 15px; left: 20px; width: 10px; height: 10px; display: inline-block; background: #EBC7D4; margin-right: 10px; }
#employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(2) td:first-of-type::before { background: #A6CEE0; }
#employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(3) td:first-of-type::before { background: #EACF7D; }
#employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(4) td:first-of-type::before { background: #CCDF8E; }
#employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(5) td:first-of-type::before { background: #E0B4EC; }
#employment-1 dl { font-size: 1.6rem; display: -webkit-box; display: flex; flex-wrap: wrap; }
#employment-1 dl dt { color: #5C2E7E; font-size: 1.8rem; font-weight: bold; letter-spacing: 0; }
#employment-1 dl dd {}
#employment-2 .text p { margin-bottom: 0; text-indent: -1.6rem; padding-left: 1.6rem; }
#employment-2 .list-a li:last-of-type { margin-bottom: 0; }
#employment-3 { background: #F0F5F8; padding-bottom: 40px; }
.voice-slider li { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.voice-slider li a { background: #fff; text-decoration: none; color: inherit; height: 100%; }
.voice-slider li figure { max-width: 220px; }
.voice-slider li small { font-size: 1.8rem; }
.voice-slider li .course { font-size: 1.4rem; line-height: 1.4; }
.voice-slider li .name { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 20px; }
.voice-slider li .btn-e { position: relative; background: #5C2E7E; color: #fff; font-weight: bold; font-size: 1.4rem; letter-spacing: 0.05em; width: 75px; height: 24px; line-height: 24px; padding-left: 10px; }
.voice-slider li .btn-e::before { content: ''; position: absolute; top: 50%; right: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 6px; height: 6px; transform: translateY(-50%) rotate(45deg); }
.voice-slider .slide-arrow { cursor: pointer; position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); background: #D7E1E7; border-radius: 50%; }
.voice-slider .slide-arrow::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-top: 2px solid #5C2E7E; border-right: 2px solid #5C2E7E; width: 13px; height: 13px; transform: rotate(45deg); }
.voice-slider .prev-arrow::before { transform: rotate(-135deg); }
.voice-slider .slick-track { float: none; display: flex; }
.voice-slider li.slick-slide { height: auto !important;}
.voice-slider .slide-arrow-wrap { width: 100%; height: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }


@media (min-width: 768px) {
    #employment-1 .employment-info .l_col-2 figure { margin-bottom: 0; }
    #employment-1 dl dt:not(:last-of-type),
    #employment-1 dl dd:not(:last-of-type) { border-bottom: 1px solid #D7E1E7; }
    #employment-1 dl dt { width: 230px; padding: 4px 20px;  }
    #employment-1 dl dd {  width: calc(100% - 230px); padding: 6px 20px; }
    
    .voice-slider li { max-width: 560px; }
    .voice-slider li a { padding: 40px; }
    .voice-slider li figure {}
    .voice-slider .slide-arrow { width: 60px; height: 60px; }
    .voice-slider .prev-arrow { left: 0; }
    .voice-slider .next-arrow { right: 0; }
    .voice-slider .slick-track{ gap: 40px;}
    .voice-slider .slide-arrow-wrap { max-width: 1220px; }
}

@media (min-width: 1161px) {
    .voice-slider .slick-track{ left: -300px;}

    
}

@media (min-width: 768px) and (max-width: 1160px) {
    .voice-slider .slide-arrow-wrap { max-width: 620px; }
    
}

@media (max-width: 767px) {
    #employment-1 dl dt,
    #employment-1 dl dd { padding: 6px 0; border-bottom: 1px solid #D7E1E7; }
    #employment-1 dl dt { width: 100%; }
    #employment-1 dl dd { width: 100%; }
    
    .voice-slider li { max-width: 300px; }
    .voice-slider li a { padding: 40px; }
    .voice-slider li figure { margin-left: auto; margin-right: auto; }
    .voice-slider .slide-arrow { width: 40px; height: 40px; }
    .voice-slider .prev-arrow { left: 0; }
    .voice-slider .next-arrow { right: 0; }
    .voice-slider .slick-track{ gap: 20px;}
    .voice-slider .slide-arrow-wrap { max-width: 340px; }
}

/*------------------------------------------------------

[literature]
kokubun 
employment

------------------------------------------------------*/
/*
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a { border-left: none; border-right: none; }
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a th,
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a td { padding: 5px; border-right: none; }
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a th { background: #F0F5F8; }
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a td:first-of-type { padding-left: 40px; position: relative; }
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a td:first-of-type::before { content: ''; position: absolute; top: 15px; left: 20px; width: 10px; height: 10px; display: inline-block; background: #EBC7D4; margin-right: 10px; }
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(2) td:first-of-type::before { background: #A6CEE0; }
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(3) td:first-of-type::before { background: #EACF7D; }
#kokubun-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(4) td:first-of-type::before { background: #CCDF8E; }
#kokubun-employment #employment-1 dl { font-size: 1.6rem; display: -webkit-box; display: flex; flex-wrap: wrap; }
#kokubun-employment #employment-1 dl dt { color: #5C2E7E; font-size: 1.8rem; font-weight: bold; letter-spacing: 0; }
#kokubun-employment #employment-1 dl dd {}
#kokubun-employment #employment-2 .text p { margin-bottom: 0; text-indent: -1.6rem; padding-left: 1.6rem; }
#kokubun-employment #employment-2 .list-a li:last-of-type { margin-bottom: 0; }
#kokubun-employment #employment-3 { background: #F0F5F8; padding-bottom: 40px; }
#kokubun-employment .voice-slider li { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }
#kokubun-employment .voice-slider li a { background: #fff; text-decoration: none; color: inherit; }
#kokubun-employment .voice-slider li figure { max-width: 220px; }
#kokubun-employment .voice-slider li small { font-size: 1.8rem; }
#kokubun-employment .voice-slider li .course { font-size: 1.4rem; line-height: 1.4; }
#kokubun-employment .voice-slider li .name { font-size: 1.6rem; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 20px; }
#kokubun-employment .voice-slider li .btn-e { position: relative; background: #5C2E7E; color: #fff; font-weight: bold; font-size: 1.4rem; letter-spacing: 0.05em; width: 75px; height: 24px; line-height: 24px; padding-left: 10px; }
#kokubun-employment .voice-slider li .btn-e::before { content: ''; position: absolute; top: 50%; right: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; width: 6px; height: 6px; transform: translateY(-50%) rotate(45deg); }
#kokubun-employment .voice-slider .slide-arrow { cursor: pointer; position: absolute; top: 50%; z-index: 1; transform: translateY(-50%); background: #D7E1E7; border-radius: 50%; }
#kokubun-employment .voice-slider .slide-arrow::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-top: 2px solid #5C2E7E; border-right: 2px solid #5C2E7E; width: 13px; height: 13px; transform: rotate(45deg); }
#kokubun-employment .voice-slider .prev-arrow::before { transform: rotate(-135deg); }
#kokubun-employment .voice-slider .slick-track { float: none; display: flex; }
#kokubun-employment .voice-slider .slide-arrow-wrap { width: 100%; height: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }


@media (min-width: 768px) {
    #kokubun-employment #employment-1 .employment-info .l_col-2 figure { margin-bottom: 0; }
    #kokubun-employment #employment-1 dl dt:not(:last-of-type),
    #kokubun-employment #employment-1 dl dd:not(:last-of-type) { border-bottom: 1px solid #D7E1E7; }
    #kokubun-employment #employment-1 dl dt { width: 230px; padding: 4px 20px;  }
    #kokubun-employment #employment-1 dl dd {  width: calc(100% - 230px); padding: 6px 20px; }
    
    #kokubun-employment .voice-slider li { max-width: 560px; }
    #kokubun-employment .voice-slider li a { padding: 40px; }
    #kokubun-employment .voice-slider li figure {}
    #kokubun-employment .voice-slider .slide-arrow { width: 60px; height: 60px; }
    #kokubun-employment .voice-slider .prev-arrow { left: 0; }
    #kokubun-employment .voice-slider .next-arrow { right: 0; }
    #kokubun-employment .voice-slider .slick-track{ gap: 40px;}
    #kokubun-employment .voice-slider .slide-arrow-wrap { max-width: 1220px; }
}

@media (min-width: 1161px) {
    #kokubun-employment .voice-slider .slick-track{ left: -300px;}

    
}

@media (min-width: 768px) and (max-width: 1160px) {
    #kokubun-employment .voice-slider .slide-arrow-wrap { max-width: 620px; }
    
}

@media (max-width: 767px) {
    #kokubun-employment #employment-1 dl dt,
    #kokubun-employment #employment-1 dl dd { padding: 6px 0; border-bottom: 1px solid #D7E1E7; }
    #kokubun-employment #employment-1 dl dt { width: 100%; }
    #kokubun-employment #employment-1 dl dd { width: 100%; }
    
    #kokubun-employment .voice-slider li { max-width: 300px; }
    #kokubun-employment .voice-slider li a { padding: 40px; }
    #kokubun-employment .voice-slider li figure { margin-left: auto; margin-right: auto; }
    #kokubun-employment .voice-slider .slide-arrow { width: 40px; height: 40px; }
    #kokubun-employment .voice-slider .prev-arrow { left: 0; }
    #kokubun-employment .voice-slider .next-arrow { right: 0; }
    #kokubun-employment .voice-slider .slick-track{ gap: 20px;}
    #kokubun-employment .voice-slider .slide-arrow-wrap { max-width: 340px; }
}
*/


/*------------------------------------------------------

[literature]
kokushi 
index

------------------------------------------------------*/
/*
#kokushi #fieldwork section { border-bottom: 10px solid #F0F5F8; }
#kokushi #fieldwork section figure { margin-bottom: 25px;}
#kokushi #fieldwork section > div { margin-left: 10px; margin-right: 10px;}
*/
#kokushi #journal .l_col-guidebook { background-color: transparent;}
#kokushi #journal .l_col-guidebook > figure img { max-width: 260px; border: 1px solid #ccc;}
#kokushi #journal .l_col-guidebook .list-a { margin-top: 0; margin-bottom: 20px;}
#kokushi #event table { width: 100%;}
#kokushi #event table tr {}
#kokushi #event table th { color: #5C2E7E; font-weight: bold; text-align: left; padding: 5px 10px;}
#kokushi #event table td { padding: 5px 10px; }
#kokushi #event table td ol { padding-left: 2em;}
#kokushi #other .l_col-link { justify-content: flex-start;}
#kokushi #other .l_col-link li img { max-width: 170px; height: auto; width: 100%;}

#kokushi #event  {  }
#kokushi #event .indent-1 {  }

#kokushi .bnr_index-kokushi {   }

@media (min-width: 768px) {
    /*#kokushi #topics .catch-copy { font-size: 3rem; margin-bottom: 45px;}*/
    #kokushi #journal .l_col-guidebook > div { width: calc(100% - 260px); padding: 20px 20px 0;}
    #kokushi #journal .l_col-guidebook > figure { width: 260px;}
    #kokushi #event table th { font-size: 1.8rem;}
    #kokushi #event table td { font-size: 1.6rem;}
    #kokushi #other .l_col-link li { margin-right: 30px;}

    #kokushi #outline .single img { max-width: 760px;}

    #kokushi .bnr_index-kokushi { width: 200px;  }

    /* #kokushi #event .indent-1 { text-indent: -5em;  padding-left: 5em; } */
}

@media (max-width: 767px) {
    /*#kokushi #topics .catch-copy { font-size: 2rem; margin-bottom: 30px;}*/
    #kokushi #event table th { font-size: 1.4rem; white-space: nowrap;}
    #kokushi #event table td { font-size: 1.4rem;}
    #kokushi #other .l_col-link li { width: 100%; text-align: center;}

    #kokushi .bnr_index-kokushi { width: 200px; margin: 0px auto;  }

    /* #kokushi #event .indent-1 { text-indent: 0em;  padding-left: 0em; } */

}



/*------------------------------------------------------

[literature]
kokushi 
learn

------------------------------------------------------*/
/*
#kokushi-learn {}
#kokushi-learn #kokushi-learn-1 > ul.l_col-2 { max-width: 550px; margin-left: auto; margin-right: auto; }
#kokushi-learn #kokushi-learn-1 > ul.l_col-2 .btn-a a { height: 60px; }
#kokushi-learn #kokushi-learn-1 .single { border: 1px solid #C7CED2; }
#kokushi-learn .theme-list > li { border-bottom: 1px solid #C7CED2; padding-bottom: 10px; }
#kokushi-learn .theme-list > li:nth-last-of-type(n+3) { margin-bottom: 20px; }
#kokushi-learn .theme-list .title-d { font-size: 1.6rem; margin-bottom: 5px; }
#kokushi-learn .theme-list .list-a { margin-top: 0; }
#kokushi-learn .theme-list .list-a li { font-size: 1.6rem; }
#kokushi-learn #kokushi-learn-2 .features-list .bg-blue { padding: 30px 20px 20px; }

@media (min-width: 768px) {
    #kokushi-learn #kokushi-learn-1 > ul.l_col-2 li { width: calc(50% - 15px); }
    #kokushi-learn #kokushi-learn-2 .features-list li:nth-last-of-type(n+3) { margin-bottom: 40px; }
    #kokushi-learn #kokushi-learn-2 > div.l_col-2 { margin-bottom: 100px;}
}

@media (max-width: 767px) {
    #kokushi-learn #kokushi-learn-2 .l_col-3 { margin-bottom: 20px;}
}
*/

/*------------------------------------------------------

[literature]
communication 

------------------------------------------------------*/

@media (min-width: 768px) {
    #communication #outline .single img { max-width: 760px;}
}

@media (max-width: 767px) {

}



/*------------------------------------------------------

[literature]
communication 
course

------------------------------------------------------*/
#communication-course #communication-course-1 .btn-b {}
#communication-course #communication-course-1 .btn-b a { max-width: 360px;}


@media (min-width: 768px) {
    #communication-course #psychology-course .l_col-3 > .btn-b { width: auto;}
    #communication-course #psychology-course .l_col-3 > .btn-b:nth-child(2) a { max-width: none;}
}

@media (max-width: 767px) {

}


/*------------------------------------------------------

    グラフの色

------------------------------------------------------*/
#shinto-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(1) td:first-of-type::before { background: #E0B4EC; }
#shinto-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(2) td:first-of-type::before { background: #A6CEE0; }
/* #shinto-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(3) td:first-of-type::before { background: #EACF7D; } */
#shinto-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(3) td:first-of-type::before { background: #CCDF8E; }
/* #shinto-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(5) td:first-of-type::before { background: #CCDF8E; } */



/*------------------------------------------------------

    [literature]
    shinto
    index

------------------------------------------------------*/
#shinto #pbl .iframe_wrap iframe { height: 200px; }

#shinto #introduction .bnr img { width: 100%; max-width: 170px; height: auto;}

#shinto #shinto-qa .title-d { padding-left: 1.5em; text-indent: -1.5em; }
#shinto #shinto-qa .title-d + p { padding-left: 1.5em; text-indent: -1.5em; }

@media (min-width: 768px) {
    #shinto .outline.single img { max-width: 760px;}
}

@media (max-width: 767px) {
    
}


/*------------------------------------------------------

[faculty gs literature_dr]
文学研究科
[faculty gs education_ma]
教育学研究科
[faculty gs shinto_ma]
神道学専攻科


------------------------------------------------------*/

#literature_dr .table-b,#education_ma .table-b { width: 100%; }
#literature_dr ol,#education_ma ol { font-size: 1.6rem; padding-left: 25px; }
#literature_dr .btn-d a,#education_ma .btn-d a{ max-width: 460px; }
#literature_dr #about .title,#education_ma #about .title,#shinto_ma #about .title { color: #fff; margin-bottom: 15px; }
#literature_dr #about .title span,#education_ma #about .title span,#shinto_ma #about .title span { display: inline-block; background-color: #5C2E7E; padding: 4px 20px 4px 20px;  }

#literature_dr #about ul li a,#education_ma #about ul li a {  }
#literature_dr #about figure,#education_ma #about figure {  }

#shinto_ma #page-title { background: url(/faculty/gs/images/st_pagetitle.jpg) no-repeat center center; background-size: cover; }

#shinto_ma #course .table-a thead th:nth-child(1) ,#shinto_ma #objective .table-a thead th:nth-child(1){ width: 40%; }
#shinto_ma #course .table-a thead th:nth-child(2) { width: 25%; } 
#shinto_ma #shikaku ol { font-size: 1.6rem; list-style-position: inside; }
#shinto_ma #shikaku ol li {}
#shinto_ma #shikaku ol.inner-ol, #shinto_ma #shikaku ol .text { padding-left: 20px; }

.gs #objective .l_col-3 a { max-width: 100%; }

@media (min-width: 768px) {
    #literature_dr #about .title,#education_ma #about .title,#shinto_ma #about .title { font-size: 2.6rem;}
    #literature_dr #about .title span,#education_ma #about .title span,#shinto_ma #about .title span { margin-bottom: 18px; }
    #literature_dr #about .btn li:nth-child(n+3), #education_ma #about .btn li:nth-child(n+3) { margin-top: 20px;}
    #literature_dr #about figure,#education_ma #about figure { max-width: 520px;}


}

@media (max-width: 767px) {
    #literature_dr #about .title,#education_ma #about .title,#shinto_ma #about .title { font-size: 1.8rem;}
    #literature_dr #about .title span,#education_ma #about .title span,#shinto_ma #about .title span { margin-bottom: 12px; }

    #literature_dr #about ul li a,#education_ma #about ul li a { margin-right: auto; margin-left: auto;  }

}



/*------------------------------------------------------

専攻科テーブル共通設定

------------------------------------------------------*/

.table-a.gs-table thead tr th:first-child { width: 60%; }

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


/*------------------------------------------------------

    教育学科
    学科概要

------------------------------------------------------*/
#edu_subject #other .l_col-link { justify-content: flex-start;}
#edu_subject #other .l_col-link li img { max-width: 170px; height: auto; width: 100%;}

@media (min-width: 768px) {
    #edu_subject #other .l_col-link li { margin-right: 30px;}

}

@media (max-width: 767px) {
    #edu_subject #other .l_col-link li { width: 100%; text-align: center;}

}


/*------------------------------------------------------

    教育学科
    カリキュラム

------------------------------------------------------*/

@media (min-width: 768px) {
    #education-learn #past-themes .title-c small { padding-left: 20px; font-size: 60%;}
}

@media (max-width: 767px) {
    #education-learn #past-themes .title-c small { display: block; font-size: 70%;}
}




/*------------------------------------------------------

    教育学科
    就職実績

------------------------------------------------------*/
#education-employment #employment-2 .table-a .list-a { margin: 0;}

#education-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(1) td:first-of-type::before { background: #FC94B8; }
#education-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(2) td:first-of-type::before { background: #F9D0BC; }
#education-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(3) td:first-of-type::before { background: #80D2F6; }
#education-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(4) td:first-of-type::before { background: #FAD864; }
#education-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(5) td:first-of-type::before { background: #C1E153; }

@media (min-width: 768px) {
    #education-employment #employment-2 .table-a thead th:first-child { width: 25%;}
    #education-employment #employment-2 .table-a .list-a { justify-content: flex-start;}
    #education-employment #employment-2 .table-a .list-a li { padding-right: 20px;}
    
}

@media (max-width: 767px) {
    #education-employment #employment-2 .table-a thead th:first-child { width: 30%;}
    #education-employment #employment-2 .table-a .list-a li { text-align: left;}
    
}

/*------------------------------------------------------

    現代日本社会学科
    index

------------------------------------------------------*/


@media (min-width: 768px) {
    #contemporary-japan #feature .single img { max-width: 760px;}
}

@media (max-width: 767px) {

    
}


/*------------------------------------------------------

    現代日本社会学科
    コース

------------------------------------------------------*/
#cj_division .long-button {}
#cj_division .long-button .btn-a {}

@media (min-width: 768px) {
    #cj_division .long-button { justify-content: flex-start;}
    #cj_division .long-button .btn-a { max-width: 400px; width: 50%; }
}

@media (max-width: 767px) {
    #cj_division .long-button {}
    #cj_division .long-button .btn-a {}
    
}


/*------------------------------------------------------

    現代日本社会学科
    就職実績

------------------------------------------------------*/
#contemporary-japan-employment #employment-2 .table-a .list-a { margin: 0;}

#contemporary-japan-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(1) td:first-of-type::before { background: #80D2F6; }
#contemporary-japan-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(2) td:first-of-type::before { background: #fad864; }
#contemporary-japan-employment #employment-1 .employment-info .l_col-2 .table-a tr:nth-of-type(3) td:first-of-type::before { background: #C1E152; }

@media (min-width: 768px) {
    #contemporary-japan-employment #employment-2 .table-a thead th:first-child { width: 25%;}
    #contemporary-japan-employment #employment-2 .table-a .list-a { justify-content: flex-start;}
    #contemporary-japan-employment #employment-2 .table-a .list-a li { padding-right: 20px;}
    
}

@media (max-width: 767px) {
    #contemporary-japan-employment #employment-2 .table-a thead th:first-child { width: 30%;}
    #contemporary-japan-employment #employment-2 .table-a .list-a li { text-align: left;}
    
}


/*------------------------------------------------------

    共通科目

------------------------------------------------------*/

#faculty-common #curriculum .table-b { width: 100%; }
#faculty-common #curriculum .table-b img { max-width: 40px; margin-bottom: 5px;}

#faculty-common .l_col-3 > .btn-c a { max-width: 360px; }

@media (min-width: 768px) {


}

@media (max-width: 767px) {

}



/*------------------------------------------------------

 

------------------------------------------------------*/



@media (min-width: 768px) {

}

@media (max-width: 767px) {

}