@charset "UTF-8";

/* ============================================= common */
.alumniLayout .h2_wrap {
	background-image: url("../img/common/h2_sp.png");
}
.alumniLayout #main .read_t {
    margin-bottom: 40px;
}
.alumniLayout #main .line_li > li:not(:last-child) {
    margin-bottom: 10px;
}
.alumniLayout #main .line_li > li {
    font-weight: normal;
}
.alumniLayout #main .line_li > li > span {
    font-weight: bold;
    display: block;
    color: #47a7a4;
}
.alumniLayout #main .line_li > li::before {
    top: 11px;
}


			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
                .alumniLayout .h2_wrap {
                    background-image: url("../img/common/h2.png");
                }
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 960px) {
                
			}



/* ============================================= alumniIndexLayout */
.alumniIndexLayout #c01 .flex {
    margin-top: 40px;
}
.alumniIndexLayout #c02 .flex {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 4%;
}
.alumniIndexLayout #c02 .flex > li {
    width: calc(96% /2);
}
.alumniIndexLayout #c02 .flex > li a {
    display: flex;
    align-items: center;
    font-weight: bold;
}
.alumniIndexLayout #c02 .flex > li img {
    max-height: 27px;
    margin-left: 0;
    margin-right: 10px;
}
.alumniIndexLayout #c02 .read_t {
    text-align: center;
}
.alumniIndexLayout #c02 .g_box {
    margin-bottom: 60px;
}
.alumniIndexLayout #c02 .boa_box {
    margin-bottom: 80px;
    margin-top: -100px;
    padding-top: 100px;
}
.alumniIndexLayout #c02 .boa_box .h6_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.alumniIndexLayout #c02 .boa_box .h6_wrap img {
    margin-left: 0;
    margin-right: 20px;
    max-height: 68px;
}
.alumniIndexLayout #c02 .boa_box .h6_wrap h6 {
    margin-bottom: 0;
}





			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
                .alumniIndexLayout #c02 .flex {
                    gap: 40px 4%;
                }
                .alumniIndexLayout #c02 .flex > li {
                    width: calc(88% / 4);
                }
                .alumniIndexLayout #c02 .g_box {
                    margin-bottom: 80px;
                }
                .alumniIndexLayout #c02 .boa_box {
                    margin-bottom: 100px;
                }
                .alumniIndexLayout #c02 .boa_box .h6_wrap img {
                    margin-right: 40px;
                }
                
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 960px) {
			}


/* ============================================= alumniActivitiesLayout */
.alumniActivitiesLayout #main h6 {
    text-align: left;
    margin-bottom: 50px;
}
.alumniActivitiesLayout #main .t_bold {
    margin-bottom: 30px;
}
.alumniActivitiesLayout #main .link_t {
    position: relative;
    display: inline-block;
    padding-right: 60px;
}
.alumniActivitiesLayout #main .link_t::after {
    position: absolute;
    content: "→";
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    transition: all 0.3s;
}
.alumniActivitiesLayout #main .link_t:hover::after {
    right: 0;
}



			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 960px) {
			}




/* ============================================= alumniIamLayout */
.alumniIamLayout #main .cassette:not(:last-of-type) {
    padding-bottom: 0;
}
.alumniIamLayout #main .cassette:not(:last-of-type) .inner {
    padding-bottom: 100px;
    border-bottom: 1px solid #d4d4d4;
}
.alumniIamLayout #main td ol {
    margin-left: 20px;
}
.alumniIamLayout #main td ol > li:not(:last-child), .alumniIamLayout #main td ul > li:not(:last-child) {
    margin-bottom: 5px;
}
.alumniIamLayout #main .line_li {
    margin-bottom: 40px;
}
.alumniIamLayout #main .flex {
    margin-top: 40px;
}



			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
                .alumniIamLayout #main .flex {
                    justify-content: flex-start;
                }
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 960px) {
			}





/* ============================================= alumniIamLayout */





			/* 【タブレット用のスタイル記述】 */
			@media screen and (min-width: 761px) {
			}		
			/* 【PC用のスタイル記述】 */
			@media screen and (min-width: 960px) {
			}