/*style_sp.css*/

.noticeboard .noticecont {
    padding: 10px 15px 10px 15px;
    display: block;
}

.noticeboard .noticecont .tit {
    width: 100%;
    margin: 0 0 7px 0;
}

.noticeboard .noticecont .tit p {
    font-size: 1.2rem;
    line-height: 1.4;
}

.noticeboard .noticecont .text p {
    font-size: 1.2rem;
}

#closebt {
    margin: 7px 0 0 auto;
    font-size: 1.2rem;
    line-height: 1.4;
}

/*-------------------
common
---------------------*/

body {
    overflow-x: hidden;
}

.pc {
    display: none !important;
}

.sp {
    display: block !important;
}

.inner {
    padding-left: 15px;
    padding-right: 15px;
}

.inner_nar {
    padding-left: 15px;
    padding-right: 15px;
}

div,
p,
a,
ul,
li,
dt,
dd,
span {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
}

.mt0_sp {
    margin-top: 0 !important;
}

.mt5_sp {
    margin-top: 5px !important;
}

.mt10_sp {
    margin-top: 10px !important;
}

.mt15_sp {
    margin-top: 15px !important;
}

.mt20_sp {
    margin-top: 20px !important;
}

.mt25_sp {
    margin-top: 25px !important;
}

.mt30_sp {
    margin-top: 30px !important;
}

.mt35_sp {
    margin-top: 35px !important;
}

.mt40_sp {
    margin-top: 40px !important;
}

.mt45_sp {
    margin-top: 46px !important;
}

.mt50_sp {
    margin-top: 50px !important;
}

.mt55_sp {
    margin-top: 55px !important;
}

.mt60_sp {
    margin-top: 60px !important;
}

.mt65_sp {
    margin-top: 65px !important;
}

.mt70_sp {
    margin-top: 70px !important;
}

.mt75_sp {
    margin-top: 75px !important;
}

.mt80_sp {
    margin-top: 80px !important;
}

.mb0_sp {
    margin-bottom: 0 !important;
}

.mb5_sp {
    margin-bottom: 5px !important;
}

.mb10_sp {
    margin-bottom: 10px !important;
}

.mb15_sp {
    margin-bottom: 15px !important;
}

.mb20_sp {
    margin-bottom: 20px !important;
}

.mb25_sp {
    margin-bottom: 25px !important;
}

.mb30_sp {
    margin-bottom: 30px !important;
}

.mb35_sp {
    margin-bottom: 35px !important;
}

.mb40_sp {
    margin-bottom: 40px !important;
}

.mb45_sp {
    margin-bottom: 46px !important;
}

.mb50_sp {
    margin-bottom: 50px !important;
}

.mb55_sp {
    margin-bottom: 55px !important;
}

.mb60_sp {
    margin-bottom: 60px !important;
}

.mb65_sp {
    margin-bottom: 65px !important;
}

.mb70_sp {
    margin-bottom: 70px !important;
}

.mb75_sp {
    margin-bottom: 75px !important;
}

.mb80_sp {
    margin-bottom: 80px !important;
}

.pt0_sp {
    padding-top: 0 !important;
}

.pt5_sp {
    padding-top: 5px !important;
}

.pt10_sp {
    padding-top: 10px !important;
}

.pt15_sp {
    padding-top: 15px !important;
}

.pt20_sp {
    padding-top: 20px !important;
}

.pt25_sp {
    padding-top: 25px !important;
}

.pt30_sp {
    padding-top: 30px !important;
}

.pt35_sp {
    padding-top: 35px !important;
}

.pt40_sp {
    padding-top: 40px !important;
}

.pt45_sp {
    padding-top: 46px !important;
}

.pt50_sp {
    padding-top: 50px !important;
}

.pt55_sp {
    padding-top: 55px !important;
}

.pt60_sp {
    padding-top: 60px !important;
}

.pt65_sp {
    padding-top: 65px !important;
}

.pt70_sp {
    padding-top: 70px !important;
}

.pt75_sp {
    padding-top: 75px !important;
}

.pt80_sp {
    padding-top: 80px !important;
}

.pb0_sp {
    padding-top: 0 !important;
}

.pb5_sp {
    padding-bottom: 5px !important;
}

.pb10_sp {
    padding-bottom: 10px !important;
}

.pb15_sp {
    padding-bottom: 15px !important;
}

.pb20_sp {
    padding-bottom: 20px !important;
}

.pb25_sp {
    padding-bottom: 25px !important;
}

.pb30_sp {
    padding-bottom: 30px !important;
}

.pb35_sp {
    padding-bottom: 35px !important;
}

.pb40_sp {
    padding-bottom: 40px !important;
}

.pb45_sp {
    padding-bottom: 46px !important;
}

.pb50_sp {
    padding-bottom: 50px !important;
}

.pb55_sp {
    padding-bottom: 55px !important;
}

.pb60_sp {
    padding-bottom: 60px !important;
}

.pb65_sp {
    padding-bottom: 65px !important;
}

.pb70_sp {
    padding-bottom: 70px !important;
}

.pb75_sp {
    padding-bottom: 75px !important;
}

.pb80_sp {
    padding-bottom: 80px !important;
}

/*font size*/

.fn12_sp {
    font-size: 1.2rem;
}

.fn13_sp {
    font-size: 1.3rem;
}

.fn14_sp {
    font-size: 1.4rem;
}

.fn15_sp {
    font-size: 1.5rem;
}

.fn16_sp {
    font-size: 1.6rem;
}

.fn17_sp {
    font-size: 1.7rem;
}

.fn18_sp {
    font-size: 1.8rem;
}

.fn19_sp {
    font-size: 1.9rem;
}

.fn20_sp {
    font-size: 2.0rem;
}

.fn21_sp {
    font-size: 2.1rem;
}

.fn22_sp {
    font-size: 2.2rem;
}

.inner {
    max-width: 100%;
    min-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.cover {
    display: block;
    opacity: 0;
    transition: 0.8s;
}

.bread {
    display: none;
}

.image_caption_top {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.image_caption_bottom {
    font-size: 1.5rem;
    margin-top: 20px;
}


/*----------------------------------
tag
----------------------------------*/

/*----------------------------------
02_在学生向け_教員紹介 CSS Start
----------------------------------*/
.faculty-block {
    font-size: 1.2rem;
    margin-top: 0;
    padding: 6px 11px 7px;
}

.faculty-info-grid {
    grid-template-columns: repeat(1, 1fr);
}

.faculty-info-container {
    max-width: 100%;
    padding: 20px 15px;
}

.faculty-top {
    gap: 5px;
}

.faulty-img {
    width: 100px;
    height: 100px;
}

.faulty-info-div {
    width: calc(100% - 105px);
}

.faculty-info-ttl {
    line-height: 1.3;
    padding-left: 16px;
    margin-bottom: 14px;
}

.sub-charge {
    font-size: 1.3rem;
    padding: 0px 4px 1px;
}

.faculty-info-ttl::before {
    width: 10px;
    height: 3px;
    top: 55%;
}

.sub-charge-list li {
    font-size: 1.4rem;
    letter-spacing: -1px;
    padding-left: 10px;
}

.sub-charge-list li::before {
    top: 8px;
}

.sub-charge-list {
    margin-top: 7px;
    margin-bottom: 10px;
}

.faculty-para {
    font-size: 1.3rem;
    margin-top: 10px;
    letter-spacing: -0.5px;
}

/*----------------------------------
02_在学生向け_教員紹介 CSS End
----------------------------------*/

/*--------------------------
04_在学生向け_よくある質問_詳細 CSS Start
---------------------------*/
.faq-detail-container{
    padding: 0;
}

.faq-detail-div{
    padding: 30px 16px;
}

.faq-qa-detail .qa-number{
    width: 18px;
    height: 18px;
    font-size: 1.1rem;
    font-weight: 500;
}

.faq-qa p,.faq-ans p{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.7;
}

.faq-qa{
    gap: 7px;
}

.faq-ans{
    gap: 7px;
    padding-top: 20px;
}

.ans-number{
    width: 18px;
    height: 18px;
    font-size: 1.1rem;
    font-weight: 500;
}
/*--------------------------
04_在学生向け_よくある質問_詳細 CSS End
---------------------------*/


/*--------------------------
QA start here
---------------------------*/

.faq-header {
    padding: 45px 0 35px;
    margin-bottom: 45px;
}

.breadcrumb {
    display: none;
}

.faq-title {
    font-size: 2.2rem;
    margin-bottom: 0;
}

.search-ttl-wrap {
    padding: 10px 10px 10px 15px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.search-note {
    font-size: 1.4rem;
    margin-left: 0;
}

.search-ttl-wrap::before {
    position: absolute;
}

.search-ttl-wrap .search-ttl {
    font-size: 1.7rem;
    padding-left: 22px;
}

.faq-search-section {
    margin-bottom: 30px;
}

.search-btn-wrap {
    padding: 0 13px;
    margin-bottom: 20px;
}

.search-group {
    margin-bottom: 20px;
}

.search-btn,
.keyword-tag {
    padding: 4px 15px;
}

.search-execute-btn-wrap {
    max-width: 200px;
}

.search-execute-btn span {
    font-size: 1.5rem;
}

.freeword-search {
    padding: 0 13px;
    margin-bottom: 20px;
}

.freeword-section {
    margin: 30px 0 0;
    padding-bottom: 30px;
}

.results-title {
    padding: 0;
}

.faq-results{
    padding-bottom: 70px;
}

.faq-item {
    padding: 15px 0;
}

.qa-number {
    width: 18px;
    height: 18px;
    font-size: 1.1rem;
    line-height: 2;
}

.faq-qa {
    gap: 7px;
    padding-right: 25px;
}

.faq-qa p {
    font-size: 1.4rem;
}

.faq-tags {
    margin-top: 10px;
}

.qa-tag{
    padding:0;
    font-size: 1.2rem;
}

.tag-uni,
.tag-grad {
    max-width: 46px;
    font-size: 1.1rem;
}

/*--------------------------
QA end here
---------------------------*/

/*--------------------------
科目修得試験 Start
---------------------------*/

ul.guide_list {
    display: block;
}

ul.guide_list > li {
    width: 100%;
    max-width: 100%;
    margin: 12px auto 0;
}

.guide_item {
    padding: 12px 40px 12px 16px;
}

/*--------------------------
科目修得試験 End
---------------------------*/

.p-graduate__link a {
    font-size: 1.4rem;
}

.std_links li a {
    font-size: 1.4rem;
}