@charset "utf-8";
:root{
    --cream: #f9f4e2;
    --yellow: #ffee00;
    --header-height: 0px;
}
.exam .page-h2 br{
    display: none;    
}
.exam .page-h2 small{
    font-weight: 700;
}
.shadoow{
    box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
.admission-nav_a{
	background: var(--black);
}
.admission-nav_a:hover{
	background: var(--red);
}
.admission-nav_a.active{
    pointer-events: none;
    background: var(--gray8);
    box-shadow: none;
}
.admission-mv{
	width: 100%;
	height: 40vh;
	min-height: 480px;
	background: url("img/admission-mv.webp") center center;
	background-size: cover;
    position: relative;
}
.admission-link{
    position: fixed;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    z-index: 2;
}
.admission-link.is-fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 12px 0 env(safe-area-inset-bottom);
  background: rgba(255,255,255,0.95);
  box-shadow: 0 -4px 10px rgba(0,0,0,0.08);
  z-index: 1000;
}
.admission-link_a{
    width: 6em;
    height: 6em;
    margin: 0 3px;
    background: var(--red);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.3;
    border-radius: 50%;
    box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
.admission-link_a b{
    font-size: 120%;
    color: #fff;
}
.admission-link_a:hover{
    background: var(--black);
}
@media screen and (max-width: 980px) {
    .admission-nav_a{
        min-width: inherit;
        width: 13em;
    }
	.admission-mv{
		height: 30vh;
		min-height: 280px;
	}
}
@media screen and (max-width: 480px) {
    .exam .page-h2 br{
        display: block;    
    }
    .admission-nav_a{
        width: 10em;
    }
}

/*入試制度*/
.admission-system_wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3em;
    margin-bottom: 3em;
}
.admission-system_item{
    border: 1px solid var(--black);
}
.admission-system_item b{
    display: block;
    background: var(--black);
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 0.4em;
}
.admission-system_date{
    display: block;
    background: var(--dgray);
    text-align: center;
    padding: 0.7em;
    line-height: 1.3;
    font-size: clamp(13px, 1.1vw, 15px);
}
.admission-system_date br{
    display: none;
}
.admission-system_h4{
    font-size: clamp(18px, 1.8vw, 24px);
    text-align: center;
    font-weight: 700;
    padding: 0.5em;
}
.admission-system_h4 small{
    display: block;
    margin-top: 0.3em;
}
.admission-system_text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--egray);
    padding: 1em;
}
.admission-system_p{
    flex: 1;
    font-size: clamp(12px, 1.1vw, 15px);
}
.admission-system_a{
    width: 2.5em;
    height: 2.5em;
    margin-left: 1em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    background: var(--red);
    box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
.admission-system_a:hover{
    background: var(--black);
}
.admission-pdf_wrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;
}
.admission-pdf_item{
    padding: 1em;
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.admission-pdf_h5{
    flex: 1;
    line-height: 1.3;
    font-weight: 700;
}
.admission-pdf_a{
    width: 2.5em;
    height: 2.5em;
    margin-left: 1em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    background: var(--red);
    box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1480px) {
    .admission-system_wrap{
        gap: 1em;
        margin-bottom: 2em;
    }
}
@media screen and (max-width: 1380px) {
    .admission-system_date br{
        display: block;
    }
    .admission-pdf_wrap{
        gap: 0.5em;
    }
}
@media screen and (max-width: 1280px) {
    .admission-pdf_wrap{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 980px) {
    .admission-system_wrap{
        display: block;
        margin-bottom: 0.5em;
    }
    .admission-system_item{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 0.5em;
    }
    .admission-system_item b{
        width: 4em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .admission-system_date br{
        display: none;
    }
    .admission-system_date{
        flex: 1;
        text-align: left;
    }
    .admission-system_h4,
    .admission-system_text{
        width: 100%;
        text-align: left;
    }
    .admission-system_h4{
        padding: 1em 0.8em;
    }
    .admission-system_h4 small{
        display: inline-block;
        margin-left: 1em;
    }
    .admission-pdf_wrap{
        grid-template-columns: repeat(2, 1fr);
        margin-top: 2em;
    }
}
@media screen and (max-width: 580px) {
    .admission-pdf_wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .admission-pdf_h5 br{
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .admission-system_h3 {
        margin-bottom: 1em !important;
    }
    .admission-system_item b{
        width: 3.5em;
    }
    .admission-system_date br{
        display: block;
    }
}

/*DP*/
.admission-dp{
    background: var(--black);
}
.admission-dp_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.admission-dp_h3{
    color: #fff;
    font-size: clamp(21px, 2vw, 28px);
    line-height: 1.4;
    font-weight: 700;
    width: 11em;
}
.admission-dp_h3 small{
    color: var(--yellow);
    font-size: clamp(13px, 1.2vw, 16px);
    display: block;
    padding-right: 1em;
}
.admission-dp_img{
    display: block;
    width: clamp(100px, 20vw, 300px);
    margin-right: 2em;
}
.admission-dp_img:hover{
    opacity: 0.7;
}
.admission-dp_h4{
    color: #fff;
    font-size: clamp(21px, 1.5vw, 24px);
    font-weight: 700;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding-bottom: 0.5em;
}
.admission-dp_list{
    display: flex;
    flex-wrap: wrap;
}
.admission-dp_ol a{
    display: block;
    color: #fff;
    padding: 0.5em 0 0.5em 1.5em;
    text-indent: -1em;
    line-height: 1.3;
}
.admission-dp_ol a:before{
    content: "・";
    color: #fff;
}
.admission-dp_ol a:hover{
    color: var(--red);
}
@media screen and (max-width: 1280px) {
    .admission-dp_h3 {
        width: 100%;
        text-align: center;
    }
    .admission-dp_h3 br{
        display: none;
    }
}
@media screen and (max-width: 980px) {
    .admission-dp_wrap{
        flex-direction: column;
    }
    .admission-dp_img {
        width: 60%;
        max-width: 280px;
        margin: 0 auto 2em;
    }
    .admission-dp_h4{
        text-align: center;

    }
    .admission-dp_list{
        justify-content: center;
    }
}
@media screen and (max-width: 480px) {
    .admission-dp_h3 br{
        display: block;
    }
    .admission-dp_index{
        display: none;
    }
}

/*ABOUT*/
.admission-about{
    background: var(--egray);
}
.admission-about_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.admission-about_item{
    width: 48%;
    position: relative;
}
.admission-about_h4{
    display: inline-block;
    padding: 1em;
    background: var(--egray);
    font-size: clamp(16px, 1.4vw, 21px);
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
}
.admission-about_img{
    display: block;
}
.admission-about_img img{
    object-fit: cover;
    aspect-ratio: 2.2 / 1;
}
.admission-about_text{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.admission-about_a {
    padding: 0.7em 1em 0.8em;
    line-height: 1;
}
.admission-about_p{
    flex: 1;
    margin-right: 1em;
}
@media screen and (max-width: 980px) {
    .admission-about_item{
        width: 49%;
    }
    .admission-about_img img{
        aspect-ratio: 1.6 / 1;
    }
    .admission-about_text{
        display: block;
    }
    .admission-about_a{
        display: block;
        width: 15em;
        margin: 1em 0 0 auto;
    }
}
@media screen and (max-width: 580px) {
    .admission-about_item{
        width: 100%;
    }
    .admission-about_item:first-child{
        margin-bottom: 2em;
    }
}

/*FEE*/
.admission-fee_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.admission-fee_item{
    width: 49%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.admission-fee_text{
    width: 45%;
    margin-right: 1em;
}
.admission-fee_h4{
    font-size: clamp(16px, 1.4vw, 21px);
    font-weight: 700;
    margin-bottom: 0.5em;
    text-align: right;
}
.admission-fee_a {
    display: block;
    width: 16em;
    margin: 1em 0 0 auto;
    padding: 0.7em 0 0.8em;
}
.admission-fee_img{
    flex: 1;
}
.admission-fee_item:nth-child(2) {
    align-items: flex-end;
}
.admission-fee_item:nth-child(2) .admission-fee_img{
    order: 0;
}
.admission-fee_item:nth-child(2) .admission-fee_text{
    order: 1;
    margin-right: 0;
    margin-left: 1em;
}
.admission-fee_item:nth-child(2) .admission-fee_h4{
    text-align: left;
}
.admission-fee_item:nth-child(2) .admission-fee_a{
    margin: 1em auto 0 0;
}
@media screen and (max-width: 1280px) {
    .admission-fee_text{
        width: 50%;
    }
}
@media screen and (max-width: 980px) {
    .admission-fee_item{
        width: 100%;
        align-items: center;
    }
}
@media screen and (max-width: 680px) {
    .admission-fee_item:nth-child(1) .admission-fee_img{
        order: 0;
    }
    .admission-fee_item:nth-child(1) .admission-fee_text{
        order: 1;
        margin-right: 0;
        margin-left: 1em;
    }
    .admission-fee_item{
        margin-bottom: 2em;
        align-items: flex-start !important;
    }
    .admission-fee_img {
        flex: inherit;
        width: clamp(80px, 30vw, 200px);
    }
    .admission-fee_text {
        width: auto;
        flex: 1;
    }
    .admission-fee_h4{
        text-align: left;
    }
    .admission-fee_a {
        margin: 1em 0 0 auto !important;
    }
    .admission-fee_a{
        width: 15em;
    }
}

/*ENROLE*/
.admission-enrole_wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}
.admission-enrole_item{
    padding: 1em;
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.admission-enrole_h5{
    flex: 1;
    line-height: 1.3;
    font-weight: 700;
}
.admission-enrole_a{
    width: 2.5em;
    height: 2.5em;
    margin-left: 1em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    background: var(--red);
    box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
.admission-enrole_a:hover{
    background: var(--black);
}
.admission-enrole_a.disable{
    pointer-events: none;
    background: var(--agray);
    box-shadow: none;
}
@media screen and (max-width: 680px) {
    .admission-enrole_wrap{
        grid-template-columns: repeat(1, 1fr);
    }
}

/*SUPPORT*/
.admission-support{
    background: var(--egray);
}
.admission-support_list{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1em;
}
.admission-support_a{
    display: block;
    position: relative;
}
.admission-support_a span{
    display: block;
    width: 100%;
    background: var(--black);
    color: #fff;
    line-height: 1;
    padding: 0.7em 0.5em;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    font-size: clamp(12px, 1.1vw, 15px);
}
.admission-support_a:hover span{
    background: var(--red);
}
.admission-support_others{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1em;
}
.admission-support_other{
    padding: 1em;
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}
.admission-support_other--h5{
    flex: 1;
    line-height: 1.3;
    font-weight: 700;
}
.admission-support_other--h5 br{
    display: none;
}
.admission-support_other--a{
    width: 2.5em;
    height: 2.5em;
    margin-left: 1em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    background: var(--red);
    box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
}
.admission-support_other--a:hover{
    background: var(--black);
}
.admission-support_other--a[href$=".pdf"]::after{
    display: none;
}
@media screen and (max-width: 1480px) {
    .admission-support_other--h5 br{
        display: block;
    }
}
@media screen and (max-width: 1080px) {
    .admission-support_list{
        grid-template-columns: repeat(3, 1fr);
    }
    .admission-support_others{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 680px) {
    .admission-support_list{
        grid-template-columns: repeat(2, 1fr);
    }
    .admission-support_others{
        grid-template-columns: repeat(1, 1fr);
    }
    .admission-support_other--h5 br{
        display: none;
    }
}

/*ADMISSION LINKS*/
.admission-links .alink{
    padding: 0.7em 0.2em 0.8em;
    margin-bottom: 0.5em;
    width: 17em;
}
.admission-links a[href$=".pdf"]::after{
    display: none;
}
/*DOWNLOAD*/
.download-att_ul{
    display: inline-block;
}
.download-att_li{
    text-align: left;
    list-style: none;
    text-indent: -1.2em;
    padding: 0.5em 0 0.5em 1.2em;
    line-height: 1.3;
}
.download-att_li:before{
    content: "●";
    color: var(--red);
    padding-right: 0.1em;
}
.download-att_li b{
    font-weight: 700;
    font-size: 120%;
}
.download-document_wrap{
    overflow-x: scroll;
}
.download-document_table--att{
    font-size: clamp(12px, 1.1vw, 14px);
}
.download-document_table{
    min-width: 980px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.download-document_table{
    border-bottom: 1px solid var(--black);
}
.download-document_table th,
.download-document_table td{
    padding: 0.7em 0.2em;
    vertical-align: middle;
    border-top: 1px solid var(--black);
    border-right: 1px solid var(--black);
    line-height: 1.3;
    font-size: clamp(12px, 1.1vw, 15px);
}
.download-document_table th small{
    display: block;
}
.download-document_table th a{
    font-size: clamp(12px, 1.1vw, 15px);
    color: var(--red);
}
.download-document_table th a:hover{
    color: var(--agray);
    text-decoration: underline;
}
.download-document_table td{
    text-align: center;
}
.download-document_table tr:nth-child(odd){
    background: #fff;
}
.download-document_table tr:nth-child(even){
    background: var(--egray);
}
.download-document_table th:first-child{
    position: sticky;
    left: 0;
    z-index: 2;
    border-left: 1px solid var(--black);
    width: 11.5em;
}
.download-document_table tr:nth-child(odd) th:first-child{
    background: #fff;
    border-right: 1px solid var(--black);
}
.download-document_table tr:nth-child(even) th:first-child{
    background: var(--egray);
    border-right: 1px solid var(--black);
    width: auto;
}
.download-document_table tr:nth-child(2) th:first-child{
    z-index: 1;
    border-left: none;
}
.download-document_table tr:first-child th{
    font-weight: 700;
    background: var(--black) !important;
    color: #fff;
    border-right: 1px solid #fff !important;
}
.download-document_table tr:first-child th:last-child{
    border-right: 1px solid var(--black) !important;  
}
.download-item{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-left: 5px solid var(--agray);
    background: #f0f0f0;
    padding: 2em;
}
.download-head{
    width: 15em;
    font-size: clamp(21px, 2vw, 24px);
    margin: 0 2em 0.5em 0;
}
.download-h4{
    font-size: clamp(21px, 2vw, 24px);
    font-weight: 700;
    margin-bottom: 0.2em;
    line-height: 1.4;
}
.download-a{
    display: block;
    padding: 0.7em 0.5em 0.8em;
    margin-top: 0.5em;
    line-height: 1.4;
}
.download-a[href$=".pdf"]::after {
    display: none;
}
.download-detail{
    flex: 1;
}
.download-li{
    list-style: none;
    text-indent: -1.2em;
    line-height: 1.6;
    padding: 0.5em 0 0.5em 1.2em;
}
.download-li:before{
    content: "●";
    color: var(--red);
    padding-right: 0.1em;
}
.download-li b{
    color: var(--red);
}
.download-li_table{
    width: 100%;
    margin: 0.5em 0 0 auto;
    border-collapse: separate;
    border-spacing: 0 2px;
}
.download-li_table th,
.download-li_table td{
    padding: 0.5em 1em;
    vertical-align: middle;
}
.download-li_table th{
    background: var(--gray8);
    font-weight: 700;
    text-align: left;
    color: #fff;
    width: 16em;
}
.download-li_table th br{
    display: none;
}
.download-li_table td{
    background: var(--egray);
}
.download-dl dt{
    color: var(--red);
    font-weight: 700;
    padding-right: 1em;
}
@media screen and (max-width: 980px) {
    .download-head{
        width: 100%;
        margin-right: 0;
    }
    .download-a{
        width: 20em;
    }
}
@media screen and (max-width: 580px) {
    .download-a{
        width: 100%;
    }
    .download-li_table th,
    .download-li_table td{
        padding: 0.5em;
    }
    .download-li_table th{
        width: 9em;
    }
    .download-li_table th br{
        display: block;
    }
}

/*FLOW*/
.flow-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flow-num{
    width: 6em;
    height: 6em;
    border-radius: 50%;
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 0.2em;
}
.flow-num small{
    font-size: clamp(11px, 1.1vw, 12px);
    font-weight: 700;
    display: block;
}
.flow-num b{
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 700;
}
.flow-h3{
    flex: 1;
    font-weight: 700;
    font-size: clamp(21px, 2vw, 24px);
}
.flow-item{
    width: calc(100% - 6.2em);
    margin: -1em 0 0 auto;
    background: var(--egray);
    position: relative;
    padding: 2em 3em;
}
.flow-li{
    text-align: left;
    list-style: none;
    text-indent: -1.2em;
    padding: 0.5em 0 0.5em 1.2em;
    line-height: 1.6;
}
.flow-li:before{
    content: "●";
    color: var(--red);
    padding-right: 0.1em;
}
.flow-li a{
    color: var(--red);
}
.flow-li a:hover{
    text-decoration: underline;
}
.flow-li b{
    font-weight: 700;
    font-size: 120%;
    line-height: 1.4;
}
.flow-ul_child{
    padding-left: 2em;
    margin: 0.5em 0;
}
.flow-li_child{
    list-style: none;
    text-indent: -1.2em;
    padding: 0.3em 0 0.3em 1.2em;
    line-height: 1.3;
    font-size: clamp(12px, 1.4vw, 14px);
}
.flow-li_child a{
    font-size: clamp(12px, 1.4vw, 14px);
}
.flow-li_child:before{
    content: "※";
    padding-right: 0.1em;
    font-size: clamp(12px, 1.4vw, 14px);
}
.flow-dl{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em;
}
.flow-dl dt,
.flow-dl dd{
    padding: 1em;
    line-height: 1.4;
}
.flow-dl dt{
    background: var(--gray3);
    color: #fff;
    width: 27em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}
.flow-dl dt:after{
    content: "";
    display: block;
    width: 2em;
    height: 1em;
    background: var(--gray3);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    position: absolute;
    bottom: -0.8em;
    left: 50%;
    transform: translateX(-50%);
}
.flow-dl:last-child dt:after{
    display: none;
}
.flow-dl dt br{
    display: none;
}
.flow-dl dd{
    flex: 1;
    background: #fff;
}
.flow-dl dd a{
    color: var(--red);
}
.flow-dl dd a:hover{
    text-decoration: underline;
}
.flow-p_att{
    padding-left: 1.3em;
    text-indent: -1.3em;
    line-height: 1.3;
    margin: 0 0 0.2em;
}
.flow-p_att:before{
    content: "※";
}
.flow-li_check{
    text-indent: 0;
}
.flow-li_check span{
    display: inline-block;
    line-height: 1;
    padding: 0.5em 1em !important;
    background: var(--gray8);
    color: #fff;
    margin: 0.4em 2px 0 0;
    border-radius: 3px;
    text-indent: 0;
}
@media screen and (max-width: 980px) {
    .flow-dl dt{
        width: 18em;
    }
    .flow-dl dt br{
        display: block;
    }
}
@media screen and (max-width: 780px) {
    .flow-dl{
        flex-direction: column;
    }
    .flow-dl dt{
        width: 100%;
    }
    .flow-dl dt br{
        display: none;
    }
    .flow-dl dd{
        padding-top: 2em;
    }
}
@media screen and (max-width: 680px) {
    .flow-head{
        flex-direction: column;
    }
    .flow-num{
        margin-bottom: 0.5em;
    }
    .flow-item{
        width: 100%;
        margin: 1em auto;
        padding: 2em 1em;
    }
    .flow-ul_child{
        padding-left: 0;
    }
}

/*MULTIPLE*/
.multiple-point{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    gap: 0 1em;
}
.multiple-h3{
    width: 100%;
}
.multiple-point_item{
    width: 5em;
    height: 5em;
    background: var(--red);
    border-radius: 50%;
    box-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(21px, 2.4vw, 34px);
}
.multiple-point_item:hover{
    background: var(--black);
}
.multiple-point_item small,
.multiple-point_item b{
    color: #fff;
    display: block;
    line-height: 1;
}
.multiple-point_item small{
    font-size: clamp(12px, 1.1vw, 14px);
    font-weight: 700;
}
.multiple-point_item b{
    font-size: clamp(21px, 2vw, 34px);
    font-weight: 700;
    margin: 0.2em 0;
}
.multiple-point_item img{
    width: clamp(30px, 3.2vw, 45px);
}
.multiple-point_content{
    padding: 3em;
    background: var(--egray);
}
.multiple-point_content .multiple-point_item{
    background: #fff;
    border: 1px solid var(--red);
    box-shadow: none;
}
.multiple-point_content .multiple-point_item small,
.multiple-point_content .multiple-point_item b{
    color: var(--red);
}
.multiple-point_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.multiple-h4{
    flex: 1;
    margin-left: 1em;
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 700;
}
.multiple-h4 span{
    display: block;
    margin-bottom: 0.5em;
    color: var(--red);
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
}
.multiple-point_body{
    padding-left: 6em;
    font-size: clamp(21px, 2.4vw, 34px);
}
.multiple-expl{
    margin-top: -2em;
}
.multiple-hit{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.multiple-hit b{
    background: var(--black);
    color: #fff;
    width: 7em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.multiple-hit b:after{
    content: "";
    display: block;
    width: 1em;
    height: 2em;
    background: var(--black);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1em;
}
.multiple-hit_text{
    flex: 1;
    background: #fff;
    padding:  0 0 0 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.multiple-hit_text p{
    flex: 1;
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
}
.multiple-hit_img{
    width: clamp(250px, 25vw, 380px);
    margin-left: 2em;
}
.multiple-guidebook{
    display: grid;
    grid-template-columns: clamp(120px, 19vw, 245px) auto;
    grid-template-rows: auto;
    align-items: flex-start;
    gap: 1em 2em;
}
.multiple-guidebook_img{
    grid-column: 1;
    grid-row: 1 / 4;
}
.multiple-guidebook_img:hover{
    opacity: 0.7;
}
.multiple-guidebook_p{
    grid-column: 2;
    grid-row: 1;
}
.multiple-guidebook_p b{
    display: block;
    font-weight: 700;
    font-size: clamp(15px, 1.4vw, 18px);
    background: var(--gray6);
    color: #fff;
    line-height: 1;
    padding: 0.5em;
    width: 13em;
    border-radius: 3em;
    text-align: center;
    margin-bottom: 0.5em;
}
.multiple-guidebook_link{
    grid-column: 2;
    grid-row: 2 / 3;
    display: flex;
    align-items: flex-end;
}
.multiple-guidebook_page{
    width: clamp(130px, 24vw, 380px);
    margin-right: 1em;
}
.multiple-guidebook_a{
    display: block;
    margin-bottom: 5px;
    width: 17em;
    padding: 0.7em 0 0.8em;
}
.multiple-employment{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    border-bottom: 1px solid var(--gray4);
    padding-bottom: 2em;
}
.multiple-employment_item{
    position: relative;
    width: clamp(125px, 18vw, 230px);
    height: clamp(125px, 18vw, 230px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 2px;
}
.multiple-employment_item:after{
    content: "";
    display: block;
    width: clamp(125px, 18vw, 230px);
    height: clamp(125px, 18vw, 230px);
    background: #fff;
    border: 10px solid var(--dgray);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
}
.multiple-employment_p{
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    font-size: clamp(12px, 1.1vw, 15px);
}
.multiple-employment_num{
    font-size: clamp(16px, 1.5vw, 24px);
    position: relative;
    z-index: 2;
    margin: 0.2em 0;
}
.multiple-employment_num small{
    display: block;
    font-size: clamp(12px, 1.2vw, 16px);
}
.multiple-employment_num b{
    font-size: clamp(21px, 5vw, 68px);
    font-weight: 700;
    color: var(--red);
}
.multiple-employment_att{
    text-align: right;
    margin: 0.5em 0;
    font-size: clamp(11px, 1.1vw, 14px);
}
.multiple-employment_att br{
    display: none;
}
.multiple-employment_links{
    display: flex;
    justify-content: center;
    margin: 1em auto;
}
.multiple-employment_a{
    margin: 0 2px 5px;
    padding: 0.7em 0 0.8em;
    width: 17em;
}
.multiple-scholar_h4{
    width: 100%;
    font-size: clamp(16px, 1.4vw, 21px);
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.multiple-scholar_h4:before{
    content: "■";
    color: var(--red);
}
.multiple-scholar_h4:after{
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background: var(--black);
}
.multiple-scholar.scholar-item{
    width: 100%;
    padding-left: 0;
}
.multiple-scholar .scholar-target dd,
.multiple-scholar .scholar-content{
    background: #fff;
}
.multiple-point_body .scholar-item {
    grid-template-columns: 7em minmax(0, 1fr) 22em;
}
.multiple-point_body .scholar-target dt {
    width: 5em;
}
.multiple-point_body .scholar-style {
    width: 4.5em;
    height: 4.5em;
    font-size: clamp(12px, 1.1vw, 16px);
}
.multiple-point_body .scholar-amount b.en {
    font-size: clamp(38px, 4.2vw, 58px);
}
.multiple-point_body .scholar-att{
    margin-bottom: 0.5em;
}
@media screen and (max-width: 1080px) {
    
}
@media screen and (max-width: 980px) {
    .multiple-expl br{
        display: none;
    }
    .multiple-expl{
        margin-top: -1em;
    }
    .multiple-hit_text{
        padding: 2em;
    }
    .multiple-hit p br{
        display: none;
    }
    .multiple-hit_img{
        width: 100%;
        margin: 1em 0 0;
    }
    .multiple-guidebook_page{
        display: none;
    }
    .multiple-employment_links{
        flex-direction: column;
    }
    .multiple-employment_a{
        margin: 0 0 5px auto;
    }
    .multiple-point_body .scholar-item {
        grid-template-columns: 7em minmax(0, 1fr) 17em;
    }
}
@media screen and (max-width: 680px) {
    .multiple-point{
        gap: 0 0.5em;
    }
    .multiple-point_head{
        display: block;
    }
    .multiple-point_content .multiple-point_item{
        margin: 0 auto 1em;
    }
    .multiple-point_content {
        padding: 2em 1em;
        margin-bottom: 2em !important;
    }
    .multiple-h4{
        text-align: center;
        margin-left: 0;
    }
    .multiple-point_body{
        padding-left: 0;
    }
    .multiple-expl{
        margin-top: 1em;
    }
}
@media screen and (max-width: 480px) {
    .multiple-hit b{
        width: 100%;
        display: block;
        padding: 1em !important;
    }
    .multiple-hit b:after{
        width: 2em;
        height: 1em;
        top: inherit;
        bottom: -1em;
        right: inherit;
        left: 50%;
        transform: translateX(-50%) translateY(0);
        clip-path: polygon(0% 0%, 100% 0, 50% 100%);
    }
    .multiple-hit_text {
        padding: 1em;
    }
    .multiple-guidebook{
        gap: 1em;
    }
    .multiple-guidebook_img{
        grid-row: 1;
    }
    .multiple-guidebook_p{
        grid-row: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .multiple-guidebook_p b{
        width: 12em;
    }
    .multiple-guidebook_links{
        grid-column: 1 / -1;
        grid-row: 2 / 3;
    }
    .multiple-guidebook_a{
        margin: 0 auto 5px;
    }
    .multiple-guidebook_link {
        grid-column: 1 / -1;
    }
    .multiple-guidebook_links{
        width: 100%;
    }
    .multiple-employment{
        flex-wrap: wrap;
    }
    .multiple-employment_item,
    .multiple-employment_item:after{
        width: 35vw;
        height: 35vw;
    }
    .multiple-employment_num b{
        font-size: 8vw;
    }
    .multiple-employment_att br{
        display: block;
    }
    .multiple-employment_a{
        margin: 0 auto 5px;
    }
}

/*SCHOLAR*/
.scholarship-h3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
}
.scholarship-h3:after{
    content: "";
    flex: 1;
    height: 1px;
    background: var(--black);
}
.scholarship-att{
    padding-left: 1em;
    text-indent: -1em;
    font-size: clamp(12px, 1.1vw, 14px);
    text-align: right;
    margin-bottom: 0.5em !important;
}
.scholar-item{
    display: grid;
    grid-template-columns: 10em minmax(0, 1fr) 35em;
    gap: 0 5px;
    margin-bottom: 2em;
    max-width: 1280px;
    width: 95%;
    margin: 0 0 2em auto;
}
.scholar-item > *{
  min-width: 0;
}
.scholar-item:has(+ .scholarship-att){
    margin-bottom: 0.5em;
}
.scholar-head{
    background: var(--black);
    color: #fff;
    line-height: 1.3;
    padding: 0.3em 0.5em 0.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.scholar-content{
    padding: 1em 2em;
    border: 2px dotted var(--black);
    display: flex;
    align-items: center;
}
.scholar-style{
    width: 3.5em;
    height: 3.5em;
    background: var(--black);
    color: #fff;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    line-height: 1.4;
    margin-right: 0.5em;
    font-size: clamp(14px, 1.4vw, 18px);
    border-radius: 50%;
}
.scholar-note{
    font-size: clamp(21px, 2.1vw, 38px);
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
}
.scholar-note span{
    color: var(--red);
    font-size: 120%;
    font-weight: 700;
}
.scholar-note small{
    display: block;
    color: var(--red);
    font-weight: 700;
    font-size: clamp(16px, 1.4vw, 18px);
    margin: 0.5em 0;
}
.scholar-amount{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.scholar-amount b{
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 700;
    text-decoration: underline;
    color: var(--red);
    line-height: 1.2;
}
.scholar-amount b.en{
    font-size: clamp(38px, 4.4vw, 58px);
}
.scholar-amount b small{
    font-weight: 700;
    font-size: clamp(16px, 2.4vw, 28px);
    text-decoration: none;
    color: var(--black);
    display: block;
}
.scholar-amount small{
    font-weight: 900;
    font-size: clamp(16px, 1.8vw, 28px);
    padding-left: 0.2em;
}
.scholar-att{
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: clamp(12px, 1.1vw, 14px);
}
.scholar-target{
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 5px 0;
}
.scholar-target dl{
    display: flex;
}
.scholar-target dt{
    background: var(--gray6);
    color: #fff;
    width: 7em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(12px, 1.2vw, 15px);
}
.scholar-target dd{
    flex: 1;
    background: var(--egray);
    display: flex;
    align-items: center;
    padding: 1em;
    line-height: 1.4;
    font-size: clamp(12px, 1.2vw, 15px);
}
.scholar-others .scholar-target,
.scholar-student .scholar-target,
.scholar-family .scholar-target{
    grid-template-rows: 1fr 1fr;
}
.scholar-case_item{
    display: grid;
    grid-template-columns: clamp(100px, 20vw, 280px) 1fr;
    gap: 5px 2em;
    background: var(--egray);
    padding: 2em;
    position: relative;
}
.scholar-case_num{
    position: absolute;
    top: -1.5em;
    left: 2em;
    width: clamp(100px, 20vw, 280px) ;
    background: var(--black);
    padding: 0.4em 0 0.6em;
    color: #fff;
    line-height: 1;
    text-align: center;
}
.scholar-case_num small{
    display: block;
    margin-top: 0.2em;
}
.scholar-case_img{
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}
.scholar-case_img small{
    display: block;
    margin-top: 5px;
}
.scholar-case_record{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
.scholar-case_sample{
    grid-column: 2 / 3;
    grid-row: 2;
}
.scholar-case_ul li{
    list-style: none;
    font-size: clamp(14px, 1.5vw, 24px);
    padding: 0.1em 0 0.1em 2em;
    font-weight: 700;
    line-height: 1.3;
    text-indent: -1.6em;
}
.scholar-case_ul li b{
    color: var(--red);
    margin-right: 0.2em;
    font-size: clamp(18px, 2vw, 28px);
    position: relative;
    z-index: 1;
}
.scholar-case_ul li small{
    font-size: 12px;
    display: inline-block;
    margin: 0 -5px;
    text-indent: 0;
}
.scholar-case_gpa{
    display: block;
    margin: 0.5em 0 !important;
    font-size: clamp(12px, 1.1vw, 14px);
    padding-left: 1em;
    text-indent: -1em;
}
.scholar-case_content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1em;
    background: #fff;
    align-items: center;
    margin-bottom: 1em;
}
.scholar-case_h5{
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
    width: 9em;
    line-height: 1.3;
    text-align: center;
}
.scholar-case_h5 br{
    display: none;
}
.scholar-case_wrap{
    flex: 1;
}
.scholar-case_detail{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5em;
}
.scholar-case_link{
    color: var(--red);
    display: flex;
    align-items: center;
    width: 1.2em;
    font-size: clamp(24px, 2.1vw, 38px);
}
.scholar-case_head{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--black);
    color: #fff;
    margin-right: 5px;
    width: 10em;
    justify-content: center;
    text-align: center;
    line-height: 1.4;
}
.scholar-case_head small{
    margin-bottom: 0.5em;
    color: var(--yellow);
}
.scholar-case_amount{
    flex: 1;
    background: #fff;
    padding: 1em !important;
    border: 2px dotted var(--black);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.scholar-case_amount b {
    font-size: clamp(24px, 2.5vw, 38px);
    font-weight: 700;
    color: var(--red);
    line-height: 1.2;
}
.scholar-case_amount b.en {
    text-decoration: underline;
}
.scholar-case_amount small {
    font-weight: 700;
    font-size: clamp(16px, 1.4vw, 18px);
    color: var(--black);
    padding: 0 0.2em;
    margin-top: 1em;
}
.scholar-case_amount--att{
    width: 100%;
    font-size: clamp(12px, 1.1vw, 14px);
}
.scholar-case_result{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
}
.scholar-case_calc{
    text-align: center;
}
.scholar-case_calc span{
    display: block;
    margin-bottom: 0.2em;
}
.scholar-case_calc b{
    color: var(--red);
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 700;
}
.scholar-case_after b{
    font-size: clamp(34px, 4vw, 54px);
}
.scholar-case_calc small{
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
}
.scholar-case_hf{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    width: 1.5em;
    text-align: center;
    margin-top: 1em;
    font-size: clamp(16px, 1.5vw, 24px);
}
.scholar-case_after{
    display: flex;
    align-items: flex-end;
}
.admission-links_p:before,
.admission-links_p:after{
    display: inline-block;
    content: "／";
    font-weight: 900;
}
.admission-links_p:before{
    transform: scale(1, -1);
}
@media screen and (max-width: 1280px) {
    .scholar-item {
        grid-template-columns: 10em 1fr 30em;
    }
    .scholar-case_h5 {
        width: 5em;
    }
    .scholar-case_h5 br{
        display: block;
    }
    .scholar-content{
        padding: 1em;
    }
}
@media screen and (max-width: 980px) {
    .scholarship-h3{
        margin-bottom: 1em !important;
    }
    .scholar-benefit{
        flex: initial;
        width: 100%;
    }
    .scholar-wrap{
        padding: 1em;
    }
    .scholar-table{
        margin-top: 1em;
        width: 100%;
    }
    .scholar-head{
        grid-column: 1 / 4;
        grid-row: 1;
        margin-bottom: 5px;
    }
    .scholar-head br{
        display: none;
    }
    .scholar-content{
        grid-column: 1 / 3;
        grid-row: 2;
    }
    .scholar-target{
        grid-column: 3 /4;
        grid-row: 2;
    }
    .scholar-target dt {
        width: 5em;
    }
    .scholar-case .page-lead{
        margin-bottom: 3em !important;
    }
    .scholar-case_item {
        grid-template-columns: 100px 1fr;
        gap: 1em;
        padding: 3em 1em;
    }
    .scholar-case_num{
        width: 50%;
        left: 50%;
        transform: translateX(-50%);
    }
    .scholar-case_img{
        grid-row: 1 / 3;
    }
    .scholar-case_sample{
        grid-column: 1 / 3;
        grid-row: 4;
    }
    .scholar-case_h5 {
        width: 100%;
        margin-bottom: 0.5em;
        text-align: left;
        padding-left: 1.8em;
    }
    .scholar-case_h5 br{
        display: none;
    }
}
@media screen and (max-width: 780px) {
    .scholar-location .scholar-item,
    .scholar-student .scholar-item,
    .scholar-item{
        display: block;
    }
    .scholar-content{
        grid-column: 1 / 4;
        margin-bottom: 5px;
    }
    .scholar-target{
        display: block;
        grid-column: inherit;
        grid-row: inherit;
    }
    .scholar-target dl{
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 680px) {
    .scholar-case_item {
        gap: 5px;
        border: 1px solid var(--black);
    }
    .scholar-case_num small{
        display: block;
        margin: 0.2em 0 0;
    }
    .scholar-case_h5{
        text-align: center;
        padding: 0.5em;
        background: var(--dgray);
    }
    .scholar-case_head {
        margin-right: 0;
        width: auto;
        flex: 1;
        padding: 0.5em 0;
        align-items: flex-start;
        text-align: left;
        color: var(--black);
        background: transparent;
        font-size: 16px;
        font-weight: 700;
    }
    .scholar-case_head small{
        margin-bottom: 0;
        color: var(--red);
    }
    .scholar-case_head br{
        display: none;
    }
    .scholar-case_amount {
        padding: 0.5em !important;
        flex: inherit;
        width: 100%;
    }
    .scholar-style {
        margin-right: 0.5em;
    }
    .scholar-case_result{
        justify-content: center;
    }
    .scholar-case_after{
        width: 100%;
        margin-top: 1em;
        justify-content: center;
    }
}
@media screen and (max-width: 480px) {
    .scholar-head_note{
        padding: 0.5em;
    }
    .scholar-case_num{
        width: 70%;
    }
}

/*CALENDAR*/
.calendar-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3em;
}
.calendar-item{
    width: 100%;
}
.calendar-h3{
    background: var(--black);
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 0.5em;
    font-size: clamp(16px, 1.4vw, 21px);
    font-weight: 700;
}
.calendar-table{
    table-layout: fixed;
    width: 100%;
}
.calendar-table tr{
    position: relative;
}
.calendar-table tr:nth-child(even){
    background: #fbf8ed;
}
.calendar-table th{
    vertical-align: middle;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
}
.calendar-table th a{
    display: block;
    background: #fff;
    padding: 1em 0;
    text-align: center;
    font-size: clamp(12.5px, 1.2vw, 14px);
    line-height: 1.1;
    font-weight: 700;
    position: relative;
    z-index: 2;
    color: var(--black);
}
.calendar-table th a:hover{
    color: var(--red);
}
.calendar-table th small{
    display: block;
    font-size: clamp(11px, 1.2vw, 12px);
}
.calendar-table th small br{
    display: none;
}
.calendar-table td{
    text-align: center;
    vertical-align: middle;
    z-index: 1;
    line-height: 1.2;
    padding: 0 0.3em;
    position: relative;
}
.calendar-table th:first-child,
.calendar-table td:first-child{
    width: 2em !important;
    border-bottom: 8px solid #fff;
}
.calendar-jan,
.calendar-nov,
.calendar-sep{
    background: var(--egray);
}
.calendar-oct,
.calendar-des{
    background: var(--egray);
}
.calendar-table td span{
    width: 100%;
    display: block;
    line-height: 1.2;
    padding: 0.4em 0.1em 0.5em;
    border-radius: 5px;
    color: #fff;
    margin: 0.5em 0;
    font-size: clamp(11px, 1.1vw, 14px);
    position: relative;
    z-index: 2;
}
.calendar-table td b{
    display: block;
    margin-bottom: 2px;
    color: #fff;
    font-weight: 700;
}
.calendar-start span{
    background: #ffed5e;
    color: var(--black) !important;
}
.calendar-start span b{
    color: var(--black);
}
.calendar-closure span{
    background: #e56f3d;
}
.calendar-exam span{
    background: var(--red);
}
.calendar-result span{
    background: #118a8b;
}
.calendar-end span{
    background: var(--gray3);
}
.calendar-fee span{
    background: #4f6391;
}
.calendar-common span{
    background:  var(--agray);
    font-size: clamp(9px, 1.1vw, 14px) !important;
}
.calendar-table td:after{
    content: "";
    display: block;
    width: 0.5em;
    height: calc(100% + 1em);
    background: var(--dgray);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.calendar-table th:after{
    top: 100%;
}
.calendar-over:after,
.calendar-end:after,
.calendar-month:after{
    display: none !important;
}
@media screen and (max-width: 1380px) {
    .calendar-wrap{
        gap: 0 1em;
    }
}
@media screen and (max-width: 1080px) {
    .calendar-wrap{
        display: block;
    }
    .calendar-eary{
        margin-bottom: 5em;
    }
    .calendar-table th span{
        font-size: clamp(12.5px, 2.2vw, 14px);
    }
    .calendar-table th small{
        font-size: clamp(11px, 2.2vw, 12px);
    }
}
@media screen and (max-width: 680px) {
    .calendar-table th{
        top: 50px;
    }
}
@media screen and (max-width: 680px) {
    .calendar-table td {
        padding: 0 2px;
    }
    .calendar-table th:after,
    .calendar-table td:after{
        width: 5px;
    }
    .calendar-table th small br{
        display: block;
    }
}

/*EXAM*/
.exam-recommend .page-h3 span{
    font-size: clamp(18px, 1.3vw, 24px);
    background: #fff;
    padding: 0 0.5em;
}
.exam-recommend_ul{
    display: inline-block;
    border: 1px solid var(--gray6);
    padding: 1.5em 5em 1em;
    margin-top: -1.5em;
}
.exam-recommend_ul li{
    text-align: left;
    list-style: none;
    text-indent: -1.2em;
    padding: 0.5em 0 0.5em 1.2em;
    line-height: 1.3;
    font-size: clamp(13px, 1.2vw, 16px);
}
.exam-recommend_ul li:before{
    content: "●";
    color: var(--red);
    padding-right: 0.1em;
}
.exam-point{
    margin-bottom: 4em;
    padding-bottom: 4em;
    border-bottom: 1px dotted;
}
.exam-point_item{
    display: grid;
    grid-template-columns: 4.5em 10em 1fr;
    gap:0 1em;
    font-size: clamp(21px, 2vw, 30px);
}
.exam-point_catch{
    grid-column: 1;
    grid-row: 1 / 3;
    width: 4.5em;
    height: 4.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--red);
    color: var(--red);
    font-size: clamp(21px, 2vw, 30px);
    line-height: 1.1;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
    position: relative;
}
.exam-point_catch:before{
    content: "";
    display: block;
    width: 1.7em;
    height: 1.2em;
    background: url("img/point.svg") center / contain no-repeat;
    position: absolute;
    top: -0.5em;
    left: 50%;
    transform: translateX(-50%);
}
.exam-point_img{
    grid-column: 2;
    grid-row: 1 / 4;
}
.exam-point_h4{
    grid-column: 3;
    font-size: clamp(21px, 2vw, 30px);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.5em;
}
.exam-point_h4 small{
    display: block;
    font-size: clamp(16px, 1.4vw, 18px);
    margin-top: 0.3em;
    line-height: 1.4;
}
.exam-point_h4 small b{
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
    color: var(--red);
}
.exam-point_h4 br{
    display: none;
}
.exam-point_text{
    grid-column: 3;
}
.exam-point_ul li{
    list-style: none;
    padding-left: 1.2em;
    text-indent: -1.2em;
    margin: 0.5em 0;
    line-height: 1.4;
}
.exam-point_ul li:before{
    content: "●";
    color: var(--red);
    font-size: 80%;
    vertical-align: 0.2em;
    padding-right: 0.2em;
}
.exam-point_text .scholar-item{
    margin-left: 0;
    width: 100% !important;
    max-width: 100% !important;
}
.exam-point_hitups{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:2em;
}
.exam-point_hitup--h5{
    text-align: center;
    background: var(--cream);
    font-weight: 700;
    padding: 0.5em;
    margin-bottom: 0.5em;
}
.exam-point_hitup p{
    font-size: clamp(12px, 1.1vw, 14px);
}
.exam-point_scholar{
    border-bottom: none;
    padding-bottom: 0;
}
.exam-point_scholar .exam-point_text,
.exam-point_scholar .exam-point_h4{
    grid-column: 2 / 4;
}


.exam-flows{
    background: var(--dgray);
}
.exam-flow_item{
    margin-bottom: 3.5em;
    position: relative;
}
.exam-flow_item:after{
    content: "";
    display: block;
    width: 9em;
    height: 3.5em;
    background: #fff;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    position: absolute;
    bottom: -2.4em;
    left: 8em;
}
.exam-flow_item:last-of-type:after{
    display: none;
}
.exam-flow_header{
    display: inline-block;
    background: var(--black);
    margin-left: 3em;
    width: 20em;
    padding: 0.7em 0;
    position: relative;
}
.exam-flow_header:after{
    content: "";
    display: block;
    width: 2em;
    height: 2em;
    background: var(--red);
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.exam-flow_h4{
    text-align: center;
    line-height: 1;
}
.exam-flow_h4 b{
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 700;
    color: #fff;
}
.exam-flow_h4 small{
    color: #fff;
    font-weight: 700;
    font-size: clamp(16px, 1.4vw, 21px);
}
.exam-flow_header p{
    text-align: center;
    font-weight: 700;
    margin-top: 0.5em;
    color: #fff;
}
.exam-flow_contents{
    background: #fff;
    padding: 5em 3em;
    margin-top: -3em;
}
.exam-flow_content{
    display: grid;
    grid-template-columns: 20% 1fr;
    gap:2em;
    margin-bottom: 5em;
}
.exam-flow_content:last-child{
    margin-bottom: 0;
}
.exam-flow_h5{
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 700;
    margin-bottom: 0.2em;
}
.exam-flow_h5 b{
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 700;
}
.exam-flow_h5 b:after{
    content: "：";
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 700;
}
.exam-flow_h5--separate b{
    display: inline-block;
    width: 14em;
}
.exam-flow_title{
    grid-column: 1;
}
.exam-flow_detail{
    grid-column: 2;
}
.exam-flow_detail .exam-flow_h5{
    margin-bottom: 1em;
}
.exam-flow_lead{
    color: var(--red);
    font-weight: 700;
}
.exam-flow_starts{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:2em;
}
.exam-flow_pages{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:2em;
}
.exam-flow_page a,
.exam-flow_start a{
    display: block;
    overflow: hidden;
}
.exam-flow_page a:hover img,
.exam-flow_start a:hover img{
    transform: scale(1.05, 1.05);
}
.exam-start_h6{
    font-weight: 500;
    font-size: clamp(11px, 1vw, 16px);
    margin: 0.5em 0;
    line-height: 1.3;
    background: var(--black);
    color: #fff;
    padding: 0.2em 0.5em;
}
.exam-start_h6 br{
    display: none;
}
.exam-start_text{
    text-align: left;
    font-size: clamp(13px, 1.1vw, 14px);
}
.exam-start_text a{
    display: block;
    text-align: right;
    font-size: clamp(13px, 1.1vw, 14px);
    color: var(--red);
}
.exam-start_text a:hover{
    text-decoration: underline;
}
.exam-start_form{
    grid-column: 1 / 4;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid var(--black);
    padding: 1em !important;
}
.exam-start_form span{
    flex: 1;
    margin-right: 1em;
    font-size: clamp(13px, 1.1vw, 14px);
}
.exam-flow_ocs{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:2em;
}
.exam-oc_h5 {
    font-size: clamp(21px, 1.6vw, 28px);
    font-weight: 700;
    margin-bottom: 0.2em;
}
.exam-oc_h6{
    font-weight: 700;
    font-size: clamp(11px, 2vw, 18px);
    margin: 0.5em 0;
    line-height: 1.3;
}
.exam-oc_h6 b{
    display: block;
    font-size: clamp(11px, 2vw, 18px);
}
.exam-oc_h6 b br,
.exam-oc_h6 br{
    display: none;
}
.exam-oc_catch{
    display: block;
    font-weight: 700;
    background: var(--black);
    color: #fff;
    line-height: 1.2;
    padding: 0.3em 0 0.5em;
    margin-bottom: 0.5em;
    font-size: clamp(11px, 1.1vw, 14px);
    text-align: center;
}
.exam-oc_catch br{
    display: none;
}
.exam-flow_shingaku p,
.exam-oc_text,
.exam-oc_text a{
    font-size: clamp(13px, 1.1vw, 14px);
    text-align: left;
}
.exam-oc_text a{
    display: inline-block;
    color: var(--red);
}
.exam-oc_text a:hover{
    text-decoration: underline;
}
.exam-flow_shingaku{
    display: grid;
    grid-template-columns: 35% 1fr;
    gap:2em;
}
.exam-flow_ul li{
    list-style: none;
    margin: 0.5em 0;
    line-height: 1.4;
    padding-left: 1.1em;
    text-indent: -0.5em;
}
.exam-flow_ul li:before{
    content: "●";
    color: var(--red);
    font-size: 80%;
    vertical-align: 0.1em;
    display: inline-block;
    margin-right: 0.2em;
}
.exam-flow_ul li b,
.exam-flow_p b{
    color: var(--red);
}
.exam-flow_dl{
    display: grid;
    grid-template-columns: 11em 1fr;
    gap: 2em 0;
}
.exam-flow_dl dt,
.exam-flow_dl dd{
    line-height: 1.3;
    border-bottom: 1px dotted var(--gray6);
    padding-bottom: 2em;
}
.exam-flow_dl dt:last-of-type,
.exam-flow_dl dd:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.exam-flow_dl dt{
    font-size: clamp(16px, 1.4vw, 21px);
    font-weight: 700;
}
.exam-flow_dl dd p{
    margin: 0.2em 0 0.5em !important;
    line-height: 1.3;
}
.exam-flow_dl dd .exam-flow_att{
    margin-bottom: 0.5em !important;
}
.exam-flow_point{
    background: var(--cream);
    padding: 1em !important;
    border-radius: 5px;
    display: flex;
    align-items: center;
    font-weight: 700;
    line-height: 1.3;
}
.exam-flow_point:before{
    content: "POINT:";
    font-weight: 700;
    color: var(--red);
    display: inline-block;
    margin-right: 0.5em;
}
.exam-flow_att{
    font-size: clamp(12px, 1.1vw, 14px);
    padding-left: 1.3em;
    text-indent: -1.3em;
    line-height: 1.3;
    margin-bottom: 0.2em;
}
.exam-flow_att:before {
    content: "※";
}
.exam-flow .alink {
    width: 17em;
}
.exam-flow_last{
    margin-top: 3em;
    text-align: center;
    background: var(--cream);
    padding: 2em;
    position: relative;
}
.exam-flow_last b:before,
.exam-flow_last b:after{
    display: inline-block !important;
    content: "／";
}
.exam-flow_last b:before{
    transform: scale(1, -1);
    vertical-align: -0.1em;
    padding-right: 0.2em;
}
.exam-detail{
    margin-bottom: 5em;
}
.exam-h5{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: clamp(21px, 1.3vw, 24px);
    font-weight: 700;
    margin-bottom: 1em;
    line-height: 1.3;
}
.exam-h5 br{
    display: none;
}
.exam-h5:before{
    content: "◆";
    color: var(--red);
    margin-right: 0.2em;
    font-size: 80%;
}
.exam-h5:after{
    content: "";
    flex: 1;
    height: 1px;
    background: var(--black);
    margin-left: 0.5em;
}
.exam-h6{
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
    margin: 1.5em 0 0.5em;
    background: var(--egray);
    padding: 0.7em 1em;
}
.exam-detail_item{
    padding-left: 10em;
}
.exam-detail_item p span{
    display: inline-block;
}
.exam-detail_table{
    border-collapse: collapse;
    width: 100%;
}
.exam-detail_table th,
.exam-detail_table td{
    padding: 1em;
    border: 1px solid var(--gray6);
    vertical-align: middle;
    line-height: 1.3;
}
.exam-detail_table th{
    background: var(--black);
    color: #fff;
}
.exam-detail_table th small{
    color: #fff;
}
.exam-detail_table th:first-child,
.exam-detail_table th:nth-child(2){
    border-right: 1px solid #fff;
}
.exam-detail_table td small{
    font-size: clamp(14px, 1.1vw, 15px);
    display: inline-block;
    margin: 0.2em 0 !important;
    color: var(--gray8);
}
.exam-detail_table ul{
    padding-left: 1.4em !important;
}
.exam-detail_en{
    overflow-x: auto;
}
.exam-detail_en .exam-detail_table{
    width: 100%;
    min-width: 540px;
    text-align: center;
    border-collapse: separate;
    border-right: 1px solid var(--gray6);
    border-bottom: 1px solid var(--gray6);
}
.exam-detail_en .exam-detail_table th,
.exam-detail_en .exam-detail_table td{
    padding: 1em 0.2em;
    border-top: 1px solid var(--gray6);
    border-left: 1px solid var(--gray6);
    border-right: none;
    border-bottom: none;
}
.exam-detail_en .exam-detail_table th:first-child{
    position: sticky;
    left: 0;
    background: var(--red);
    border-top: 1px solid var(--red);
    border-left: 1px solid var(--red);
    z-index: 2;
}
.exam-detail_en .exam-detail_table td:first-child{
    position: sticky;
    left: 0;
    background: var(--egray);
    font-weight: 700;
    z-index: 2;
}
.exam-detail_en .exam-detail_table th:last-child{
    border-right: 1px solid var(--black);
}
.exam-detail_ul,
.exam-detail_ol,
.exam-detail_ol--child{
    padding-left: 1.2em;
}
.exam-detail_ul li,
.exam-detail_ol li{
    margin-bottom: 0.5em;
    line-height: 1.4;
}
.exam-detail_ul li{
    list-style: disc outside;
}
.exam-detail_ol li{
    list-style: decimal outside;
}
.exam-detail_ol--child li::marker{
    content: "("counter(list-item)") ";
}
.exam-detail_att{
    font-size: clamp(12px, 1.1vw, 14px);
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.3;
    margin-bottom: 0.2em;
}
.exam-detail_att:before{
    content: "※";
}
.exam-detail_att a{
    font-size: clamp(12px, 1.1vw, 14px);
    color: var(--red);
}
.exam-detail_att a:hover{
    text-decoration: underline;
}
.exam-detail_select td:last-child{
    text-align: center;
}
.exam-faq{
    background: var(--egray);
}
.exam-faq dt,
.exam-faq dd{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.exam-faq dt span,
.exam-faq dd span{
    font-size: 180%;
    font-weight: 700;
    font-style: normal;
    margin-right: 0.2em;
}
.exam-faq dt span{
    color: var(--gray6);
}
.exam-faq dd span{
    color: var(--red);
}
.exam-faq dt{
    cursor: pointer;
    padding: 0.5em 3em 0.5em 1em;
    line-height: 1.4;
    background: #fff;
    border-left: 5px solid var(--black);
    position: relative;
    font-size: clamp(13px, 1.4vw, 18px);
}
.exam-faq dt:hover{
    color: var(--red);
}
.exam-faq dt:after,
.exam-faq dt:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1em;
  height: 3px;
  background: var(--red);
}
.exam-faq dt:after {
  transition: all 0.2s ease-in-out;
}
.exam-faq dt:before {
  transform: rotate(90deg);
  transition: all 0.2s ease-in-out;
}
.exam-faq dt.open:before {
  transform: rotate(180deg);
}
.exam-faq dt.open:after {
  opacity: 0;
}
.exam-faq dd{
    width: calc(100% - 3em);
    margin: 0 0 0.5em auto;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.2s ease, opacity 0.2s ease;
}
.exam-faq_dl dt.open + dd{
    max-height: 1000px;
    opacity: 1;
}
.exam-faq dd p{
    line-height: 1.6;
    margin: 0 0 1.5em;
    padding: 1.5em 0 0;
}
.exam-faq dd a{
    color: var(--red);
}
.exam-faq dd a:hover{
    text-decoration: underline;
}
@media screen and (max-width: 1280px) {
    .exam-flow_content{
        display: block;
    }
    .exam-point_hitups{
        gap:1em;
    }
}
@media screen and (max-width: 980px) {
    .exam-point {
        margin-bottom: 2em;
        padding-bottom: 2em;
    }
    .exam-point_item {
        grid-template-columns: 2.5em 7em 1fr;
    }
    .exam-point_catch{
        grid-column: 1 / 4;
        grid-row: 1;
        margin: 0 auto 0.5em;
    }
    .exam-point_img{
        grid-column: 1 / 3;
        grid-row: 2 / 5;
    }
    .exam-point_h4{
        grid-column: 3 / 4;
        grid-row: 2;
    }
    .exam-point_text{
        grid-column: 3 / 4;
        grid-row: 3;
    }
    .exam-point_scholar .exam-point_text,
    .exam-point_scholar .exam-point_h4 {
        grid-column: 1 / 4;
    }
    .exam-flow_ocs{
        gap:0.5em;
    }
}
@media screen and (max-width: 880px) {
    .exam-detail_item {
        padding-left: 0;
    }
    .exam-point_hitups {
        display: block;
    }
    .exam-point_hitup{
        margin-bottom: 1em;
    }
    .exam-point_hitup--h5 {
        padding: 0.3em 0 0.4em;
    }
    .exam-flow_pages,
    .exam-flow_starts{
        gap:1em;
    }
    .exam-oc_catch{
        text-align: center;
    }
    .exam-oc_catch br{
        display: block;
    }
    .exam-oc_text{
        display: none;
    }
}
@media screen and (max-width: 780px) {
    .exam-flow_header {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    .exam-oc_h5,
    .exam-flow_lead{
        text-align: center;
    }
    .exam-flow_lead{
        margin-bottom: 1em !important;
    }
    .exam-flow_oc a{
        display: block;
        margin-bottom: 0.5em;
    }
    .exam-oc_h6{
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        margin: 0 0 0.5em;;
    }
    .exam-oc_catch{
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    .exam-oc_text{
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }
    .exam-flow_contents {
        padding: 5em 2em 2em;
    }
    .exam-flow_content {
        margin-bottom: 2em;
    }
    .exam-flow_item:after {
        left: 50%;
        transform: translateX(-50%);
    }
    .exam-links{
        margin-top: 1em;
        text-align: center !important;
        display: flex;
        flex-direction: column;
    }
    .exam-links .alink{
        margin: 0 auto 0.5em;
    }
    .exam-flow_dl{
        display: block;
    }
    .exam-flow_dl:last-of-type{
        border-bottom: none;
    }
    .exam-flow_dl dt{
        border: none;
        padding: 0 !important;
    }
    .exam-flow_dl dd{
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
}
@media screen and (max-width: 680px) {
    .exam-recommend_ul{
        display: block;
        padding: 1.5em 1em 1em;
    }
    .exam-detail_table th,
    .exam-detail_table td {
        padding: 1em 0.5em;
        font-size: clamp(12px, 1.2vw, 15px);
    }
    .exam-detail_subject th:first-child{
        width: 5.5em;
    }
    .exam-detail_subject th:nth-child(2){
        width: 5.5em;
    }
    .exam-oc_text a{
        display: block;
        text-align: right;
    }
    .exam-flow_shingaku {
        display: block;
    }
    .exam-flow_shingaku a{
        display: block;
        margin-bottom: 1em;
    }
    .exam-flow_shingaku a img{
        object-fit: cover;
        aspect-ratio: 2 / 1;
    }
    .exam-flow_detail .exam-flow_h5{
        text-align: center;
        border-bottom: 1px solid var(--agray);
        padding-bottom: 1em;
    }
    .exam-flow_detail .exam-flow_h5 b{
        display: block;
        margin-bottom: 0.3em;
    }
    .exam-flow_contents {
        padding: 5em 1em 2em;
    }
    .exam-flow_detail p br{
        display: none;
    }
    .exam-point_img{
        grid-column: 1 / 4;
        grid-row: 3;
        margin-bottom: 1em;
    }
    .exam-point_img img{
        object-fit: cover;
        aspect-ratio: 2 / 1;
    }
    .exam-point_h4{
        grid-column: 1 / 4;
        grid-row: 2;
        text-align: center;
    }
    .exam-point_h4 br{
        display: block;
    }
    .exam-point_h4 small{
        text-align: left;
    }
    .exam-point_text{
        grid-column: 1 / 4;
        grid-row: 4;
    }
    .exam-flow_starts{
        grid-template-columns: repeat(4, 1fr);
    }
    .exam-start_form{
        grid-column: 1 / 5;
        grid-row: 2;
    }
    .exam-flow_start{
        display: flex;
    }
    .exam-flow_start--wrap{
        flex: 1;
    }
    .exam-flow_h5 b:after{
        display: none;
    }
    .exam-flow_h5--separate.mb05{
        margin-bottom: 1em !important;
    }
    .exam-flow_h5--separate b {
        width: auto;
    }
}
@media screen and (max-width: 580px) {
    .exam-h5 br{
        display: block;
    }
    .exam-oc_h6{
        text-align: center;
    }

    .exam-flow_pages,
    .exam-flow_starts {
        gap: 2px;
    }
    .exam-start_h6{
        text-align: center;
        line-height: 1.3;
        padding: 0.5em 0;
    }
    .exam-start_h6 br{
        display: block;
    }
    .exam-flow_page img{
        object-fit: cover;
        aspect-ratio: 1.3 / 1;
    }
    .exam-flow_start{
        display: block;
    }
    .exam-flow_start--wrap p{
        display: none;
    }
    .exam-start_form{
        display: block;
    }
    .exam-start_form .alink{
        margin: 1em auto 0;
        display: block;
    }
    .exam-flow_h5{
        font-size: clamp(14px, 4vw, 28px);
    }
    .exam-flow_ocs{
        display: block;
    }
    .exam-flow_oc{
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 0 0.5em;
    }
    .exam-flow_oc a {
        grid-row: 1 / 4;
    }
    .exam-oc_catch br{
        display: none;
    }
    .exam-oc_catch{
        grid-row: 1;
    }
    .exam-oc_h6{
        grid-row: 2;
        font-size: 14px;
    }
    .exam-flow_shingaku p{
        display: none;
    }
}

/*AO*/
.ao-book{
    display: grid;
    grid-template-columns: clamp(150px, 10vw, 200px) minmax(17em, 480px) minmax(12em, 15em); 
    align-items: center;
    justify-content: center;
    gap: 0 3em;
    background: var(--cream);
}
.ao-book_img{
    overflow: hidden;
    grid-column: 1 / 2;
    grid-row: 1 / 5;
}
.ao-book a[href$=".pdf"]::after{
    display: none;
}
.ao-book_img:hover img{
    opacity: 0.8;
    transform: scale(1.05, 1.05);
}
.ao-book_h4{
    grid-column: 2 / 3;
    grid-row:2;
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5em;
}
.ao-book_h4:before,
.ao-book_h4:after{
    content: "／";
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
.ao-book_h4:before{
    transform: scaleX(-1);
    transform-origin: center;
    padding-left: 0.1em;
}
.ao-book_text{
    grid-column: 2 / 3;
    grid-row: 3;
}
.ao-book .alink{
    grid-column: 3 / 4;
    grid-row: 3;
    margin: 0 0 0 auto;
}
.ao-book .alink{
    min-width: auto;
    width: auto;
}
@media screen and (max-width: 1280px) {
    .ao-book{
        gap: 0 2em;
    }
}
@media screen and (max-width: 780px) {
    .ao-book{
        grid-template-columns: clamp(100px, 20vw, 200px) 1fr; 
        gap: 1em;
    }
    .ao-book_h4{
        grid-row: 1;
    }
    .ao-book_text{
        grid-row: 2;
    }
    .ao-book .alink{
        grid-column: 2 / 3;
        grid-row: 3;
        width: 13em;
        margin: 0 0 0 auto;
        padding: 0.7em 1em 0.8em;
    }
}
@media screen and (max-width: 580px) {
    .ao-book{
        align-items: flex-start;
    }
    .ao-book_h4{
        grid-column: 1 / 3;
    }
    .ao-book_img{
        grid-row: 2 / 4;
    }
}

/*INTERNAL*/
.internal-point{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 1em;
}
.internal-point_item{
    border-left: 1px solid var(--black);
    padding: 0 1em;
}
.internal-point_h5{
    text-align: center;
    background: var(--black);
    color: #fff;
    font-weight: 700;
    padding: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.3;
}
.internal-point_ul li{
    list-style: none;
    padding: 0.3em 0 0.3em 1em;
    text-indent: -1em;
    line-height: 1.3;
}
.internal-point_ul li:before{
    content: "➡";
    color: var(--red);
}
.internal-point_h5 br,
.internal-point_ul li br{
    display: none;
}
.internal-links{
    grid-column: 1 / 4;
}
@media screen and (max-width: 1280px) {
    .internal-point_item{
        padding: 0.5em;
    }
    .internal-point_ul li br{
        display: block;
    }
    .internal-point_h5 br{
        display: block;
    }
}
@media screen and (max-width: 780px) {
    .internal-point_item{
        display: grid;
        grid-template-columns: 10em 1fr;
        gap: 1em;
        border-left: none;
        border-bottom: 1px solid var(--black);
        padding: 1em 0;
    }
    .internal-point{
        display: block;
    }
    .internal-point_item{

    }
    .internal-point_h5{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .internal-point_ul li br{
        display: none;
    }
    .internal-links .alink{
        display: block;
        margin: 0.5em 0 0.5em auto;
    }
}
@media screen and (max-width: 480px) {
    .internal-point_ul li br{
        display: block;
    }
    .internal-links .alink{
        margin: 0.5em auto;
    }
}

/*AREA*/
.exam-area{
    background: var(--egray);
    padding: 2em;
}
.exam-area_h5{
    font-size: clamp(16px, 1.4vw, 21px);
    font-weight: 700;
    margin-bottom: 0.5em;
}
.exam-area span {
    display: inline-block !important;
    background: #fff;
    padding: 0.2em 0.5em 0.3em;
    border-radius: 5px;
    line-height: 1;
    margin-bottom: 5px;
}
@media screen and (max-width: 680px) {
    .exam-area{
        grid-column: 1 / 4;
        padding: 1em;
    }
}

/*RECOMMEND*/
.recom-flow_dl dt,
.recom-flow_dl dd{
    padding-bottom: 1em;
}
.recom-flow_dl{
    border-bottom: 1px dotted var(--gray6);
    padding-bottom: 1em;
}
.recom-flow_point{
    background: var(--cream);
    padding: 2em !important;
    border-radius: 5px;
}
.recom-flow_point--h5 {
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
    margin-bottom: 0.5em;
    padding: 0 !important;
}
.recom-flow_point p b {
    color: var(--red);
    font-weight: 700;
    font-size: 140%;
}
.recom-marks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    margin: 1em 0 0;
}
.recom-mark{
    background: #fff;
}
.recom-mark_h6 {
    display: block;
    text-align: center;
    background: var(--gray5);
    color: #fff;
    width: 100%;
    padding: 0.5em 1em;
    font-size: clamp(16px, 1.4vw, 18px);
}
.recom-mark_item{
    padding: 1em;
}
.recom-mark_p{
    margin-bottom: 1em !important;
    border: 1px solid var(--black);
    padding: 1em;
    line-height: 1.4;
    font-size: clamp(13px, 1.1vw, 15px);
}
.recom-mark_p b{
    font-size: 120%;
    color: var(--red);
    font-weight: 700;
}
.recom-mark_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5em;
}
.recom-mark_calc{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1;
    background: rgba(0,0,0,0.05);
    padding: 1em 0.5em;
    margin: 0 0.2em;
}
.recom-mark_point{
    width: 100%;
    text-align: center;
    font-size: clamp(11px, 1vw, 14px);
    margin-bottom: 0.3em !important;
    color: var(--gray4);
}
.recom-mark_num {
    text-align: center;
    line-height: 1.2;
}
.recom-mark_num b {
    font-size: clamp(18px, 1.6vw, 28px);
    font-weight: 700;
    line-height: 1;
    margin-left: 0.2em;
    display: inline-block;
    vertical-align: -0.1em;
}
.recom-mark_num small {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: var(--gray4);
}
.recom-mark_num--child{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0.2em;
}
.recom-mark_total{
    margin-left: 0.2em;
}
.recom-mark_total b {
    color: var(--red);
    font-size: clamp(24px, 2.1vw, 38px);
    line-height: 0.8;
    font-weight: 700;
    margin-left: 0.2em;
    display: inline-block;
    vertical-align: -0.2em;
}
@media screen and (max-width: 1280px) {
    .recom-mark_num b {
        font-size: clamp(18px, 2.6vw, 28px);
    }
    .recom-mark_total b {
        font-size: clamp(24px, 3.1vw, 38px);
    }
}
@media screen and (max-width: 980px) {
    .recom-flow_point {
        padding: 2em 1em !important;
    }
    .recom-marks{
        display: block;
    }
    .recom-mark{
        margin-bottom: 2em;
    }
    .recom-mark_num b {
        font-size: clamp(18px, 4.6vw, 28px);
    }
    .recom-mark_total b {
        font-size: clamp(24px, 6.1vw, 38px);
    }
}
@media screen and (max-width: 480px) {
    .recom-mark_total {
        margin-left: 0;
        width: 100%;
        display: block;
        text-align: right;
        margin-top: 0.5em;
    }
}

/*FEMALE*/
.scholar-female{
    display: none;
}
.recommend-female .scholar-female{
    display: block;
}
.scholar-female_wrap{
    background: var(--cream);
    padding: 2em;
    display: grid;
    grid-template-columns: 20em 20em 1fr;
    gap: 0 1em;
    margin-bottom: 2em;
}
.scholar-female_wrap img{
    object-fit: cover;
    aspect-ratio: 1.618 / 1;
}
.scholar-female_h5{
    grid-column: 3 / 4;
    grid-row: 1;
    font-size: clamp(16px, 1.5vw, 24px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5em;
}
.scholar-female_h5:before,
.scholar-female_h5:after{
    content: "／";
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
}
.scholar-female_h5:before{
    transform: scaleX(-1);
    padding-left: 0.2em;
}
.scholar-female_img1{
    grid-column: 1 / 2;
    grid-row: 1 / 5;
}
.scholar-female_img2{
    grid-column: 2 /3;
    grid-row: 1 / 5;
}
.scholar-female_text{
    grid-column: 3 / 4;
    grid-row: 2;
}
.recom-flow_female{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.recom-flow_female--yt,
.recom-flow_female--text{
    width: 48%;
}
.recom-flow_female--text .alink{
    width: 20em;
}
.recom-female_concept{
    background: var(--cream);
}
.recom-female_concept--h4{
    font-size: clamp(22px, 3vw, 36px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5em;
    line-height: 1.3;
}
.recom-female_concept--h4 br{
    display: none;
}
.recom-female_concept--h5{
    background: #fff;
    line-height: 1;
    padding: 0.5em;
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 1em;
}
.recom-female_concept--text{
    width: 95%;
    max-width: 980px;
    margin: 1em auto;
}

@media screen and (max-width: 1280px) {
    .scholar-female_wrap{
        grid-template-columns: 15em 15em 1fr;
    }
    .scholar-female_wrap img{
        aspect-ratio: 1 / 1;
    }
}
@media screen and (max-width: 980px) {
    .recom-flow_female--yt,
    .recom-flow_female--text{
        width: 49%;
    }
    .scholar-female_wrap{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 2em 1em;
        gap: 0;
    }
    .scholar-female_h5{
        width: 100%;
    }
    .scholar-female_img1,
    .scholar-female_img2{
        width: 49%;
    }
    .scholar-female_wrap img{
        aspect-ratio: 2 / 1;
    }
    .scholar-female_text{
        margin-top: 1em;
    }
}
@media screen and (max-width: 680px) {
    .recom-female_concept--h4{
        font-size: clamp(22px, 5vw, 36px);
    }
    .recom-female_concept--h4 br{
        display: block;
    }
    .recom-flow_female--yt,
    .recom-flow_female--text{
        width: 100%;
    }
    .recom-flow_female--yt{
        order: 1;
        margin-top: 1em;
    }
    .scholar-female_img1,
    .scholar-female_img2{
        width: 49%;
    }
    .scholar-female_wrap img{
        aspect-ratio: 1.618 / 1;
    }
}
@media screen and (max-width: 480px) {
    .scholar-female_wrap img{
        aspect-ratio: 1 / 1;
    }
}



/*一般*/
.general-area{
    display: grid;
    grid-template-columns: 4em 1fr;
    gap: 1em 0;
    margin-top: 1em;
}
.general-area dt{
    font-weight: 700;
}
.general-examhead{
    display: flex;
    flex-wrap: wrap;
}
.general-examday{
    flex: 1;
    display: grid;
    grid-template-columns: 4em 1fr;
    font-size: clamp(21px, 2vw, 28px);
    gap: 0.2em 0;
}
.general-examday dt,
.general-examday dd{
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 700;
}
.general-examhead_att{
    width: 100%;
}
.general-flow_point{
    background: var(--cream);
    padding: 2em !important;
    border-radius: 5px;
}
.general-flow_point--h5 {
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
    margin-bottom: 0.5em;
    padding: 0 !important;
}
.general-marks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    margin: 1em 0 0;
}
.general-mark{
    background: #fff;
}
.general-mark_h6 {
    display: block;
    text-align: center;
    background: var(--gray5);
    color: #fff;
    width: 100%;
    padding: 0.5em 1em;
    font-size: clamp(16px, 1.4vw, 18px);
}
.general-mark_item{
    padding: 1em;
}
.general-mark_p{
    margin-bottom: 1em !important;
    border: 1px solid var(--black);
    padding: 1em;
    line-height: 1.4;
    font-size: clamp(13px, 1.1vw, 15px);
}
.general-mark_p b{
    font-size: 120%;
    color: var(--red);
    font-weight: 700;
}
.general-mark_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5em;
}
.general-mark_calc{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1;
    background: rgba(0,0,0,0.05);
    padding: 1em;
}
.general-mark_date{
    text-align: center;
    margin-bottom: 0.5em;
}
.general-mark_point{
    width: 100%;
    text-align: center;
    font-size: clamp(11px, 1vw, 14px);
    margin-bottom: 0.3em !important;
    color: var(--gray4);
}
.general-mark_point br{
    display: none;
}
.general-mark_num {
    text-align: center;
    line-height: 1.2;
}
.general-mark_num b {
    font-size: clamp(18px, 1.6vw, 28px);
    font-weight: 700;
    line-height: 1;
    margin-left: 0.2em;
    display: inline-block;
    vertical-align: -0.1em;
}
.general-mark_num small {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: var(--gray4);
}
.general-mark_num--child{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0.2em;
}
.general-mark_total{
    margin-left: 0.2em;
}
.general-mark_total b {
    color: var(--red);
    font-size: clamp(24px, 2.1vw, 38px);
    line-height: 0.8;
    font-weight: 700;
    margin-left: 0.2em;
    display: inline-block;
    vertical-align: -0.2em;
}
@media screen and (max-width: 1280px) {
    .general-mark_num b {
        font-size: clamp(18px, 2.6vw, 28px);
    }
    .general-mark_total b {
        font-size: clamp(24px, 3.1vw, 38px)
    }
}
@media screen and (max-width: 980px) {
    .general-flow_point {
        padding: 2em 1em !important;
    }
    .general-marks{
        display: block;
    }
    .general-mark{
        margin-bottom: 2em;
    }
    .general-mark_num b {
        font-size: clamp(21px, 4vw, 28px);
    }
    .general-mark_total b {
        font-size: clamp(24px, 5vw, 38px)
    }
    .general-mark_point {
        font-size: clamp(11px, 2vw, 14px);
    }
}
@media screen and (max-width: 680px) {
    .general-examhead{
        text-align: center;
        border-bottom: 1px solid var(--agray);
        padding-bottom: 1em;
    }
    .general-examhead .exam-flow_h5{
        border-bottom: none;
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .general-examday {
        grid-template-columns: 5em auto;
        justify-content: center;
    }
    .general-examhead_att{
        text-align: left !important;
        padding-left: 1.2em;
        text-indent: -1em;
    }
}
@media screen and (max-width: 580px) {
    .general-mark_date{
        text-align: left;
    }
    .general-mark_date span{
        display: block;
    }
    .general-mark_calc {
        padding: 1em 0.5em;
    }
    .general-mark_point br{
        display: block !important;
    }
}

/*共テ*/
.page-h3_center br{
    display: none;
}
.center-flow_point{
    background: var(--cream);
    padding: 2em !important;
    border-radius: 5px;
}
.center-flow_point--h5{
    font-size: clamp(16px, 1.4vw, 18px);
    font-weight: 700;
    margin-bottom: 0.5em;
    padding: 0 !important;
}
.center-marks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    margin: 1em 0 0;
}
.center-mark{
    background: #fff;
}
.center-mark_h6 {
    display: block;
    text-align: center;
    background: var(--gray5);
    color: #fff;
    width: 100%;
    padding: 0.5em 1em;
    font-size: clamp(16px, 1.4vw, 18px);
}
.center-mark_item{
    padding: 1em;
}
.center-mark_p{
    margin-bottom: 1em !important;
    border: 1px solid var(--black);
    padding: 1em;
    line-height: 1.4;
    font-size: clamp(13px, 1.1vw, 15px);
}
.center-mark_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.center-mark_calc{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1;
    background: rgba(0,0,0,0.05);
    padding: 1em 0.5em;
}
.center-mark_calc--culture{
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex: initial;
    padding: 1em;
}
.center-mark_point{
    grid-column: 1 / 3;
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin-bottom: 0.3em !important;
    color: var(--gray4);
}
.center-mark_num {
    text-align: center;
    line-height: 1.2;
}
.center-mark_num b {
    font-size: clamp(18px, 1.6vw, 28px);
    font-weight: 700;
    line-height: 1;
    margin-left: 0.2em;
    display: inline-block;
    vertical-align: -0.1em;
}
.center-mark_num small {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: var(--gray4);
}
.center-mark_num--child{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 0.2em;
}
.center-mark_total{
    margin-left: 0.2em;
}
.center-mark_total b {
    color: var(--red);
    font-size: clamp(24px, 2.1vw, 38px) !important;
    line-height: 0.8;
    font-weight: 700;
    margin-left: 0.2em;
    display: inline-block;
    vertical-align: -0.2em;
}
.center-mark_c--item{
    width: 100%;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 1380px) {
    .center-mark_calc--culture{
        padding: 1em 0.5em;
    }
}
@media screen and (max-width: 980px) {
    .center-marks {
        display: block;
    }
    .center-mark{
        margin-bottom: 2em;
    }
    .center-mark_num b {
        font-size: clamp(18px, 4.6vw, 28px);
    }
    .center-mark_total b {
        font-size: clamp(28px, 5.1vw, 38px) !important;
    }
}
@media screen and (max-width: 580px) {
    .center-flow_point {
        padding: 2em 1em !important;
    }
    .center-mark_total{
        width: 100%;
        text-align: right;
        margin-top: 0.5em;
    }
}
@media screen and (max-width: 480px) {
    .page-h3_center{
        text-align: center;
    }
    .page-h3_center br{
        display: block;
    }
}

.admission-cta{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.admission-cta_h6{
    width: 100%;
    background: var(--gray6);
    color: #fff;
    padding: 0.7em;
    margin-bottom: 1em;
    line-height: 1;
}
.admission-cta_h6:before{
    content: "●";
    color: var(--red);
    padding-right: 0.2em;
    line-height: 1;
}
.admission-cta a{
    border: 1px solid var(--gray6);
    padding: 1em;
    border-top: 10px solid var(--gray6);
    text-align: center;
    width: 16%;
    line-height: 1.3;
    color: var(--black);
    margin-bottom: 0.5em;
}
.admission-cta a.current{
    pointer-events: none;
    border-top: 10px solid var(--red);
    background: var(--egray);
    color: var(--gray6);
}
.admission-cta a:hover{
    border-top: 10px solid var(--red);
    color: var(--red);
}
@media screen and (max-width: 980px) {
    .admission-cta a{
        width: 32%;
    }
}
@media screen and (max-width: 480px) {
    .admission-cta a{
        width: 49%;
    }
}

/*EVENT OC*/
.eventoc-h3{
    width: 100%;
    font-weight: 700;
    font-size: clamp(17px, 2.8vw, 21px);
    line-height: 1.4;
}
.eventoc-h3 br{
    display: none;
}
.eventoc .page-lead{
    margin-bottom: 2em !important;
}
.eventoc-compare{
    text-align: center;
    background: var(--cream);
    padding: 3em 0 4em;
}
.eventoc-table{
    display: inline-block;
    max-width: 95%;
    margin: 0 auto;
}
.eventoc-table th,
.eventoc-table td{
    padding: 1.5em 1em;
    text-align: left;
    border-bottom: 1px solid var(--cgray);
    vertical-align: middle;
    line-height: 1.4;
    font-size: clamp(13px, 1.2vw, 16px);
}
.eventoc-table th{
    text-align: center;
    font-weight: 700;
}
.eventoc-table th b{
    border: 1px solid var(--cgray);
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 0.8em 1em;
    background: #fff;
}
.eventoc-table td b{
    display: block;
    font-weight: 700;
    font-size: clamp(16px, 1.4vw, 18px);
}
.eventoc-table td span{
    font-size: clamp(12px, 1.1vw, 14px);
    color: var(--gray6);
}
.eventoc-table td br{
    display: none;
}
.eventoc-table th{
    padding: 1.5em 0;
}
.eventoc-table td:nth-child(2){
    width: 16em;
    padding: 1.5em 0 1.5em 1em;
}
.eventoc-table thead th{
    padding: 0 1em 0.5em;
    font-weight: 500;
    font-size: clamp(12px, 1.1vw, 14px);
    letter-spacing: 0.2em;
}
.eventoc-ocs_h3{
    justify-content: center;
    margin-bottom: 1em;
}
.eventoc-ocs_h3 span{
    font-size: clamp(18px, 2vw, 24px);
}
.eventoc-ocs_h3:before,
.eventoc-ocs_h3:after{
    width: 5em;
    flex-grow: inherit;
}
.eventoc-ocs_h3 br{
    display: none;
}
.eventoc-ocs_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.eventoc-oc{
    width: 32%;
    overflow: hidden;
}
.eventoc-h4{
    font-size: clamp(16px, 1.4vw, 21px);
    font-weight: 700;
    text-align: center;
}
.eventoc-h4 small{
    display: flex;
    justify-content: center;
    font-size: clamp(12px, 1.1vw, 14px);
    margin-bottom: 0.3em;
}
.eventoc-h4 small:before,
.eventoc-h4 small:after{
    content: "";
    display: block;
    width: 1px;
    height: 1.2em;
    background: var(--black);
    margin: 0 0.5em;
    transform-origin: center;
}
.eventoc-h4 small:before{
    transform: rotate(-25deg);
}
.eventoc-h4 small:after{
    transform: rotate(25deg);
}
.eventoc-date{
    text-align: center;
    font-weight: 700;
    margin: 0.3em auto 0.5em;
    padding: 0.3em 0;
    color: var(--red);
    border: 1px solid var(--agray);
}
.eventoc-catch{
    background: var(--black);
    text-align: center;
    font-size: clamp(12px, 1.1vw, 14px);
    color: #fff;
    line-height: 1;
    padding: 0.5em;
    margin-bottom: 0 !important;
}
.eventoc-text{
    margin: 1em 0;
}
.eventoc-a{
    margin: 0.5em auto;
    padding: 0.7em 0.5em 0.8em;
    width: 16em;
    display: inline-block;
}
.eventoc-link .close-text:has(+ .open) ,
.eventoc-link .close{
    display: none;
}
.eventoc-link .close-text:has(+ .close) {
    display: inline-block;
    background: var(--egray);
    color: var(--gray6);
    line-height: 1.3;
    padding: 0.8em 1em 0.9em;
    cursor: pointer;
    text-shadow: none;
    text-align: center;
    margin-top: 0.5em;
    font-size: clamp(12px, 1.1vw, 14px);
}
.eventoc-link .close-text:has(+ .close)  br{
    display: none;
}
@media screen and (max-width: 880px) {
    .eventoc .page-lead{
        text-align: left;
    }
    .eventoc .page-lead br{
        display: none;
    }
    .eventoc-ocs_wrap{
        display: block;
    }
    .eventoc-oc {
        width: 100%;
        display: grid;
        grid-template-columns: 50% 1fr;
        gap: 0 1em;
        margin-bottom: 2em;
    }
    .eventoc-h4{
        grid-column: 1 / 3;
        grid-row: 1;
        font-size: clamp(18px, 3vw, 21px);
    }
    .eventoc-h4 small {
        font-size: clamp(12px, 2vw, 14px);
    }
    .eventoc-date{
        grid-column: 1 / 3;
        grid-row: 2;
        width: 100%;
        font-size: clamp(16px, 3vw, 18px);
    }
    .eventoc-gallery{
        grid-column: 1 / 2;
        grid-row: 3 / 7;
        overflow: hidden;
    }
    .eventoc-catch{
        grid-column: 2 / 3;
        grid-row: 3;
        padding: 0.5em;
    }
    .eventoc-text{
        grid-column: 2 / 3;
        grid-row: 4;
    }
    .eventoc-link {
        grid-column: 2 / 3;
        grid-row: 5;
    }
    .eventoc-table td br{
        display: block;
    }
}
@media screen and (max-width: 780px) {
    .eventoc-h3 br{
        display: block;
    }
    .eventoc-table td {
        padding: 1.5em 0.5em;
    }
    .eventoc-table td b{
        margin-bottom: 0;
    }
    .eventoc-table th b {
        padding: 0.8em 0.3em;
    }
}
@media screen and (max-width: 680px) {
    .eventoc-ocs_lead br{
        display: none;
    }
    .eventoc-ocs_lead{
        text-align: left !important;
    }
    .eventoc-ocs_h3{
        text-align: center;
    }
    .eventoc-ocs_h3 br{
        display: block !important;
    }
    .eventoc-ocs_h3:before,
    .eventoc-ocs_h3:after{
        width: auto;
        flex: 1;
    }
}
@media screen and (max-width: 580px) {
   .eventoc-link .close-text:has(+ .close)  br{
        display: block;
    }
    .eventoc-compare{
        padding: 2em 0;
    }
    .eventoc-table,
    .eventoc-table tbody,
    .eventoc-table tr,
    .eventoc-table th,
    .eventoc-table td{
        display: block;
        width: 100%;
        padding: 0;
        border: none;
    }
    .eventoc-table tr{
        display: grid;
        grid-template-columns: 3em 1fr;
        gap: 0 1em;
        margin-bottom: 1em;
    }
    .eventoc-table th{
        grid-column: 1 / 2;
        grid-row: 1 / 4;
    }
    .eventoc-table td:nth-child(2){
        grid-column: 2 / 3;
        grid-row: 1;
    }
    .eventoc-table td:nth-child(3){
        grid-column: 2 / 3;
        grid-row: 2;
    }
    .eventoc-table td:nth-child(4){
        grid-column: 2 / 3;
        grid-row: 3;
    }
    .eventoc-table thead{
        display: none;
    }
    .eventoc-table td:nth-child(2) {
        padding: 0 0 0.5em 0em;
        width: 100%;
        border-bottom: 1px solid var(--dgray);
        margin-bottom: 0.5em;
    }
    .eventoc-table td:nth-child(3){
        margin-bottom: 0.5em;
    }
    .eventoc-table td:nth-child(3):before{
        content: "特徴";
        display: inline-block;
        width: 6em;
        text-align: center;
        background: var(--cgray);
        padding: 0.2em 00.4em;
        line-height: 1;
        border-radius: 3px;
        letter-spacing: 0.2em;
    }
    .eventoc-table td:nth-child(4):before{
        content: "おすすめ";
        display: inline-block;
        width: 6em;
        text-align: center;
        background: var(--cgray);
        padding: 0.2em 0 0.4em;
        line-height: 1;
        border-radius: 3px;
    }
    .eventoc-table td br {
        display: none;
    }
}
@media screen and (max-width: 480px) {

    .eventoc-oc {
        display: block;
    }
    .eventoc-link{
        text-align: center !important;
    }
   .eventoc-link .close-text:has(+ .close)  br{
        display: none;
    }
}