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

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

	PC

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

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

	プロジェクト研究

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

	/* ナビ
	---------------------------------------------- */
	.nav_project{
		padding: 0 50px;
		margin-bottom: 45px;
	}

	.nav_project > div{
		max-width: 1600px;
		padding-bottom: 35px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		border-bottom: 1px solid #DDDDDD;
	}

	.nav_project .inner{margin: 0 15px;}

	.nav_project .inner .btn{
		font-family: "Roboto";
		font-size: 1.8rem;
		font-style: italic;
		padding-right: 15px;
	}

	.nav_project .inner .btn a{
		display: inline-block;
		background: url("../img/ico_arrow02.png") no-repeat right center;
		background-size: 10px;
		padding-right: 17px;
		color: #333;
		letter-spacing: 0.05em;
		font-family: "Roboto";
		font-style: italic;
		transition: color .3s;
	}

	.nav_project .inner .btn a:hover{color: #ffa500;}

	.nav_project .inner .desc{
		font-size: 1.3rem;
		color: #929292;
	}

	/* コンテンツ
	---------------------------------------------- */
	.sec_project{
		border-bottom: 1px solid #DDDDDD;
		padding-bottom: 100px;
		margin-bottom: 50px;
	}

	.sec_project:last-of-type{
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.sec_project h3{
		text-align: center;
		font-family: "Roboto";
		font-style: italic;
		line-height: 1;
		letter-spacing: 0.05em;
		font-size: 3.2rem;
		margin-bottom: 50px;
	}

	.wrap_item{
		display: flex;
		flex-wrap: wrap;
		margin: 0 -20px -40px;
	}

	.wrap_item .item{
		width: 25%;
		padding: 0 20px;
		margin-bottom: 40px;
	}

	.wrap_item .item .documnet{
		position: relative;
		padding-top: 141.14%;
	}

	.wrap_item .item .documnet iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
	}

	.wrap_item .item .inner{
		background: #FFF;
		padding: 20px;
	}

	.wrap_item .item .inner .summary{
		border-bottom: 1px solid #EEEEEE;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.wrap_item .item .inner .summary h4{
		font-size: 1.8rem;
		font-weight: 700;
	}

	.wrap_item .item .inner .lab{text-align: right;}

	.class_theme{
		text-align: center;
		width: 800px;
		margin: 0 auto 60px;
	}

	.class_theme > p{
		font-weight: 700;
		margin-bottom: 25px;
		line-height: 1;
	}

	.class_theme > p span{
		display: inline-block;
		padding-bottom: 8px;
		border-bottom: 3px solid #333;
	}

	.class_theme h4{
		font-size: 1.8rem;
		line-height: 1;
		font-weight: 700;
		margin-bottom: 25px;
	}


}/*--@media--*/


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

	/* コンテンツ
	---------------------------------------------- */
	.wrap_item .item{width: 33.33%;}



}/*--@media--*/


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

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

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

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

	プロジェクト研究

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

	/* ナビ
	---------------------------------------------- */
	.nav_project{margin-bottom: 40px;}

	.nav_project > div{
		padding-bottom: 30px;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #DDDDDD;
	}

	.nav_project .inner{
		width: calc(50% - 7.5px);
		text-align: center;
	}

	.nav_project .inner .btn{
		font-family: "Roboto";
		font-size: 1.8rem;
		font-style: italic;
		padding-right: 12px;
	}

	.nav_project .inner .btn a{
		display: inline-block;
		background: url("../img/ico_arrow02.png") no-repeat right center;
		background-size: 10px;
		padding-right: 14px;
		color: #333;
		letter-spacing: 0.05em;
		font-family: "Roboto";
		font-style: italic;
	}

	.nav_project .inner .desc{
		font-size: 1.3rem;
		color: #929292;
		line-height: 1.4;
	}

	/* コンテンツ
	---------------------------------------------- */
	.sec_project{
		border-bottom: 1px solid #DDDDDD;
		padding-bottom: 100px;
		margin-bottom: 50px;
	}

	.sec_project:last-of-type{
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.sec_project h3{
		text-align: center;
		font-family: "Roboto";
		font-style: italic;
		line-height: 1;
		letter-spacing: 0.05em;
		font-size: 2.6rem;
		margin-bottom: 37px;
	}

	.wrap_item .item{margin-bottom: 40px;}

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

	.wrap_item .item .documnet{
		position: relative;
		padding-top: 141.14%;
	}

	.wrap_item .item .documnet iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
	}

	.wrap_item .item .inner{
		background: #FFF;
		padding: 20px;
	}

	.wrap_item .item .inner .summary{
		border-bottom: 1px solid #EEEEEE;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.wrap_item .item .inner .summary h4{
		font-size: 1.6rem;
		font-weight: 700;
	}

	.wrap_item .item .inner .lab{text-align: right;}

	.class_theme{
		text-align: center;
		margin-bottom: 30px;
	}

	.class_theme > p{
		font-weight: 700;
		margin-bottom: 18px;
		line-height: 1;
	}

	.class_theme > p span{
		display: inline-block;
		padding-bottom: 8px;
		border-bottom: 3px solid #333;
	}

	.class_theme h4{
		font-size: 1.6rem;
		line-height: 1.6;
		font-weight: 700;
		margin-bottom: 25px;
	}


}/*--@media--*/