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

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

	PC

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

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

	研究テーマ

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

	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global ul li.g08 a::after{width: calc(100% - 40px);}
		
	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../theme/img/pc/bg_pagettl01.jpg");}

	/* コンテンツ
	---------------------------------------------- */
	.sec_theme{
		display: flex;
		justify-content: space-between;
		margin-bottom: 120px;
	}
	
	.sec_theme:last-of-type{margin-bottom: 0;}
	
	.sec_theme:nth-of-type(even){flex-direction: row-reverse;}
	
	.theme{width: 570px;}
	
	.theme .txt p{margin-bottom: 25px;}
	
	.theme .txt p:last-of-type{margin-bottom: 0;}
	
	.theme .txt{margin-bottom: 50px;}
	
	.btn_list01 {text-align: center;}
	
	.btn_list01 a{width: 200px;}
	
	.sec_theme .image{
		width: 480px;
		height: 450px;
		position: relative;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover !important;
	}
	
	.sec_theme .image::after{
		content: "";
		display: block;
		background: #DFF4FB;
		width: 480px;
		height: 450px;
		position: absolute;
		top: 20px;
		z-index: -1;
	}
	
	.sec_theme:nth-of-type(odd) .image::after{right: -20px;}
	.sec_theme:nth-of-type(even) .image::after{left: -20px;}
	
	#theme01 .image{background-image: url("../theme/img/pc/img_theme01.jpg");}
	#theme02 .image{background-image: url("../theme/img/pc/img_theme02.jpg");}
	#theme03 .image{background-image: url("../theme/img/pc/img_theme03.jpg");}
	#theme04 .image{background-image: url("../theme/img/pc/img_theme04.jpg");}
	#theme05 .image{background-image: url("../theme/img/pc/img_theme05.jpg");}
	#theme06 .image{background-image: url("../theme/img/pc/img_theme06.jpg");}
	
	
}/*--@media--*/


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

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

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

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

	研究テーマ

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

	/* ページタイトル
	---------------------------------------------- */
	.pagettl{background-image: url("../theme/img/sp/bg_pagettl01.jpg");}
	
	/* コンテンツ
	---------------------------------------------- */
	.sec_theme{
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 40px;
	}
	
	.sec_theme:last-of-type{margin-bottom: 0;}
	
	.theme{padding: 0 30px;}
	
	.theme .txt p{margin-bottom: 10px;}
	
	.theme .txt p:last-of-type{margin-bottom: 0;}
	
	.theme .txt{margin-bottom: 30px;}
	
	.btn_list01 {text-align: center;}
	
	.btn_list01 a{width: 200px;}
	
	.sec_theme .image{
		width: calc(100% - 30px);
		padding-top: 56.8%;
		position: relative;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover !important;
		margin-bottom: 55px;
	}
	
	.sec_theme:nth-of-type(even) .image{margin-left: auto;}
	
	.sec_theme .image::after{
		content: "";
		display: block;
		background: #DFF4FB;
		width: 100%;
		padding-top: 61.7%;
		position: absolute;
		top: 30px;
		z-index: -1;
	}
	
	.sec_theme:nth-of-type(odd) .image::after{right: -30px;}
	.sec_theme:nth-of-type(even) .image::after{left: -30px;}
	
	#theme01 .image{background-image: url("../img/img_theme01.jpg");}
	#theme02 .image{background-image: url("../img/img_theme02.jpg");}
	#theme03 .image{background-image: url("../img/img_theme03.jpg");}
	#theme04 .image{background-image: url("../img/img_theme04.jpg");}
	#theme05 .image{background-image: url("../img/img_theme05.jpg");}
	#theme06 .image{background-image: url("../img/img_theme06.jpg");}


}/*--@media--*/