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

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

	PC

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

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

	トップページ

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

	body{background: #FFF;}

	#wrap_all::after{display: none;}

	.h_logo a,
	.nav_global ul li a{color: #FFF;}

	/* ロゴ
	---------------------------------------------- */
	.tsukuba_logo img:nth-of-type(1){display: block;}

	.tsukuba_logo img:nth-of-type(2){display: none;}

	/* メインビジュアル
	---------------------------------------------- */
	.main{
		height: 680px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		padding: 0 30px;
	}

	.main::after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url("../img/home/pc/img_main01.png") repeat 0 0;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
	}

	.main .slide{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.main .slide img{
		width: 100%;
		height: 680px !important;
		height: auto;
		object-fit: cover;
	}

	.main .slide .slick_class{display: none;}

	.main .slide .slick-slide.slick_class{display: block;}

	.txt_main{
		position: relative;
		z-index: 1;
	}

	.txt_main01{
		font-family: "Roboto";
		font-style: italic;
		font-weight: 700;
		color: #ffa500;
		line-height: 1;
		font-size: 8.8rem;
		letter-spacing: 0.05em;
		margin-bottom: 15px;
	}

	.txt_main02{
		font-size: 3.2rem;
		line-height: 1;
		font-weight: 700;
		color: #FFF;
		display: flex;
		align-items: center;
		margin-bottom: 45px;
	}

	.txt_main02::before{
		content: "";
		background: #ffa500;
		display: inline-block;
		width: 240px;
		height: 6px;
		margin-right: 40px;
		transform: skewX(-35deg);
	}

	.date_main{
		color: #FFF;
		font-size: 2.8rem;
		font-family: "Roboto";
		line-height: 1.4;
		letter-spacing: 0.05em;
		font-style: italic;
		margin-bottom: 60px;
	}

	.date_main p:first-of-type{margin-bottom: 20px;}

	.date_main p span{font-size: 7rem;}

	/*--最新情報はこちら--*/
	.btn_news_main a{
		width: 260px;
		display: block;
		background: #FFF;
		font-weight: 700;
		font-size: 2rem;
		border-radius: 5px;
		padding: 20px 0;
		text-align: center;
		line-height: 1;
		filter: drop-shadow(0 0 10px #333);
	}

	.btn_news_main a span{
		color: #45505A;
		transition: opacity .3s;
	}

	.btn_news_main a:hover span{opacity: 0.7;}

	/*--参加登録はこちら--*/
	.btn_regist_main{
		position: absolute;
		right: 40px;
		bottom: -110px;
		z-index: 1;
	}

	.btn_regist_main a{
		width: 220px;
		height: 220px;
		border-radius: 220px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		color: #FFF;
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1.2;
		position: relative;
		z-index: 0;
	}

	.btn_regist_main a::before{
		content: "";
		display: block;
		background: #ffa500;
		width: 220px;
		height: 220px;
		border-radius: 220px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		transform: scale(1.0001);
		transition: transform .5s;
	}

	.btn_regist_main a:hover::before{transform: scale(1.15);}

	.btn_regist_main p:nth-of-type(1){margin-bottom: 8px;}

	.btn_regist_main p:nth-of-type(2){font-size: 1.4rem;}

	/* シンポジウムについて
	---------------------------------------------- */
	.about{
		width: 800px;
		margin: 0 auto;
		text-align: center;
		padding: 125px 0 200px;
	}

	.ttl_about01{margin-bottom: 30px;}

	.ttl_about01 p{
		color: #ffa500;
		font-size: 1.4rem;
		line-height: 1.2;
		font-family: 'Roboto';
		font-style: italic;
		font-weight: bold;
		letter-spacing: 0.05em;
		padding: 7px 0 5px;
		margin-bottom: 20px;
		position: relative;
	}

	.ttl_about01 p::before,
	.ttl_about01 p::after{
		content: "";
		display: block;
		background: #ffa500;
		width: 43px;
		height: 1px;
		position: absolute;
		left: 50%;
		margin-left: -22px;
	}

	.ttl_about01 p::before{
		top: 0;
		transform: translate(15px, 0);
	}

	.ttl_about01 p::after{
		bottom: 0;
		transform: translate(-15px, 0);
	}

	.ttl_about01 h2{
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1;
	}

	 .about .txt{line-height: 2.2;}

	/*　学生研究　プロジェクト研究
	---------------------------------------------- */
	.research_content{
		position: relative;
		margin-bottom: 140px;
	}

	.research_content::before{
		content: "";
		width: 100%;
		height: 100%;
		background: #F4F4F4;
		position: absolute;
		top: -3px;
		left: 0;
		transform-origin: top center;
		transform: rotate(10deg) scaleX(2);
		z-index: -1;
	}

	.wrap_research{
		width: 80%;
		margin-bottom: 140px;
		position: relative;
	}

	.wrap_research:last-of-type{margin-bottom: 0;}

	.wrap_research:nth-of-type(odd){margin-left: auto;}

	.wrap_research .item{display: flex;}

	.wrap_research:nth-of-type(even) .item{flex-direction: row-reverse;}

	.wrap_research .heading01{
		position: absolute;
		top: -24px;
		text-align: left;
	}

	.wrap_research:nth-of-type(odd) .heading01{left: -50px;}

	.wrap_research:nth-of-type(even) .heading01{right: -60px;}

	.wrap_research .heading01::before{left: 40px;}
	.wrap_research .heading01::after{left: 40px;}

	.wrap_research .item .inner{
		background: #FFF;
		width: 38.2%;
		min-height: 410px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 70px;
	}

	.wrap_research .item .inner .txt{margin-bottom: 30px;}

	.wrap_research .item .inner .txt p{
		font-weight: bold;
		line-height: 2.2;
	}

	.wrap_research .item .image{
		width: 61.8%;
		background: #B9DBF4;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.wrap_research .item .image img{
		width: 100%;
		height: auto;
	}

	/*　スケジュール
	---------------------------------------------- */
	.sec_schedule{
		width: 1080px;
		margin: 0 auto 165px;
	}

	.tbl_schedule01{
		width: 100%;
		table-layout: fixed;
		margin-bottom: 80px;
	}

	.tbl_schedule01 tr.item.pc td{
		text-align: center;
	}

	.tbl_schedule01 tr.item.sp{
		display: none;
	}

	.tbl_schedule01 th,
	.tbl_schedule01 td{padding: 15px 23px;}

	.tbl_schedule01 th{
		width: 220px;
		background: #5D676F;
		color: #FFF;
		font-weight: bold;
		line-height: 2.2;
		text-align: center;
		border-bottom: 1px solid #828282;
	}

	.tbl_schedule01 th span{
		color: #C2C2C2;
		display: block;
	}

	.tbl_schedule01 td{
		border: 1px solid #DDDDDD;
		line-height: 1.4;
	}

	.tbl_schedule01 td .td_inner{
		display: flex;
		margin: 12px 0 ;
	}

	.tbl_schedule01 td .td_inner .name{width: 118px;}


	.tbl_schedule01 td .td_inner > div p{margin-bottom: 15px;}

	.tbl_schedule01 td .td_inner > div p:last-of-type{margin-bottom: 0;}

	.tbl_schedule01 .ttl {width: 300px;}


	/*--下部ボタン--*/
	.nav_schedule01 ul{
		display: flex;
		justify-content: space-between;
	}

	.nav_schedule01 ul li{width: calc(50% - 20px);}

	.nav_schedule01 ul li a{
		color: #333;
		display: block;
		font-weight: 700;
		font-size: 1.8rem;
		border-bottom: 2px solid #ffa500;
		padding: 0 20px 25px 0;
		position: relative;
	}

	.nav_schedule01 ul li a::before{
		content: "";
		background: url("../img/ico_arrow01.svg") no-repeat 0 0;
		background-size: 16px;
		display: block;
		width: 16px;
		height: 10px;
		transform: rotate(90deg);
		position: absolute;
		top: 10px;
		right: 10px;
		transition: right .3s;
	}

	.nav_schedule01 ul li a span{display: inline-block;}

	.nav_schedule01 ul li a:hover::before{right: 0;}

	.nav_schedule01 ul li br{display: none;}

	/*　スピーカー紹介
	---------------------------------------------- */
	.sec_speaker{
		width: 1080px;
		margin: 0 auto 160px;
	}

	.speaker{
		background: url("../img/home/pc/bg_speaker01.jpg") no-repeat center;
		background-size: contain;
		width: 1080px;
		height: 300px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.speaker .txt{
		color: #FFF;
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1;
		letter-spacing: 0.05em;
		margin-bottom: 35px;
	}

	.speaker .txt br{display: none;}


}/*--@media--*/


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

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

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

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

	トップページ

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

	body{background: #FFF;}

	#wrap_all::after{display: none;}

	.wrapper{padding-top: 0;}

	/* 筑波大学ロゴ
	---------------------------------------------- */
	.tsukuba_logo_home{
		width: 90px;
		position: absolute;
		top: 77px;
		right: 5px;
		z-index: 1;
	}

	.tsukuba_logo_home img{
		width: 100%;
		height: auto;
	}

	/* メインビジュアル
	---------------------------------------------- */
	.main{
		height: 375px;
		display: flex;
		align-items: center;
		padding: 0 15px;
		position: relative;
	}

	.main::after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url("../img/home/sp/img_main01.png") repeat 0 0;
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
	}

	.main .slide{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.main .slide img{
		width: 100%;
		height: 375px !important;
		height: auto;
		object-fit: cover;
	}

	.main .slide .slick_class{display: none;}

	.main .slide .slick-slide.slick_class{display: block;}

	.txt_main{
		position: relative;
		z-index: 1;
	}

	.txt_main01{
		font-family: "Roboto";
		font-style: italic;
		font-weight: 700;
		color: #ffa500;
		line-height: 1;
		font-size: 4.6rem;
		letter-spacing: 0.05em;
		margin-bottom: 8px;
	}

	.txt_main02{
		font-size: 2.1rem;
		line-height: 1.4;
		font-weight: 700;
		color: #FFF;
	}

	.date_main{
		color: #FFF;
		font-size: 1.8rem;
		font-family: "Roboto";
		line-height: 1.2;
		letter-spacing: 0.05em;
		font-style: italic;
		margin-bottom: 15px;
	}

	.date_main p:first-of-type{margin-bottom: 3px;}

	.date_main p:last-of-type br{display: block;}

	.date_main p span{font-size: 4.5rem;}

	/*--最新情報はこちら--*/
	.btn_news_main a{
		width: 150px;
		display: block;
		background: #FFF;
		color: #45505A;
		font-weight: 700;
		font-size: 1.4rem;
		border-radius: 3px;
		padding: 14px 0;
		text-align: center;
		line-height: 1;
		filter: drop-shadow(0 0 10px #333);
	}

	/*--参加登録はこちら--*/
	.btn_regist_main{
		position: absolute;
		right: 15px;
		bottom: -45px;
		z-index: 1;
	}

	.btn_regist_main a{
		background: #ffa500;
		width: 90px;
		height: 90px;
		border-radius: 90px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
		color: #FFF;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.2;
		position: relative;
		z-index: 0;
	}

	/* シンポジウムについて
	---------------------------------------------- */
	.about{padding: 70px 40px 150px;}

	.ttl_about01{
		text-align: center;
		margin-bottom: 35px;
	}

	.ttl_about01 p{
		color: #ffa500;
		font-size: 1.4rem;
		line-height: 1.2;
		font-family: 'Roboto';
		font-style: italic;
		font-weight: bold;
		letter-spacing: 0.05em;
		padding: 7px 0 4px;
		margin-bottom: 20px;
		position: relative;
	}

	.ttl_about01 p::before,
	.ttl_about01 p::after{
		content: "";
		display: block;
		background: #ffa500;
		width: 43px;
		height: 1px;
		position: absolute;
		left: 50%;
		margin-left: -22px;
	}

	.ttl_about01 p::before{
		top: 0;
		transform: translate(15px, 0);
	}

	.ttl_about01 p::after{
		bottom: 0;
		transform: translate(-15px, 0);
	}

	.ttl_about01 h2{
		font-size: 2.2rem;
		font-weight: bold;
		line-height: 1;
	}

	.about .txt{line-height: 2.2;}

	.about .txt br{display: none;}

	/*　学生研究　プロジェクト研究
	---------------------------------------------- */
	.research_content{
		position: relative;
		margin-bottom: 190px;
	}

	.research_content::before{
		content: "";
		width: 120%;
		height: 112%;
		background: #F4F4F4;
		position: absolute;
		top: -80px;
		left: 0;
		transform-origin: top center;
		transform: rotate(10deg) scaleX(2);
		z-index: -1;
	}

	.wrap_research{
		position: relative;
		margin-bottom: 130px;
	}

	.wrap_research:last-of-type{margin-bottom: 0;}

	.wrap_research .heading01{
		position: absolute;
		top: -24px;
		text-align: left;
	}

	.wrap_research .heading01{left: 15px;}

	.wrap_research .heading01::before{left: 40px;}
	.wrap_research .heading01::after{left: 40px;}

	.wrap_research .item{
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
	}

	.wrap_research .item .inner{
		background: #FFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 110px 40px 35px;
		margin-top: -80px;
	}

	.wrap_research .item .inner,
	.wrap_research .item .image{width: calc(100% - 40px);}

	.wrap_research:nth-of-type(odd) .item .inner{margin-left: auto;}

	.wrap_research .item .inner .txt{margin-bottom: 30px;}

	.wrap_research .item .inner .txt p{
		font-weight: 700;
		line-height: 2.2;
	}

	.wrap_research:nth-of-type(even) .item .image{margin-left: auto;}

	.wrap_research .image img{
		width: 100%;
		height: auto;
	}

	/*　スケジュール
	---------------------------------------------- */
	.sec_schedule{
		margin: 0 15px 113px;
		font-size: 1.3rem;
		line-height: 1.4;
	}

	.tbl_schedule01{
		width: 100%;
		margin-bottom: 30px;
	}

	.tbl_schedule01 tr.item.sp{
		display: block;
	}

	.tbl_schedule01 tr.item.sp td{
		width: 100%;
		background: none;
		text-align: center;
	}

	.tbl_schedule01 tr{
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #DDDDDD;
	}

	.tbl_schedule01 th{
		display: block;
		width: 100%;
		border: 1px solid #5D676F;
		background: #5D676F;
		color: #FFF;
		padding: 12px 10px;
		font-weight: 700;
	}

	.tbl_schedule01 th span{
		margin-left: 14px;
		color: #C1C1C1;
	}

	.tbl_schedule01 td{width: 50%;}

	.tbl_schedule01 td:first-of-type{
		background: #EEF0F0;
		border-left: 1px solid #DDDDDD;
	}

	.tbl_schedule01 td{
		padding: 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-right: 1px solid #DDDDDD;
	}

	.tbl_schedule01 td .td_inner > div p{margin-bottom: 10px;}

	.tbl_schedule01 td .td_inner > div p:last-of-type{margin-bottom: 0;}

	/*--下部ボタン--*/
	.nav_schedule01 ul{
		display: flex;
		justify-content: space-between;
	}

	.nav_schedule01 ul li{width: calc(50% - 7.5px);}

	.nav_schedule01 ul li a{
		color: #333;
		display: flex;
		justify-content: center;
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.2;
		border-bottom: 2px solid #ffa500;
		padding: 0 20px 10px 0;
		height: 100%;
		position: relative;
		/* pointer-events: none; */
	}

	.nav_schedule01 ul li a::before{
		content: "";
		background: url("../img/ico_arrow01.svg") no-repeat 0 0;
		background-size: 13px;
		display: block;
		width: 13px;
		height: 8px;
		transform: rotate(90deg);
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -4px;
	}

	.nav_schedule01 ul li:nth-of-type(1) a{display: block;}

	.nav_schedule01 ul li a span{display: inline-block;}

	.nav_schedule01 ul li a span::after{
		display: inline-block;
		content: "（準備中です）";
		font-size: 1.2rem;
	}

	/*　スピーカー紹介
	---------------------------------------------- */
	.sec_speaker{margin: 0 15px 70px;}

	.speaker{
		background: url("../img/home/sp/bg_speaker01.jpg") no-repeat center;
		background-size: cover;
		padding: 35px 0;
		text-align: center;
	}

	.speaker .txt{
		font-size: 1.9rem;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: 0.05em;
		color: #FFF;
		margin-bottom: 10px;
	}


}/*--@media--*/


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

	.h_logo p:nth-of-type(2),
	.drawer .m_logo p:nth-of-type(2){font-size: 1.7rem;}

	.txt_main01{font-size: 4.3rem;}


}/*--@media--*/