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

	page-title

------------------------------------------------------*/
#page-title { background: url(/support/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(/support/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; }
}


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

	[index]

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

@media (min-width: 768px) {

    #index .l_col-index.col-3 > section { width: calc(100% / 3 - 27px); } 
    #index .l_col-index.col-3 section:nth-child(n+3) { margin-top: 0px; }
    
    #index .l_col-btn-index.l_col-4 > * { margin-right: 0px; margin-top: 0px; }
    #index .l_col-btn-index.l_col-4 li:not(:nth-child(4n+4)) { margin-right: 40px; }
}

@media screen and (min-width:768px) and ( max-width:1000px) {
    #index .l_col-btn-index.l_col-4 > * { width: calc( 50% - 40px ); margin-bottom: 20px; }
    #index .l_col-btn-index.l_col-4 a { max-width: 100%; }

}

@media screen and (min-width:768px) and ( max-width:1220px) {
	#index #main-visual .title { font-size: 6vw; }
}

@media (max-width: 767px) {
	#index .attention { padding-top: 50px;}
}


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

    [coursework]

------------------------------------------------------*/
#support-coursework-1 .list-wrap > ul { }
#support-coursework-1 .list-wrap > ul > li { border: 1px solid #C7CED2; }
#support-coursework-1 .list-wrap > ul > li h5 { background: #F0F5F8; padding: 11px 20px; border-bottom: 1px solid #C7CED2; margin-bottom: 0; }
#support-coursework-1 .list-wrap > ul ul { padding: 20px; font-size: 1.8rem; line-height: 2; }

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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

    [curriculum]

------------------------------------------------------*/
#support-curriculum-1 .list-wrap > ul { }
#support-curriculum-1 .list-wrap > ul > li { border: 1px solid #C7CED2; }
#support-curriculum-1 .list-wrap > ul > li h3 { background: #F0F5F8; padding: 11px 20px; border-bottom: 1px solid #C7CED2; margin-bottom: 0; }
#support-curriculum-1 .list-wrap > ul ul { padding: 20px; font-size: 1.8rem; line-height: 2; }

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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

    [edu_center]

------------------------------------------------------*/
#support-edu_center ol { font-size: 1.6rem; list-style-position: inside; text-indent: -1.25em; padding-left: 1.25em; }
#support-edu_center table { width: 100%; }

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

@media (max-width: 767px) {
    #support-edu_center table th, #support-edu_center table td { display: block; }
}


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

    [momofune]

------------------------------------------------------*/
#support-momofune #momofune-guide .detail { margin: 0 calc(50% - 50vw); width: 100vw; background: #F0F5F8; }
#support-momofune #momofune-guide .detail ul {}
#support-momofune #momofune-guide .detail ul li { background: #fff; }
#support-momofune #momofune-guide .detail ul li figure { max-width: 360px; margin: 30px auto; }

@media (min-width: 768px) {
    #support-momofune #momofune-guide .detail { padding: 50px 0 60px; }
    #support-momofune #momofune-guide .detail ul li { padding: 40px; }
    #support-momofune #momofune-guide .detail ul li:nth-child(n+3) { margin-top: 40px; }
}

@media (max-width: 767px) {
    #support-momofune #momofune-guide .detail { padding: 40px 0 40px; }
    #support-momofune #momofune-guide .detail ul li { padding: 20px 20px; }
}


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

    [info_network]

------------------------------------------------------*/
#support-info_network #info_network-policy .btn-c a { max-width: 360px; }
#support-info_network #info_network-user .bg-blue ol { list-style-position: inside; font-size: 1.6rem; }
#support-info_network #info_network-environment .table-b { width: 100%; }
#support-info_network #info_network-environment .table-b th { color: #5C2E7E; font-weight: bold; }

@media (min-width: 768px) {
    #support-info_network #info_network-environment .table-b th { width: 240px; }
}

@media (max-width: 767px) {
    #support-info_network #info_network-environment .table-b th, 
    #support-info_network #info_network-environment .table-b td { display: block; }
}


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

    [ccp]

------------------------------------------------------*/
#support-ccp #ccp-about .about-education { -webkit-box-align: center; align-items: center; }
#support-ccp #ccp-about .about-education figure { text-align: center; }
#support-ccp #ccp-training ol { list-style-position: inside; font-size: 1.6rem; list-style: none; counter-reset: ol-num 0; }
#support-ccp #ccp-training ol li { position: relative; }
#support-ccp #ccp-training ol:not(.inner-ol) > li { padding-left: 23px; }
#support-ccp #ccp-training ol:not(.inner-ol) > li::before { position: absolute; top: -2px; left: 0; counter-increment: ol-num 1; content: counter(ol-num)") "; font-weight: bold; }
#support-ccp #ccp-training .inner-ol li { text-indent: -1.35em; padding-left: 1.35em; }
#support-ccp #ccp-training-outline .title-d { padding: 11px 20px; }
/* #support-ccp #ccp-training-outline .accordion .head { font-size: 1.6rem; padding: 18px 20px; }
#support-ccp #ccp-training-outline .accordion > .head .btn { width: 30px; height: 30px; top: 15px; } */
#support-ccp #ccp-training-outline .body-title { font-size: 1.6rem; }
#support-ccp #ccp-training-outline ol { list-style-position: inside; font-size: 1.6rem; }
#support-ccp #ccp-program .detail { margin: 0 calc(50% - 50vw); width: 100vw; background: #F0F5F8; padding: 50px 0; }
#support-ccp #ccp-program .detail ul {}
#support-ccp #ccp-program .detail ul li { background: #fff; padding: 30px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
#support-ccp #ccp-program .detail ul li .text { -webkit-box-flex: 1; flex-grow: 1; }
#support-ccp #ccp-program .btn-b a { margin: 0 auto; }

@media (min-width: 768px) {
    #support-ccp #ccp-about .about-education figure img { max-width: 360px; }
}

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


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

    [ccp_koumuin]

------------------------------------------------------*/
#support-ccp_koumuin #ccp_koumuin-about {}
#support-ccp_koumuin #ccp_koumuin-about > .bg-blue .l_col-2-r { -webkit-box-align: center; align-items: center; max-width: 615px; margin: 0 auto; }
#support-ccp_koumuin #ccp_koumuin-about > .bg-blue .l_col-2-r figure { width: 200px; }
#support-ccp_koumuin #ccp_koumuin-about > .bg-blue .l_col-2-r .text { font-weight: bold; color: #5C2E7E; }
#support-ccp_koumuin #ccp_koumuin-about > .bg-blue .l_col-2-r .text p { font-size: 1.8rem; }
#support-ccp_koumuin #ccp_koumuin-topics .detail { margin: 0 calc(50% - 50vw); width: 100vw; padding: 50px 0; }
#support-ccp_koumuin #ccp_koumuin-topics .detail ul {}
#support-ccp_koumuin #ccp_koumuin-topics .detail ul li { background: #fff; padding: 20px; }
#support-ccp_koumuin #ccp_koumuin-topics .detail ul li > .l_col-2-r { -webkit-box-align: center; align-items: center; }
#support-ccp_koumuin #ccp_koumuin-topics .detail ul li > .l_col-2-r figure { width: 120px; }
#support-ccp_koumuin #ccp_koumuin-topics .detail ul li > .l_col-2-r h5 { width: calc((100% - 120px) - 20px); }

@media (min-width: 768px) {
    #support-ccp_koumuin #ccp_koumuin-about > .bg-blue { padding: 40px 40px 50px; }
    #support-ccp_koumuin #ccp_koumuin-about > .bg-blue .l_col-2-r .text { width: calc( 100% - 200px); padding-left: 35px; }
    #support-ccp_koumuin #ccp_koumuin-topics .detail ul li:nth-child(n+3) { margin-top: 40px; }
}

@media (max-width: 767px) {
    #support-ccp_koumuin #ccp_koumuin-about > .bg-blue .l_col-2-r { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
}


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

    [ccp_shinri]

------------------------------------------------------*/
#support-ccp_shinri .table-wrap { overflow-x: auto; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a { border-top: none; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a th, 
#support-ccp_shinri #ccp_shinri-schedule table.table-a td { border-top: 1px solid #C7CED2; text-align: auto; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a th { font-weight: bold; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a td {}
#support-ccp_shinri #ccp_shinri-schedule table.table-a .bg1 { background: #D7E1E7; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a .bg2 { background: #F0F5F8; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a .bg3 { background: #F2E7F2; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a .none { background: none; border-top: none; border-right: none; border-bottom: none; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a .vertical { letter-spacing: 3px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; vertical-align: middle; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a .text-left { text-align: left; }
#support-ccp_shinri #ccp_shinri-schedule table.table-a .color1 { color: #5C2E7E; }

@media (min-width: 768px) {
    #support-ccp_shinri #ccp_shinri-schedule table.table-a { min-width: 1040px; }
    #support-ccp_shinri #ccp_shinri-schedule table.table-a .text-left { padding: 20px; }

}

@media (max-width: 767px) {
    #support-ccp_shinri #ccp_shinri-schedule table.table-a { min-width: 915px; }
    #support-ccp_shinri #ccp_shinri-schedule table.table-a .text-left { padding: 10px; }

}


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

    [tv_archive]

------------------------------------------------------*/
#tv_archive #search-archive { background-color: #F0F5F8;}
#tv_archive #search-archive .l_col-2-l > div:last-child { font-size: 1.6rem;}
#tv_archive #search-archive select { font-size: 1.6rem; padding: 10px;}

#tv_archive dl .l_col-archive { border: 1px solid #C7CED2; }
#tv_archive dl .l_col-archive dt { font-size: 1.6rem; position: relative;}
#tv_archive dl .l_col-archive dt::before { content: "澳门赌博现金网_篮球欧洲杯下注-官网TV"; color: #5C2E7E; background: #fff; padding: 5px 0px; width: 100%; display: block; text-align: center; line-height: 1; font-size: 1.3rem; border: 1px solid #5C2E7E; font-weight: bold;}
#tv_archive dl .l_col-archive dd { font-size: 1.6rem; text-align: right; }

#tv_archive #news { max-width: none; box-shadow: none;}
#tv_archive #news dl { height: auto; overflow-y: auto;}
#tv_archive #news dl dd { padding-bottom: 0; margin-bottom: 0; background: none; }
#tv_archive #news dl .l_col-archive dt::before { content: "皇學館TVニュース";}

#tv_archive #susume dl .l_col-archive dt::before { content: "先達のすゝめ";}

@media (min-width: 768px) {
    #tv_archive #search-archive { padding: 45px 0 25px;}
    #tv_archive #search-archive .l_col-tab button { width: calc(25% - 20px); margin-bottom: 20px;}

    #tv_archive dl .l_col-archive { padding: 20px 15px; }
    #tv_archive dl .l_col-archive dt { width: calc(100% - 140px); padding-left: 130px;}
    #tv_archive dl .l_col-archive dt::before { width: 120px; position: absolute; left: 0; top: 0;}
    #tv_archive dl .l_col-archive dd { width: 140px;}
}

@media (max-width: 767px) {
    #tv_archive #search-archive { padding: 20px 0; }
    #tv_archive #search-archive .l_col-tab button { width: calc(50% - 15px); max-width: none; margin-right: 0; margin-bottom: 10px !important;}
    #tv_archive #search-archive .l_col-tab button:nth-child(2n+2) { margin-left: 30px;}

    #tv_archive dl .l_col-archive { padding: 15px;}
    #tv_archive dl .l_col-archive dt { margin-bottom: 0;}
    #tv_archive dl .l_col-archive dt::before { width: 120px; margin-bottom: 5px; }
    #tv_archive dl .l_col-archive dd { width: 100%; font-size: 1.2rem;}

    #tv_archive #news { width: auto; margin: 0; }
    #tv_archive #news dl dt { width: auto; }
}


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

    [ai]

------------------------------------------------------*/
#support-ai #ai-about .program { margin: 0 calc(50% - 50vw); width: 100vw; }
#support-ai #ai-about .kamoku table.table-a thead th { height: 100px; vertical-align: middle; line-height: 1.6; }
#support-ai #ai-about .literacy .l_col-2 figure img { width: 80%; }

#support-ai #ai-learn .bg-blue { padding: 30px; }
#support-ai #ai-learn .bg-blue h4.title-d { text-align: center; margin-bottom: 20px; }
#support-ai #ai-learn .bg-blue .btn-c a { margin: 0 auto; max-width: 480px; }

@media (min-width: 768px) {
    #support-ai #ai-about .program { padding: 50px 0; }
}

@media (max-width: 767px) {
    #support-ai #ai-about .program { padding: 30px 0; }
    #support-ai #ai-about .literacy .l_col-2 figure:last-of-type { margin-top: 20px; }

}


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

    [rishu]

------------------------------------------------------*/
#support-rishu .contents .pdgL0 { padding-left: 0px !important; }
#support-rishu .contents .pdgL20 { padding-left: 20px !important; }
#support-rishu .contents ul li ,
#support-rishu .contents ol li { font-size: 1.8rem; line-height: 1.8; position: relative; }
#support-rishu .contents ol { list-style-position: inside; font-size: 1.8rem; }
#support-rishu .contents ol > li {  }
#support-rishu .contents ol > li:not(:last-of-type) { margin-bottom: 10px; }
#support-rishu .contents ol.ol-2 { list-style-type: upper-roman; padding-left: 20px; }
#support-rishu .contents .list-a { padding-left: 20px; margin-top: 5px; }
#support-rishu .contents .list-a li {}
#support-rishu .contents .list-a li::before { top: calc(1em - 7px); }
#support-rishu .contents .style-none { list-style: none; margin-top: 5px; }
#support-rishu .contents .style-none li:not(:last-of-type) { margin-bottom: 10px; }
#support-rishu .contents .style-circle { list-style: none; margin-top: 5px; }
#support-rishu .contents .style-circle > li { margin-bottom: 10px; padding-left: 20px; }
#support-rishu .contents .style-circle > li::before { content: '? '; position: absolute; top: 0; left: 0; width: 20px; height: 18px; }

@media (min-width: 768px) {

}

@media (max-width: 767px) {

}


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

    [support-ai_curriculum]
    カリキュラム

------------------------------------------------------*/
#support-ai_curriculum #curriculum .note .text p { padding-left: 4em; text-indent: -3.5em; }
#support-ai_curriculum #curriculum .syllabus .l_col-2 .btn-c a { max-width: none; text-align: left;}
#support-ai_curriculum #curriculum .syllabus .l_col-2 .btn-c a span { font-size: 85%;}


#support-ai_curriculum #curriculum .syllabus .l_col-2 .btn-c.pointer-none a { pointer-events: none; }
#support-ai_curriculum #curriculum .syllabus .l_col-2 .btn-c.pointer-none a::after { content: none;; }


@media (min-width: 768px) {
    #support-ai_curriculum #curriculum .list-a { padding-left: 14px;}
}

@media (max-width: 767px) {

}

@media (max-width: 480px) {
    #support-ai_curriculum #page-title.short { padding-top: 90px;}
    #support-ai_curriculum #page-title.short .container > * span { font-size: 1.4rem; width: 50%; margin-left: auto; margin-right: auto; }
}

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

    [support-ai_completion]
    終了要件?実施体制

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

@media (min-width: 768px) {

}

@media (max-width: 480px) {
    #support-ai_completion #page-title.short { padding-top: 90px;}
    #support-ai_completion #page-title.short .container > * span { font-size: 1.4rem; width: 50%; margin-left: auto; margin-right: auto; }
}


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

    [support-tv]
    大学生テレビ局

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

@media (min-width: 768px) {

}

@media (max-width: 767px) {
    #support-tv #youtube .l_col-2-l { margin-bottom: 20px;}
    #support-tv #youtube .l_col-2 { margin-bottom: 20px; }

}



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

    [shikaku]
    取得資格

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

#support-shikaku sup { vertical-align: super; font-size: smaller; }
#support-shikaku .table-a-wrap td { text-align: center; }

#support-shikaku .table-a-wrap thead th { vertical-align: middle; }

@media (min-width: 768px) {
    #support-shikaku .table-a-wrap tbody th { vertical-align: middle; }

}

@media (max-width: 767px) {

    #support-shikaku .table-a-wrap { overflow: scroll; }

    #support-shikaku .table-a { width: 700px; }

}

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

    [minor]
    副専攻制度

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

/* support-minor-1 */
#support-minor #support-minor-1 .l_col-2 {  position: relative; }
#support-minor #support-minor-1 .l_col-2 .text { margin-bottom: 0px; }
#support-minor #support-minor-1 .arrow { margin: auto; background: #9ac3ce; clip-path: polygon(50% 100%, 0 0, 100% 0);  }
#support-minor #support-minor-1 .l_col-2 div { background: #53317b; padding: 20px; border-radius: 20px;  }
#support-minor #support-minor-1 .l_col-2 p { color: #fff;  font-weight: bold; }

#support-minor #support-minor-1 ul { position: relative;  }
#support-minor #support-minor-1 ul::after { content:''; width:124px; height:91px;  background-image: url(/support/images/minor/icon_s1-minor-1.svg);}
#support-minor #support-minor-1 ul li { color: #53317b; font-weight: bold; }

@media (min-width: 768px) {
    #support-minor #support-minor-1 .l_col-2 {  position: relative; margin-bottom: 50px; }
    #support-minor #support-minor-1 .l_col-2 p { font-size: 2.0rem;  }
    #support-minor #support-minor-1 .l_col-2 div:nth-child(n+3) { margin-top: 30px; }
    #support-minor #support-minor-1 .arrow { margin-bottom: 30px;  }
    #support-minor #support-minor-1 .arrow   { width: 800px; height: 50px; }
    #support-minor #support-minor-1 ul {  }
    #support-minor #support-minor-1 ul::after { position:absolute; top: -10px; right: 0px; }
    #support-minor #support-minor-1 ul li { font-size: 2.4rem; }
    #support-minor #support-minor-1 .w690 { max-width: 690px; margin: 0px auto; }
    }
    
    @media (max-width: 767px) {
        #support-minor #support-minor-1 .l_col-2 p { font-size: 1.8rem;  }
        #support-minor #support-minor-1 .arrow  { width: 100%; height: 50px; }
        #support-minor #support-minor-1 ul { padding-top: 20px; }
        #support-minor #support-minor-1 ul::after { display: block; margin: 0px auto; }
        #support-minor #support-minor-1 ul li { font-size: 2.0rem; }
}


/* support-minor-2 */

#support-minor #support-minor-2 .btn-c a { max-width: 100%; text-align: left; }

#support-minor #support-minor-2  .l_col-2-r { background: ; }

#support-minor #support-minor-2 > section .text{ margin-bottom: 0px; }

@media (min-width: 768px) {
    #support-minor #support-minor-2 .btn-c a { font-size: 1.5rem; margin-bottom: 20px; }
    
    }
    
    @media (max-width: 767px) {
        #support-minor #support-minor-2 .l_col-2 > div{ margin-bottom: 10px; }
}

/* support-minor-3 */
#support-minor #support-minor-3 .iframe-wrap{ position: relative; padding-top: 56.25%;  }
#support-minor #support-minor-3 .iframe-wrap iframe { position: absolute; top: 0px; left: 0px; }




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



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


@media (min-width: 768px) {

}

@media (max-width: 767px) {

}