@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap');

:root {
	--color_txt: #3E3A39;
	--color_line: color-mix(in srgb, #3E3A39 30%, transparent);
	--color_bg_beige: #F5EEE7;
	--color_main: #D11A79;
	--color_accent_orange: #FFAA60;
	--noto: "Noto Sans JP";

	--color_emerald: #009EB0;
	--color_navy: #00639a;
	--color_purple: #82569f;
	--color_grayish_magenta: #a58daa;
	--color_sky: #009fe8;
	--color_orange: #f08c00;
	--color_yellow: #ffcd00;
	--color_lightgreen: #B9D200;

	--color_lightgray: #f5f5f7;
	--color_beige: #b59c8a;
	--color_lightbeige: #f5f2ec;
	--color_gr_beige: linear-gradient(to right, #fce2c6, #b59c8a);


	/* 既存 post__icon の色をリニューアル色で置き換え */
	--cl_emerald: var(--color_emerald);
	--cl_skyblue: var(--color_navy);
	--cl_blue: var(--color_emerald);
	--cl_shrimppink: var(--color_purple);
	--cl_purple: var(--color_grayish_magenta);
	--cl_darkpurple: var(--color_sky);
	--cl_navy: var(--color_orange);
	--cl_yellowgreen: var(--color_yellow);
	--cl_lightblue: var(--color_grayish_magenta);
	--cl_lightgreen: var(--color_lightgreen);

	/* students voiceのグラデーション */
	--gradation_voice: radial-gradient(at 40% 20%, hsla(354, 97%, 85%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 81%, 1) 0px, transparent 50%), radial-gradient(at 80% 50%, hsla(4, 100%, 88%, 1) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(4, 100%, 88%, 1) 0px, transparent 50%), radial-gradient(at 80% 100%, hsla(193, 47%, 90%, 1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(60, 100%, 87%, 1) 0px, transparent 50%);
}



/* 0703 */

.top .top__lead__info .cl__lightblue {
    background-color: #6b81c3;
}

.home .sbi_lightboxOverlay {
    background-color: rgba(0, 0, 0, 0.7);
}


/* 0702 */

.newbatch {
    font-family: roboto, sans-serif;
    color: #fff;
    background: linear-gradient(to right, #ff3503, #ff4112da 99.95%);
    font-size: 0.7rem;
    margin: 0 2px 0 3px;
    padding: 0rem 0.4rem;
    border-radius: 6px;
    letter-spacing: 0.01rem;
}

.top .top__lead__info h2::after {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    width: 2.5rem;
    height: 2px;
    margin: auto;
    /* background-color: rgba(29, 32, 136, 0.5); */
    content: "";


}

@media (min-width: 768px) {
    .top .top__lead__info h2::after {
        bottom: -15px;

    }
}

.top .top__lead__info .upper ul {
    margin-top: 18px;
}


/* top */

.fade-in-top {
    opacity: 0;
    animation: fadein-top 4.5s .8s ease-out forwards;
}

@keyframes fadein-top {
    0% {
        opacity: 0;
        transform: translateY(-3px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 0630 */


/* schoollife - uniform  */

.uniform .uniform-page .sec01 .regularitem__txt span {
    background: linear-gradient(to right, #6595dd, #6bc1ec 99.95%);
    color: #ffffff;
    margin: 0.25rem;
    padding: 0.01rem 0.2rem;
    border-radius: 3px;
}

.uniform .uniform-page .sec01 .point {
    margin-bottom: 2rem;
}


/* schoollife - event  */

/* .event .event-page .sec03 .eventlist {
    padding-top: 32px;
    padding-bottom: 32px;
}

@media (max-width: 768px) {
    .event .event-page .sec03 .eventlist {
        padding-top: 0px;
        padding-bottom: 0px;
    }
} */


/* 0629 */


/* top */

.top .top__lead__info h2,
.top .top__lead__movie h2 {
    font-family: roboto, sans-serif;
    /* font-weight: 300; */
}

.top .top__lead__movie h2 {
    font-size: 2.2rem;
}

@media (max-width: 768px) {
    .top .top__lead__movie h2 {
        font-size: 1.25rem;
    }
}

.top .top__about {
    margin-top: 48px
}

@media (max-width: 768px) {
    .top .top__about {
        margin-top: 96px
    }
}

.top .top__about h3 span:nth-of-type(3) {
    top: -36px;
    left: 24.5%;
}

.top .top__about h3 span:nth-of-type(4) {
    top: 0;
    left: 17.8%;
}

@media (max-width: 768px) {
    .top .top__about h3 span:nth-of-type(1) {
        top: -70px;
        right: 12%;
    }

    .top .top__about h3 span:nth-of-type(2) {
        top: -70px;
        right: 22%;
    }

    .top .top__about h3 span:nth-of-type(3) {
        top: -23px;
        left: 22%;
    }

    .top .top__about h3 span:nth-of-type(4) {
        top: 10px;
        left: 12%;
    }
}

@media (max-width: 768px) {
    .top .top__school .inner p:first-of-type {
        display: block;
    }
}

.top .top__voice {
    padding: 64px 0 64px;
    background-size: 14px auto;
}

@media (max-width: 768px) {
    .top .top__voice {
        padding: 24px 0 12px;
        background-size: 8px auto;
    }
}

@media (max-width: 768px) {
    .top .top__lead__movie .more a {
        margin-top: 4rem;
    }
}


/* courses */

.text_ccenter {
    text-align: center;
    margin: 0 auto 16px;
}

.access .access-page .sec02 .guide__icon img {
    width: 40px;
    height: 40px;
}

@media (max-width: 768px) {
    .access .access-page .sec02 .guide__icon img {
        width: 40px;
        height: 40px;
    }
}

.access .access-page .sec02 .guide__ttl {
    color: #000000;
    width: auto;
}

.access .access-page .sec02 .guide__ttl {
    color: #000000;
    width: 6rem;
    font-size: 0.75rem;
}

.access .access-page .sec02 span {
    /* font-size: 0.875rem; */
}

.guidelines .table__btn {
    display: inline-block;
    border-radius: 6px;
    height: 20px;
    width: 80px;
    line-height: 18px;
    color: #F86419;
    border: 1px solid #F86419;
    text-align: center;
    position: relative;
}

.guidelines .table__btn--default {
    color: #9E9E9E;
    border-color: #D2D2D2;
    font-size: 12px;
}

@media (max-width: 768px) {
    .guidelines .table__btn {
        border-radius: 4px;
        font-size: 10px;
        width: 60px;
        height: 17px;
        line-height: 15px;
    }

    .guidelines .table__btn--default {
        color: #9E9E9E;
        border-color: #D2D2D2;
        font-size: 12px;
    }
}


/* schoollife */

.club .page-ttl-imgarea {
    background-image: url(../../assets/images/common/bg_key_pc390.svg);
    height: 390px;
}

@media (max-width: 768px) {
    .club .page-ttl-imgarea {
        height: 180px;
    }
}

.club .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/clubblog_eyecatch.png);
}

@media (max-width: 768px) {
    .club .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/clubblog_eyecatch_xs.jpg);
    }
}

.introduce .fancybox-slide {
    height: 100%;
    padding: 300px;
}

@media (max-width: 768px) {
    .introduce .fancybox-slide {
        padding: 10vw;
    }
}


/* 0628 */

/* .uniform .uniform-page .sec01 .regularitem {
    width: 920px;
    margin-top: 48px;
    margin-left: -30px;
}

@media (max-width: 768px) {
    .uniform .uniform-page .sec01 .regularitem {
        width: 100%;
        margin-top: 0px;
        margin-left: auto;
    }
} */


/* 0627 */

.feature .feature-page .sec01 .rank.rank01 .rank__body {
    width: 480px;
    padding-left: 0;
}

@media (max-width: 768px) {
    .feature .feature-page .sec01 .rank.rank01 .rank__body {
        width: 100%;
        padding-left: 10px;
    }
}

/* .feature .feature-page .sec01 .rank.rank02 .rank__body {
    width: 430px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .feature .feature-page .sec01 .rank.rank02 .rank__body {
        width: 80%;
        margin: 0 auto;
    }
} */

.feature .btn-courses {
    padding: 48px 0 0;
    text-align: center;
}

.feature .btn-courses__item {
    width: 33%;
    height: 80px;
    line-height: 80px;
    font-weight: 500;
    font-size: 18px;
    border-top: 2px solid #63b4f2;
    border-bottom: 1px solid #DCDCDC;
    background-color: #f5fafd;
    text-align: center;
    color: var(--color_txt);
}

@media (max-width: 768px) {
    .feature .btn-courses__item {
        width: 80%;
        height: 51px;
        line-height: 51px;
        font-size: 14px;
    }
}

/* 上宮太子の取り組みボタン（back-btnと同様のスタイル、矢印は右向き・右側） */
.feature .btn-courses__item--ex02 {
	display: inline-block;
	align-items: center;
	justify-content: center;
	position: relative;
	width: auto;
	min-width: 270px;
	height: 100%;
	margin: 0 auto;
	padding: 18px 55px;
	border: 2px solid #3E3A39;
	border-radius: 10px;
	background: #F5EEE7;
	box-shadow: 3px 4px 0 0 #3E3A39;
	color: #3E3A39;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;

	&::before {
		content: "";
		display: block;
		position: absolute;
		right: 15px;
		top: 50%;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: #fff;
		transform: translateY(-50%);
	}

	&::after {
		content: "";
		display: block;
		position: absolute;
		right: 25px;
		top: 50%;
		width: 10px;
		height: 10px;
		mask-image: url(../images/common/icon_arrow-right-01.svg);
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		background-color: #3E3A39;
		transform: translateY(-50%);
	}
}

@media (max-width: 768px) {
	.feature .btn-courses__item--ex02 {
		width: 80%;
		height: auto;
	}
}

.introduce .introduce-page .sec03__ttl {
    font-size: 1.6rem;
    margin-top: 45px;
}

@media (max-width: 768px) {
    .introduce .introduce-page .sec03__ttl {
        font-size: 1.25rem;
        margin-top: 20px;
    }
}

.introduce .introduce-page .sec03__txt {
    font-size: 1rem;
}

@media (max-width: 768px) {
    .introduce .introduce-page .sec03__txt {
        font-size: 0.875rem;
    }
}


/* school */

.initiatives .sec04 .education .other__ttl {
    font-size: 1rem;
    line-height: 1;
    height: 32px;
}

@media (max-width: 768px) {
    .initiatives .sec04 .education .other__ttl {
        height: 2.6rem;
    }
}

@media (max-width: 768px) {
    .initiatives .sec04 .education .other__item {
        width: calc(100% / 1 - 0px);
        margin-bottom: 16px;
    }
}

.uniform .uniform-page .sec01 .regularitem__txt,
.uniform .uniform-page .sec01 .optionitem__txt {
    line-height: 1.2em;
    margin-top: 0;
}

.blog-page .outline .content a {
    color: var(--color_txt_link);
}


/* top */

.top .top__voice .upper li span {
    height: 220px;
    overflow: hidden;
    padding: 10px 20px 10px 15px;
    background-position: right 10px center, 0% 0%
}

@media (max-width: 768px) {
    .top .top__voice .upper li span {
        height: 8rem;
    }
}


/* voice */

.voice-page .post__name {
    line-height: 1.4;
    padding-top: 10px;
}


/* top */


/* 0626 */

.top .inner p:first-of-type {
    font-family: "YakuHanJP", "NotoSans", "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}

/* course */


/* 0626 */

@media (max-width: 768px) {
    .course .l-box-short2 {
        margin-left: 10vw;
        margin-right: 10vw;
    }
}

.special .idx02__item,
.special2 .idx02__item,
.comprehensive .idx02__item {
    width: calc(100% / 3);
    text-align: center;
    padding-top: 15px;
    position: relative;
    margin-bottom: 64px;
}

@media (max-width: 768px) {

    .special .idx02__item,
    .special2 .idx02__item,
    .comprehensive .idx02__item {
        width: auto;
        text-align: center;
        padding-top: 15px;
        position: relative;
        margin-bottom: 64px;
    }
}

.special .idx02__item::before,
.special2 .idx02__item::before,
.comprehensive .idx02__item::before {
    height: 175px;
    width: 175px;
}

@media (max-width: 768px) {

    .special .idx02__item::before,
    .special2 .idx02__item::before,
    .comprehensive .idx02__item::before {
        height: 155px;
        width: 155px;
    }
}

.special .idx02,
.special2 .idx02,
.comprehensive .idx02 {
    margin-bottom: 96px;
}

@media (max-width: 768px) {

    .special .idx02,
    .special2 .idx02,
    .comprehensive .idx02 {
        margin-bottom: 0px;
    }
}

.special .idx02 .bar01,
.special2 .idx02 .bar01 {
    margin-top: 32px;
}

@media (max-width: 768px) {

    .special .idx02 .bar01,
    .special2 .idx02 .bar01 {
        margin-top: 16px;
    }
}


/* schoollife */

.page-ttl-imgarea .page-ttl::after {
    text-transform: none;
}

.schoollife .l-box-short {
    margin-left: calc((100% - 860px) / 2);
    margin-right: calc((100% - 860px) / 2);
}

@media (max-width: 768px) {
    .schoollife .l-box-short {
        margin-left: 10vw;
        margin-right: 10vw;
    }
}

.schoollife .btn-courses {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 48px 0px 0;
    text-align: center;
}

@media (max-width: 768px) {
    .schoollife .btn-courses {
        padding: 0;
        display: block;
    }
}

.schoollife .btn-courses__item {
    width: 30%;
    height: 80px;
    font-family: inherit;
    font-weight: 500;
    font-size: 18px;
    color: #62C0BF;
    line-height: 80px;
    border-top: 2px solid #62C0BF;
    border-bottom: 1px solid #DCDCDC;
    background-color: #EFF9F8;
    text-align: center;
}

@media (max-width: 768px) {
    .schoollife .btn-courses__item {
        font-size: 16px;
        width: 80%;
        margin: 1.6rem auto 0;
        text-align: center;
        height: 51px;
        line-height: 51px;
    }
}

.schoollife .btn-courses__item--ex01 {
    border-top-color: #8687C2;
    background-color: #F3F3F9;
    color: #8687C2;
}

.schoollife .btn-courses__item--ex02 {
    border-top-color: #EBA327;
    background-color: #FDF6E9;
    color: #EBA327;
}


/* Voice */

.voice-page .post__txtbox p {
    font-size: 17px;
    line-height: 1.7;
    font-weight: 500;
}


/*共通？common*/


/*共通？_subpage*/


/*TOP* topcscc*/


/* courses */


/* school*/


/* schoollife */


/* voice */


/* blods */


/* examinfo */


/*Information*/

.information .lnav,
.certificate .lnav,
.polic .lnav,
.parents .lnav,
.knowledge .lnav,
.bullying-prevention .lnav,
.privacy .lnav,
.disclosure .lnav,
.alumni .lnav,
.recruitment .lnav {
    margin-top: 64px;
}

@media (max-width: 768px) {

    .information .lnav,
    .certificate .lnav,
    .polic .lnav,
    .parents .lnav,
    .knowledge .lnav,
    .bullying-prevention .lnav,
    .privacy .lnav,
    .disclosure .lnav,
    .alumni .lnav,
    .recruitment .lnav {
        margin-top: 32px;
    }
}


/* 0617 */

.certificate .lnav {
    margin-top: 64px;
}

@media (max-width: 768px) {
    .certificate .lnav {
        margin: top 32px;
    }
}


/* 0617 */

.certificate .certificate-page .sec01 .ttl__style01-wrap {
    padding: 96px 0 32px;
}

/* 0624 */

@media (max-width: 1025px) {
    .drawer__lower {
        width: 90%;
        margin: 2vw auto;
    }
}

@media (max-width: 768px) {
    .drawer__lower {
        display: none;
    }
}

@media (max-width: 1025px) {
    .drawer__column {
        -ms-flex: 90 0 200px;
        -webkit-flex: 0 0 218px;
        flex: 0;
        margin-left: 3vw;
    }
}

@media (max-width: 768px) {
    .drawer__column {
        display: none;
    }
}


/* 0616 */

.header__container {
    max-width: 1280px;
    margin: 0 auto;
}


/* 0616 */

.breadcrumbs-wrap {
    max-width: 1280px;
    margin: 0 auto;
}

.header__logo {
    width: 317px;
}

@media (max-width: 768px) {
    .header__logo {
        width: 190px;
    }
}


/*共通？_subpage*/


/* 0622 */

.page-ttl-imgarea .page-ttl {
    font-size: 28px;
    top: inherit;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    .page-ttl-imgarea .page-ttl {
        font-size: 28px;
        top: 30px;
    }
}

.page-ttl-imgarea .page-ttl::after {
    font-size: 16px;
    padding-top: 50px;
}

@media (max-width: 768px) {
    .page-ttl-imgarea .page-ttl::after {
        font-size: 12px;
        padding-top: 25px;
    }
}


/* 0621 */

.ttl__style01-wrap {
    text-align: center;
    padding: 48px 0 32px;
}

@media (max-width: 768px) {
    .ttl__style01-wrap {
        padding: 32px 0 16px;
    }
}


/* 0620 */

.page-ttl-imgarea::after {
    background-size: 1400px;
}

@media (max-width: 768px) {
    .page-ttl-imgarea::after {
        background-size: 100vw;
    }
}


/* 0619 */

.back-btn {
    margin: 96px auto;
}

@media (max-width: 768px) {
    .back-btn {
        margin: 48px auto;
    }
}


/* 0619 */

.bar01 {
    margin-top: 96px;
}

@media (max-width: 768px) {
    .bar01 {
        margin-top: 48px;
    }
}


/* 0617 */

.studentsvoice__btn a span {
    transform: translateY(0px);
}


/* 0617 */

.page-ttl-imgarea {
    background-image: url(../../assets/images/common/bg_key_pc390.svg);
    height: 390px;
}


/* 0623 */

.event .post__thumb::after,
.event_test .post__thumb::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.event .post__thumb::after,
.event_test .post__thumb::after {
    background-image: url("../images/voice/photo_mask_left.png");
}

.event .post .mask-right::after,
.evet_test .post .mask-right::after {
    background-image: url("../images/voice/photo_mask_right.png");
}

.event .post__thumb::after,
.event_test .post__thumb::after {
    background-image: url("../images/voice/photo_mask_left.png");
}

.event .post .mask-right::after,
.evet_test .post .mask-right::after {
    background-image: url("../images/voice/photo_mask_right.png");
}

.facility-introduction .post__thumb::after {
    background-image: url("../images/voice/photo_mask_left.png");
}

.facility-introduction .post .post__thumb::after {
    background-image: url("../images/voice/photo_mask_left.png");
}

@media screen and (min-width: 768px) {
    .page-ttl-imgarea .page-ttl {
        font-size: 28px;
    }

    .page-ttl-imgarea::after {
        /* background-size:1900px;	 */
        background-size: 1400px;
    }

    /* 修正0616 */
    .introduce .page-ttl-imgarea {
        background-image: url(../../assets/images/common/bg_key_pc390.svg);
        height: 390px;
        background-size: inherit;
    }

    /* 0626 */
    .ttl__style01-wrap {
        padding: 64px 0 32px;
    }

    /* 0617 修正 */
    .studentsvoice__btn a {
        /* padding: 18px 0 16px;	 */
    }
}

@media (max-width: 768px) {
    .page-ttl-imgarea .page-ttl {
        font-size: 16px;
    }

    .page-ttl-imgarea {
        height: 180px;
    }

    .studentsvoice__btn a {
        padding: 15px 0 15px;
    }

    .page-ttl-imgarea .page-ttl {
        top: 30px;
    }
}


/* school*/


/* 0622 */

.guidelines .certificate-page .outline .sec01__txt {
    font-size: 16px;
    line-height: 1.7;
    margin: -16px auto 32px;
}

@media (max-width: 768px) {
    .guidelines .certificate-page .outline .sec01__txt {
        font-size: 14px;
        margin: 0px auto 32px;
    }
}

.guidelines .certificate-page .outline {
    width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
}

@media (max-width: 768px) {
    .guidelines .certificate-page .outline {
        width: 90%;
        margin-top: 0px;
    }
}

.examinfo .inquiry {
    width: 560px;
    margin-top: 64px;
    padding: 15px 15px 30px;
    background-color: #f3f8fd;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .examinfo .inquiry {
        width: 100%;
        margin-top: 32px;
        padding: 15px;
    }
}

.examinfo .inquiry__ttl {
    font-size: 0.8125rem;
    background-color: #fff;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 10px;
    color: #1d2088;
    line-height: 1;
    border-radius: 5px;
}

.examinfo .inquiry__txt {
    text-align: center;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .examinfo .inquiry__txt {
        font-size: 0.875rem;
    }
}

.examinfo .inquiry__tel {
    font-size: 0.875rem;
    text-align: center;
}

@media (max-width: 768px) {
    .examinfo .inquiry__tel {
        font-size: 0.75rem;
    }
}

.uniform .uniform-page .sec01 .optionitem__img {
    height: 100%;
}


/* 0622 */

.initiatives .sec04 .education .overseas__icon {
    width: 48px;
    height: inherit;
}

@media (max-width: 768px) {
    .initiatives .sec04 .education .overseas__icon {
        width: 20%;
        height: auto;
    }
}

.initiatives .sec04 .education .overseas__txt_space {
    margin: 24px auto 6px;
}

@media (max-width: 768px) {
    .initiatives .sec04 .education .overseas__txt_space {
        margin: 0 0.5rem 0;
    }
}

.initiatives .sec02__txt {
    padding: 0;
    margin-top: 32px;
    font-size: 1rem;
}

@media (max-width: 768px) {
    .initiatives .sec02__txt {
        margin-top: 16px;
    }
}


/* 0619 */

.access .access-page .sec01 .outline {
    padding: 64px 0 0;
}

@media (max-width: 768px) {
    .access .access-page .sec01 .outline {
        padding: 32px 0 0;
    }
}

.access .access-page .sec02 .outline {
    padding: 64px 0;
}

@media (max-width: 768px) {
    .access .access-page .sec02 .outline {
        padding: 32px 0;
    }
}

.access .access-page .sec03 .outline {
    padding: 64px 0;
}

@media (max-width: 768px) {
    .access .access-page .sec03 .outline {
        padding: 32px 0;
    }
}

.access .access-page .sec03 .schoolbus {
    margin-top: 32px;
}

@media (max-width: 768px) {
    .access .access-page .sec03 .schoolbus {
        margin-top: 16px;
    }
}

/* .access .access-page .sec04__txt {
    margin-top: 32px;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .access .access-page .sec04__txt {
        margin-top: 16px;
        margin-bottom: 8px;
    }
} */


/* 0618 */

.feature .feature-page .sec04 .outline {
    padding: 64px 0;
}

@media (max-width: 768px) {
    .feature .feature-page .sec04 .outline {
        padding: 2rem 0;
    }
}


/* 0624 */

.introduce .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/introduce/introduce_eyecatch.png);
}

@media (max-width: 768px) {
    .introduce .page-ttl-imgarea::after {
        background-image: url(../../assets/images/school/introduce/introduce_eyecatch_xs.jpg);
    }
}

.feature .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/feature/feature_eyecatch.png);
}

@media (max-width: 768px) {
    .feature .page-ttl-imgarea::after {
        background-image: url(../../assets/images/school/feature/eyecatch_xs.jpg);
    }
}

.initiatives .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/initiatives/initiatives_eyecatch.png);
}

@media (max-width: 768px) {
    .initiatives .page-ttl-imgarea::after {
        background-image: url(../../assets/images/school/initiatives/initiatives_eyecatch_xs.jpg);
    }
}

.access .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/access/access_eyecatch.png);
}

@media (max-width: 768px) {
    .access .page-ttl-imgarea::after {
        background-image: url(../../assets/images/school/access/access_eyecatch_xs.jpg);
    }
}


/* 0617 */

.introduce .introduce-page .sec01__ttl {
    margin-top: 32px;
}

.introduce .introduce-page .sec02 .outline {
    padding: 64px 0 96px;
}

.introduce .introduce-page .sec02__txt {
    margin-top: 32px;
}

.introduce .introduce-page .sec04__list {
    margin-top: 64px;
}

.introduce .introduce-page .sec04__txt {
    line-height: 1.5;
    margin-top: 16px;
}

.introduce .introduce-page .sec04__txt {
    margin-top: 24px;
}

.introduce .introduce-page .sec05 .greeting {
    margin-top: 32px;
}

.introduce .introduce-page .sec06__list {
    margin-top: 32px;
}


/* 追加0616 */

.introduce .introduce-page .sec03 {
    background-size: cover;
}


/* 追加0627 */

.access .sec04 .focus {
    font-size: 1.1rem;
    width: 100%;
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0, #eaf0ff), color-stop(0.9995, #f4fafd));
    padding: 20px;
    border-radius: 6px;
    text-align: left;
}


/* 0614 */

.access .sec04 .focus__item {
    font-size: 1rem;
    line-height: 1.75em;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    /* font-weight: 300; */
}
.access .sec04 .act-txt {
font-size: 14px;
}

@media (max-width: 768px) {
.access .sec04 .focus__item {
    font-size: 0.85rem;
}
.access .sec04 .act-txt {
font-size: 12px;
}
}


/* schoollife */


/* 0622 */

.faq_intro {
    font-size: 16px;
    line-height: 1.75;
    margin-top: 64px;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .faq_intro {
        font-size: 14px;
        line-height: 1.75;
        margin-top: 32px;
        margin-bottom: 0px;
    }
}

.faqs .l-box {
    margin-left: calc((100% - 960px) / 2);
    margin-right: calc((100% - 960px) / 2);
}

@media (max-width: 768px) {
    .faqs .l-box {
        margin-left: 16px;
        margin-right: 16px;
    }
}

.faqs .ttl__style02-wrap {
    text-align: center;
}

.faqs .faqs .ttl__style02-wrap {
    padding-top: 64px;
    padding-bottom: 32px;
}

.faqs .ttl__style02 {
	--_borderLength: 60px;
	--_borderPadding: 20px;

	position: relative;
    display: inline-block;
    text-align: center;
    /* font-family: source-han-serif-japanese, serif; */
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: 0.16em;
    font-weight: 500;
	max-width: calc(100% - (var(--_borderLength) + var(--_borderPadding)) * 2);
	@media (max-width: 768px) {
		font-size: 1.25rem;
		--_borderLength: 30px;
		--_borderPadding: 8px;
	}
	&::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
		width: calc(100% + (var(--_borderLength) + var(--_borderPadding)) * 2);
		height: 2px;
		pointer-events: none;
		background-image: linear-gradient(to right, currentColor var(--_borderLength), transparent var(--_borderLength)),
		linear-gradient(to left, currentColor var(--_borderLength), transparent var(--_borderLength));
		background-position: left center, right center;
		background-repeat: no-repeat;
		background-size: var(--_borderLength) 100%, var(--_borderLength) 100%;

	}
}


.faqs .question,
.faqs .answer {
    position: relative;
    padding: 18px 30px 18px 70px;
    font-size: 16px;
    line-height: 1.75;
    text-align: justify;
    text-justify: inter-ideograph;
}

.faq .faqs {
    padding-bottom: 0px;
}

.faq .faqs .bar01 {
    margin-top: 0;
}

.faq .faqs .ttl__style02-wrap {
    padding-top: 64px;
    padding-bottom: 32px;
}

@media screen and (max-width: 767px) {
    .faq .faqs .ttl__style02-wrap {
        padding-top: 28px;
        padding-bottom: 27px;
    }
}

.faqs .question,
.faqs .answer {
    position: relative;
    padding: 18px 30px 18px 70px;
    font-size: 16px;
    line-height: 1.75;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 767px) {

    .faqs .question,
    .faqs .answer {
        font-size: 14px;
        line-height: 1.7;
        padding: 18px 40px 18px 18px;
    }
}

.faqs .question {
    background: #F0F7FA;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 767px) {
    .faqs.question {
        padding: 12px 55px 12px 28px;
    }
}

.faqs .question.arrow01:after {
    border-top: 1px solid #00B5C0;
    border-right: 1px solid #00B5C0;
    right: 25px;
}

@media screen and (max-width: 767px) {
    .faqs .question.arrow01:after {
        top: 20px;
        bottom: auto;
    }
}

.faqs .question::before {
    content: "Q";
    position: absolute;
    top: 15px;
    left: 30px;
    font-size: 18px;
    color: #232584;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .faqs .question::before {
        display: none;
    }
}

.faqs .accordion-icon {
    position: absolute;
    display: block;
    width: 12px;
    height: 6px;
    top: 25px;
    right: 30px;
}

.faqs .answer {
    display: none;
}

@media screen and (max-width: 767px) {
    .faqs .answer {
        padding: 12px 15px 12px 28px;
    }
}

.faqs .answer::before {
    content: "A";
    position: absolute;
    font-size: 18px;
    top: 18px;
    left: 32px;
    color: #232584;
}

@media screen and (max-width: 767px) {
    .faqs .answer::before {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .faqs .accordion-icon {
        top: 28px;
        right: 40px;
    }

    .faqs .question.arrow01:after {
        border-top: 2px solid #00B5C0;
        border-right: 2px solid #00B5C0;
        right: 40px;
    }

    .faqs .question.open.arrow01:after {
        border-top: 1px solid #00B5C0;
        border-right: 1px solid #00B5C0;
    }
}

.faq .result__container__head {
    position: relative;
    padding: 4px 10px;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    background: #63C5F2;
    font-weight: 350;
    margin-bottom: 47px;
}

.faq .result__container__head.open {
    margin-bottom: 0;
}

.faq .arrow01 {
    position: relative;
    cursor: pointer;
}

.faq .arrow01:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 6px;
    height: 6px;
    margin: auto;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.faq .arrow01.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.faq .close {
    display: none;
}

@media screen and (min-width: 768px) {
    .faq .result__container__head {
        padding: 5px;
        font-size: 20px;
        margin-top: 50px;
    }

    .faq .arrow01:after {
        right: 25px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
}

.faq .university-wrap {
    background-size: auto auto;
    background-color: white;
    background-image: -webkit-repeating-linear-gradient(135deg, transparent, transparent 7px, rgba(0, 0, 0, 0.1) 7px, rgba(0, 0, 0, 0.1) 8px);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(0, 0, 0, 0.1) 7px, rgba(0, 0, 0, 0.1) 8px);
    display: none;
    padding-bottom: 60px;
}

.faq .university-inner {
    margin-left: 20px;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .faq .university-inner {
        margin-left: 0;
        margin-right: 0;
    }
}

.faq .university-ttl {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 2.2;
    letter-spacing: 0.05em;
    padding: 10px 10px;
    /* font-family: source-han-serif-japanese, serif; */
    font-family: "Noto Sans JP", sans-serif;
}

@media screen and (min-width: 768px) {
    .faq .university-ttl {
        font-size: 22px;
        line-height: 2;
        padding: 75px 0 0;
    }
}


/* 0620 */

.school-life .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/eyecatch.png);
}

@media (max-width: 768px) {
    .school-life .page-ttl-imgarea::after {
        background-image: url(../../assets/images/schoollife/eyecatch_xs.jpg);
    }
}


/* 0622 */

.facility-introduction .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/facilityintroduction/facilityintroduction_eyecatch.png);
}

@media (max-width: 768px) {
    .facility-introduction .page-ttl-imgarea::after {
        background-image: url(../../assets/images/schoollife/facilityintroduction/facilityintroduction_eyecatch_xs.jpg);
    }
}

.one-day .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/oneday/oneday_eyecatch.png);
}

@media (max-width: 768px) {
    .one-day .page-ttl-imgarea::after {
        background-image: url(../../assets/images/schoollife/oneday/oneday_eyecatch_xs.jpg);
    }
}

.event .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/event/event_eyecatch.png);
}

@media (max-width: 768px) {
    .event .page-ttl-imgarea::after {
        background-image: url(../../assets/images/schoollife/event/event_eyecatch_xs.jpg);
    }
}

.faq .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/faq/faq_eyecatch.png);
}

@media (max-width: 768px) {
    .faq .page-ttl-imgarea::after {
        background-image: url(../../assets/images/schoollife/faq/faq_eyecatch_xs.jpg);
    }
}


/* 0617 */

.facility-introduction .facilityintroduction-page .sec01 .facility__txt {
    font-size: 0.875rem;
    height: 80px;
}


/* 0615 */

.facility-introduction .facilityintroduction-page .sec00 {
    margin-top: 60px;
}

.facility-introduction .facilityintroduction-page .sec00 .outline {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

.facility-introduction .facilityintroduction-page .sec00__txt {
    font-size: 1rem;
}

@media (max-width: 768px) {
    .facility-introduction .facilityintroduction-page .sec00 .outline {
        width: 80%;
    }

    .facility-introduction .facilityintroduction-page .sec00__txt {
        font-size: 0.875rem;
        margin-top: 32px;
        line-height: 2;
    }
}


/* 0615 */

.facility-introduction .facilityintroduction-page .sec01 {
    margin-top: 64px;
    margin-bottom: 96px;
}

.facility-introduction .facilityintroduction-page .sec01 .facility__body {
    background-color: rgba(255, 255, 255, 0.92);
}


/* 0615 */

.facility-introduction .facilityintroduction-page .sec01 .facility__body {
    transform: translateY(64%);
}

@media (max-width: 768px) {
    .facility-introduction .facilityintroduction-page .sec01 .facility__body {
        width: 94%;
        padding: 2px 7px 2px;
    }
}


/* 0626 */

.event .event-page .sec02__txt {
    width: 860px;
    margin: 32px auto 0;
    font-size: 1.25rem;
}

@media (max-width: 768px) {
    .event .event-page .sec02__txt {
        width: 90%;
        margin: 32px auto 0;
        font-size: 0.875rem;
    }
}


/* 0611 */

.one-day .oneday-page .sec01__txt {
    margin-top: 64px;
}


/* 0626 */

/* .event .event-page .sec03 {
    padding-top: 64px;
    padding-bottom: 64px;
}

@media (max-width: 768px) {
    .event .event-page .sec03 {
        padding-top: 16px;
        padding-bottom: 32px;
    }
} */

/* .event .event-page .sec03 .eventlist__row {
    padding-top: 16px;
} */


@media screen and (min-width: 768px) {
    .facility-introduction .facilityintroduction-page .sec01 .facility__item {
        margin: top 48px;
    }
}


/* top */


/* 0618 */

.top .top__about h2 span>span {
    text-transform: none;
}


/* 0617 */

@media (max-width: 768px) {

    .top .top__course h3 span,
    .top .top__about h3 span,
    .top .top__school h3 span,
    .top .top__voice h3 span,
    .top .top__entrance h3 span {
        padding: 6px;
    }
}

@media (max-width: 768px) {
    .top .inner p:first-of-type {
        line-height: 1.8;
    }
}

.top .top__course h2 span,
.top .top__about h2 span,
.top .top__school h2 span,
.top .top__voice h2 span,
.top .top__entrance h2 span {
    text-transform: none;
}

.top .top__about h2 span::before {
    width: 420px;
}

@media (max-width: 768px) {
    .top .top__about h2 span::before {
        width: 14.7rem;
    }

    .top .top__school h3 span:nth-of-type(1) {
        top: 23px;
        left: 13px;
    }

    .top .top__school h3 span:nth-of-type(2) {
        top: 56px;
        left: 24px;
    }

    .top .top__school h3 span:nth-of-type(3) {
        top: 89px;
        left: 80px;
    }
}

.top .top__school li a {
    text-transform: none;
}


/*TOP* topcscc*/

@media screen and (min-width: 768px) {
    .top .top__lead__info .tag {
        line-height: 20px;
    }

    .top .top__about {
        margin-top: 160px
    }


}

@media (max-width: 768px) {
    .top .top__lead__info .tag {
        line-height: 1.7;
    }

    .top .top__lead__info h3 {
        text-align: center;
    }

    .top .top__lead__info h3::after {
        height: 0rem;
    }

    .top .top__entrance li:nth-of-type(2) a,
    .top .top__entrance li:nth-of-type(3) a {
        background-color: #6CC8F3;
    }

    .top .top__entrance li:nth-of-type(4) a {
        background-color: #6CC8F3;
    }
}


/* courses */


/* 0625 */

.special .page-ttl-imgarea .page-ttl,
.special2 .page-ttl-imgarea .page-ttl,
.comprehensive .page-ttl-imgarea .page-ttl {
    font-size: 32px;
}

@media screen and (max-width: 767px) {

    .special .page-ttl-imgarea .page-ttl,
    .special2 .page-ttl-imgarea .page-ttl,
    .comprehensive .page-ttl-imgarea .page-ttl {
        font-size: 18px;
        top: 45px;
        line-height: 1.2;
    }
}

.course .btn-courses {
    padding: 48px 0 0;
    text-align: center;
}

@media (max-width: 768px) {
    .course .btn-courses {
        padding: 0;
    }
}



/* 0621 */




.special .idx02__ttl {
    font-size: 20px;
    /* font-weight: 300; */
    color: #39adc2;
    line-height: 1.4;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .special .idx02__ttl {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
}

.special .heading01__h1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.7;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

@media (max-width: 768px) {
    .special .heading01__h1 {
        font-size: 18px;
        padding: 25px 0;
    }
}

.courses .document__list {
    margin-top: 16px;
    margin-bottom: 32px;
}

.special2 .idx02__ttl {
    font-size: 20px;
    /* font-weight: 300; */
    color: #000d97;
    line-height: 1.4;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .special2 .idx02__ttl {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
}

.special2 .heading01__h1 {
    font-size: 22px;
    /* font-weight: 300; */
    line-height: 1.7;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

@media (max-width: 768px) {
    .special2 .heading01__h1 {
        font-size: 18px;
        padding: 25px 0;
    }
}

.comprehensive .list02__txt2--short {
    margin-top: 0;
}

.comprehensive .idx02__ttl {
    font-size: 20px;
    /* font-weight: 300; */
}

@media (max-width: 768px) {
    .comprehensive .idx02__ttl {
        font-size: 18px;
    }
}

.special2 .heading01__h1 {
    font-size: 22px;
    /* font-weight: 300; */
}

@media (max-width: 768px) {
    .special2 .heading01__h1 {
        font-size: 18px;
        padding: 25px 0;
    }
}

.feature .feature-page .sec01 .rank__percent .mini {
    font-size: 1.1rem;
    display: block;
}

@media (max-width: 768px) {
    .feature .feature-page .sec01 .rank__percent .mini {
        font-size: 0.875rem;
    }
}


/* 0618 */

.courses .courses-page .sec01__txt {
    text-align: left;
    margin: 48px auto 0;
    max-width: 860px;
}

@media (max-width: 768px) {
    .courses .courses-page .sec01__txt {
        margin: 1rem auto 0;
    }
}


/*Information*/


/* 0620 */

.ttl__style01 .mini {
    font-size: 18px;
}

@media (max-width: 768px) {
    .ttl__style01 .mini {
        font-size: 0.75rem;
    }
}

main {
    padding-top: 70px;
}

@media (max-width: 768px) {
    main {
        padding-top: 52px;
    }
}

#k_sec01,
#k_sec02,
#k_sec03,
#k_sec04 {
    padding-top: 70px;
    margin-top: -70px;
}

@media (max-width: 768px) {

    #k_sec01,
    #k_sec02,
    #k_sec03,
    #k_sec04 {
        padding-top: 52px;
        margin-top: -52px;
    }
}

.knowledge .knowledge-page .colmn__2 {
    padding-top: 20px;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .colmn__2 {
        padding-top: 13px;
    }
}

.knowledge .knowledge-page .sec01__txt,
.knowledge .knowledge-page .sec02__txt {
    font-size: 1rem;
    line-height: 1.75;
}

@media (max-width: 768px) {

    .knowledge .knowledge-page .sec01__txt,
    .knowledge .knowledge-page .sec02__txt {
        font-size: 0.875rem;
        line-height: 1.5;
    }
}

.knowledge .knowledge-page .sec01 .document__border {
    margin-top: 16px;
    padding: 16px 16px 0px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-width: 6px;
    border-style: solid;
    border-color: #e7f2fc;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .document__border {
        margin-top: 16px;
        padding: 15px;
        border-radius: 10px;
        border-width: 3px;
    }
}

.knowledge .knowledge-page .sec01 .document__list {
    padding-left: 0;
    margin-top: 0px;
}

@media (max-width: 768px) {
    .privacy .privacy-page .sec01 .document__list {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.knowledge .knowledge-page .sec01 .document__item {
    font-size: 0.8125rem;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 1px dashed #9f9fa0;
    padding-bottom: 25px;
    font-size: 0.8125rem;
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .document__item {
        padding-bottom: 15px;
        font-size: 0.8125rem;
        margin-bottom: 15px;
    }
}

.knowledge .knowledge-page .sec01 .document__item_noline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    font-size: 0.8125rem;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-bottom: 0px;
    font-size: 0.8125rem;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .document__item_noline {
        font-size: 0.8125rem;
        padding-right: 0px;
        padding-left: 0px;
    }
}

.knowledge .knowledge-page .sec01 .waku__item {
    font-size: 0.8125rem;
    padding-right: 20px;
    padding-left: calc(4.938272% + 20px);
    padding-top: 8px;
    width: 100%;
}

.waku__t {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.waku__t tr {
    background-color: #fff;
    padding: .35em;
    border: 1px solid #1d2088;
}

.waku__t th,
.waku__t td {
    padding: 1em 10px 1em 1em;
    /* border-right: 1px solid #1d2088; */
}

.waku__t thead tr {
    background-color: #1d2088;
    color: #fff;
}

.waku__t tbody th {
    background: #1d2088;
    color: #fff;
    width: 36%;
    /* font-weight: 300; */
}

.txt {
    text-align: left;
}

@media (max-width: 768px) {
    .waku__t {
        border: 0;
        width: 100%
    }

    .waku__t th {
        background-color: #1d2088;
        display: block;
        border-right: none;
    }

    .waku__tthead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .waku__t tr {
        display: block;
        margin-bottom: .625em;
    }

    .waku__t td {
        border-bottom: 1px solid #bbb;
        display: block;
        font-size: 0.875rem;
        text-align: left;
        position: relative;
        padding: .625rem;
        border-right: none;
    }

    .waku__t td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        color: #000;
    }

    .waku__t td:last-child {
        border-bottom: 0;
    }

    .waku__t tbody th {
        width: 100%;
    }
}

.knowledge .knowledge-page .sec01 .document__num {
    font-size: 1.125rem;
    width: 4.938272%;
    text-align: right;
    line-height: 1.75;
    color: #1d2088;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .document__num {
        font-size: 0.875rem;
        line-height: 1.7;
        width: 6.666667%;
    }
}

.knowledge .knowledge-page .sec01 .document__txt {
    padding-left: 10px;
    padding-right: 15px;
    width: calc(100% - 4.938272%);
    font-size: 1rem;
    line-height: 1.875;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .document__txt {
        padding-left: 10px;
        padding-right: 0px;
        font-size: 0.875rem;
        line-height: 1.7;
    }
}

.knowledge .knowledge-page .sec01 .document__txt .bule_txt {
    color: #1d2088;
}

.knowledge .knowledge-page .sec01 .document__txt2 {
    padding-left: 20px;
    padding-right: 15px;
    width: 100%;
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .document__txt2 {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 0.875rem;
        line-height: 1.5;
    }
}

.knowledge .knowledge-page .sec02__att {
    font-size: 0.875rem;
    text-indent: -1em;
    margin-left: 1rem;
    display: block;
}

@media (max-width: 768px) {
    .certificate .certificate-page .sec02__att {
        font-size: 0.75rem;
        /* margin-left: -1em; */
    }
}

.knowledge .knowledge-page .sec01 .beta_titl {
    background-color: #1d2088;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    margin: 8px auto;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .beta_titl {
        font-size: 0.875rem;
        margin: 8px auto 0;
    }
}

.beta_titl_c {
    text-align: center;
}

.knowledge .knowledge-page .sec01 .beta_titl_sub {
    text-align: center;
    margin: 0 auto 16px;
    color: #1d2088;
    font-size: 1.125rem;
    border-bottom: #fffc47 2px solid;
    display: inline-block;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .beta_titl_sub {
        font-size: 0.8125rem;
        line-height: 1.5;
    }
}

.knowledge .knowledge-page .sec01 .belongings {
    background: #eff7fe;
    border-radius: 6px;
    padding: 16px;
    margin: 16px 0px 0px 40px;
    width: 100%;
    font-size: 16px;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .belongings {
        margin: 16px 0px 0px 0px;
        font-size: 0.8125rem;
    }
}

.knowledge .knowledge-page .sec01 .belongings__item {
    text-indent: -1em;
    margin-left: 1em;
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .knowledge .knowledge-page .sec01 .belongings__item {
        font-size: 0.75rem;
    }
}


/* 0614 */

.disclosure .disclosure-page .sec01 .lnav__item {
    width: calc((100% - 60px) / 3);
    margin-top: 0;
}

.information .information-page .sec01 {
    padding: 64px 0;
}


/*disclosure*/

@media screen and (min-width: 768px) {
    .disclosure .disclosure-page .document__link a {
        height: 30px;
        line-height: 1.6;
    }
}

@media (max-width: 768px) {
    .disclosure .disclosure-page .document__link a {
        line-height: 2;
    }
}


/* voice */


/* 0618 */

.voice-page .postbox {
    padding: 64px 0 48px;
}


/* blogs */


/* 0622 */


/* ヘッダー画像は各ディレクトリーではなく、同じフォルダーにいれています。 */

.topics .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/topics_eyecatch.png);
}

@media (max-width: 768px) {
    .topics .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/topics_eyecatch_xs.jpg);
    }
}

.news .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/oshirase_eyecatch.png);
}

@media (max-width: 768px) {
    .news .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/oshirase_eyecatch_xs.png);
    }
}

.bloglist .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/bloglist_eyecatch.png);
}

@media (max-width: 768px) {
    .bloglist .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/bloglist_eyecatch_xs.jpg);
    }
}

.utsblog .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/utsblog_eyecatch.png);
}

@media (max-width: 768px) {
    .utsblog .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/utsblog_eyecatch_xs.jpg);
    }
}

.for_parents .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/for_parents_eyecatch.png);
}

@media (max-width: 768px) {
    .for_parents .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/for_parents_eyecatch_xs.jpg);
    }
}

.clubblog .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/clubblog_eyecatch.png);
}

@media (max-width: 768px) {
    .clubblog .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/clubblog_eyecatch_xs.jpg);
    }
}

.ibrary .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/clubblog_eyecatch.png);
}

@media (max-width: 768px) {
    .ibrary .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/library_eyecatch_xs.jpg);
    }
}


/* 0622 */


/* 静的blog用パーツ */

.atntn_txt {
    color: coral;
}

.topics .topics-page {
    padding-top: 64px;
}

@media (max-width: 768px) {
    .topics .topics-page {
        padding-top: 32px;
    }
}

.newslist .newslist-page .sec01 .outline,
.swas .swas-page .sec01 .outline,
.general .general-page .sec01 .outline,
.for_examinee .for_examinee-page .sec01 .outline,
.for_graduates .for_graduates-page .sec01 .outline,
.utsblog .utsblog-page .sec01 .outline,
.clubblog .clubblog-page .sec01 .outline,
.library .library-page .sec01 .outline,
.for_parents .for_parents-page .sec01 .outline,
.news .news-page .sec01 .outline,
.topics .topics-page .sec01 .outline,
.bloglist .bloglist-page .sec01 .outline {
    width: 860px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {

    .newslist .newslist-page .sec01 .outline,
    .swas .swas-page .sec01 .outline,
    .general .general-page .sec01 .outline,
    .for_examinee .for_examinee-page .sec01 .outline,
    .for_graduates .for_graduates-page .sec01 .outline,
    .utsblog .utsblog-page .sec01 .outline,
    .clubblog .clubblog-page .sec01 .outline,
    .library .library-page .sec01 .outline,
    .for_parents .for_parents-page .sec01 .outline,
    .news .news-page .sec01 .outline,
    .topics .topics-page .sec01 .outline,
    .bloglist .bloglist-page .sec01 .outline {
        width: 90%;
    }
}


/* .topics .topics-page .sec01__txt { */

.newslist .newslist-page .sec01__txt,
.swas .swas-page .sec01__txt,
.general .general-page .sec01__txt,
.for_examinee .for_examinee-page .sec01__txt,
.for_graduates .for_graduates-page .sec01__txt,
.utsblog .utsblog-page .sec01__txt,
.clubblog .clubblog-page .sec01__txt,
.library .library-page .sec01__txt,
.for_parents .for_parents-page .sec01__txt,
.news .news-page .sec01__txt,
.topics .topics-page .sec01__txt,
.bloglist .bloglist-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.75;
    margin-top: 64px;
}

@media (max-width: 768px) {

    .newslist .newslist-page .sec01__txt,
    .swas .swas-page .sec01__txt,
    .general .general-page .sec01__txt,
    .for_examinee .for_examinee-page .sec01__txt,
    .for_graduates .for_graduates-page .sec01__txt,
    .utsblog .utsblog-page .sec01__txt,
    .clubblog .clubblog-page .sec01__txt,
    .library .library-page .sec01__txt,
    .for_parents .for_parents-page .sec01__txt,
    .news .news-page .sec01__txt,
    .topics .topics-page .sec01__txt,
    .bloglist .bloglist-page .sec01__txt {
        margin-top: 32px;
    }
}

.post.candidates    { --post-color: var(--cl_emerald); }
.post.currentstudents { --post-color: var(--cl_darkpurple); }
.post.graduates     { --post-color: var(--cl_shrimppink); }
.post.general       { --post-color: var(--cl_navy); }
.post.newslist      { --post-color: var(--cl_skyblue); }
.post.utsnews       { --post-color: var(--cl_blue); }
.post.clubblog      { --post-color: var(--cl_yellowgreen); }
.post.news          { --post-color: var(--cl_lightblue); }

.post-list-page {
	.post  {

		& + .post {
			margin-top: 60px;
		}
	}

	.post__list {
		margin-top: 32px;
		padding-top: 30px;
		padding-bottom: 30px;
		border-top: solid 1px var(--color_line);
		border-bottom: solid 1px var(--color_line);
		@media (max-width: 768px) {
			margin-top: 32px;
			padding-top: 16px;
			padding-bottom: 16px;
		}
	}

	.post__ttl {
		background-color: var(--post-color);
		color: #fff;
		padding: 9px 20px;
		font-size: 1.125rem;
		font-weight: bold;
		line-height: 2;

		& + .post__list {
			margin-top: 0;
			padding-top: 0;
			border-top: none;
		}
	}
}




/* .newslist .newslist-page .sec01 .post__item:nth-of-type(2n+1),
.swas .swas-page .sec01 .post__item:nth-of-type(2n+1),
.general .general-page .sec01 .post__item:nth-of-type(2n+1),
.for_examinee .for_examinee-page .sec01 .post__item:nth-of-type(2n+1),
.for_graduates .for_graduates-page .sec01 .post__item:nth-of-type(2n+1),
.utsblog .utsblog-page .sec01 .post__item:nth-of-type(2n+1),
.clubblog .clubblog-page .sec01 .post__item:nth-of-type(2n+1),
.library .library-page .sec01 .post__item:nth-of-type(2n+1),
.for_parents .for_parents-page .sec01 .post__item:nth-of-type(2n+1),
.news .news-page .sec01 .post__item:nth-of-type(2n+1),
.topics .topics-page .sec01 .post__item:nth-of-type(2n+1),
.bloglist .bloglist-page .sec01 .post__item:nth-of-type(2n+1) {
    background-color: #fbfafc;
} */


/* .topics .topics-page .sec01 .post__item { */

/* .newslist .newslist-page .sec01 .post__item,
.swas .swas-page .sec01 .post__item,
.general .general-page .sec01 .post__item,
.for_examinee .for_examinee-page .sec01 .post__item,
.for_graduates .for_graduates-page .sec01 .post__item,
.utsblog .utsblog-page .sec01 .post__item,
.clubblog .clubblog-page .sec01 .post__item,
.library .library-page .sec01 .post__item,
.for_parents .for_parents-page .sec01 .post__item,
.news .news-page .sec01 .post__item,
.topics .topics-page .sec01 .post__item,
.bloglist .bloglist-page .sec01 .post__item {
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -moz-align-items: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
} */

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

    .newslist .newslist-page .sec01 .post__item,
    .swas .swas-page .sec01 .post__item,
    .general .general-page .sec01 .post__item,
    .for_examinee .for_examinee-page .sec01 .post__item,
    .for_graduates .for_graduates-page .sec01 .post__item,
    .utsblog .utsblog-page .sec01 .post__item,
    .clubblog .clubblog-page .sec01 .post__item,
    .library .library-page .sec01 .post__item,
    .for_parents .for_parents-page .sec01 .post__item,
    .news .news-page .sec01 .post__item,
    .topics .topics-page .sec01 .post__item,
    .bloglist .bloglist-page .sec01 .post__item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -moz-align-items: center;
        -ms-align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
} */

/* .newslist .newslist-page .sec01 .post__day,
.swas .swas-page .sec01 .post__day,
.general .general-page .sec01 .post__day,
.for_examinee .for_examinee-page .sec01 .post__day,
.for_graduates .for_graduates-page .sec01 .post__day,
.utsblog .utsblog-page .sec01 .post__day,
.clubblog .clubblog-page .sec01 .post__day,
.library .library-page .sec01 .post__day,
.for_parents .for_parents-page .sec01 .post__day,
.news .news-page .sec01 .post__day,
.topics .topics-page .sec01 .post__day,
.bloglist .bloglist-page .sec01 .post__day {
    color: #231815;
    line-height: 1;
    font-size: 0.9375rem;
    font-family: roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
}

@media (max-width: 768px) {

    .newslist .newslist-page .sec01 .post__day,
    .swas .swas-page .sec01 .post__day,
    .general .general-page .sec01 .post__day,
    .for_examinee .for_examinee-page .sec01 .post__day,
    .for_graduates .for_graduates-page .sec01 .post__day,
    .utsblog .utsblog-page .sec01 .post__day,
    .clubblog .clubblog-page .sec01 .post__day,
    .library .library-page .sec01 .post__day,
    .for_parents .for_parents-page .sec01 .post__day,
    .news .news-page .sec01 .post__day,
    .topics .topics-page .sec01 .post__day,
    .bloglist .bloglist-page .sec01 .post__day {
        font-size: 0.875rem;
    }
} */


/* .topics .topics-page .sec01 .post__icon { */

/* .newslist .newslist-page .sec01 .post__icon,
.swas .swas-page .sec01 .post__icon,
.general .general-page .sec01 .post__icon,
.for_examinee .for_examinee-page .sec01 .post__icon,
.for_graduates .for_graduates-page .sec01 .post__icon,
.utsblog .utsblog-page .sec01 .post__icon,
.clubblog .clubblog-page .sec01 .post__icon,
.library .library-page .sec01 .post__icon,
.for_parents .for_parents-page .sec01 .post__icon,
.news .news-page .sec01 .post__icon,
.topics .topics-page .sec01 .post__icon,
.bloglist .bloglist-page .sec01 .post__icon {
    font-size: 0.75rem;
    color: #fff;
    font-weight: 500;
    border-radius: 4px;
    line-height: 1;

    padding: 5px 4px;
    margin-left: 6px;
    width: 90px;
    text-align: center;
}

@media (max-width: 768px) {

    .newslist .newslist-page .sec01 .post__icon,
    .swas .swas-page .sec01 .post__icon,
    .general .general-page .sec01 .post__icon,
    .for_examinee .for_examinee-page .sec01 .post__icon,
    .for_graduates .for_graduates-page .sec01 .post__icon,
    .utsblog .utsblog-page .sec01 .post__icon,
    .clubblog .clubblog-page .sec01 .post__icon,
    .library .library-page .sec01 .post__icon,
    .for_parents .for_parents-page .sec01 .post__icon,
    .news .news-page .sec01 .post__icon,
    .topics .topics-page .sec01 .post__icon,
    .bloglist .bloglist-page .sec01 .post__icon {
        font-size: 0.6875rem;
        padding: 6px 10px 6px;
    }
}

.newslist .newslist-page .sec01 .post__link,
.swas .swas-page .sec01 .post__link,
.general .general-page .sec01 .post__link,
.for_examinee .for_examinee-page .sec01 .post__link,
.for_graduates .for_graduates-page .sec01 .post__link,
.utsblog .utsblog-page .sec01 .post__link,
.clubblog .clubblog-page .sec01 .post__link,
.library .library-page .sec01 .post__link,
.for_parents .for_parents-page .sec01 .post__link,
.news .news-page .sec01 .post__link,
.topics .topics-page .sec01 .post__link,
.bloglist .bloglist-page .sec01 .post__link {
    margin-left: 0.6rem;
    width: 72%;
    font-size: 1rem;
    line-height: 1.75;
}

@media (max-width: 768px) {

    .newslist .newslist-page .sec01 .post__link,
    .swas .swas-page .sec01 .post__link,
    .general .general-page .sec01 .post__link,
    .for_examinee .for_examinee-page .sec01 .post__link,
    .for_graduates .for_graduates-page .sec01 .post__link,
    .utsblog .utsblog-page .sec01 .post__link,
    .clubblog .clubblog-page .sec01 .post__link,
    .library .library-page .sec01 .post__link,
    .for_parents .for_parents-page .sec01 .post__link,
    .news .news-page .sec01 .post__link,
    .topics .topics-page .sec01 .post__link,
    .bloglist .bloglist-page .sec01 .post__link {
        width: 100%;
        font-size: 0.875rem;
        line-height: 1.7;
    }
} */


/* examinfo */


/* 0624 */

.exercisebooks .exercisebooks-page .sec01 {
    margin-top: 0;
    padding-bottom: 0;
}

.d_table {
    margin-bottom: 64px;
}


@media (max-width: 768px) {
    .d_table {
        margin-bottom: 16px;
    }

    .d_table .att_txt {
        font-size: 0.75rem;
        margin-left: auto;
        margin-right: auto;
        width: 80%;
    }
}


/* 0623 */

.examinfo .page-ttl-imgarea,
.entry-event .page-ttl-imgarea,
.guidelines .page-ttl-imgarea,
.sample-questions .page-ttl-imgarea {
    background-image: url(../../assets/images/common/bg_key_pc390.svg);
    height: 390px;
}

@media (max-width: 768px) {

    .examinfo .page-ttl-imgarea,
    .entry-event .page-ttl-imgarea,
    .guidelines .page-ttl-imgarea,
    .sample-questions .page-ttl-imgarea {
        height: 180px;
        background-size: cover;
    }
}

.examinfo .page-ttl-imgarea::after,
.entry-event .page-ttl-imgarea::after,
.guidelines .page-ttl-imgarea::after,
.sample-questions .page-ttl-imgarea::after {
    background-size: 1400px;
}

@media (max-width: 768px) {

    .examinfo .page-ttl-imgarea::after,
    .entry-event .page-ttl-imgarea::after,
    .guidelines .page-ttl-imgarea::after,
    .sample-questions .page-ttl-imgarea::after {
        background-size: cover;
    }
}

.examinfo .page-ttl-imgarea::after {
    background-image: url(../../assets/images/examinfo/examinfo_eyecatch.png);
}

@media (max-width: 768px) {
    .examinfo .page-ttl-imgarea::after {
        background-image: url(../../assets/images/examinfo/examinfo_eyecatch_xs.jpg);
    }
}

.entry-event .page-ttl-imgarea::after {
    background-image: url(../../assets/images/examinfo/event_eyecatch.png);
}

@media (max-width: 768px) {
    .entry-event .page-ttl-imgarea::after {
        background-image: url(../../assets/images/examinfo/event_eyecatch_xs.jpg);
    }
}

.guidelines .page-ttl-imgarea::after {
    background-image: url(../../assets/images/examinfo/guidelines_eyecatch.png);
}

@media (max-width: 768px) {
    .guidelines .page-ttl-imgarea::after {
        background-image: url(../../assets/images/examinfo/guidelines_eyecatch_xs.jpg);
    }
}

.sample-questions .page-ttl-imgarea::after {
    background-image: url(../../assets/images/examinfo/sample-questions_eyecatch.png);
}

@media (max-width: 768px) {
    .sample-questions .page-ttl-imgarea::after {
        background-image: url(../../assets/images/examinfo/sample-questions_eyecatch_xs.jpg);
    }
}

.exercisebooks .page-ttl-imgarea::after {
    background-image: url(../../assets/images/examinfo/exercisebooks/sample-questions_eyecatch.png);
}

@media (max-width: 768px) {
    .exercisebooks .page-ttl-imgarea::after {
        background-image: url(../../assets/images/examinfo/exercisebooks/sample-questions_eyecatch_xs.jpg);
    }
}


/* 0623 */

.entry-event .box__txt {
    font-size: 16px;
    line-height: 1.7;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .entry-event .box__txt {
        font-size: 14px;
        margin-bottom: 16px;
    }
}

.examinfo .sec00 {
    margin-top: 64px;
}

@media (max-width: 768px) {
    .examinfo .sec00 {
        margin-top: 32px;
    }
}

.examinfo .sec00 .outline {
    margin-left: auto;
    margin-right: auto;
    width: 860px;
}

@media (max-width: 768px) {
    .examinfo .sec00 .outline {
        width: 90%;
    }
}

.examinfo .sec00 .outline .sec00__txt {
    font-size: 16px;
    line-height: 1.7;
}

@media (max-width: 768px) {
    .examinfo .sec00 .outline .sec00__txt {
        font-size: 14px;
    }
}

.entry-event .sec01 {
    font-size: 0;
    margin-top: 32px;
    margin-bottom: 64px;
}

@media (max-width: 768px) {
    .entry-event .sec01 {
        margin-top: 16px;
        margin-bottom: 32px;
    }
}


/* uniform */



/* 0628 */

.uniform .uniform-page .sec01 .regularitem__item,
.uniform .uniform-page .sec01 .optionitem__item {
    /* width: inherit; */
    margin: 0 10px 25px;
}

@media (max-width: 768px) {

    .uniform .uniform-page .sec01 .regularitem__item,
    .uniform .uniform-page .sec01 .optionitem__item {
        margin: 0 0px 16px;
        width: inherit;
    }
}

.uniform .uniform-page .sec01 .regularitem__img,
.uniform .uniform-page .sec01 .optionitem__img {
    height: 200px;
    width: 200px;
    margin: 0px;
}

@media (max-width: 768px) {

    .uniform .uniform-page .sec01 .regularitem__img,
    .uniform .uniform-page .sec01 .optionitem__img {
        height: 80vw;
        width: 80vw;
        margin: 0;
    }
}


.uniform .btn-more {
    display: block;
    margin: 5px auto 0;
    width: 370px;
    height: 60px;
    background: linear-gradient(to right, #A1BCFF, #7EC8FF);
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .uniform .btn-more {
        width: 262px;
        font-size: 14px;
        margin-top: 0;
    }
}

.uniform .btn-more::before {
    content: '';
    position: absolute;
    height: 4px;
    width: 4px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg) translateY(-50%);
    top: 50%;
    right: 10px;
}

@media screen and (max-width: 767px) {
    .uniform .btn-more::before {
        right: 15px;
    }
}

.uniform .btn-more span {
    position: relative;
}

.uniform .btn-more span::before {
    content: "・";
    position: absolute;
    top: -0.7em;
    left: 5px;
    color: #C7F7FF;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .uniform .btn-more span::before {
        left: 3px;
    }
}

.uniform .btn-courses {
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 95px 10px 0;
}

@media screen and (max-width: 767px) {
    .uniform .btn-courses {
        display: block;
        padding: 45px 0 0;
    }
}

.uniform .btn-courses__item {
    width: 28%;
    height: 80px;
    /* font-family: source-han-serif-japanese, serif; */
    font-family: "Noto Sans JP", sans-serif;
    font-weight: lighter;
    font-size: 16px;
    line-height: 80px;
    border-top: 2px solid #62C0BF;
    border-bottom: 1px solid #DCDCDC;
    background-color: #EFF9F8;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .uniform .btn-courses__item {
        width: 100%;
        font-size: 14px;
        height: 51px;
        line-height: 51px;
        font-weight: bold;
    }
}

@media screen and (max-width: 767px) {
    .uniform .btn-courses__item+.btn-courses__item {
        margin-top: 30px;
    }
}

.uniform .btn-courses__item--ex01 {
    border-top-color: #8687C2;
    background-color: #F3F3F9;
}

.uniform .btn-courses__item--ex02 {
    border-top-color: #EBA327;
    background-color: #FDF6E9;
}

.news .blog-page .sec01 {
    margin-top: 64px;
    margin-bottom: 48px;
}

@media (max-width: 768px) {
    .news .blog-page .sec01 {
        margin-top: 32px;
        margin-bottom: 32px;
    }
}

.news .blog-page .sec01 .outline {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .news .blog-page .sec01 .outline {
        width: 80%;
    }
}

.news .blog-page .sec01 .content p {
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .news .blog-page .sec01 .content p {
        margin-bottom: 2rem;
    }
}

.news .blog-page .sec01 .pagenation {
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-top: 1px solid var(--color_accent_orange);
    margin-top: 32px;
    padding-top: 32px;
}

@media (min-width: 768px) {
    .news .blog-page .sec01 .pagenation {
        margin-top: 48px;
        padding-top: 48px;
    }
}

.news .blog-page .sec01 .pagenation .list {
    width: 40px;
}

.news .blog-page .sec01 .pagenation .prev,
.news .blog-page .sec01 .pagenation .next {
    width: 40%;
}

@media (min-width: 768px) {

    .news .blog-page .sec01 .pagenation .prev,
    .news .blog-page .sec01 .pagenation .next {
        width: 440px;
    }
}

.news .blog-page .sec01 .pagenation .prev a,
.news .blog-page .sec01 .pagenation .next a {
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
}

.news .blog-page .sec01 .pagenation .prev a span,
.news .blog-page .sec01 .pagenation .next a span {
    line-height: 1.5;
    display: none;
}

@media (min-width: 768px) {

    .news .blog-page .sec01 .pagenation .prev a span,
    .news .blog-page .sec01 .pagenation .next a span {
        display: block;
    }
}

.news .blog-page .sec01 .pagenation .prev a span {
    margin-left: 1rem;
}

.news .blog-page .sec01 .pagenation .next a {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
}

.news .blog-page .sec01 .pagenation .next a span {
    margin-right: 1rem;
}

.news .blog-page .sec01 .blog__category {
    color: var(--color_txt);
    border-bottom: 1px solid var(--color_accent_orange);
    line-height: 1;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .news .blog-page .sec01 .blog__category {
        font-size: 1rem;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
}

.news .blog-page .sec01 .blog__box {
    position: relative;
    display: flex;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-flex-direction: column;
    flex-direction: column;
    padding: 5px 0 5px 20px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .news .blog-page .sec01 .blog__box {
        padding: 5px 0 5px 20px;
        margin-bottom: 35px;
    }
}

.news .blog-page .sec01 .blog__box::after {
    content: "";
    display: block;
    background: var(--color_accent_orange);
    position: absolute;
    left: 0;
    height: 100%;
    width: 12px;
}

@media (min-width: 768px) {
    .news .blog-page .sec01 .blog__box::after {
        width: 10px;
    }
}

.news .blog-page .sec01 .blog__ttl {
    line-height: 1;
    font-weight: 500;
    font-size: 1rem;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .news .blog-page .sec01 .blog__ttl {
        font-size: 1.25rem;
        padding-bottom: 10px;
    }
}

.news.blog-page .sec01 .blog__date {
    font-family: roboto-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    .news .blog-page .sec01 .blog__date {
        font-size: 0.9375rem;
    }
}


/* 0705 */

.header button {
	background-image: url(../images/common/btn_open.svg);
    font-size: 0.6rem;
    color: #000;
    font-weight: 500;
}


@media (max-width: 768px) {
    .header button {
        font-size: 0;
    }
}

.header .header__cv--label {
    display: none;
}

@media (max-width: 768px) {
    .header .header__cv--label {
        display: block;
        margin-left: auto;
        margin-right: 10px;
        font-size: 0.6rem;
        color: #000;
        font-weight: 500;
    }
}

.news .blog-page .sec01 .blog__date {
    font-size: 0.9375rem;
}

@media (max-width: 768px) {
    .news .blog-page .sec01 .blog__date {
        font-size: 0.75;
    }
}

.news .blog-page .sec01 .content p {
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .news .blog-page .sec01 .content p {
        font-size: 0.875rem;
    }
}

.post__icon.cl__emerald {
    --_cl_icon: var(--cl_emerald) !important;
}

.post__icon.cl__skyblue {
    --_cl_icon: var(--cl_skyblue) !important;
}

.post__icon.cl__blue {
    --_cl_icon: var(--cl_blue) !important;
}

.post__icon.cl__shrimppink {
    --_cl_icon: var(--cl_shrimppink) !important;
}

.post__icon.cl__purple {
    --_cl_icon: var(--cl_purple) !important;
}

.post__icon.cl__darkpurple {
    --_cl_icon: var(--cl_darkpurple) !important;
}

.post__icon.cl__navy {
    --_cl_icon: var(--cl_navy) !important;
}

.post__icon.cl__yellowgreen {
    --_cl_icon: var(--cl_yellowgreen) !important;
}

.post__icon.cl__lightblue {
    --_cl_icon: var(--cl_lightblue) !important;
}

.post__icon.cl__lightgreen {
    --_cl_icon: var(--cl_lightgreen) !important;
}



/* blogs */


/* 0706 */

.tag.tag_ippan {
    background-color: #3a5691;
}

.tag.tag_newsc {
    background-color: #3a5691;
}

.tag.tag_swas {
    background-color: #3a5691;
}

.tag.tag_general {
    background-color: #3a5691;
}

.newsc_test .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/newsc_eyecatch.png);
}

@media (max-width: 768px) {
    .newsc_test .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/newsc_eyecatch_xs.jpg);
    }
}

.general_test .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/general_eyecatch.png);
}

@media (max-width: 768px) {
    .general_test .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/general_eyecatch_xs.jpg);
    }
}

.swas_test .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/swas_eyecatch.png);
}

@media (max-width: 768px) {
    .swas_test .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/swas_eyecatch_xs.jpg);
    }
}

.for_examinee .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/for_examinee_eyecatch.png);
}

@media (max-width: 768px) {
    .for_examinee .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/for_examinee_eyecatch_xs.jpg);
    }
}

.for_graduates .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/for_graduates_eyecatch.png);
}

@media (max-width: 768px) {
    .for_graduates .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/for_parents_eyecatch_xs.jpg);
    }
}

.general .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/general_eyecatch.png);
}

@media (max-width: 768px) {
    .general .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/general_eyecatch_xs.jpg);
    }
}

.swas .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/swas_eyecatch.png);
}

@media (max-width: 768px) {
    .swas .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/swas_eyecatch_xs.jpg);
    }
}

.alumni .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/alumni_eyecatch.png);
}

@media (max-width: 768px) {
    .alumni .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/alumni_eyecatch_xs.jpg);
    }
}

.newslist .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/news_eyecatch.png);
}

@media (max-width: 768px) {
    .newslist .page-ttl-imgarea::after {
        background-image: url(../../assets/images/blogs/news_eyecatch_xs.jpg);
    }
}


/* 0707 */

.thanks .success {
    font-size: 16px;
}

@media (max-width: 768px) {
    .thanks .success {
        font-size: 13px;
    }
}

/* .bloglist .bloglist-page .post__icon {
    font-size: 0.75rem;
    padding: 5px 0;
    width: 90px;
}

.bloglist .bloglist-page .post__list {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 0px solid #63b4f2;
    border-bottom: 0px solid #63b4f2;
} */

.top .top__about {
    background-image: none;
}

@media (max-width: 768px) {
    .top .top__about {
        margin-top: 100px;
        background-image: url("../images/top/about_bg-sp.svg"), url("../images/top/about_img.webp");
        /* background-position: center top, center top 13px; */
        background-position: center top, center top 3.5vw;
        background-repeat: no-repeat, no-repeat;
        /* background-size: 375px auto, 321px auto; */
        background-size: 100% auto, 85.6% auto;
    }
}

@media (max-width: 768px) {
    .top .top__course ul {
        margin-top: 0px;
    }
}


/* 0710 */

.top .top__school {
    margin-top: 160px;
    padding-bottom: 94px;
    background-color: #fff;
}

@media (max-width: 768px) {
    .top .top__school {
        max-width: 100%;
        margin-top: 64px;
        padding-bottom: 32px;
        background-color: #EFF7FE;
    }
}

.school .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/school_eyecatch.png);
}

@media (max-width: 768px) {
    .school .page-ttl-imgarea::after {
        background-image: url(../../assets/images/school/school_eyecatch_xs.jpg);
    }
}

.top .top__voice .upper li span {
    height: 170px;
    overflow: hidden;
    padding: 10px 20px 10px 15px;
    background-position: right 10px center, 0% 0%;
}

@media (max-width: 768px) {
    .top .top__voice .upper li span {
        height: 8rem;
    }
}

@media (max-width: 768px) {
    .top .top__entrance {
        margin-top: 48px;
        margin-bottom: 64px;
        background-image: url("../images/top/entrance_bg-sp.svg"), url("../images/top/entrance_img.webp");
        /* background-position: right top, left 14px top 13px; */
        background-position: right top, left 0vw top 4vw;
        background-repeat: no-repeat, no-repeat;
        /* background-size: 361px auto, 333px auto; */
        background-size: 100% auto, 92.2% auto;
    }
}


/* 210720 */

.examinfo .table02 {
    /*     table-layout: fixed; */

}

.examinfo .table02__row th {
    /* font-size: 15px; */
}

.examinfo .table02 td {
    /*
font-size: 13px;
vertical-align: middle;
text-align: center;
height: 40px;
border-right: 1px solid #CCCCCC;
*/
}

.examinfo .table02__heading th:first-of-type {
    /* width: 9%; */
    /* background-color: #9E9E9E; */
}

.examinfo .table02__heading th {
    /*
font-size: 12px;
background-color: #656565;
color: #fff;
height: 30px;
border-right: 1px solid #7C7C7C;
width: calc(100% / 8);
*/
}

.examinfo .table02__heading th:last-of-type {
    /* width: 17%; */
    /*
width: 25%;
background-color: #4C4A4A;
*/
}

.examinfo .bb_dot {
    /* border-bottom: 1px dotted #ccc; */
}













/* 20211022 */



.disclosure .disclosure-page .sec01 .lnav__item {
    width: calc((100% - 60px) / 3);
    margin-top: 0;
}

@media (max-width: 768px) {
    .disclosure .disclosure-page .sec01 .lnav__item {
        width: 90%;
        margin: 0.5rem auto;
    }
}

/* 20211026 */

/* .disclosure .disclosure-page .colmun1 .document__link a {
    margin-right: 40px;
}

@media (max-width: 768px) {
.disclosure .disclosure-page .colmun1 .document__link a {
        margin-right: 0px;
    }
} */

/* 20220517 */
.top .top__lead__info .tag.cl__skyblue {
    background-color: #368fec !important;
}

/* 220620 */
.course .idx01 {}

.course .idx01 .heading01 {
    margin-top: 40px;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .course .idx01 .heading01 {
        margin-top: 20px;
    }
}

.course .idx01 .heading01 .heading01__h1 {
    font-size: 24px;
    padding-right: 10px;
    padding-left: 10px;

}

.special2 .heading01 {
    background: linear-gradient(90deg, rgba(0, 13, 151, 1) 61.17%, rgba(120, 127, 200, 1) 99.85%);
}


@media (max-width: 768px) {
    .course .idx01 .heading01 .heading01__h1 {
        font-size: 18px;
        padding: 25px 10px;
    }
}

.course .idx01 .heading01 .heading01__h1 span {
    font-size: 18px;
}

@media (max-width: 768px) {
    .course .idx01 .heading01 .heading01__h1 span {
        font-size: 14px;
        display: inline-block;
    }
}

.header__cv-list li:nth-of-type(1) a {
	padding: 5px 12px 5px 15px;
    background-color: #fff;
    border: 1px solid #3E3A39;
    color: #3E3A39;
    font-weight: 500;
	line-height: 1.5;
}

.header__cv-list li:nth-of-type(1) a::before {
	width: 14px;
    height: 10px;
    margin-right: 7px;
    mask-image: url(../images/common/icon_envelope.svg);
	background-image: none;
	background-color: #3E3A39;
}

.header__cv-list li:nth-of-type(2) a {
	padding: 5px 19px 5px 20px;
    background-color: #fff;
    border: 1px solid #3E3A39;
    color: #3E3A39;
    font-weight: 500;
	line-height: 1.5;
}

.header__cv-list li:nth-of-type(2) a::before {
    width: 15px;
    height: 11px;
    margin-right: 9px;
    mask-image: url(../images/common/icon_inbox.svg);
	background-image: none;
	background-color: #3E3A39;
}

.drawer__cv-list li:nth-of-type(1) a {
    background-color: #fff;
    border: 1px solid #1D2088;
    color: #1D2088;
    font-weight: 500;
}

.drawer__cv-list li:nth-of-type(2) a {
    background-color: #fff;
    border: 1px solid #F67B00;
    color: #F67B00;
    font-weight: 500;
}


.footer .footer__cv-list li:nth-of-type(1) a,
.footer .footer__cv-list li:nth-of-type(2) a {
    background-color: #fff;
    font-weight: 500;
}

@media (max-width: 768px) {

    .footer .footer__cv-list li:nth-of-type(1) a,
    .footer .footer__cv-list li:nth-of-type(2) a {
        padding: 11px 0 13px;
        font-size: 14px;
    }
}

.footer .footer__cv-list li:nth-of-type(1) a {
    border: 1px solid #1D2088;
    color: #1D2088;
}

.footer .footer__cv-list li:nth-of-type(2) a {
    border: 1px solid #F67B00;
    color: #F67B00;
}

@media (max-width: 768px) {

    .footer .footer__cv-list li:nth-of-type(1) a::before,
    .footer .footer__cv-list li:nth-of-type(2) a::before {
        margin-right: 10px;
    }
}


.footer .footer__sns {
    flex-direction: column;
    background-position: left bottom;
    padding-bottom: 20px;
    margin-top: 20px;
    padding-top: 0;
}

.footer .footer__sns ul {
    display: flex;
    justify-content: space-around;
}

.footer .footer__sns li:nth-of-type(1),
.footer .footer__sns li:nth-of-type(2) {
    width: 64px;
    height: 64px;
    margin: 0;
}

@media (max-width: 768px) {

    .footer .footer__sns li:nth-of-type(1),
    .footer .footer__sns li:nth-of-type(2) {
        width: 100px;
        height: 100px;
        margin: 0 15px;
    }
}

.footer .footer__sns li a {
    background: #fff;
    padding: 4px;
    border-radius: 50%;
}

.footer .footer__sns li a img {
    width: 25px;
}

@media (max-width: 768px) {
    .footer .footer__sns li a img {
        width: 40px;
    }
}


.footer .footer__sns h2 {
    margin-bottom: 20px;
    margin-top: 0;
}

.footer .footer__cv-list {
    margin-top: 20px;
}

.drawer__sns {
    flex-direction: column;
    background-position: left bottom;
    padding-bottom: 20px;
    margin-top: 20px;
    padding-top: 0;
}

.drawer__sns h2 {
    margin-bottom: 20px;
    margin-top: 0;
}

.drawer__sns ul {
    display: flex;
    justify-content: space-around;
}

.drawer__sns li {
    margin: 0;
}

.drawer__sns li:nth-of-type(1),
.drawer__sns li:nth-of-type(2) {
    width: 64px;
    height: 64px;
}

.drawer__sns li a {
    background: #fff;
    padding: 4px;
    border-radius: 50%;
}

.drawer__sns li a img {
    width: 25px;
}




.drawer--sp .drawer__sns {
    flex-direction: column;
    background-position: left bottom;
    padding-bottom: 20px;
    margin-top: 20px;
    padding-top: 0;
}

@media (max-width: 768px) {
    .drawer--sp .drawer__sns {
        flex-direction: column;
        display: flex;
        margin-top: 40px;
        background-image: none;
    }
}

.drawer--sp .drawer__sns h2 {
    margin-bottom: 20px;
    margin-top: 0;

    font-size: 13px;
    margin-right: 0;
}

.drawer--sp .drawer__sns ul {}

.drawer--sp .drawer__sns li:nth-of-type(1),
.drawer--sp .drawer__sns li:nth-of-type(2) {
    width: 64px;
    height: 64px;
}

@media (max-width: 768px) {

    .drawer--sp .drawer__sns li:nth-of-type(1),
    .drawer--sp .drawer__sns li:nth-of-type(2) {
        width: 100px;
        height: 100px;
    }
}

.drawer--sp .drawer__sns li a {
    background: #fff;
    padding: 4px;
    border-radius: 50%;
}

.drawer--sp .drawer__sns li a img {
    width: 25px;
}

@media (max-width: 768px) {
    .drawer--sp .drawer__sns li a img {
        width: 40px;
    }
}

@media (max-width: 768px) {
    .footer .footer--sp .footer__cv-list {
        margin-top: 20px;
    }
}

.footer .footer--sp .footer__cv-list li:nth-of-type(2) {
    width: 100%;
}

.footer .footer--sp .footer__sns {
    flex-direction: column;
    display: flex;
    margin: 40px auto 0;
    padding-top: 0;
    background-image: none;
}

@media (max-width: 768px) {
    .footer .footer--sp .footer__sns h2 {
        font-size: 13px;
        margin-right: 0;
    }
}


@media (max-width: 768px) {
    .footer .footer__address em span {
        font-size: 16px;
    }
}



.entry-event .bg04 {
    background: linear-gradient(90deg, rgba(149, 196, 27, 1) 0%, rgba(18, 176, 39, 1) 100%);
}


.entry-event .table__h--04:first-of-type {
    border-left: 1px solid #DCDCDC;
}

.entry-event .table__h--04 {
    color: #22b026;
    background-color: #F3FFE2;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}



/* .feature .feature-page .sec01 .rank.rank01 .rank__img {
    top: 40px;
    right: 0;
    width: 460px;
}

@media (max-width: 768px) {
    .feature .feature-page .sec01 .rank.rank01 .rank__img {
        top: 35px;
        right: -15px;
        width: 293px;
    }
} */

/* @media (max-width: 768px) {
    .feature .feature-page .sec01 .rank.rank02 .rank__img {
        width: 70%;
        top: 25px;
        left: 0;
    }
} */

/* @media (max-width: 768px) {
    .feature .feature-page .sec01 .rank.rank02 .rank__wrap {
        padding: 95px 0 35px;
    }
} */

/* @media (max-width: 768px) {
    .feature .feature-page .sec01 .rank.rank02 .rank__num {
        top: 35px;
    }
} */

.initiatives .sec02 .ict__ttl {
    display: flex;
    align-items: center;
}

.initiatives .sec02 .ict__ttl span {
    font-style: italic;
    font-weight: bold;
    font-size: 35px;
    -webkit-text-stroke: 1.5px var(--color_txt);
    text-stroke: 1px #FFF;
    color: #fff;
    margin-right: 8px;
}

.initiatives .sec02 .ict__ttl em {
    padding-top: 5px;
    text-align: left;
    line-height: 1.05;
}

.access .access-page .sec04__img {
    width: 480px;
    margin: 30px auto 0;
}


@media (max-width: 768px) {
    .access .access-page .sec04__img {
        width: 84%;
        margin: 20px auto 10px;
    }
}

.initiatives .sec02 .ict__box {
    padding: 9px 25px;
}

@media (max-width: 768px) {
    .initiatives .sec02 .ict__box {
        padding: 10px 20px;
    }
}

.initiatives .sec02 .ict__txt {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .initiatives .sec02 .ict__txt {
        margin-top: 0;
    }
}

.initiatives .sec02 .ict__att {
    font-size: 0.75rem;
}

.introduce .introduce-page .sec05 .greeting__txt span {
    color: #33bedb;
}

.school .document--default {
    display: inline-block;
    border-radius: 6px;
    height: 20px;
    width: 80px;
    line-height: 18px;
    border: 1px solid #D2D2D2;
    text-align: center;
    color: #9E9E9E;
    font-size: 12px;
    margin-left: 10px;
}

.courseinfo .graph-att {
    font-size: 12px;
    text-align: right;
    margin-top: 5px;
}

.feature .feature-page .sec01 .rank.rank01 .rank__txt p em {
    font-size: 24px;
}


.feature .feature-page .sec01 .rank.rank01 .rank__txt p small {
    font-size: 13px;
}

@media (max-width: 768px) {
    .feature .feature-page .sec01 .rank.rank01 .rank__txt p small {
        font-size: 11px;
    }
}

.feature .feature-page .sec01 .rank.rank01 .rank__txt p:nth-of-type(2) {
    margin-top: 15px;
}

@media (max-width: 768px) {
    .feature .feature-page .sec01 .rank.rank01 .rank__txt p:nth-of-type(2) {
        margin-top: 5px;
    }
}


/* 2023-06-16 */

/* .club .club-card img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}


@media (max-width: 768px) {
    .club .club-card img {
        height: auto;
    }
} */

/* 2023-0619 */
/* a.btn-more002 {
    display: block;
    margin: 5px auto 0;
    width: 370px;
    height: 60px;
    background: -webkit-gradient(linear, left top, right top, from(#A1BCFF), to(#7EC8FF));
    background: -webkit-linear-gradient(left, #A1BCFF, #7EC8FF);
    background: linear-gradient(to right, #A1BCFF, #7EC8FF);
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    border-radius: 6px;
}


a.btn-more002 span::before {
    content: "・";
    position: absolute;
    top: -0.7em;
    left: 5px;
    color: #C7F7FF;
    line-height: 1;
}

@media (max-width: 768px) {
    a.btn-more002 {
        width: 262px;
        font-size: 14px;
        margin-top: 0;
    }

    a.btn-more002 span::before {
        left: 3px;
    }

    .top .top__voice .link {
        width: auto !important;
    }
} */

.top .top__modal__txt {
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.8;
    text-align: justify;
}

@media (min-width: 768px) {
    .top .top__modal__txt {
        font-size: 14px;
        margin-top: 5px;
        text-align: left;
    }
}

/*  */


.examinfo .idx01__txtbox {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 8px 32px;
    padding: 8px;
    font-size: 13px;
}

@media (min-width: 768px) {
    .examinfo .idx01__txtbox {
        margin: 0 45px 64px;
        padding: 20px 20px 17px;
        font-size: 14px;
    }
}

.top .top__modal__ttl {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .examinfo .idx01__img {
        height: auto;
        margin-bottom: 76px;
    }

    .top .top__modal__ttl {
        font-size: 20px;
    }

}

/* 202606 header */

:root {
	--font-en: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.header {
	z-index: 5;
}

.header .header__logo {
	margin-block: 0;
}

@media (max-width: 767px) {
	.header .header__logo {
		aspect-ratio: 332 / 70;
		width: auto;
		height: 52px;
	}
	.header button {
		justify-content: center;
		margin-bottom: 0;
		padding-top: 32px;
		font-size: 0;
	}
	.header .header__cv--label {
		display: block;
	}
}
@media (min-width: 768px) {
	.header .header__logo {
		width: 332px;
		height: 70px;
	}
	.header button {
		margin-top: 0;
		font-size: 0.6rem;
	}
	.header__logo {
		width: 317px;
	}
	.header .header__cv--label {
		display: none;
	}
}

/* 202606 TOP */

.top .inner p:first-of-type {
	letter-spacing: 0;
}

.top .top__kv__heading h1 {
	border-bottom: none;
}

@media (min-width: 768px) {
	.top .top__kv__heading {
		height: 306px;
		width: 306px;
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.top .top__kv__heading {
		height: 163px;
		width: 163px;
		padding: 16px;
	}
}

.top .top__kv__contents {
	position: relative;
	z-index: 1;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
}

.top .top__kv__movie {
	z-index: 3;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-inline: auto;
	background-color: #fff;
}

.top .top__kv__movie video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top .top__kv__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 2;
	opacity: 1;
	visibility: visible;
}

.top .top__kv__slider {
	overflow: hidden;
}

.top .top__modal__outline {
	z-index: 8;
}

@media (min-width: 768px) {
	.top .top__kv__movie  {
		height: calc(100vh - 70px);
	}
}

@media (max-width: 767px) {
	.top .inner p:first-of-type {
		font-size: 0.875rem;
	}
	.top .inner {
		padding-inline: 30px;
	}
	.top .top__kv__movie {
		height: 458px;
		aspect-ratio: 122/149;
		object-fit: cover;
	}
	.top .top__kv__movie video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.top .top__lead {
	padding-top: 80px;
	background-image: none;
}

@media (max-width: 767px) {
	.top .top__lead {
		padding-top: 48px;
	}
}

.top .top__lead__info .tag.exam {
	background-color: #63C5F2;
}
.top .top__lead__info .tag.general {
background-color: #13017C;
}
.top .top__lead__info .tag.club {
background-color: #80C41C;
}
.top .top__lead__info .tag.letter {
background-color: #95A5D4;
}
.top .top__lead__info .tag.cl__emerald {
background-color: #9ac9c5;
}
.top .top__lead__info .tag.cl__skyblue {
background-color: #33bedb;
}
.top .top__lead__info .tag.cl__shrimppink {
background-color: #e48d7f;
}
.top .top__lead__info .tag.cl__purple {
background-color: #a58daa;
}
.top .top__lead__info .tag.cl__darkpurple {
background-color: #A574AD;
}
.top .top__lead__info .tag.cl__navy {
background-color: var(--cl_navy);
}
.top .top__lead__info .tag.cl__yellowgreen {
background-color: var(--cl_yellowgreen);
}
.top .top__lead__info .tag.cl__lightblue {
background-color: #6b81c3;
}

.top .top__lead__bnr {
	margin: 0 auto;
	max-width: 960px;
}

.top .top__lead__bnr img,
.top .top__lead__bnr picture {
	width: 100%;
}

.top .top__lead__info {
	margin-top: 78px;
	border-color: #3E3A39;
}

.top .top__lead__info h2,
.top .top__lead__movie h2,
.top .top__instagram h2,
.top .top__360v h2 {
	color: #3E3A39;
	font-size: 2.375rem;
	line-height: 1.4;
	font-weight: 700;
	font-family: var(--font-en);
	letter-spacing: 0.05em;
}

@media (max-width: 767px) {
	.top .top__lead__info h2,
	.top .top__lead__movie h2,
	.top .top__instagram h2,
	.top .top__360v h2 {
		font-size: 1.5rem;
	}
}

.top .top__lead__info h2::after,
.top .top__lead__movie h2::after,
.top .top__instagram h2::after,
.top .top__360v h2::after {
	display: none;
}

.top .top__lead__info h3 {
	color: #3E3A39;
	font-family: var(--font-en);
	font-weight: 700;
}

.top .top__lead__info h3::after {
	display: none;
}

@media (max-width: 767px) {
	.top .top__lead__info {
		margin-top: 48px;
		padding-inline: 0;
	}
	.top .top__lead__info .upper {
		padding-top: 20px;
	}

	.top .top__lead__info h3 {
		padding-left: 0;
		font-family: var(--font-en);
		font-weight: 700;
		letter-spacing: 0.05em;
		font-size: 1.375rem;
	}
}

@media (min-width: 768px) {
	.top .top__lead__info {
		max-width: 960px;
		padding-inline: 14px;
	}
	.top .top__lead__info .upper {
		padding-top: 25px;
		padding-bottom: 37px;
	}
}

.top .top__lead__info .upper ul {
	margin-top: 21px;
}

.top .top__lead__info li + li {
	margin-top: 8px;
}

.top .top__lead__info .date {
	color: #009FE8;
}
.top .top__lead__info .lower .date {
	color: #3E3A39;
}

@media (max-width: 767px) {
	.top .top__lead__info .upper ul {
		margin-top: 2px;
	}
	.top .top__lead__info li {
		padding-block: 9px;
	}
}

.top .top__lead__info .upper li p {
	color: #009FE8;
	font-size: 0.875rem;
	font-family: inherit;
}

.top .top__lead__info .left-side,
.top .top__lead__info .right-side {
	padding-block: 16px 24px;
}
.top .top__lead__info .lower ul li + li {

	margin-top: 6px;
}

@media (max-width: 767px) {
	.top .top__lead__info .left-side {
		padding-block: 24px 16px;
	}
	.top .top__lead__info .right-side {
		padding-top: 8px;
		padding-bottom: 0;
	}
	.top .top__lead__info .right-side .more {
		top: 10px;
	}
	.top .top__lead__info .lower ul {
		margin-top: 8px;
	}
}

@media (min-width: 768px) {
	.top .top__lead__info .lower ul {
        margin-top: 13px;
    }
}

.top .top__lead__info .tag {
	position: relative;
	padding-left: 24px;
	min-height: 22px;
	height: auto;
	border: 1px solid #3E3A39;
	color: #3E3A39;
	text-align: left;
	letter-spacing: 0;
	font-size: 0.75rem;
	line-height: 1.5;
}

.top .top__lead__info .tag::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

@media (max-width: 767px) {
	.top .top__lead__info .tag {
		margin-left: 5px;
		width: 95px;
	}
}

.top .top__lead__info .tag.cl__navy,
.top .top__lead__info .tag.exam,
.top .top__lead__info .tag.general,
.top .top__lead__info .tag.club,
.top .top__lead__info .tag.letter,
.top .top__lead__info .tag.cl__emerald,
.top .top__lead__info .tag.cl__skyblue,
.top .top__lead__info .tag.cl__shrimppink,
.top .top__lead__info .tag.cl__purple,
.top .top__lead__info .tag.cl__darkpurple,
.top .top__lead__info .tag.cl__yellowgreen,
.top .top__lead__info .tag.cl__lightblue {
	background-color: #fff;
}

.top .top__lead__info .tag.cl__navy::before {
	background-color: var(--cl_navy);
}

.top .top__lead__info .tag.exam::before {
	background-color: var(--cl_exam);
}

.top .top__lead__info .tag.general::before {
	background-color: var(--cl_general);
}

.top .top__lead__info .tag.club::before {
	background-color: var(--cl_club);
}

.top .top__lead__info .tag.letter::before {
	background-color: var(--cl_letter);
}

.top .top__lead__info .tag.cl__emerald::before {
	background-color: var(--cl_emerald);
}

.top .top__lead__info .tag.cl__skyblue::before {
	background-color: var(--cl_skyblue);
}

.top .top__lead__info .tag.cl__shrimppink::before {
	background-color: var(--cl_shrimppink);
}

.top .top__lead__info .tag.cl__purple::before {
	background-color: var(--cl_purple);
}

.top .top__lead__info .tag.cl__darkpurple::before {
	background-color: var(--cl_darkpurple);
}

.top .top__lead__info .tag.cl__yellowgreen::before {
	background-color: var(--cl_yellowgreen);
}

.top .top__lead__info .tag.cl__lightblue::before {
	background-color: var(--cl_lightblue);
}

.top .top__lead__info .tag.cl__lightgreen::before {
	background-color: var(--cl_lightgreen);
}

.top .top__lead__info .more a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	border: 0;
	border-radius: 5px;
	background-color: #3E3A39;
	color: #fff;
}

.top .top__lead__info .more a::after {
	mask-image: url(../images/common/icon_arrow-right-02.svg);
	background-color: #fff;
	background-image: none;
}

@media (max-width: 767px) {
	.top .top__lead__info .more {
		top: 27px;
		right: 0px;
		width: 55px;
		height: 18px;
		font-size: 0.6875rem !important;
	}

	.top .top__lead__info .more a {
		border-radius: 3px;
	}

	.top .top__lead__info .more a::after{
		display: block;
        width: 4px;
        height: 7px;
        margin-left: 7px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
	}
}

.top .top__lead__info .newbatch {
	background-color: #D11A79;
	border-radius: 4px;
	line-height: 0.9375rem;
}

.top .top__lead__info hr {
	background-color: transparent;
	border: 0;
	border-left: 1px dotted #3E3A39;
}

.top .top__course h2,
.top .top__about h2,
.top .top__school h2,
.top .top__voice h2,
.top .top__entrance h2 {
	color: #3E3A39;
	font-family: inherit;
	font-size: 2.125rem;
	font-weight: 700;
	line-height: 1.4;
}

.top .top__course h2,
.top .top__school h2 {
	left: 0;
	border-radius: 0 20px 0 0;
}
.top .top__about h2,
.top .top__entrance h2 {
	right: 0;
	border-radius: 20px 0 0 0;
}

.top .top__course h2 span::before,
.top .top__about h2 span::before,
.top .top__school h2 span::before,
.top .top__voice .lower h2 span::before,
.top .top__entrance h2 span::before {
	display: none;
}

@media (min-width: 991px) {
	.top .top__instagram {
		padding-top: 74px;
	}
}

@media (max-width: 767px) {
	.top .top__course h2 {
		padding-left: 0;
	}
	.top .top__school h2 {
		position: relative;
	}
	.top .top__course h2,
	.top .top__about h2,
	.top .top__school h2,
	.top .top__voice h2,
	.top .top__entrance h2 {
		position: relative;
		padding-top: 24px;
		width: 100%;
		height: auto;
		font-size: 1.375rem;
	}
	.top .top__course h2.top__course__copy,
	.top .top__about h2.top__about__copy,
	.top .top__school h2.top__school__copy,
	.top .top__entrance h2.top__entrance__copy {
		padding-left: 0;
		font-size: 1.125rem;
	}
}

@media (min-width: 768px) {
	.top .top__school h2 {
		width: 440px;
		height: 100px;
	}

	.top__360v {
		padding-top: 136px;
	}
	.top__360v h2 {
		padding-top: 0;
	}
}

.top .top__course,
.top .top__about,
.top .top__school,
.top .top__entrance {
	background-image: none;
}


@media (min-width: 768px) {
	.top .top__course .inner {
		padding: 0 60px;
	}
}

.top .top__course h2.top__course__copy,
.top .top__about h2.top__about__copy,
.top .top__school h2.top__school__copy {
	color: #3E3A39;
	font-family: inherit;
}

.top .top__school .top__school__heading {
	top: 0;
}

.top .top__course .top__course__heading,
.top .top__about .top__about__heading,
.top .top__school .top__school__heading,
.top .top__entrance .top__entrance__heading {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	border-radius: 24px;
}



@media (max-width: 767px) {
	.top .top__course .top__course__heading,
	.top .top__about .top__about__heading,
	.top .top__school .top__school__heading,
	.top .top__entrance .top__entrance__heading {
		padding-top: 0;
		width: calc(100% - 60px);
		margin-inline: auto;
	}
	.top .top__course .top__course__heading-img,
	.top .top__about .top__about__heading-img,
	.top .top__school .top__school__heading-img,
	.top .top__entrance .top__entrance__heading-img {
		display: block;
		aspect-ratio: 63/29;
		width: 100%;
		border-radius: 12px;
	}
}

@media (min-width: 768px) {
	.top .top__course .top__course__heading {
		background-image: url(../images/top/course_img.webp);
	}
	.top .top__about .top__about__heading {
		background-image: url(../images/top/about_img.jpg);
		padding-top: 400px;
	}
	.top .top__school .top__school__heading {
		background-image: url(../images/top/school_img.webp);
	}
	.top .top__entrance .top__entrance__heading {
		background-image: url(../images/top/entrance_img.webp);
		padding-top: 420px;
	}
	.top .top__course .top__course__heading-img,
	.top .top__about .top__about__heading-img,
	.top .top__school .top__school__heading-img,
	.top .top__entrance .top__entrance__heading-img {
		display: none;
	}
}

.top .top__course .top__course__heading,
.top .top__about .top__about__heading,
.top .top__school .top__school__heading,
.top .top__entrance .top__entrance__heading {
	font-size: 1.125rem;
}

.top .top__course .top__course__heading::after,
.top .top__about .top__about__heading::after,
.top .top__school .top__school__heading::after,
.top .top__entrance .top__entrance__heading::after {
	display: none;
}
.top .top__course h2 span,
.top .top__about h2 span,
.top .top__school h2 span,
.top .top__voice h2 span,
.top .top__entrance h2 span {
	display: flex;
	align-items: center;
	column-gap: 10px;
	padding-top: 11px;
	color: #3E3A39;
	font-family: var(--font-en);
	font-style: normal;
	font-weight: 700;
	font-size: 0.75rem;
}
.top .top__course h2 span::after,
.top .top__about h2 span::after,
.top .top__school h2 span::after,
.top .top__voice h2 span::after,
.top .top__entrance h2 span::after {
	display: inline-block;
	width: 264px;
	height: 1px;
	background-color: #3E3A39;
	content: "";
}
.top .top__course h2.top__course__copy,
.top .top__about h2.top__about__copy,
.top .top__school h2.top__school__copy {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	width: auto;
	height: auto;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 1.5;
	margin-top: 50px;
	letter-spacing: 0.1em;
}
.top .top__course .inner h2.top__course__copy + p,
.top .top__school .inner h2.top__school__copy + p {
	margin-top: 30px;
}

@media (max-width: 767px) {
	.top .top__voice .lower h2::after {
		display: none;
	}
	.top .top__course h2.top__course__copy,
	.top .top__about h2.top__about__copy,
	.top .top__school h2.top__school__copy,
	.top .top__entrance h2.top__entrance__copy {
		margin-top: 24px;
		font-size: 1.125rem;
	}
	.top .top__course h2.top__course__copy + p,
	.top .top__about h2.top__about__copy + p,
	.top .top__school h2.top__school__copy + p,
	.top .top__entrance h2.top__entrance__copy + p {
		margin-top: 24px;
	}
	.top .top__course .inner h2.top__course__copy + p,
	.top .top__about .inner h2.top__about__copy + p,
	.top .top__school .inner h2.top__school__copy + p,
	.top .top__entrance .inner h2.top__entrance__copy + p {
		margin-top: 12px;
	}
	.top .top__course h2 span::after,
	.top .top__about h2 span::after,
	.top .top__school h2 span::after,
	.top .top__voice h2 span::after,
	.top .top__entrance h2 span::after {
		width: 50%;
		flex: 1;
	}
}

@media (min-width: 768px) {
	.top .top__course .top__course__heading,
	.top .top__about .top__about__heading,
	.top .top__school .top__school__heading,
	.top .top__entrance .top__entrance__heading {
		max-width: 960px;
	}
	.top .top__course .inner,
	.top .top__school .inner {
		max-width: 840px;
	}
	.top .top__course .inner p:first-of-type,
	.top .top__school .inner p:first-of-type {
		max-width: auto;
		padding-left: 0;
	}
	.top .top__course li {
		margin: 0;
		width: 32%;
	}
}

.top .top__course li:nth-of-type(1) a,
.top .top__course li:nth-of-type(2) a,
.top .top__course li:nth-of-type(3) a {
	border-radius: 10px;
}

.top .top__course li:nth-of-type(1) a {
	background: linear-gradient(320deg, #BF4896 27.31%, #F4A051 124.58%);
}

.top .top__course li:nth-of-type(2) a {
	background: linear-gradient(350deg, #009FB0 16.39%, #B9D300 150.72%);
}

.top .top__course li:nth-of-type(3) a {
	background: linear-gradient(325deg, #F18D00 49.11%, #FED400 99.61%);
}

.top .top__course li:nth-of-type(1) a::after,
.top .top__course li:nth-of-type(2) a::after,
.top .top__course li:nth-of-type(3) a::after {
	content: "";
    background-image: url(../images/common/icon_arrow-right-01.svg);
    background-position: right 0px center;
    background-size: 12px 12px;
    padding: 12px 12px;
    line-height: 1;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 767px) {
	.top .top__course .top__link-container  li a {
		padding-inline: 26px;
		padding-block: 16px 12px;
		font-size: 0.75rem;
		text-align: left;
		border-radius: 6px;
	}
	.top .top__course .top__link-container  li a em {
		margin-bottom: 6px;
		font-size: 1.25rem;
	}
	.top .top__course li:nth-of-type(1) a::after,
	.top .top__course li:nth-of-type(2) a::after,
	.top .top__course li:nth-of-type(3) a::after {
		right: 14px;
	}
	.top .top__course li + li {
		margin-top: 12px;
	}
}

@media (min-width: 768px) {
	.top .top__course .top__link-container  li a {
		padding: 19px 0 16px;
	}
	.top .top__course .top__link-container  li a em {
		margin-bottom: -3px;
	}
	.top .top__course li:nth-of-type(1) a::after,
	.top .top__course li:nth-of-type(2) a::after,
	.top .top__course li:nth-of-type(3) a::after {
		background-size: 14px 14px;
		padding: 14px 14px;
		right: 22px;
	}
	.top .top__course li a em {
		font-size: 1.4375rem;
		line-height: 1.3;
	}
}
.top .more a {
	border: 1px solid #3E3A39;
    border-radius: 10px;
    background-color: #fff;
    color: #3E3A39;
}

.top .more a::after,
.top .top__school .more a::after {
	mask-image: url(../images/common/icon_arrow-right-01.svg);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	background-color: #3E3A39;
	background-image: none;
}

.top .top__course .more a {
	font-weight: 700;
}

.top .top__course .more a::after {
	background-image: none;
}

.top .more--shadow {
	box-shadow: none;
}

@media (max-width: 767px) {
	.top .top__course .more,
	.top .top__school .more {
		width: 100%;
	}
	.top .top__course .more a {
		padding-block: 16px;
		padding-inline: 22px;
		font-size: 1.125rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.05em;
		text-align: left;
	}
}

@media (min-width: 768px) {
	.top .top__course .more {
		margin-top: 36px;
		width: 540px;
	}
	.top .top__course .more a {
		padding-block: 24px;
	}
	.top .more a::after {
        width: 8px;
        height: 16px;
	}
}

.top .top__about h2 span>span::after {
	display: none;
}
.top .top__about .inner p:first-of-type {
	top: 0;
	margin-top: 30px;
	padding: 0;
	padding-bottom: 20px;
	text-align: right;
}

.top .top__school .top__link-container {
	margin-top: 18px;
	grid-column-gap: 20px;
}
.top .top__school .top__link-container li {
	margin-inline: 0;
}

.top .top__about .top__link-container li a,
.top .top__school .top__link-container li a,
.top .top__entrance .top__link-container li a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border-radius: 10px;
	height: 100%;
	border: 2px solid #3E3A39;
	background: #F5EEE7;
	box-shadow: 3px 4px 0 0 #3E3A39;
	color: #3E3A39;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
}
.top .top__about .top__link-container li a,
.top .top__entrance .top__link-container li a {
	padding: 18px 55px;
}
.top .top__school .top__link-container li a {
	padding: 19px 50px;
}
.top .top__about .top__link-container li a span,
.top .top__school .top__link-container li a span,
.top .top__entrance .top__link-container li a span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.top .top__school .top__link-container li a span {
	right: 8px;
}
.top .top__school .top__link-container li:first-of-type a span {
	right: 15px;
}
.top .top__about .top__link-container li a span::after,
.top .top__school .top__link-container li a span::after,
.top .top__entrance .top__link-container li a span::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	mask-image: url(../images/common/icon_arrow-right-04.svg);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	background-color: #3E3A39;
}

@media (max-width: 767px) {
	.top .top__about {
		margin-top: 48px;
	}
	.top .top__about .inner {
		padding-inline: 30px;
	}
	.top .top__about h2 {
		position: relative;
		text-align: left;
	}
	.top .top__about .inner p:first-of-type {
		text-align: left;
	}
	.top .top__about .top__link-container li {
		flex: inherit;
		margin-top: 16px;
		width: 100%;
	}
	.top .top__about .top__link-container li a,
	.top .top__school .top__link-container li a,
	.top .top__entrance .top__link-container li a {
		padding: 13px 22px;
		justify-content: flex-start;
		font-size: 0.9375rem;
	}
	.top .top__about .top__link-container li a span,
	.top .top__school .top__link-container li a span,
	.top .top__entrance .top__link-container li a span {
		width: 20px;
		height: 20px;
	}
}

@media (min-width: 768px) {
	.top .top__about h2 {
		right: 0;
        bottom: 0;
	}
	.top .top__about h2 span {
		margin-right: -10px;
		justify-content: flex-end;
	}
	.top .top__about .inner {
		max-width: 840px;
	}
	.top .top__about ul {
		margin-top: 0;
	}
	.top .top__link-container {
		max-width: 840px;
	}
	.top .top__link-container--center {
		column-gap: 2.4%;
		justify-content: center;
	}
}

.top .top__school {
	margin-top: 102px;
	padding-bottom: 87px;
	background-color: #fff;
}

.top .top__school .more a {
	font-weight: 700;
}
.top .top__school .more a em {
	font-weight: 500;
}


@media (max-width: 767px) {
	.top .top__school h2 {
		background-color: #fff;
		padding-left: 0;
	}
	.top .top__school .top__school__heading {
		background-image: none;
		margin: 0 auto;
	}
	.top .top__school .inner {
		padding-inline: 30px;
	}
	.top .top__school .more {
		position: relative;
	}
	.top .top__school .more a {
		padding-block: 13px;
		padding-inline: 22px 42px;
		text-align: left;
		font-size: 0.9375rem;
	}
	.top .top__school .more a em {
		font-size: 0.6875rem;
	}
	.top .top__school .top__link-container {
		max-width: 100%;
	}

	.top .top__school .more a::after {
		margin-left: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 23px;
	}
}
@media (min-width: 768px) {
	.top .top__school .inner p:first-of-type {
		margin-left: 0;
		margin-bottom: 0;
	}
	.top .top__school .more {
		width: 540px;
        margin-top: 36px;
	}
	.top .top__school .more a {
		padding-block: 23px;
	}
	.top .top__school .more em {
		margin-bottom: 12px;
		opacity: 1;
		color: #3E3A39;
	}
	.top .top__school .more a::after {
		background-image: none;
		background-color: #3E3A39;
		mask-image: url(../images/common/icon_arrow-right-01.svg);
		mask-repeat: no-repeat;
		mask-position: center center;
		mask-size: contain;
		margin-left: 12px;
		width: 10px;
        height: 14px;
	}
}

.top .top__voice {
	padding-block: 70px 38px;
}

.top .top__voice .link a {
	background: linear-gradient(154deg, #F2AC70 11.53%, #F3117B 115.15%);
}
.top .top__voice a.btn-more::before {
	right: 17px;
	width: 9px;
	height: 9px;
}
.top .top__voice a.btn-more span::before {
	color: #fff;
}

.top .top__voice {
	border: none;
	background-color: hsla(184, 100%, 96%, 1);
	background-image:
	radial-gradient(at 40% 20%, hsla(354, 97%, 85%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 0%, hsla(189, 100%, 81%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(4, 100%, 88%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(4, 100%, 88%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(193, 47%, 90%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(60, 100%, 87%, 1) 0px, transparent 50%);
	background-size: auto;
}
.top .top__voice .lower {
	padding-inline: 25px;
	border-radius: 10px;
	column-gap: 34px;
	border-color: #3E3A39;
}
.top .top__voice .lower h2 {
	flex: auto;
	margin-inline: 0;
	flex-shrink: 0;
}
.top .top__voice .lower h2 span {
	display: flex;
	margin-left: 0;
}
.top .top__voice .lower h2 span::after {
	width: 62px;
}
.top .top__voice .lower p {
	max-width: none;
	flex-grow: 1;
}
.top .top__voice .link a {
	padding-top: 4px;
	font-size: 1.25rem;
}

.top .top__entrance h2 {
	bottom: 0 !important;
}

@media (max-width: 767px) {
	.top .top__voice {
		padding-block: 30px 0;
	}
	.top .top__voice .lower {
		margin-top: 0;
		padding: 20px 20px 50px;
	}
	.top .top__voice .lower h2 {
		padding-top: 0;
		width: 100%;
	}
	.top .top__voice .lower h2 span::after {
		width: 50%;
	}
	.top .top__voice .lower p {
		line-height: 1.6;
	}
	.top .top__voice .link {
		top: -8.5vw;
	}
	.top .top__voice .link a {
		width: 250px;
		height: 55px;
		padding-block: 16px;
		padding-inline: 22px;
		font-size: 1.125rem;
		font-weight: 700;
		text-align: left;
		line-height: 1.3;
		letter-spacing: 0.05em;
	}
	.top .top__voice a.btn-more::before {
		right: 18px;
		width: 7px;
    height: 7px;
		border-width: 2px;
	}
	a.btn-more span::before {
		left: 6px;
		font-size: 0.625rem;
	}
	.top .top__entrance h2 {
		margin-top: 24px;
		padding-top: 0;
		text-align: left;
	}
	.top .top__entrance .inner p:first-of-type {
		margin-top: 12px;
	}
}

@media (min-width: 768px) {
	.top .top__voice .lower h2 {
		width: 179px;
	}
	.top .top__entrance {
		margin-bottom: 82px;
	}
	.top .top__entrance h2 {
		padding-left: 30px;
		padding-right: 0;
		width: 464px;
		text-align: left;
	}
	.top .top__entrance .inner {
		top: 0;
	}
	.top .top__entrance .inner p:first-of-type {
		max-width: 840px;
		margin: 0 auto;
		padding-top: 50px;
		padding-right: 0;
		right: 0;
		text-align: right;
	}
	.top .top__entrance ul {
		max-width: 840px;
	}
}
#sb_instagram .sbi_follow_btn a {
	background-color: #3E3A39 !important;
}
#sb_instagram .sbi_follow_btn a:hover {
	opacity: 0.7;
	box-shadow: none !important;
}

/* 202606 footer / drawer */
.footer,
.drawer {
	background-color: #3E3A39;
}

.drawer {
	z-index: 10;
}

.footer .footer__cv-list li:nth-of-type(1) a,
.footer .footer__cv-list li:nth-of-type(2) a,
.drawer .drawer__cv-list li:nth-of-type(1) a,
.drawer .drawer__cv-list li:nth-of-type(2) a {
	border-color: #3E3A39;
	color: #3E3A39;
}

.footer .footer__cv-list li:nth-of-type(1) a::before,
.footer .footer__cv-list li:nth-of-type(2) a::before,
.drawer .drawer__cv-list li:nth-of-type(1) a::before,
.drawer .drawer__cv-list li:nth-of-type(2) a::before {
	background-color: #3E3A39;
	background-image: none;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
}

.footer .footer__cv-list li:nth-of-type(1) a::before,
.drawer .drawer__cv-list li:nth-of-type(1) a::before {
	mask-image: url(../images/common/icon_envelope.svg);
}

.footer .footer__cv-list li:nth-of-type(2) a::before,
.drawer .drawer__cv-list li:nth-of-type(2) a::before {
	mask-image: url(../images/common/icon_inbox.svg);
}

.footer .footer__info-container li a,
.drawer .drawer__info-container li a {
	background-image: none;
	padding-left: 0;
	color: #3E3A39;
	font-size: 1rem;
}

.footer .footer__info-container li a::before,
.drawer .drawer__info-container li a::before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	mask-image: url(../images/common/icon_caret-right-01b.svg);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	background-color: #3E3A39;
	width: 4px;
	aspect-ratio: 28 / 75;
}

.footer .footer__info-container li div,
.drawer .drawer__info-container li div {
	background-image: none;
	margin-left: 7px;
	color: #919191;
	font-size: 1rem;
}

.footer .footer__cv-list,
.drawer .drawer__cv-list {
	margin-top: 6px;
	padding-top: 20px;
	background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 3px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 3px 1px;
}

.footer .footer__logo,
.drawer .drawer__logo {
	margin-top: -38px;
	height: auto;
	max-width: 217px;
	width: auto;
	aspect-ratio: 1 / 1;
}

.footer .footer__cv-list li:first-of-type,
.drawer .drawer__cv-list li:first-of-type {
	margin-top: 0;
}

.footer .footer__info-container ul:last-of-type,
.drawer .drawer__info-container ul:last-of-type {
	border-color: #3E3A39;
}


.footer .footer__copyright span {
	font-family: "Roboto Serif";
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2;
	vertical-align: middle;
}

.drawer.open button {
	background-image: none;
	@media (max-width: 767px) {
		display: grid;
		place-items: center;
		padding-top: 9px;
	}
	img {
		@media (max-width: 767px) {
			width: 18px;
			aspect-ratio: 1;
		}
	}
}

.footer .footer__upper .column--1,
.drawer .inner .column--1 {
	flex: inherit;
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.sp-drawer .serif {
		font-family: inherit;
	}
	.drawer button {
		background-image: none;
	}
	.drawer .inner {
		padding: 0;
	}
	.drawer__header-logo {
		aspect-ratio: 332 / 70;
        width: auto;
        height: 52px;
		img {
			max-width: 100%;
		}
	}

	.drawer button,
	.sp-drawer__item,
	.sp-drawer .open.sp-drawer__iconR,
	.sp-drawer .open.sp-drawer__icon,
	.sp-drawer .sp-drawer__icon,
	.sp-drawer-btnlist {
		background-color: #3E3A39;
	}
	.sp-drawer-box__item::before,
	.sp-drawer-box__item a {
		color: #3E3A39;
	}
	.sp-drawer-box__item div {
		margin-left: 19px;
		color: #919191;
	}
	.sp-drawer-box__item:has(div)::before {
		display: none;
	}
	.sp-drawer-box__bdr {
		border-color: #3E3A39;
	}
	.sp-drawer__icon::before, .sp-drawer__icon::after {
		background-color: #fff;
	}

	.drawer .drawer__sp-img,
	.footer .footer__sp-img {
		display: flex;
		justify-content: center;
	}
	.drawer .drawer__sp-img img {
		margin-block: 40px 20px;
		width: 100px;
		height: 100px;
	}
	.footer .footer__sp-img img {
		width: 182px;
		height: 182px;
	}

	.footer .footer__address {
		margin-top: 0;
	}

	.footer .inner {
		padding: 0;
	}

	.footer .footer__logo {
		display: none;
	}

	.footer .footer__upper {
		border-bottom: 1px solid #fff;
	}

	.footer .footer__upper .column--1 {
		display: none;
	}
	.footer__upper__column {
		background-color: #3E3A39;
	}
	.footer .footer__upper__column.column--sp {
		flex: 1;
	}

	.footer .footer__upper__column.column--sp ul {
		border-left: none;
	}

	.footer .footer__cv-list {
		background-image: none;
		padding-top: 0;
	}
}

@media (min-width: 768px) {
	.footer .footer__cv-list li:nth-of-type(1) a {
		padding: 6px 0 9px 15.6%;
	}
	.footer .footer__cv-list li:nth-of-type(2) a {
		padding: 8px 0 8px 15%;
	}
}

/* 202606 下層共通 */
.sub-page {
	font-family: "YakuHanJP", "Inter", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
}

.sub-page .page-ttl-imgarea {
	background-image: none;
}

.page-ttl-imgarea::after {
	background-size: cover;
}
.page-ttl-imgarea .page-ttl {
	display: flex;
	flex-direction: column;
	transform: translateY(0);
	font-family: inherit;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.page-ttl-imgarea .page-ttl::after {
	padding-top: 0;
	font-family: inherit;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.4;

}

@media screen and (max-width: 767px) {
	.page-ttl-imgarea {
		background-image: none;
		height: 140px;
	}
	.page-ttl-imgarea .page-ttl {
		font-size: 1.5rem;
	}
	.page-ttl-imgarea .page-ttl::after {
		font-size: 0.6875rem;
	}
}
@media screen and (min-width: 768px) {
	.page-ttl-imgarea,
	.page-ttl-imgarea::after {
		height: 390px;
	}
	.page-ttl-imgarea .page-ttl {
		top: inherit;
		font-size: 2.875rem;
	}
	.page-ttl-imgarea .page-ttl::after {
		font-size: 1.125rem;
	}

}

/* page-ttl 英字サブタイトル左右の直線あしらい */
.page-ttl-imgarea .page-ttl[data-text]::before {
	display: none;
}

.page-ttl-imgarea .page-ttl[data-text]::after {
	display: block;
	background-image:
		linear-gradient(currentColor, currentColor),
		linear-gradient(currentColor, currentColor);
	background-size: 34px 1px, 34px 1px;
	background-position: left center, right center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
	.page-ttl-imgarea .page-ttl[data-text]::after {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (min-width: 768px) {
	.page-ttl-imgarea .page-ttl[data-text]::after {
        padding-left: 45px;
        padding-right: 45px;
	}
}

/* 202606 introduce */
@media screen and (min-width: 768px) {
	.introduce .page-ttl-imgarea {
		background-image: none;
	}
}

.introduce .introduce-page .sec01__ttl,
.introduce .introduce-page .sec04__ttl,
.introduce .introduce-page .sec06__year,
.introduce .introduce-page .sec05 .greeting__txt span,
.introduce .introduce-page .sec01__icon {
	color: #FFAA60;
}

.introduce .introduce-page .sec06__year::after {
	background-color: #FFAA60;
}

@media screen and (min-width: 768px) {
	.introduce .introduce-page .sec04__item {
		border-color: #FFAA60;
	}

	.introduce .introduce-page .sec06__txt {
		border-left-color: #FFAA60;
	}
}

.introduce .introduce-page .ttl__style01 {
	padding-inline: 30px;
	padding-bottom: 14px;
	border-color: #3E3A39;
	font-family: inherit;
	font-weight: 700;
	font-size: 2.125rem;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

.introduce .introduce-page .sec01__ttl {
	margin-top: 50px;
	font-family: inherit;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

.introduce .introduce-page .sec01__item {
	font-family: "YakuHanJP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	line-height: 2;
}

.introduce .introduce-page .bar01::before,
.introduce .introduce-page .bar01::after {
	display: none;
}

.introduce .introduce-page .sec01__list {
	margin-top: 50px;
}


@media screen and (min-width: 768px) {
	.introduce .introduce-page .sec01 .outline {
		padding-top: 120px;
	}
	.introduce .introduce-page .sec01__item {
		margin-bottom: 13px;
		letter-spacing: 0.03em;
	}
	.introduce .introduce-page .sec01__icon {
		padding-right: 7px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.introduce .introduce-page .sec01 .outline,
	.introduce .introduce-page .sec02 .outline,
	.introduce .introduce-page .sec03 .outline,
	.introduce .introduce-page .sec04 .outline,
	.introduce .introduce-page .sec05 .outline,
	.introduce .introduce-page .sec06 .outline {
		width: 100%;
		padding-inline: 19px;
	}
}

@media screen and (max-width: 767px) {
	.introduce .introduce-page .ttl__style01 {
		padding: 0 16px 8px 16px;
		font-size: 1.5rem;
		letter-spacing: 0.06em;
	}
	.introduce .introduce-page .sec01__ttl {
		margin-top: 30px;
		font-size: 1.25rem;
		line-height: 1.4;
		letter-spacing: 1px;
	}
	.introduce .introduce-page .sec01 .outline {
		width: 80%;
		padding-top: 48px;
	}
	.introduce .introduce-page .sec01__list {
		margin-top: 30px;
	}
	.introduce .introduce-page .sec01__item {
		font-size: 0.875rem;
		line-height: 2;
	}
	.introduce .introduce-page .sec01__icon {
		font-size: 0.625rem;
	}
}

.introduce .introduce-page .sec02__txt {
	margin-top: 50px;
	font-weight: 500;
	line-height: 2;
}
.introduce .introduce-page .sec02 .outline {
	padding-block: 103px 88px;
}

@media screen and (max-width: 767px) {
	.introduce .introduce-page .sec02 .outline {
		padding: 48px 0;
	}
}

.introduce .introduce-page .sec03 {
	background-color: #F5EEE7;
	background-image: none;
}

.introduce .introduce-page .sec03__ttl {
	margin-top: 50px;
	font-family: inherit;
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 1.8;
	letter-spacing: 0.08em;
}

.introduce .introduce-page .sec03__txt {
	margin-top: 5px;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
	.introduce .introduce-page .sec03 .outline {
		width: 75%;
	}
	.introduce .introduce-page .sec03__ttl {
		margin-top: 30px;
		font-size: 1.25rem;
		line-height: 1.8;
		letter-spacing: 0.01em;
	}
}

@media screen and (min-width: 768px) {

	.introduce .introduce-page .sec03__img {
		margin-top: 49px;
	}
}

.introduce .introduce-page .sec04__ttl {
	font-family: inherit;
	font-weight: 700;
}

.introduce .introduce-page .sec04__item .sec04__txt {
	font-family: inherit;
}

.introduce .introduce-page .sec04__list {
	margin-top: 70px;
}

@media screen and (max-width: 767px) {
	.introduce .introduce-page .sec04__list {
		margin-top: 30px;
	}
	.introduce .introduce-page .sec04__ttl {
		font-size: 1.25rem;
		line-height: 1.8;
		letter-spacing: 0.09em;
	}
	.introduce .introduce-page .sec04__item .sec04__txt {
		margin-top: 6px;
		font-size: 0.875rem;
		line-height: 1.5;
		letter-spacing: -0.028em;
	}
	.introduce .introduce-page .sec04__item .sec04__icon {
		font-size: 0.625rem;
	}
	.introduce .introduce-page .sec04__item::after {
		font-size: 0.75rem;
		color: #FFAA60;
		width: 12px;
		height: 12px;
	}
	.introduce .introduce-page .sec04__img {
		margin-top: 60px;
	}
}

@media screen and (min-width: 768px) {
	.introduce .introduce-page .sec04 .outline {
		padding-top: 98px;
	}
	.introduce .introduce-page .sec04__img {
		margin-top: 120px;
	}
	.introduce .introduce-page .sec04__img img {
		margin-top: 17px;
	}
}

.introduce .introduce-page .sec05 .greeting {
	margin-top: 50px;
}

.introduce .introduce-page .sec05 .greeting__lead {
	padding-left: 8px;
	font-family: inherit;
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	line-height: 1.8;
}

.introduce .introduce-page .sec05 .greeting__txt,
.introduce .introduce-page .sec05 .greeting__stxt {
	font-family: inherit;
	line-height: 2;
	letter-spacing: 0;
}

.introduce .introduce-page .sec05 .greeting__txt {
	font-size: 1rem;
	font-weight: 500;
}

.introduce .introduce-page .sec05 .greeting__stxt {
	font-size: 0.875rem;
	font-weight: 400;
}

.introduce .introduce-page .sec05 .bar01 {
	margin-top: 98px;
}

@media screen and (max-width: 767px) {
	.introduce .introduce-page .sec05 .greeting {
		margin-top: 30px;
	}
	.introduce .introduce-page .sec05 .greeting__lead {
		padding-left: 0;
		color: var(--color_txt, #3E3A39);
		font-size: 1.375rem;
		line-height: 1.8;
		letter-spacing: 0.099em;
	}
	.introduce .introduce-page .sec05 .greeting__txt {
		font-size: 0.875rem;
		line-height: 2;
	}
	.introduce .introduce-page .sec05 .greeting__stxt {
		margin-top: 30px;
		font-size: 0.75rem;
		line-height: 2;
		letter-spacing: 0.025em;
	}
	.introduce .introduce-page .sec05 .bar01 {
		margin-top: 48px;
	}
}

@media screen and (min-width: 768px) {
	.introduce .introduce-page .sec05 .outline {
		margin-top: 100px;
	}
	.introduce .introduce-page .sec05 .greeting__txt,
	.introduce .introduce-page .sec05 .greeting__stxt {
		margin-top: 50px;
	}
}

.introduce .introduce-page .sec06__list {
    margin-top: 48px;
}

.introduce .introduce-page .sec06__item {
	flex-wrap: nowrap;
}

.introduce .introduce-page .sec06__txt {
	font-weight: 500;
}

.introduce .introduce-page .sec06__year {
	flex-shrink: 0;
	width: 70px;
	padding-right: 0;
}

@media screen and (max-width: 767px) {
	.introduce .introduce-page .sec06 .outline {
		padding-top: 48px;
	}
	.introduce .introduce-page .sec06__item {
		margin-bottom: 16px;
	}
	.introduce .introduce-page .sec06__year {
		font-size: 0.875rem;
		line-height: 2;
		letter-spacing: 0.035em;
	}
	.introduce .introduce-page .sec06__txt {
		color: var(--color_txt, #3E3A39);
		font-size: 0.875rem;
		line-height: 2;
	}
}

@media screen and (min-width: 768px) {
	.introduce .introduce-page .sec06 .outline {
		margin-top: 100px;
	}
}

.introduce .introduce-page .back-btn,
.course .back-btn,
.club .back-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 120px;
	padding: 18px 55px;
	border-radius: 10px;
	height: 100%;
	border: 2px solid #3E3A39;
	background: #F5EEE7;
	box-shadow: 3px 4px 0 0 #3E3A39;
	color: #3E3A39;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
}

.course .back-btn {
	margin-top: 50px;
}

.introduce .introduce-page .back-btn::before,
.introduce .introduce-page .back-btn::after,
.course .back-btn::before,
.course .back-btn::after,
.club .back-btn::before,
.club .back-btn::after {
	display: none;
}

.introduce .introduce-page .back-btn span,
.course .back-btn span,
.club .back-btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.introduce .introduce-page .back-btn span::before,
.course .back-btn span::before,
.club .back-btn span::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	mask-image: url(../images/common/icon_arrow-right-01.svg);
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	transform: rotate(180deg);
	background-color: #3E3A39;
}

@media screen and (max-width: 767px) {
	.introduce .introduce-page .back-btn,
	.course .back-btn,
	.club .back-btn {
		margin-bottom: 69px;
	}
}

/* 202606 comprehensive */

.courses .page-ttl-imgarea .page-ttl {
	display: block;
    padding-top: 3px;
	padding-bottom: 0;
	font-size: 2.875rem;
	line-height: 1.4;
	letter-spacing: 0.023em;
}
.courses .page-ttl-imgarea .page-ttl small {
	margin-bottom: 10px;
	font-size: 1.625rem;
	line-height: 1.4;
	letter-spacing: 0.013em;
}

@media screen and (max-width: 767px) {
	.courses .page-ttl-imgarea .page-ttl {
		align-items: baseline;
		justify-content: center;
		margin-inline: auto;
		font-size: 1.5rem;
	}
	.courses .page-ttl-imgarea .page-ttl small {
		font-size: 1.125rem;
	}
	.special .page-ttl-imgarea .page-ttl, .special2 .page-ttl-imgarea .page-ttl, .comprehensive .page-ttl-imgarea .page-ttl {
		top: 50%;
		transform: translateY(-50%);
	}
}

.course .features {
	border-radius: 24px;
}

.comprehensive .features {
	background: linear-gradient(325deg, #F18D00 49.11%, #FED400 99.61%);
}

.course .features::before {
	display: none;
}

.course .features__uni::before, .course .features__uni::after {
	background-color: #fff;
}

.course .features__lead {
	margin-top: 43px;
	font-size: 1.5rem;
	line-height: 1.5;
    letter-spacing: 0.06em;
}

.course .features ul {
	margin-top: 30px;
}

.course .features > img {
	width: 80px;
}

@media screen and (max-width: 767px) {
	.course .features__outline,
	.course .features {
		margin-inline: 0;
	}
	.course .features__outline {
		margin-top: 48px;
		padding-inline: 30px;
	}
	.course .features {
		padding: 20px;
		border-radius: 12px;
	}
	.course .features h1 {
		margin-top: 6px;
		font-size: 1.5rem;
		line-height: 1.4;
		letter-spacing: 0.06em;
	}
	.course .features h1::after {
		font-size: 0.875rem;
	}
	.course .features > img {
		width: 60px;
		height: 60px;
	}
	.course .features__uni {
		margin-top: 6px;
		font-size: 1rem;
	}
	.course .features__lead {
		margin-top: 30px;
		font-size: 1rem;
		line-height: 1.4;
		letter-spacing: 0.04em;
	}
	.course .features__txt {
		margin-top: 10px;
		font-size: 0.875rem;
		line-height: 2;
		font-weight: 500;
	}

	.course .features ul li span {
		line-height: 1.2;
	}
	.course .features ul li div {
		text-align: center;
	}
	.course .features ul li div span {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	.course .features {
		padding: 30px 30px 48px;
	}
	.course .features__outline {
		margin-top: 120px;
	}
	.course .features h1 {
		margin-top: 20px;
		font-size: 3.375rem;
		transform: translateX(0);
	}
	.course .features h1::after {
		font-size: 2.125rem;
	}
	.course .features__uni {
		margin-top: 27px;
		font-size: 1.5rem;
	}
	.course .features__uni::before,
	.course .features__uni::after {
		width: 64px;
	}
	.course .features__uni::before {
		margin-right: 25px;
	}
	.course .features__uni::after {
		margin-left: 25px;
	}
	.course .features__txt {
		max-width: 860px;
		margin-inline: auto;
		margin-top: 13px;
		font-weight: 500;
		line-height: 2;
	}
	.course .features ul {
		max-width: 860px;
		width: 100%;
	}
	.course .features ul li {
		width: calc(100% / 3 - 16px);
		padding: 5px 10px 9px 10px;
		font-size: 1.5rem;
	}
	.course .features ul li span {
		font-size: 0.875rem;
		line-height: 1.5;
	}
}

.course .point > ul {
	margin-top: 26px;
}

.comprehensive .point__ttl01,
.comprehensive .point__ttl02 {
	color: #E78700;
}

.comprehensive .point__ttl01 > div {
	background-color: transparent;
	margin-right: 22px;
}

.course .point__ttl02::before {
	background-color: #E78700;
	top: 4px;
	left: 3px;
}

.course .point__ttl02::after {
	display: none;
}

.course .point__outline {
	margin-top: 80px;
}

.course .point__link {
	background-color: rgba(231, 135, 0, 0.20);
}

@media screen and (max-width: 767px) {
	.course .point__ttl01 {
		font-size: 1.375rem;
		line-height: 1.4;
		letter-spacing: 0.12em;
	}
	.course .point__ttl01 > div {
		margin-right: 12px;
		padding-left: 13px;
		width: 60px;
		height: 60px;
		font-size: 1.625rem;
		line-height: 1;
		letter-spacing: 0.065em;
	}
	.course .point__ttl01 > div span {
		font-size: 0.625rem;
		line-height: 1.4;
		letter-spacing: 0.045em;
		transform: scale(1);
	}
	.course .point__outline {
		margin-top: 48px;
	}
	.course .point > ul {
		margin-top: 30px;
	}
	.course .point__ttl02 {
		color: var(--color_sub_orange, #E78700);
		font-size: 1.125rem;
		line-height: 1.4;
		letter-spacing: 0.12em;
	}
	.course .point__ttl02::before {
		width: 4px;
		top: 0;
	}
	.course .point > ul li p {
		margin-left: 0;
		margin-top: 12px;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 2;
	}
}

@media screen and (min-width: 768px) {
	.course .point {
		width: min(100%, 860px);
	}
	.course .point__ttl01 {
		font-size: 2.125rem;
		line-height: 1.4;
		letter-spacing: 0.11em;
	}
	.course .point__ttl02 {
		font-size: 1.625rem;
		letter-spacing: 0.13em;
	}
	.course .point__ttl02::before {
		width: 6px;
		height: 36px;
	}
	.course .point > ul li p {
        margin-top: 14px;
        margin-left: 3px;
		font-size: 1rem;
		font-weight: 500;
		line-height: 2;
	}
}

.course .achievements > h2 {
	font-size: 1.75rem;
	letter-spacing: 0.05em;
}

.comprehensive .achievements > h2 {
	color: #E78700;
}

.course .achievements > ul {
	margin-top: 16px;
}

.course .achievements > ul li h3 {
	font-size: 1.25rem;
}

.comprehensive .achievements > ul li h3 {
	color: #E78700;
}


.course .achievements > ul li h3::before {
	width: 6px;
	background-color: #E78700;
}

.course .achievements > ul li h3::after {
	display: none;
}

.course .achievements > ul li p {
	margin-top: 16px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 2;
}

.course .achievements__outline  {
	background: rgba(231, 135, 0, 0.20);
}

.course .achievements__outline ul {
	margin-top: 21px;
}


.course .detail h2 {
	color: var(--color_txt);
}

@media screen and (max-width: 767px) {
	.course .achievements {
		margin: 0;
	}
	.course .achievements__outline {
		margin-inline: 30px;
		padding: 20px;
		border-radius: 8px;
	}
	.course .achievements > h2 {
		align-items: flex-start;
		flex-direction: column;
		color: var(--color_sub_orange, #E78700);
		font-size: 1.5rem;
		line-height: 1.4;
		letter-spacing: 0.06em;
	}
	.course .achievements > h2 span {
		color: var(--color_txt, #3E3A39);
		font-size: 0.75rem;
		font-weight: 500;
		line-height: 2;
	}
	.course .achievements > ul li h3 {
		margin-top: 14px;
		color: var(--color_sub_orange, #E78700);
		font-size: 1.25rem;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	.course .achievements > ul li p {
		margin-top: 14px;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 2;
	}
}

@media screen and (min-width: 768px) {
	.course .achievements__outline {
		padding-top: 38px;
		border-radius: 16px;
	}
	.course .achievements {
		margin-inline: 38px;
	}
	.course .achievements > h2 span {
		margin-left: 7px;
		margin-bottom: 4px;
		font-size: 1rem;
	}
}

.comprehensive .detail h2 {
	background-color: #E78700;
	color: #fff;
}

.document__ttl {
	font-weight: 500;
}
.comprehensive .document__link .document__pdf {
	border-color: #E78700;
	color: #E78700;
}

.comprehensive .detail h3 {
	color: #E78700;
	letter-spacing: 0.09em;
}

@media screen and (max-width: 767px) {
	.course .detail {
		margin-inline: 0;
		padding-inline: 30px;
	}
	.course .detail__outline {
		margin-top: 48px;
	}
	.course .detail h2 {
		padding-block: 4px;
		font-size: 1.25rem;
		line-height: 1.4;
		letter-spacing: 0.075em;
	}
	.course .detail h3 {
		font-size: 1.125rem;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.09em;
	}
	.course .detail__txt {
		margin-top: 6px;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 2;
	}
	.course .document__list {
		margin-bottom: 16px;
	}
	.course .document__ttl {
		font-size: 0.875rem;
		line-height: 2;
	}
	.course .document__item {
		padding-bottom: 10px;
	}
}

@media screen and (min-width: 768px) {
	.course .detail h2 {
		padding: 7px 10px;
		font-size: 1.5rem;
		letter-spacing: 0.06em;
	}
	.course .detail h3 {
		font-size: 1.25rem;
	}
	.course .detail__outline {
		margin-top: 60px;
	}
	.course .detail__txt {
        width: 87%;
		font-size: 1rem;
		font-weight: 500;
		line-height: 2;
	}
	.course .detail h2:nth-of-type(n+2) {
		margin-top: 52px;
	}
	.courses .document__list {
		margin-top: 24px;
		margin-bottom: 20px;
	}
	.courses .document__link {
		padding-right: 24px;
	}
	.course .document__list.colmun1 + h3 {
		margin-top: 0;
	}
	.course .document__list.colmun1 + h3 + .detail__txt {
		width: 93%;
	}
}

.comprehensive .list__item:nth-of-type(1) {
	background-color: #FFF8EE;
}

.comprehensive .list__item:nth-of-type(2) {
	background-color: #FAE7CC;
}
.comprehensive .list__item:nth-of-type(3) {
	background-color: #FCCB87;
}

.comprehensive .list__tag {
	margin-top: 4px;
	padding-block: 9px;
	color: #E78700;
	border-color: #E78700;
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.2;
	width: 150px;
}

.course .list__txt1 {
	color: #3E3A39;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 2;
}

.course .list__txt2 {
	margin-top: 10px;
	color: var(--color_txt, #3E3A39);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.9;
}

@media screen and (max-width: 767px) {
	.course .list {
		padding-top: 0;
	}
	.course .list__item {
		width: 315px;
		padding-top: 50px;
		height: auto !important;
	}
	.course .list__item:nth-of-type(1) {
		padding-top: 16px;
	}
	.course .list__item::after {
        bottom: -35px;
        border-top-width: 36px;
				border-left: 157.5px solid transparent;
        border-right: 157.5px solid transparent;
	}

	.course .list__item:nth-of-type(1)::before {
		display: none;
	}

	.comprehensive .list__item:nth-of-type(1)::after {
		border-top-color: #FFF8EE;
	}

	.comprehensive .list__item:nth-of-type(2)::after {
		border-top-color: #FAE7CC;
	}

	.comprehensive .list__item:nth-of-type(3)::after {
		border-top-color: #FCCB87;
	}

	.course .list__txt1 {
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 2;
	}
	.comprehensive .list__tag {
		margin-block: 0;
		padding-block: 8px;
		width: 130px;
		font-size: 1.25rem;
		font-weight: 500;
		line-height: 1.2;
		letter-spacing: 0.06em;
	}
	.course .list__txt2 {
		color: var(--color_txt, #3E3A39);
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 1.9;
	}
}

@media screen and (min-width: 768px) {
	.course .list {
		margin-top: 22px;
		margin-bottom: 100px;
	}
	.course .list__item {
		height: 230px;
	}

	.course .list__item::after {
		right: -30px;
		border-top: 115px solid transparent;
		border-bottom: 115px solid transparent;
		border-left-width: 30px;
	}

	.comprehensive .list__item:nth-of-type(1)::after {
		border-left-color: #FFF8EE;
	}
	.comprehensive .list__item:nth-of-type(2)::after {
		border-left-color: #FAE7CC;
	}
	.comprehensive .list__item:nth-of-type(3)::after {
		border-left-color: #FCCB87;
	}
}

.course .eyecatch {
	background-image: url(../../assets/images/courses/to_courseinfo_eyecatch.png);
	padding-top: 96px;
	height: 350px;
}

.course .eyecatch__txt,
.course .eyecatch__btn {
	position: relative;
	z-index: 2;
}

.course .eyecatch__txt {
	padding-bottom: 0;
	font-size: 2.375rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.0342em;
}

.course .eyecatch__txt::before {
	display: none;
}

.course .eyecatch__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 23px 55px;
	width: auto;
	height: auto;
	border: 2px solid #3E3A39;
	border-radius: 10px;
	background: #F5EEE7;
	box-shadow: 3px 4px 0 0 #3E3A39;
	color: #3E3A39;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-align: center;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.course .eyecatch {
		padding-block: 48px;
		height: auto;
	}
	.course .eyecatch::before {
		opacity: 0.8;
	}
	.course .eyecatch__txt {
		margin-bottom: 18px;
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.09em;
	}
	.course .eyecatch__btn {
		padding-block: 13px;
		padding-inline: 16px;
		width: 234px;
		font-size: 0.9375rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.054em;
	}
	.course .eyecatch__btn::before,
	.course .eyecatch__btn::after {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.course .eyecatch__btn {
		width: 540px;
	}
}

.course .bg {
	background: none;
}

@media screen and (max-width: 767px) {
	.comprehensive .idx04 {
		padding-top: 70px;
	}
}

@media screen and (min-width: 768px) {
	.comprehensive .idx04 {
		padding-block: 98px;
	}
}

@media screen and (max-width: 767px) {
	.course .l-box {
		margin-inline: 30px;
	}
}

.course .voicebox {
	background-color: #F5EEE7;
	padding: 40px;
	column-gap: 45px;
}

.course .voicebox + .voicebox {
	margin-top: 80px;
}

.course .voicebox__tag {
	width: 230px;
	height: 57px;
	top: -9px;
    left: 38px;
}

.course .voicebox__l {
	width: 220px;
}

.course .voicebox__thumb {
	width: 220px;
	height: 220px;
}

.course .voicebox__r {
	width: calc(100% - 265px);
}

.course .voicebox__h1 {
	font-family: inherit;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.11em;
}

.course .voicebox__h2 {
	margin-bottom: 20px;
	line-height: 1.3;
	letter-spacing: 0.07em;
}

.course .voicebox__txt {
	font-weight: 500;
	line-height: 2;
}

.course .voicebox__h3,
.course .voicebox__h1--ex {
	color: #82569F;
}

.course .voicebox__h3 {
	font-size: 1.125rem;
}

.course .voicebox__name {
	padding-right: 0;
}

.course .voicebox--ex {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.course .voicebox {
		padding: 15px;
		display: flex;
		flex-direction: column;
	}
	.course .voicebox__tag {
		margin-left: 0;
		top: -27px;
		left: 50%;
		transform: translateX(-50%);
	}
	.course .voicebox__h1 {
		order: 2;
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.04em;
	}
	.course .voicebox__h2 {
		margin-bottom: 16px;
		text-align: left;
		font-size: 0.75rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.045em;
	}
	.course .voicebox__h3 {
		order: 2;
		color: #82569F;
		font-family: "Noto Sans JP";
		font-size: 0.75rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.72px;
	}
	.course .voicebox__txt {
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 2;
	}
	.course .voicebox__l {
		order: 1;
		width: 160px;
		margin-inline: auto;
	}
	.course .voicebox__thumb {
		width: 160px;
		height: 160px;
	}
	.course .voicebox__r {
		order: 3;
		width: 100%;
	}
}

/* course .postbox a.btn-more → top .top__voice .link a デザイン合わせ */
.course .postbox a.btn-more {
	display: block;
	margin: 5px auto 0;
	width: 370px;
	height: 60px;
	background: linear-gradient(154deg, #F2AC70 11.53%, #F3117B 115.15%);
	position: relative;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	line-height: 60px;
	text-align: center;
	border-radius: 6px;
	padding-top: 4px;
	text-decoration: none;
}
.course .postbox a.btn-more:hover {
	opacity: 1;
	filter: brightness(1.1);
}
.course .postbox a.btn-more::before {
	right: 17px;
	width: 9px;
	height: 9px;
}
.course .postbox a.btn-more span::before {
	color: #fff;
}
@media screen and (max-width: 767px) {
	.course .postbox .postlist {
		margin-inline: 30px;
	}
	.course .postbox a.btn-more {
		width: 315px;
		height: 55px;
		padding-block: 16px;
		padding-inline: 22px;
		font-size: 1.125rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.05em;
		margin-top: 0;
	}
	.course .postbox a.btn-more::before {
		right: 10px;
	}
	.course .postbox a.btn-more span::before {
		left: 6px;
		font-size: 0.625rem;
	}
}

.course .postbox,
.club .postbox {
	padding-block: 100px;
	background-size: cover;
}

.comprehensive .course .postbox,
.comprehensive .club .postbox {
	background-color:hsla(30,100%,96%,1);
	background-image:
	radial-gradient(at 40% 20%, hsla(7,100%,97%,1) 0px, transparent 50%),
	radial-gradient(at 78% 0%, hsla(28,87%,87%,1) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(31,100%,90%,1) 0px, transparent 50%),
	radial-gradient(at 81% 49%, hsla(31,100%,72%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(48,100%,77%,1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(28,100%,98%,1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(45,89%,89%,1) 0px, transparent 50%);
}

.special .course .postbox,
.special .club .postbox {
	background-color:hsla(310,100%,97%,1);
	background-image:
	radial-gradient(at 40% 20%, hsla(308,100%,96%,1) 0px, transparent 50%),
	radial-gradient(at 78% 0%, hsla(321,100%,96%,1) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(29,100%,82%,1) 0px, transparent 50%),
	radial-gradient(at 81% 49%, hsla(321,62%,71%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(321,100%,97%,1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(321,100%,97%,1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(321,100%,93%,1) 0px, transparent 50%);
}

.special2 .course .postbox,
.special2 .club .postbox {
	background-color:hsla(180,100%,95%,1);
	background-image:
	radial-gradient(at 40% 20%, hsla(180,100%,97%,1) 0px, transparent 50%),
	radial-gradient(at 78% 0%, hsla(183,100%,93%,1) 0px, transparent 50%),
	radial-gradient(at 0% 50%, hsla(66,100%,50%,1) 0px, transparent 50%),
	radial-gradient(at 81% 49%, hsla(185,100%,34%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(181,100%,98%,1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(183,100%,96%,1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(181,100%,97%,1) 0px, transparent 50%);
}



.course .postbox__h1,
.club .postbox__h1 {
	display: block;
	width: auto;
	margin-inline: auto;
	margin-bottom: 52px;
	max-width: 1000px;
	font-family: var(--font-en);
	font-size: 2.375rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-align: center;
}

.voice-page .postlist,
.club .postlist {
	max-width: 860px;
}

@media screen and (max-width: 991px) {
	.voice-page .postlist,
	.club .postlist {
		padding-inline: 19px;
	}
}

.voice-page .postlist__wrapper,
.club .postlist__wrapper {
	justify-content: space-between;
}

.voice-page .post__thumb__inner,
.club .post__thumb__inner {
	left: 0;
	right: 0;
}

.voice-page .post .mask-left::after,
.club .post .mask-left::after,
.voice-page .post .mask-right::after,
.club .post .mask-right::after {
	background-image: none;
}

.voice-page, .club {
	.post__thumb {
		border-radius: 14px 14px 0 0;
		overflow: clip;
		aspect-ratio: 177 / 100;
		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.post__txtbox {
		background-color: #fff;
		margin-inline: 0;
		padding: 26px 20px;
		border-radius: 0 0 14px 14px;
		@media screen and (max-width: 767px) {
			padding: 15px;
		}
		p {
			min-height: 50px;
			color: var(--color_txt);
			font-family: inherit;
			font-size: 1.125rem;
			font-weight: 500;
			line-height: 1.4;
			@media screen and (max-width: 767px) {
				font-size: 0.9375rem;
			}
		}
	}

	.post__name {
		padding-top: 4px;
		color: #3E3A39;
		font-size: 0.875rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: 0.0084em;
		border-top: none;
		@media screen and (max-width: 767px) {
			padding-top: 10px;
			font-size: 0.75rem;
		}

		&::before {
			content: "";
			display: inline-block;
			position: absolute;
			right: 1px;
			bottom: -1px;
			height: 16px;
			width: 16px;
			background-color: #3E3A39;
		}
		&::after {
			content: '';
			position: absolute;
			text-align: center;
			width: 8px;
			height: 8px;
			aspect-ratio: 1;
			bottom: 3px;
			right: 5px;
			background: #fff;
			clip-path: polygon(
				43.75% 0%,
				56.25% 0%,
				56.25% 43.75%,
				100%   43.75%,
				100%   56.25%,
				56.25% 56.25%,
				56.25% 100%,
				43.75% 100%,
				43.75% 56.25%,
				0%     56.25%,
				0%     43.75%,
				43.75% 43.75%
			);
			@media screen and (max-width: 767px) {
				width: 7px;
				height: 7px;
			}
		}
	}
	.btn-more {
		display: block;
		margin: 5px auto 0;
		width: 370px;
		height: 60px;
		background: linear-gradient(175deg, #F2AC70 11.53%, #F3117B 115.15%);
		position: relative;
		color: #fff;
		font-size: 1.25rem;
		font-weight: 500;
		letter-spacing: 0.06em;
		line-height: 60px;
		text-align: center;
		border-radius: 6px;
		padding-top: 4px;
		text-decoration: none;
		@media screen and (max-width: 767px) {
			width: 262px;
			font-size: 0.875rem;
			margin-top: 0;
			padding-top: 0;
		}
		&::before {
			content: "";
			position: absolute;
			height: 9px;
			width: 9px;
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			transform: rotate(-45deg) translateY(-50%);
			top: 50%;
			right: 17px;

		}
		span {
			position: relative;
			&::before {
				content: "・";
				position: absolute;
				top: -0.7em;
				left: 5px;
				color: #fff;
				line-height: 1;
				@media screen and (max-width: 767px) {
					left: 3px;
				}
			}
		}
	}
}

.voice-page .modal__content {
	border-radius: 14px;
}

.voice-page .modal__inner {
	padding: 60px;
}

@media screen and (max-width: 767px) {
	.voice-page .modal__content {
		border-radius: 6px;
	}
	.voice-page .modal__inner {
		padding: 20px;
	}
}

.voice-page .modal__btn {
	position: absolute;
	top: 7px;
	right: 7px;
	margin-bottom: 0;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background-color: #3E3A39;
}

.voice-page .modal__btn::before,
.voice-page .modal__btn::after {
	width: 13px;
}

.voice-page .modal__left {
	margin-right: 40px;
}

@media screen and (max-width: 767px) {
	.voice-page .modal__left {
		margin-right: 0;
	}
}

.voice-page .modal__name {
	margin-top: 18px;
	color: #3E3A39;
	font-family: "YakuHanJP", "NotoSans", "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.06em;
}

.voice-page .modal__name--small {
	margin-top: 10px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.8;
}

.voice-page .modal__name--small + .modal__name--small {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
	.voice-page .modal__name {
		margin-top: 14px;
	}
	.voice-page .modal__name--small {
		margin-top: 8px;
	}
}

@media screen and (max-width: 767px) {
	.voice-page .modal__right {
		margin-top: 22px;
	}
}


.voice-page .modal__q {
	color: #3E3A39;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.8;
}

.voice-page .modal__q::before {
	background-color: #3E3A39;
	border-radius: 4px;
}

@media screen and (max-width: 767px) {
	.voice-page .modal__q {
		font-size: 0.9375rem;
	}
	.voice-page .modal__q::before {
		top: 4px;
		width: 22px;
		height: 22px;
	}
}

.voice-page .modal__text {
	padding-left: 31px;
	font-weight: 500;
	line-height: 1.8;
}

@media screen and (max-width: 767px) {
	.voice-page .modal__text {
		padding-left: 28px;
	}
}

.voice-page .modal__a {
	margin-bottom: 24px;
}

.voice-page .modal__a:last-of-type {
	margin-bottom: 0;
}

.voice-page .modal__a::before {
	background-color: #E78700;
}

@media screen and (max-width: 767px) {
	.voice-page .modal__a::before {
		width: 22px;
		height: 22px;
	}

	.voice-page .modal__a::before {
		top: 4px;
	}
}

/* course .btn-courses → top .top__course ul デザイン合わせ */
.course .btn-courses {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 100%;
	margin: 24px auto 0;
	padding: 0;
	text-align: inherit;
}

.course .btn-courses__item {
	flex-basis: 100%;
	position: relative;
	display: block;
	width: auto;
	height: auto;
	border: none;
	border-radius: 10px;
	background-image: none;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.33;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
}

.course .btn-courses__item em {
	display: block;
}

.course .btn-courses__item + .btn-courses__item {
	margin-top: 16px;
}

.course .btn-courses__item:not(.btn-courses__item--ex01):not(.btn-courses__item--ex02) {
	background: linear-gradient(320deg, #BF4896 27.31%, #F4A051 124.58%);
}

.course .btn-courses__item--ex01 {
	background: linear-gradient(350deg, #009FB0 16.39%, #B9D300 150.72%);
	color: #fff;
}

.course .btn-courses__item--ex02 {
	background: linear-gradient(325deg, #F18D00 49.11%, #FED400 99.61%);
	color: #fff;
}

.course .btn-courses__item::after {
	content: "";
	background-image: url(../images/common/icon_arrow-right-01.svg);
	background-position: right 0 center;
	background-size: 12px 12px;
	padding: 12px 12px;
	line-height: 1;
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
}

@media screen and (max-width: 767px) {
	.course .btn-courses {
		padding-inline: 30px;
	}
	.course .btn-courses__item {
		padding-inline: 26px;
		padding-block: 16px 12px;
		font-size: 0.75rem;
		text-align: left;
		border-radius: 6px;
	}

	.course .btn-courses__item em {
		margin-bottom: 6px;
		font-size: 1.25rem;
	}

	.course .btn-courses__item::after {
		top: 50%;
		right: 14px;
		transform: translateY(-50%);
	}

	.course .btn-courses__item + .btn-courses__item {
		margin-top: 12px;
	}
}

@media (min-width: 768px) {

	.course .btn-courses {
		max-width: 860px;
		margin: 98px auto 0;
	}

	.course .btn-courses__item {
		flex: 0 1 auto;
		width: 32%;
		margin: 0;
		font-size: 0.875rem;
		padding: 25px 0 19px;
		line-height: 2;
	}

	.course .btn-courses__item em {
		letter-spacing: 1px;
		font-size: 1.375rem;
        line-height: 0.88;
	}

	.course .btn-courses__item + .btn-courses__item {
		margin-top: 0;
	}

	.course .btn-courses__item::after {
		top: 50%;
		right: 22px;
		background-size: 14px 14px;
		padding: 14px 14px;
		transform: translateY(-50%);
	}
}

/* club */

@media screen and (max-width: 767px) {
	.club .page-ttl-imgarea {
		background-image: none;
		height: 140px;
	}
	.club .ttl__style01-wrap .ttl__style01 {
		font-size: 1.5rem;
		padding-bottom: 8px;
		padding-inline: 16px;
	}
}

.club .sec01__txt {
	color: #3E3A39;
	font-size: 1rem;
	font-weight: 500;
	line-height: 2;
}

.club .sec01__box02 {
	padding: 30px;
	border-radius: 20px;
	border-color: #3E3A39;
}

.club .sec01__box02 > div {
	margin-bottom: 8px;
	color: #3E3A39;
	font-size: 1rem;
	font-weight: 500;
	line-height: 2;
}

.club .sec01__box02 > div > div {
	color: #3E3A39;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
	.schoollife .l-box-short {
		margin-inline: 30px;
	}
	.club .sec01 {
		margin-top: 50px;
	}
	.club .sec01__box02 {
		margin-top: 30px;
		padding: 15px;
		border-radius: 12px;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 2;
	}
	.club .sec01__box02 > div > div {
		font-size: 1.25rem;
	}

	.club .sec01__box02 > div img {
		width: 56px;
		height: 56px;
	}

	.club .sec01__txt {
		font-size: 0.875rem;
	}
}

.club .sec02.l-box-short {
	display: flex;
	border-right: 1px solid var(--color_line, rgba(62, 58, 57, 0.30))
}

.club .sec02__item {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: calc((100% - 4px) / 3);
	margin: 0;
	border-left: 1px solid var(--color_line, rgba(62, 58, 57, 0.30));
	background-color: #fff;
	color: #3E3A39;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.06em;
	border-radius: 0;
}

.club .sec02__item::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 20px;
	vertical-align: middle;
	color: #3E3A39;
	line-height: 1;
	width: 8px;
	height: 8px;
	border: 2px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-50%) rotate(135deg);
}

.club .sec02__item:nth-of-type(2) {
	margin-left: 0;
}

@media screen and (max-width: 767px) {
	.club .sec02__item {
		height: 45px;
		font-size: 0.875rem;
		letter-spacing: 0.084em;
	}
	.club .sec02__item::after {
		right: 10px;
		width: 6px;
    height: 6px;
    border-width: 1px;
	}
}

.club .ttl__style01 {
	padding: 0 30px 14px 30px;
	border-bottom: 1px solid #3E3A39;
	color: #3E3A39;
	font-family: inherit;
	font-size: 2.125rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.085em;
}

.club .sec03 {
	padding-top: 72px;
	padding-bottom: 0;
	background-color: hsla(184, 100%, 96%, 1);
	background-image:
	radial-gradient(at 40% 20%, hsla(354, 97%, 85%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 0%, hsla(189, 100%, 81%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(4, 100%, 88%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(4, 100%, 88%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(193, 47%, 90%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(60, 100%, 87%, 1) 0px, transparent 50%);
	background-size: cover;
}

.club .clubbox {
	margin: 0;
	column-gap: 24px;
	row-gap: 30px;
}

.club .l-box {
	margin-inline: calc((100% - 860px) / 2);
}

@media screen and (max-width: 991px) {
	.club .l-box {
		margin-inline: 19px;
	}
}

@media screen and (max-width: 767px) {
	.club .sec03 {
		padding-top: 28px;
	}
	.club .l-box {
		margin-inline: 30px;
	}
}

.club .club-card {
	position: relative;
	margin: 0;
	width: calc((100% - 48px) / 3);
}

.club .club-card > * {
	border: 1px solid #3E3A39;
}

.club .club-card img {
	height: 270px;
	aspect-ratio: 1 / 1;
	border-radius: 14px 14px 0 0;
	border-width: 1px 1px 0 1px;
}

@media screen and (max-width: 991px) {
	.club .club-card {
		width: calc((100% - 24px) / 2);
	}
}

@media screen and (max-width: 767px) {
	.club .club-card {
		border-radius: 14px;
		width: 100%;
	}
	.club .club-card img {
		height: auto;
	}
}

.club .detail {
	border-radius: 0 0 14px 14px;
	border-width: 0 1px 1px 1px;
}

.club .club-card__h-box {
	padding-left: 0;
	background: #F5EEE7;
	border-width: 0 1px;
}

.club .club-card__h {
	padding: 14px 10px;
	color: #3E3A39;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
	.club .club-card__h {
		padding: 10px;
		font-size: 0.9375rem;
		letter-spacing: 0.075em;
	}
}

.club .detail__btn {
	color: #3E3A39;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.06em;
}

.club .detail .detail__btn::after, .club .detail .detail__btn::before {
	background-color: #3E3A39;
}

.club .btn {
	padding: 4px 5px;
	border-radius: 5px;
	border: 1px solid #3E3A39;
	background-color: transparent;
	height: 24px;
    width: 52px;
	top: 3px;
	color: #3E3A39;
	font-family: var(--font-en);
	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.06em;
}

.club .btn--sns::before,
.club .btn--blog::before {
	width: 15px;
	height: 16px;
}

@media screen and (max-width: 767px) {
	.club .btn {
		top: 0;
	}
}

.club .detail__txt,
.club .detail__box th,
.club .detail__box td {
	color: #3E3A39;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 2;
}

.club .detail__box th {
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	.club .detail__txt,
	.club .detail__box th,
	.club .detail__box td {
		font-size: 0.75rem;
	}
	.club .detail__txt {
		padding-bottom: 10px;
    margin-bottom: 10px;
	}
}

.club .voice-page .postbox {
	padding-bottom: 100px;
	background-color: hsla(184, 100%, 96%, 1);
	background-image:
	radial-gradient(at 40% 20%, hsla(354, 97%, 85%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 0%, hsla(189, 100%, 81%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 50%, hsla(4, 100%, 88%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(4, 100%, 88%, 1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(193, 47%, 90%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(60, 100%, 87%, 1) 0px, transparent 50%);
	background-size: cover;
}

@media screen and (max-width: 767px) {
	.club .voice-page .postbox {
		padding-bottom: 48px;
	}
}






/* 2026 記事セット */

.sub-page {
	font-weight: 500;
	color: var(--color_txt);
}

/* h1見出し */
.page-ttl-area {
	height: 390px;
	@media screen and (max-width: 767px) {
		height: 142px;
	}
	.page-ttl {
		color: var(--color_txt);
		font-family: var(--noto);
		font-size: 46px;
		font-style: normal;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.05em;
		@media screen and (max-width: 767px) {
			font-size: 1.5rem;
		}
		&::before {
			content: none;
		}
		&::after {
			padding-top: 23px;
			color: var(--color_txt);
			font-family: Inter;
			font-size: 18px;
			/* font-style: normal; */
			font-weight: 500;
			@media screen and (max-width: 767px) {
				padding-top: 6px;
				font-size: 0.6785rem;
			}
		}
	}
}


/* h3見出し */
.ttl__style01-wrap {
	.ttl__style01 {
		/* h3_top */
		padding: 0 30px 14px;
		border-bottom: 1px solid currentColor;
		color: var(--color_txt);
		font-family: var(--noto);
		font-size: 2.125rem;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: 0.05em;
		@media screen and (max-width:767px) {
			padding: 0 16px 8px;
			font-size: 1.5rem;
		}
	}

}

/* ファイルアイコン */
.document__link {
	a {

	}
	.document__pdf,
	.document__excel,
	.document__word {
		border-radius: 4px;
		border-color: var(--color_main);
		color: var(--color_main);
	}
}

/* 戻るボタン */
.back-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: 50px;
	margin-bottom: 120px;
	padding: 18px 55px;
	border: 2px solid #3E3A39;
	border-radius: 10px;
	height: 100%;
	background: #F5EEE7;
	box-shadow: 3px 4px 0 0 #3E3A39;
	color: #3E3A39;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	&::before,
	&::after {
		display: none;
	}

	span {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 15px;
		top: 50%;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		transform: translateY(-50%);

		&::before {
			content: "";
			display: inline-block;
			width: 10px;
			height: 10px;
			mask-image: url(../images/common/icon_arrow-right-01.svg);
			mask-repeat: no-repeat;
			mask-position: center center;
			mask-size: contain;
			transform: rotate(180deg);
			background-color: #3E3A39;
		}
	}
}


/* 施設紹介 /schoollife/facility-introduction/ */
.facility-introduction {
	.facilityintroduction-page {
		.sec00-a {
			.outline {
				padding-top: 40px;
				padding-bottom: 40px;
				border-top: 1px solid var(--color_line);
				border-bottom: 1px solid var(--color_line);
			}

		}
		.sec01 {
			.facility__item {
				margin-top: 40px;
				overflow: clip;
				font-size: 1rem;
				border-radius: 20px;
				border: 1px solid var(--color_txt);
				width: calc((100% - 36px) / 2);
				@media screen and (max-width: 767px) {
					width: 100%;
					/* margin-top: 30px; */
				}

				&:first-of-type {
					margin-top: 0;
					width: 100%;
					.facility__thumb {
						@media screen and (min-width: 768px) {
							aspect-ratio: 960 / 270;
						}
					}
				}
			}
			.facility__thumb {
				aspect-ratio: 460 / 277;
				width: 100%;
				img,
				picture {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.facility__item-4gyo {
				margin-top: 40px;
				width: calc((100% - 36px) / 2);
				@media screen and (max-width: 767px) {
					width: 100%;
					margin-top: 30px;
				}
			}
			.facility__body {
				position: static;
				transform: translateY(0);
				background: transparent;
				margin-inline: 0;
				padding: 30px;
				@media screen and (max-width: 767px) {
					width: 100%;
					padding: 15px;
				}
			}
			.facility__ttl {
				color: var(--color_txt);
				font-size: 1.625rem;
				font-weight: 700;
				line-height: 1.4;
				letter-spacing: 0.05em;
				@media screen and (max-width: 767px) {
					font-size: 1.25rem;
				}
			}
			.facility__txt {
				height: auto;
			}
		}
	}
}


/* faqアコーディオン /schoollife/faq/ */
.qa-items {

}
.qa-item {
	overflow: clip;
	border: 2px solid var(--color_txt);
	border-radius: 12px;
	font-size: 1rem;
	line-height: 2;
	& + & {
		margin-top: 20px;
	}
	.question {
		display: grid;
		padding: 22px 40px;
		grid-template-columns: 20px 1fr 14px;
		gap: 20px;
		align-items: center;
		background: var(--color_bg_beige);
		@media screen and (max-width: 767px) {
			grid-template-columns: 1fr 14px;
			gap: 12px;
			padding: 12px 15px;
		}
		&::before {
			position: static;
		}
		&::after {
			position: static;
		}
		&.arrow01 {
			&::after {
				width: 10px;
				height: 10px;
				border-color: currentColor currentColor transparent transparent;
			}
		}
		/* アコーディオン開いた時 */
		&.open {
			&.arrow01 {
				&::after {
					width: 10px;
					height: 10px;
					border-width: 2px;
					border-color: currentColor currentColor transparent transparent;
				}
			}
			.answer {
				display: grid;
				grid-template-columns: 20px 1fr;
				gap: 20px;
				@media screen and (max-width: 767px) {
					grid-template-columns: 1fr;
					padding: 12px 15px;
				}
				&::before {
					position: static;
				}
			}
		}
	}

}


/* faqs: .courseinfo の .qa-item .question に合わせたスタイル */
.faqs .question {
    display: grid;
    grid-template-columns: 20px 1fr 14px;
    gap: 20px;
    align-items: center;
    padding: 22px 40px;
    background: var(--color_bg_beige);
    border-bottom: none;
    font-weight: 500;
}
.faqs .question::before,
.faqs .question::after {
    position: static;
    color: inherit;
    font-size: 24px;
}
.faqs .question.arrow01::after {
    width: 10px;
    height: 10px;
    border-color: currentColor currentColor transparent transparent;
}
.faqs .question.open.arrow01::after {
    width: 10px;
    height: 10px;
    border-width: 2px;
    border-color: currentColor currentColor transparent transparent;
}
@media screen and (max-width: 767px) {
    .faqs .question {
        grid-template-columns: 1fr 14px;
        gap: 12px;
        padding: 12px 15px;
    }
}
.faqs .answer {
    padding: 18px 30px 18px 80px;
}
.faqs .answer::before {
    position: absolute;
    color: inherit;
    font-size: 24px;
    top: 18px;
    left: 40px;
}
@media screen and (max-width: 767px) {
    .faqs .answer {
        padding: 12px 15px;
    }
}

/* 区切り線 */
.bar01 {
	height: 0;
	border: 1px solid var(--color_line);
	background: none;
	transform: scaleY(0.5);
    transform-origin: 50% 0%;
	&::before,
	&::after {
		content: none;
	}
}


/* 記事一覧 /schoollife/bloglist/ */
.post__list {
	.post__item {
		display: grid;
		grid-template-columns: auto auto 1fr;
		padding: 16px 20px;
		align-items: center;
		gap: 16px;
		font-size: 0.875rem;
		align-self: stretch;
		font-weight: 500;
		@media screen and (max-width: 767px) {
			/* grid-template-columns: auto auto;
			justify-content: start; */
			display: flex;
			flex-wrap: wrap;
			gap: 8px 12px;
		}
		&:nth-of-type(2n + 1) {
			background-color: var(--color_bg_beige);
		}
	}
	.post__day {
		font-family: Roboto;
		font-size: 0.9375rem;
		line-height: 1.5;
	}
	.post__icon {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 4px;
		align-items: center;
		padding: 3px 10px;
		border: 1px solid currentColor;
		border-radius: 4px;
		min-width: 90px;
		width: auto;
		background: #fff;
		font-size: 0.75rem;
		color: var(--color_txt);
		line-height: 1.5;
		&::before {
			content: '';
			display: block;
			width: 12px;
			aspect-ratio: 1;
			border-radius: 100%;
			background: var(--_cl_icon, var(--cl_skyblue));
		}
	}
	.post__link {
		@media screen and (max-width: 767px) {
			width: 100%;
		}
	}
}
/* ニュース種別ごとのスタイル上書き */
.newslist .newslist-page,
.swas .swas-page,
.general .general-page,
.for_examinee .for_examinee-page,
.for_graduates .for_graduates-page,
.utsblog .utsblog-page,
.clubblog .clubblog-page,
.library .library-page,
.for_parents .for_parents-page,
.news .news-page,
.topics .topics-page,
.bloglist .bloglist-page {
	.sec01 {
		.post__icon {
			display: grid;
			grid-template-columns: auto 1fr;
			gap: 4px;
			align-items: center;
			padding: 3px 10px;
			border: 1px solid currentColor;
			min-width: 90px;
			width: auto;
			background: #fff;
			font-size: 0.75rem;
			color: var(--color_txt);
			line-height: 1.5;
			&::before {
				content: '';
				display: block;
				width: 12px;
				aspect-ratio: 1;
				border-radius: 100%;
				background: var(--_cl_icon);
			}
		}
	}
}

.custom-pagination  {
	.pager {
		color: var(--color_txt);
	}
	.current {
		background: var(--color_bg_beige);
		color: var(--color_txt);
		border: 1px solid currentColor;
	}

	@media screen and (max-width: 767px) {
		display: flex;
		justify-content: center;

		.page_num {
			display: flex;
			align-items: center;
			gap: 2px;
		}

		.pager {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			border-radius: 30px;
			font-size: 16px;
			font-weight: 500;
			text-decoration: none;
		}

		.prev,
		.next,
		.first,
		.last {
			width: 10px;
			height: 20px;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			position: relative;
			margin: 0 6px;
		}

		.first::before,
		.last::before {
			content: "";
			position: absolute;
			display: block;
			bottom: 0;
			left: 4px;
			width: 100%;
			height: 100%;
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}

		.prev,
		.first {
			background-image: url("../images/common/icon_arrow-left-03.svg");
		}

		.prev::before,
		.first::before {
			background-image: url("../images/common/icon_arrow-left-03.svg");
		}

		.next,
		.last {
			background-image: url("../images/common/icon_arrow-right-03.svg");
		}

		.next::before,
		.last::before {
			background-image: url("../images/common/icon_arrow-right-03.svg");
		}
	}
}

/* ===== bloglist: club__list ===== */
.bloglist .bloglist-page .sec03 .club__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.bloglist .bloglist-page .sec03 .club__item {
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 14px;
	overflow: hidden;
	background: none;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.bloglist .bloglist-page .sec03 .club__item:last-of-type {
	margin-bottom: 0;
}

.bloglist .bloglist-page .sec03 .club__item a {
	display: flex;
}

.bloglist .bloglist-page .sec03 .club__link {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.bloglist .bloglist-page .sec03 .club__img {
	width: 100%;
	height: 152px;
	object-fit: cover;
	display: block;
	margin-bottom: 0;
}

.bloglist .bloglist-page .sec03 .club__ttl {
	background: var(--color_bg_beige);
	color: var(--color_txt);
	padding: 20px 20px 0;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.4;
	flex-grow: 1;
}

.bloglist .bloglist-page .sec03 .club__ttl small {
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	margin-bottom: 2px;
}

.bloglist .bloglist-page .sec03 .club__txt {
	background: var(--color_bg_beige);
	color: var(--color_txt);
	padding: 10px 20px 20px;
	text-align: center;
	font-size: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	position: static;
}

.bloglist .bloglist-page .sec03 .club__txt img {
	width: 10px;
	height: 10px;
	position: static;
	margin-left: 0;
	top: auto;
}

@media (max-width: 768px) {
	.bloglist .bloglist-page .sec03 .club__list {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.bloglist .bloglist-page .sec03 .club__img {
		height: 158px;
	}

	.bloglist .bloglist-page .sec03 .club__ttl {
		padding: 15px 15px 0;
		font-size: 1.125rem;
	}

	.bloglist .bloglist-page .sec03 .club__ttl small {
		font-size: 0.75rem;
	}

	.bloglist .bloglist-page .sec03 .club__txt {
		padding: 8px 15px 15px;
		font-size: 0.6875rem;
		gap: 6px;
	}

	.bloglist .bloglist-page .sec03 .club__txt img {
		width: 9px;
		height: 9px;
	}
}

/* ===== courseinfo: voice__container accordion ===== */
.courseinfo div + .voice__container {
	margin-top: 50px;
}

.courseinfo .voice__container + .voice__container {
	margin-top: 30px;
}

.courseinfo .voice__container__head {
	background: var(--color_purple);
	border-radius: 12px;
	height: 78px;
	padding: 15px 40px;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 2;
	color: #fff;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.courseinfo .voice__container__head.arrow01:after {
	right: 40px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.result__ttl-beige {
	background-color: var(--color_beige);
}

@media (max-width: 768px) {
	.courseinfo .voice__container__head {
		border-radius: 8px;
		height: auto;
		padding: 10px 15px;
		font-size: 1rem;
		letter-spacing: 0.05em;
		line-height: 1.6;
	}

	.courseinfo .arrow01:after {
		right: 15px;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
}

/* 202606 exam */
.examinfo .cell01 {
	background-color:#BF4896;
}

.examinfo .cell01-dark {
	background-color: #E7B9D7;
}

.examinfo .cell01-light {
	background-color: #EFD1E4;
}

.examinfo .cell01-superlight {
	background-color: #F6E5F0;
}

.examinfo .cell02 {
	background-color: #009FB0;
}

.examinfo .cell02-dark {
	background-color: #ADE0E5;
}

.examinfo .cell02-light {
	background-color: #C9EAEE;
}

.examinfo .cell02-superlight {
	background-color: #E6F6F8;
}

.examinfo .cell03 {
	background-color:#F18D00;
}

.examinfo .cell03-dark {
	background-color: #FAD8A8;
}

.examinfo .cell03-light {
	background-color: #FBE2BF;
}

.examinfo .cell03-superlight {
	background-color: #FDEFDB;
}

/* 202606 disclosure */
.disclosure .disclosure-page .document__ttl {
	flex-shrink: 0;
}

@media screen and (min-width: 768px) {
	.disclosure .disclosure-page .document__link a {
		margin-left: 10px;
		min-height: 30px;
		height: auto;
	}
}

/* 202606 feature */
.feature .feature-page .sec01__ttl span {
	color: var(--color_txt);
}

.feature .feature-page .ttl__ribbon span,
.feature .feature-page .ttl__ribbon-small span {
	background-color: var(--color_lightgray);
	color: var(--color_txt);
}

.feature .feature-page .sec02 .goal__num {
	background-color: var(--color_lightgray);
	color: var(--color_txt);
}

.feature .feature-page .sec02 .program {
	background: var(--color_lightgray);
}

.feature .feature-page .sec02 .program__item {
	background-color: var(--color_txt);
}

.feature .feature-page .ttl__style04::after {
	background-color: var(--color_txt);
}

@media (min-width: 768px) {
	.feature .feature-page .sec01__ttl,
	.feature .feature-page .sec04__sttl {
		font-size: 1.95rem;
	}
	.feature .feature-page .sec02 .sec02__sttl {
		font-size: 1.5rem;
	}
}

@media (max-width: 767px) {
	.feature .feature-page .sec01 .rank.rank01 .rank__img {
		width: 60%;
	}
	.feature .feature-page .sec01 .rank.rank03 .rank__img {
		width: 73%;
	}
	.feature .feature-page .sec01__ttl,
	.feature .feature-page .sec04__sttl {
		font-size: 1.35rem;
	}
	.feature .feature-page .sec02 .sec02__sttl {
		font-size: 1.66rem;
	}
}

/* 202606 entry-event */
.entry-event .bg01,
.entry-event .bg02,
.entry-event .bg03 {
	background: var(--color_gr_beige);
}

.entry-event .table__h {
	background-color: var(--color_lightbeige);
	color: var(--color_beige);
}

.entry-event .table__time {
	color: var(--color_beige);
}

.entry-event .sec02 {
	background-image: url(../../assets/images/examinfo/event/bg_pattern05.png);
}

.entry-event .form {
	background-color: var(--color_lightbeige);
}
.entry-event .form__h {
	color: var(--color_beige);
}

.entry-event .form__block {
	border: 2px solid var(--color_beige);
	background: #fff;
	color: var(--color_beige);
}

/* 202606 schoollife */
.schoollife .schoollife-page .sec01 .list__item:last-of-type .list__thumb::after {
	display: none;
}

/* 202606 voice */
.voice-page .postlist__h1 {
	background-color: var(--color_beige);
}

/* 202606 special2 */
.special2 .document__pdf {
	border-color: #6abd79;
	color: #6abd79;
}