@charset "utf-8";
/* Copyright 2020 FSFIELD All Rights Reserved. */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ(英)

	------------------------------------------------------------ */

	/* メインビジュアル
	---------------------------------------------- */
	.main{
		background:url("../img/home/pc/img_main01.jpg") no-repeat center;
		background-size: cover;
		width: 100%;
		height: calc(100vh - 190px);
		min-height: 450px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-end;
		align-items: flex-end;
	}
	
	.main_inner{
		font-size: 3rem;
		font-weight: bold;
		line-height: 1.4;
		color: #FFF;
		background: linear-gradient(90deg, rgba(176,26,157,0.9) 0%, rgba(124,2,26,0.9) 60%, rgba(124,2,26,0.9) 100%);
		padding: 50px 60px 130px 60px;
		width: 50%;
	}

	/* 筑波大学とNIMSで学位取得！
	---------------------------------------------- */
	.about{padding: 0 60px 100px;}
	
	.about_inner{
		max-width: 1400px;
		margin: 0 auto -80px;
		display: -webkit-flex;
		display: flex;
		padding: 60px;
		background: #FFF;
		position: relative;
		top: -80px;
		box-shadow: 0px 5px 10px hsla(0, 0%, 0%, 0.06);
	}
	
	.about_inner .inner_l,
	.about_inner .inner_r{width: 50%;}
	
	.about_inner .inner_l{padding-right: 30px;}
	
	.about_inner .inner_l figure img{width: 100%;}
	
	.about_inner .inner_r{
		padding-left: 30px;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.about_inner .inner_r h2{
		font-size: 3rem;
		font-weight: bold;
		margin-bottom: 18px;
		line-height: 1.4;
		margin-right: -6px;
	}
	
	.about_inner .inner_r .txt{
		font-size: 1.5rem;
		line-height: 1.8;
		margin-bottom: 43px;
	}
	
	/* お知らせ
	---------------------------------------------- */
	.news{padding-bottom: 100px;}
	
	.news_inner{
		width: 100%;
		max-width: 1520px;
		margin: 0 auto;
		padding: 0 120px;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.news_inner .inner_l{width: 260px;}
	
	.news_inner .inner_l h3{
		font-size: 3rem;
		font-weight: bold;
		line-height: 1.2;
		white-space: nowrap;
	}
	
	.news_inner .inner_r{
		width: 100%;
		flex-basis: 0;
		flex-grow: 1;
	}
	
	/*--記事--*/
	.article_news{
		padding: 20px 0 15px;
		border-bottom: 1px solid #DCDCDC;
	}
	
	.article_news:first-child{border-top: 1px solid #DCDCDC;}
	
	.article_info{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		line-height: 1;
		margin-bottom: 10px;
	}
	
	.article_info time{
		display: inline-block;
		font-family: 'Oswald';
		color: #7F7F7F;
		font-size: 1.5rem;
		margin-right: 15px;
	}
	
	.article_info .ico{
		background: #4B050E;
		width: 135px;
		height: 28px;
		color: #FFF;
		font-size: 1.2rem;
		margin-right: 5px;
		padding-left: 22px;
		position: relative;
		line-height: 28px;
		text-align: center;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 31px;
	}
	
	.article_info .ico.important{
		background-color: #DF3946;
		background-image: url("../img/ico_news04.png");
	}
	
	.article_info .ico.recruit{background-image: url("../img/ico_news01.png");}
	.article_info .ico.award_news{background-image: url("../img/ico_news02.png");}
	.article_info .ico.briefing{background-image: url("../img/ico_news03.png");}
	
	.ico_news{
		width: 48px;
		background: #FFF;
		font-size: 1rem;
		line-height: 24px;
		color: #DF3946;
		border: 2px solid #DF3946;
		border-radius: 20px;
		text-align: center;
	}
	
	.article_content{line-height: 1.6;}
	
	.article_content img{max-width: 100%;}
	
	.article_content a{
		color: #A41D5F;
		text-decoration: underline;
	}
	
	.article_content a:hover{
		opacity: 0.7;
		text-decoration: none;
	}
	
	.article_news.important .article_content{
		color: #DF3946;
		font-weight: bold;
	}
	
	/* ホームナビ
	---------------------------------------------- */
	.wrap_nav_home{
		position: relative;
		padding: 100px 30px;
	}

	.wrap_nav_home::before{
		content: "";
		display: block;
		background: linear-gradient(90deg, #B01A9D 0%, #7C021A 60%, #7C021A 100%);
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 223px;
	}
	
	.nav_home{
		margin: 0 auto;
		width: 100%;
		max-width: 1460px;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.nav_home_inner{
		width: 33.33%;
		padding: 0 30px;
		text-align: center;
	}
	
	.nav_home_inner .image{
		padding-top: 57.98%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom: 30px;
	}
	
	.nav_home_inner:nth-child(1) .image{background-image: url("../img/home/img_nav_home01.jpg");}
	.nav_home_inner:nth-child(2) .image{background-image: url("../img/home/img_nav_home02.jpg");}
	.nav_home_inner:nth-child(3) .image{background-image: url("../img/home/img_nav_home03.jpg");}
	
	.nav_home_inner h2{
		font-size: 2.4rem;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 30px;
	}
	
	.nav_home_inner .lead{
		font-size: 1.5rem;
		line-height: 1.4;
		margin-bottom: 40px;
	}
	
	.nav_home_inner .btn_type01{margin-bottom: 10px;}
	
	.nav_home_inner .btn_type01:last-of-type{margin-bottom: 0;}
	
	/* 学生の受賞・イベント
	---------------------------------------------- */
	.award_event{
		display: -webkit-flex;
		display: flex;
	}
	
	.award_event .award,
	.award_event .event{
		width: 50%;
		overflow: hidden;
		position: relative;
		
	}
	
	.award_event .award::before,
	.award_event .event::before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-size: cover !important;
		transition: transform .8s;
	    transition-timing-function: cubic-bezier(0, 0.3, 0.25, 1);
	    -webkit-backface-visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	
	.award_event .award::before{background: url("../img/home/bg_award02.jpg") no-repeat center;}
	
	.award_event .event::before{background: url("../img/home/bg_event02.jpg") no-repeat center;}
	
	.award_event .award:hover:before,
	.award_event .event:hover:before{transform:scale(1.05) rotate(0.001deg);}

	.award_event .award a,
	.award_event .event a{
		display: block;
		padding-top: 41.04%;
		text-align: center;
		color: #FFF;
	}
	
	.award_event .award .inner,
	.award_event .event .inner{
		text-align: center;
		width: 60%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -30%;
		margin-top: -35px;
	}
	
	.award_event .award h2,
	.award_event .event h2{
		display: inline-block;
		font-size: 3rem;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 30px;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
		position: relative;
	}
	
	.award_event .award h2::before,
	.award_event .event h2::before{
		content: "";
		display: block;
		width: 14px;
		height: 14px;
		background:url("../img/ico_tab02.png") no-repeat 0 0;
		background-size: contain;
		position: absolute;
		top: 15px;
		right: -25px;
	}
	
	.award_event .award .lead,
	.award_event .event .lead{
		line-height: 1;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
	}
	

}/*--@media--*/


@media only screen and (min-width:1200px) and (max-width:1499px){ /* 表示領域が1200px以上1499px以下の場合に適用するスタイル */
	
	.main_inner{font-size: calc((50vw - 128.5px) * 0.0642);}
	
	
}/*--@media--*/


@media only screen and (min-width:1500px){ /* 表示領域が1500px以上の場合に適用するスタイル */
	
	.main_inner{font-size: 4rem;}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	トップページ(英)

	------------------------------------------------------------ */

	/* メインビジュアル
	---------------------------------------------- */
	.main{
		position: relative;
		padding-top: 375px;
	}
	
	.main::before{
		content: "";
		display: block;
		width: 100%;
		height: 375px;
		background:url("../img/home/sp/img_main01.jpg") no-repeat center;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	
	.main_inner{
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.4;
		color: #FFF;
		background: linear-gradient(90deg, rgba(176,26,157,0.9) 0%, rgba(124,2,26,0.9) 60%, rgba(124,2,26,0.9) 100%);
		padding: 30px 30px 60px;
		width: 100%;
	}
	
	/* 筑波大学とNIMSで学位取得！
	---------------------------------------------- */
	.about{padding: 0 30px 30px;}
	
	.about_inner{
		padding: 30px 30px 40px;
		background: #FFF;
		position: relative;
		top: -30px;
		box-shadow: 0px 5px 10px hsla(0, 0%, 0%, 0.06);
	}
	
	.about_inner .inner_l{margin-bottom: 25px;}
	
	.about_inner .inner_l figure img{width: 100%;}
	
	.about_inner .inner_r{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	
	.about_inner .inner_r h2{
		font-size: 2rem;
		font-weight: bold;
		margin-bottom: 20px;
		line-height: 1.4;
	}
	
	.about_inner .inner_r .txt{
		line-height: 1.8;
		margin-bottom: 35px;
	}
	
	/* お知らせ
	---------------------------------------------- */
	.news{padding: 0 30px 60px;}
	
	.news_inner .inner_l{margin-bottom: 25px;}
	
	.news_inner .inner_l h3{
		font-size: 2.1rem;
		font-weight: bold;
		line-height: 1.2;
		white-space: nowrap;
	}
	
	/*--記事--*/
	.article_news{
		padding: 20px 0;
		border-bottom: 1px solid #DCDCDC;
	}
	
	.article_news:first-child{border-top: 1px solid #DCDCDC;}
	
	.article_info{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		line-height: 1;
		margin-bottom: 8px;
	}
	
	.article_info time{
		display: inline-block;
		font-family: 'Oswald';
		color: #7F7F7F;
		font-size: 1.5rem;
		margin-right: 10px;
	}
	
	.article_info .ico{
		background: #4B050E;
		width: 111px;
		height: 23px;
		color: #FFF;
		font-size: 1rem;
		margin-right: 5px;
		padding-left: 18px;
		position: relative;
		line-height: 23px;
		text-align: center;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 26px;
	}
	
	.article_info .ico.important{
		background-color: #DF3946;
		background-image: url("../img/ico_news04.png");
	}
	
	.article_info .ico.recruit{background-image: url("../img/ico_news01.png");}
	.article_info .ico.award_news{background-image: url("../img/ico_news02.png");}
	.article_info .ico.briefing{background-image: url("../img/ico_news03.png");}
	
	.ico_news{
		width: 40px;
		background: #FFF;
		font-size: 1rem;
		line-height: 23px;
		color: #DF3946;
		border: 2px solid #DF3946;
		border-radius: 20px;
		text-align: center;
	}
	
	.article_content{line-height: 1.6;}
	
	.article_content img{max-width: 100%;}
	
	.article_content a{
		color: #A41D5F;
		text-decoration: underline;
	}
	
	.article_news.important .article_content{
		color: #DF3946;
		font-weight: bold;
	}
	
	/* ホームナビ
	---------------------------------------------- */
	.wrap_nav_home{
		position: relative;
		padding: 60px 30px;
	}

	.wrap_nav_home::before{
		content: "";
		display: block;
		background: linear-gradient(90deg, #B01A9D 0%, #7C021A 60%, #7C021A 100%);
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 125px;
	}
	
	.nav_home_inner{
		margin-bottom: 60px;
		text-align: center;
	}
	
	.nav_home_inner:last-of-type{margin-bottom: 0;}
	
	.nav_home_inner .image{
		padding-top: 40.95%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom: 20px;
	}
	
	.nav_home_inner:nth-child(1) .image{background-image: url("../img/home/img_nav_home01.jpg");}
	.nav_home_inner:nth-child(2) .image{background-image: url("../img/home/img_nav_home02.jpg");}
	.nav_home_inner:nth-child(3) .image{background-image: url("../img/home/img_nav_home03.jpg");}
	
	.nav_home_inner h2{
		font-size: 2.1rem;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.nav_home_inner .lead{
		font-size: 1.4rem;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	
	.nav_home_inner .btn_type01{margin-bottom: 10px;}
	
	.nav_home_inner .btn_type01:last-of-type{margin-bottom: 0;}
	
	.nav_home_inner .btn_type01 a{max-width: 255px;}
	
	/* 学生の受賞・イベント
	---------------------------------------------- */	
	.award_event .award,
	.award_event .event{
		height: 154px;
		background-size: cover !important;
		position: relative;
	}
	
	.award_event .award{background: url("../img/home/bg_award01.jpg") no-repeat center;}
	
	.award_event .event{background: url("../img/home/bg_event01.jpg") no-repeat center;}
	
	.award_event .award:hover:before,
	.award_event .event:hover:before{transform:scale(1.05) rotate(0.001deg);}

	.award_event .award a,
	.award_event .event a{
		height: 100%;
		text-align: center;
		color: #FFF;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.award_event .award .inner,
	.award_event .event .inner{
		text-align: center;
		width: 60%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -30%;
		margin-top: -35px;
	}
	
	.award_event .award h2,
	.award_event .event h2{
		display: inline-block;
		font-size: 2.1rem;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 13px;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
		position: relative;
	}
	
	.award_event .award h2::before,
	.award_event .event h2::before{
		content: "";
		display: block;
		width: 14px;
		height: 14px;
		background:url("../img/ico_tab02.png") no-repeat 0 0;
		background-size: contain;
		position: absolute;
		top: 7px;
		right: -20px;
	}
	
	.award_event .award .lead,
	.award_event .event .lead{
		font-size: 1.4rem;
		line-height: 1.6;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.33);
	}
	

}/*--@media--*/