@charset "utf-8";

/* ===============================================
	page_header
================================================== */
	.page_header {
		margin: 0;
		padding: 3rem 0;
		background-image: url(../img/back/mainv.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position-y: 5%;
	}

	.page_tit{
		font-size: 36px;
		font-weight: bold;
		position: relative;
		padding-left: 2rem;
	}

	.page_tit::before{
		content: '';
		width: 16px;
		height: 16px;
		border-radius: 50px;
		background-color: var(--green);
		position: absolute;
		left: 0px;
		top: 12px;
	}
	/* -------------------------------------------
		page_header > SP
	--------------------------------------------- */
	@media (min-width:0px) {
		.page_header {
			margin-top: 0rem;
		}
	}
	/* -------------------------------------------
		page_header > TABLET
	---------------------------------------------- */
	@media (min-width:720px) {
		.page_header {
		}
	}
	/* -------------------------------------------
		page_header > PC
	---------------------------------------------- */
	@media (min-width:1028px) {
		.page_header {
		}
	}

/* ===============================================
	page--ttl
================================================== */
	.page--ttl {
		font-size: 1.5rem;
	}

	.news--ttl{
		margin-bottom: 2rem;
		text-align: center;
		font-size: 0.85rem;
		color: #000;
	}

	.news--ttl span {
		font-family: "SquarePeg-Regular", sans-serif;
		font-size: 3.5rem;
		font-weight: normal;
		margin-bottom: 1rem;
	}

	.policy--ttl{
		text-align: center;
		font-size: 2.25rem;
		position: relative;
	}

	.policy--ttl::after {
		content: '';
		position: absolute;
		bottom: -15px;
		display: inline-block;
		width: 60px;
		height: 5px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: linear-gradient(-225deg, rgb(110 154 210 / 100%) 0%, rgb(126 224 202 / 100%) 100%);
		border-radius: 2px;
	}

	.policy--ttl.page--ttl{
		margin-bottom: 2em;
	}

	.search--map--tit{
		margin-top: 1.5em;
		font-size: 1.75rem;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		border-bottom: solid 2px;
		border-image: linear-gradient(-225deg, rgb(110 154 210 / 100%) 0%, rgb(126 224 202 / 100%) 100%);
		border-image-slice: 1;
	}

	/* -------------------------------------------
		page--ttl > SP
	--------------------------------------------- */
	@media (min-width:0px) {
		.page--ttl {
			margin-top: 1.75rem;
			margin-bottom: 1.75rem;
		}
	}
	/* -------------------------------------------
		page--ttl > TABLET
	---------------------------------------------- */
	@media (min-width:720px) {
		.page--ttl {
			margin-top: 2rem;
			margin-bottom: 2rem;
		}
	}
	/* -------------------------------------------
		page--ttl > PC
	---------------------------------------------- */
	@media (min-width:1028px) {
		
	}
/* ===============================================
	レイアウト 
==================================================*/
	.page-content{
		position: relative;
	}

	.page-content .inner-large{
		margin-top: 1rem;
	}

/* ===============================================
	singleページ
==================================================*/
	.page-content .gray_back{
		width: 100%;
		height: 100%;
		max-width: 100%;
		border-radius: unset;
		top: 0;
		left: 0;
	}

	.page-header__single{
		margin-top: 0;
	}

	.single_con{
		margin: 0rem auto;
		background-color: var(--white);
		border-radius: 30px;
	}

	.single_tit__area{
		padding: 2rem 0 2rem 1.5rem;
		display: block;
		border-bottom: solid 2px;
	}

	.single_cat__area{
		margin-bottom: 1rem;
		display: flex;
		justify-content: flex-end;
    	align-items: center;
	}

	.single_cat__area time{
		margin-right: 1rem;
	}

	/* singleページ カテゴリー調整 */
	.single_cat__area .jukosei_category{
		width: auto;
	}

	@media screen and (min-width: 0px) {
		.page-header__single{
			padding: 2rem 0;
		}

		.single_con{
			padding: 0 1.5rem;
		}

		.single_tit__area{
			padding: 2rem 0 2rem 0rem;
		}

		.single_tit__area .page_tit{
			font-size: 24px;
		}
	}

	@media screen and (min-width: 768px) {
		.page-header__single{
			padding: 3rem 0;
		}

		.single_tit__area{
			padding: 2rem 0 2rem 1.5rem;
		}

		.single_tit__area .page_tit{
			font-size: 36px;
		}
	}

	@media screen and (min-width: 1024px) {
		.single_con{
			padding: 0 3rem;
		}
	}

/* ===============================================
	高大連携トップ
================================================== */
	/* 概要 */
	.kodai_about{
		margin-top: 6rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: var(--white);
		border: solid 2px var(--black);
		border-radius: 30px;
	}

	.kodai_img__area{
		width: calc(25% - 1rem);
		position: relative;
	}

	.kodai_img{
		width: 100%;
		height: auto;
		background-image: url(../img/kodairenkei/kodai_img.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position-x: center;
		aspect-ratio: 4 / 3;
		position: absolute;
		bottom: -20px;
		left: 0;
	}

	.kodai_tx__aera{
		width: calc(75% - 1rem);
		font-size: 20px;
	}

	.kodai_tx__aera p{
		line-height: 1.5;
	}

	/* お知らせ */
	.kodai_news__area{
		height: auto;
		margin-top: 3rem;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.kodai_news__area .news_post{
		padding-top: 0rem;
	}

	.kodai_news__area .news_post time{
		width: 130px;
	}

	.kodai_news__area .news_post a {
		padding-top: 1rem;
		padding-bottom: 1rem;
		display: block;
	}

	/* メニューボタン */
	.menu_area__back{
		margin: 0 auto;
		background-color: var(--gray);
		border-radius: 30px;
	}

	.kodai_menu{
		display: grid;
		gap: 1.5rem;
	}

	.menu1 a,
	.menu2 a,
	.menu3 a,
	.menu4 a,
	.menu5 a{
		position: relative;
	}

	.menu1 span,
	.menu2 span,
	.menu3 span,
	.menu4 span,
	.menu5 span{
		margin-right: 1rem;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.menu1 span{
		width: 50px;
		height: 50px;
		background-image: url(../img/icon/k_search.svg);
	}

	.menu2 {
		grid-row-start: 2;
	}

	.menu2 span{
		width: 100px;
		height: 70px;
		background-image: url(../img/icon/bosyu.svg);
	}

	.menu3 span{
		width: 65px;
		height: 65px;
		background-image: url(../img/icon/moushikomi.svg);
	}

	.menu4 span{
		width: 100px;
		height: 100px;
		background-image: url(../img/icon/jukou.svg);
	}

	.menu5 span{
		width: 100px;
		height: 60px;
		background-image: url(../img/icon/jukousei.svg);
	}

	.kodai_menu li{
		background-color: var(--white);
		border: solid 2px var(--black);
		border-radius: 20px;
	}

	.kodai_menu li a{
		padding: 2rem 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		font-weight: 600;
	}

/* -------------------------------------------
	高大連携 > SP
--------------------------------------------- */
@media (min-width:0px) {
	.kodai_about {
		padding: 2rem;
		flex-wrap: wrap;
	}

	.kodai_img__area{
		margin-bottom: 2rem;
		width: 100%;
	}

	.kodai_img {
        position: relative;
        bottom: 0;
    }

	.kodai_tx__aera{
		width: 100%;
	}

	.kodai_news__area .news_post time{
		margin-right: 0rem;
		padding-top: 1rem;
	}

	.kodai_news__area .news_post a {
		width: 100%;
	}

	.kodai_news__area{
		display: flex;
		flex-wrap: wrap;
	}

	.menu_area__back{
		padding: 3rem;
	}

	.menu_area__back .inner{
		padding: 0;
	}

	.kodai_menu{
		grid-template-columns: 1fr;
		grid-template-rows: repeat(5, 1fr);
	}

	.menu3 {
		grid-row-start: 3;
	}

	.menu4 {
		grid-row-start: 4;
	}

	.menu5 {
		grid-row-start: 5;
	}
}

/* -------------------------------------------
	高大連携 > TABLET
---------------------------------------------- */
@media (min-width:720px) {
	.kodai_about {
		padding: 3rem;
		flex-wrap: nowrap;
	}

	.kodai_img__area{
		margin-bottom: 0;
		width: calc(25% - 1rem);
	}

	.kodai_tx__aera{
		width: calc(75% - 1rem);
	}

	.kodai_news__area .news_post time{
		padding-top: 0rem;
	}

	.kodai_news__area .news_post a {
		width: calc(100% - 130px);
	}

	.kodai_menu{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
	}
			
	.menu1 {
		grid-column: span 2 / span 2;
	}

	.menu3 {
		grid-row-start: 2;
	}

	.menu4 {
		grid-row-start: 3;
	}

	.menu5 {
		grid-row-start: 3;
	}
}

/* -------------------------------------------
	高大連携 > PC
---------------------------------------------- */
@media (min-width:1028px) {

	.menu_area__back{
		padding: 5rem;
	}
}

/* ===============================================
	単位互換 トップ
================================================== */
/* 概要 */
.tani_about{
	margin-top: 5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--white);
	border: solid 2px var(--black);
	border-radius: 30px;
}

.tani_img__area{
	width: calc(25% - 1rem);
	position: relative;
}

.tani_img{
	width: 100%;
	height: auto;
    background-image: url(../img/tani/tani_img.svg);
    background-repeat: no-repeat;
    background-size: contain;
	background-position-x: center;
	aspect-ratio: 4 / 3;
}

.tani_tx__aera{
	width: calc(75% - 1rem);
	font-size: 20px;
}

.tani_tx__aera p{
	line-height: 1.5;
}

/* お知らせ */
.tani_news__area{
	height: auto;
	margin-top: 5rem;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.tani_news__area .news_post{
	padding-top: 0rem;
}

.tani_news__area .news_post time{
	width: 130px;
}

.tani_news__area .news_post a {
	padding-top: 1rem;
	padding-bottom: 1rem;
	display: block;
}

/* 単位互換情報 */
.tanigokan_list{
	margin: 5rem 0;
}

.tanigokan_list h2{
	margin-bottom: 2rem;
}

.schoolname_bt__area{
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1rem;
}

.schoolname_bt__area a{
	padding: 1rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 2px;
	border-radius: 10px;
	font-weight: 600;
}

/* -------------------------------------------
		単位互換 > SP
--------------------------------------------- */
	@media (min-width:0px) {
		.tani_about {
			padding: 2rem;
			flex-wrap: wrap;
		}

		.tani_img__area{
			margin-bottom: 2rem;
			width: 100%;
		}

		.tani_tx__aera{
			width: 100%;
		}

		.tani_img{
			position: relative;
			bottom: 0;
		}

		.tani_news__area{
			display: flex;
    		flex-wrap: wrap;
		}

		.tani_news__area .news_post time{
			margin-right: 0rem;
			padding-top: 1rem;
		}

		.tani_news__area .news_post a {
			width: 100%;
		}
	}
	/* -------------------------------------------
		単位互換 > TABLET
	---------------------------------------------- */
	@media (min-width:720px) {
		.tani_about {
			padding: 3rem;
			flex-wrap: nowrap;
		}

		.tani_img__area{
			margin-bottom: 0;
			width: calc(25% - 1rem);
		}

		.tani_tx__aera{
			width: calc(75% - 1rem);
		}

		.tani_news__area .news_post time{
			padding-top: 0rem;
		}
	
		.tani_news__area .news_post a {
			width: calc(100% - 130px);
		}

	}
	/* -------------------------------------------
		単位互換 > PC
	---------------------------------------------- */
	@media (min-width:1024px) {

	}

	/* -------------------------------------------
		サイトマップ
	---------------------------------------------- */
	.sitemap_page{
		list-style: none;
	}

	.sitemap_page .page_item{
		margin-bottom: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-top: solid 2px var(--black);
	}

	.sitemap_page .page_item a{
		padding-bottom: 1.5rem;
		padding-top: 1.5rem;
		width: 100%;
		display: block;
		color: var(--black);
		text-decoration: none;
	}

	.sitemap_page .page_item a:hover{
		color: var(--green);
	}

	.sitemap_page .page_item:first-child{
		border-top: none;
	}