@charset "utf-8";

/* ===================================================================
layout.css：レイアウト指定
=================================================================== */

/* ===== hタグ ===== */

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1{
	margin-top: 45px;
	font-size: 1.688em;
	font-weight: 500;
}
h2{
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 1.500em;
	font-weight: 500;
}
h3{
	margin-top: 55px;
	margin-bottom: 10px;
	font-size: 1.375em;
	font-weight: 500;
}
h4{
	margin-top: 55px;
	padding: 5px 20px;
	font-size: 1.125em;
	font-weight: 600;
}
h4:first-of-type{
	margin-top: 35px;
}
h4.gray{	background: #ededed;}
h4.pink{	background: #f9dce7;}
h4.palepink{	background: #fcede6;}
h4.yellow{	background: #fcfad2;}
h4.yellowgreen{	background: #f0f9d7;}
h4.green{	background: #defce5;}
h4.blue{	background: #dee9ff;}
h4.purple{	background: #f1e1ff;}

h5{
	margin: 50px 0 10px;
	font-size: 1.125em;
	font-weight: 500;
}

.txt_center{	text-align: center;}
.txt_left{	text-align: left;}
.txt_right{	text-align: right;}
.fontL{font-size:1.3em;}
.fontM{font-size:1.2em;}
.fontS{font-size:0.75em;}

.floatL{	float: left;}
.floatR{	float: right;}

img{
	vertical-align: bottom;	
}

.lead{
	font-weight: 500;
	font-size: 1.188em !important;
	margin-bottom: 50px;
}

/* ========= Template ========= */
/* HR */
hr.line{
	margin: 30px auto 50px;
	border: 0;
	background: #ccc;
	height:1px;
}

/* XS～LL共通指定 */
.imgLeftXS, .imgRightXS,
.imgLeftS, .imgRightS,
.imgLeftM, .imgRightM,
.imgLeftL, .imgRightL{
	margin: 20px 0 50px;
	width: 100%;
	overflow: hidden;
}
.imgRowXS, .imgRowS, .imgRowM,
.imgRowL, .imgRowLL{
	margin: 20px 0;
	width: 100%;
	overflow: hidden;
}
/* XS～LL共通指定 */
.imgLeftXS .imgBox img,
.imgRightXS .imgBox img,
.imgRowXS .imgBox img,
.imgLeftS .imgBox img,
.imgRightS .imgBox img,
.imgRowS .imgBox img,
.imgLeftM .imgBox img,
.imgRightM .imgBox img,
.imgRowM .imgBox img,
.imgLeftL .imgBox img,
.imgRightL .imgBox img,
.imgLeftLL .imgBox img,
.imgRightLL .imgBox img,
.imgRowLL .imgBox img{
	width: 100%;
}
.imgLeftXS .txtBox,
.imgRightXS .txtBox,
.imgLeftS .txtBox,
.imgRightS .txtBox,
.imgRowS .txtBox,
.imgLeftM .txtBox,
.imgRightM .txtBox,
.imgRowM .txtBox,
.imgLeftL .txtBox,
.imgRightL .txtBox,
.imgLeftLL .txtBox,
.imgRightLL .txtBox,
.imgRowLL .txtBox{
	font-size: 1.05em;
	line-height: 180%;
}

/* XSサイズ：画像184px左＋テキスト右 */
.imgLeftXS .imgBox{
	float: left;
	margin: 0 20px 10px 0;
/*	width: 18.4%;*/
	width: 184px;
}
/* XSサイズ：画像184px右＋テキスト左 */
.imgRightXS .imgBox{
	float: right;
	margin: 0 0 10px 20px;
/*	width: 18.4%;*/
	width: 184px;
}
/* XSサイズ：画像184px5列 */
.imgRowXS .imgBox{
	float: left;
	margin: 0 0 10px 20px;
	width: 18.4%;
}
.imgRowXS .imgBox:first-child{
	margin: 0 0 10px;
}
/* Sサイズ：画像235px左＋テキスト右 */
.imgLeftS .imgBox{
	float: left;
	margin: 0 20px 10px 0;
/*	width: 23.5%;*/
	width: 235px;
}
/* Sサイズ：画像235px右＋テキスト左 */
.imgRightS .imgBox{
	float: right;
	margin: 0 0 10px 20px;
/*	width: 23.5%;*/
	width: 235px;
}
/* Sサイズ：画像235px4列 */
.imgRowS .imgBox{
	float: left;
	margin: 0 0 10px 20px;
	width: 23.5%;
}
.imgRowS .imgBox:first-child{
	margin: 0 0 10px;
}
/* Mサイズ：画像320px左＋テキスト右 */
.imgLeftM .imgBox{
	float: left;
	margin: 0 20px 10px 0;
/*	width: 32.0%;*/
	width: 320px;
}
/* Mサイズ：画像320px右＋テキスト左 */
.imgRightM .imgBox{
	float: right;
	margin: 0 0 10px 20px;
/*	width: 32.0%;*/
	width: 320px;
}
/* Mサイズ：画像320px3列 */
.imgRowM .imgBox{
	float: left;
	margin: 0 0 10px 20px;
	width: 32.0%;
}
.imgRowM .imgBox:first-child{
	margin: 0 0 10px;
}
/* Lサイズ：画像420px左＋テキスト右 */
.imgLeftL .imgBox{
	float: left;
	margin: 0 20px 10px 0;
/*	width: 42.0%;*/
	width: 420px;
}
/* Lサイズ：画像420px右＋テキスト左 */
.imgRightL .imgBox{
	float: right;
	margin: 0 0 10px 20px;
/*	width: 42.0%;*/
	width: 420px;
}
/* LLサイズ：画像1000px */
.imgLeftLL .imgBox{
	margin: 0 0 10px 0;
	width: 100%;
}

/* キャプション*/
.caption{
	margin: 5px 0 !important;
	font-size: 0.750em !important;/* 12px */
	text-align: left;
	line-height: 130% !important;
}

/* table */
table{
	width:100%;
	margin: 30px 0 50px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
caption{
	font-size: 1.125em;
	font-weight: 500;
	text-align: left;
	margin-bottom: 10px;
}
tr{
	margin: 0;
	padding: 0;
	border: 0;
}
td, th{
	margin: 0;
	padding: 15px;
	border: 1px #ccc solid;
	text-align:left;
}
th{
	min-width:150px;
	width: 20%;
	vertical-align: top;
	font-size: 0.938em;
	font-weight: normal;
	background-color: 	#ededed;
}
td{
	font-size: 1.125em;
}
td ul.disc, td ol.decimal{
	font-size: 1em !important;
	margin: 0 0 0 25px;
}
td ul.disc li, td ol.decimal li{
	margin: 0 0 8px;
}

/* 図版 */
.illustration{
	width: 100%;
	border: 1px #ccc solid;
	padding: 40px 0;
	text-align: center;
}
.illustration2{
	width: 100%;
	padding: 40px 0;
	text-align: center;
}
.illustration img,
.illustration2 img{
	width: 100%;
}

/* コラム */
.colum{
	background: #fff8f5;
	margin-bottom: 50px;
	padding: 50px 60px 24px;
}
.colum .ttl{
	font-size: 1.125em;
	font-weight: 500;
	margin-top: 0;
}


/* リスト 　共通　*/
ul.disc, ol.decimal {
	clear: both;
	margin: 0 0 0 40px;
	font-size: 1.125em;
}
ul.disc li, ol.decimal li {
	margin: 0 0 15px;
	padding: 1px 0;
}
/* リスト 「・」　*/
ul.disc {
	list-style: disc;
}
/* リスト 「123」 */
ol.decimal {
	list-style: decimal;
}


/* リンク */
.link{
	margin: 0 0 10px;
	padding: 0 0 0 18px;
	background: url("../../images/ico_arrow.png") left center no-repeat;
}
.blanklink {
	padding: 5px 24px 5px 0;
	background: url("../../images/iconBlank.png") right center no-repeat;
	text-indent:-9999px;
}
.pdflink {
	padding: 5px 26px 5px 0;
	background: url("../../images/iconPdf_s.png") right center no-repeat;
	text-indent:-9999px;
}
.wordlink {
	padding: 5px 26px 5px 0;
	background: url("../../images/iconWord_s.png") right center no-repeat;
	text-indent:-9999px;
}
.excellink {
	padding: 5px 26px 5px 0;
	background: url("../../images/iconExcel_s.png") right center no-repeat;
	text-indent:-9999px;
}
.pptlink {
	padding: 5px 26px 5px 0;
	background: url("../../images/iconPowerpoint_s.png") right center no-repeat;
	text-indent:-9999px;
}

/* 研究テーマ */
.researchList a{
	text-decoration: none;
}
.researchList a:hover{
	text-decoration: underline;
}
.researchList .caption{
	font-size: 1em !important;
}

/* =============== Responsive =============== */

/* ===== hタグ ===== */
@media screen and (max-width: 760px) {
	h5{
		margin-top: 30px;
	}
	hr.line{
		margin: 20px auto;
	}
}
@media screen and (max-width: 560px) {
	h1{
		margin-top: 15px;
		font-size: 1.375em;
	}
	h2{
		margin-top: 15px;
		font-size: 1.250em;
	}
	h3{
		margin-top: 15px;
		font-size: 1.125em;
	}
	h3{
		margin-top: 15px;
		font-size: 1.125em;
	}
	h4{
		margin-top: 20px;
		font-size: 1em;
	}
	h5{
		margin-top: 30px;
	}
}
@media screen and (max-width: 600px) {
	.lead{
		line-height: 150% !important;
	}
}
/* ========= Template ========= */
@media screen and (max-width: 1020px) {
	/* XS～LL共通指定 */
	.imgLeftXS .imgBox,
	.imgLeftS .imgBox,
	.imgLeftM .imgBox,
	.imgLeftL .imgBox,
	.imgLeftLL .imgBox,
	.imgLeft3L .imgBox{
		margin: 0 2.5% 1% 0;
	}
	.imgRightXS .imgBox,
	.imgRightS .imgBox,
	.imgRightM .imgBox,
	.imgRightL .imgBox,
	.imgRightLL .imgBox{
		margin: 0 0 1% 2.5%;
	}
	.imgRowLL .imgBox{
		margin: 0 0.5% 1%;
	}
	.imgRowXS .imgBox{
		margin: 0 0 10px 1.5%;
	}
	.imgRowS .imgBox,
	.imgRowS .imgBox:first-child{
		margin: 0 1.5% 1% 0;
	}
	.imgRowM .imgBox{
		margin: 0 0 1% 1.5%;
	}
	.imgLeftXS .txtBox,
	.imgRightXS .txtBox,
	.imgLeftS .txtBox,
	.imgRightS .txtBox,
	.imgRowS .txtBox,
	.imgLeftM .txtBox,
	.imgRightM .txtBox,
	.imgRowM .txtBox,
	.imgLeftL .txtBox,
	.imgRightL .txtBox,
	.imgLeftLL .txtBox,
	.imgRightLL .txtBox,
	.imgRowLL .txtBox{
		font-size: 1em;
		line-height: 160%;
	}
}
@media screen and (max-width: 760px) {
	.imgLeftXS, .imgRightXS,
	.imgLeftS, .imgRightS,
	.imgLeftM, .imgRightM,
	.imgLeftL, .imgRightL{
		margin: 25px 0;
	}
}
@media screen and (max-width: 540px) {
	/* XSサイズ：画像184px3列 */
	.imgRowXS .imgBox{
		float: left;
		margin: 0 1.5% 1% 0;
		width: 31.777%;
	}
	.imgRowXS .imgBox:first-child,
	.imgRowXS .imgBox:nth-child(4){
		margin: 0 1.5% 1% 0;
	}
	/* Sサイズ：画像235px左＋テキスト右 */
	.imgLeftS .imgBox{
		float: none;
		margin: 0 auto 10px;
		width: 70%;
	}
	/* Sサイズ：画像235px右＋テキスト左 */
	.imgRightS .imgBox{
		float: none;
		margin: 0 auto 10px;
		width: 70%;
	}
	
	/* Sサイズ：画像235px2列 */
	.imgRowS .imgBox{
		float: left;
		margin: 0 0 10px 0;
		width: 49%;
	}
	.imgRowS .imgBox:nth-child(odd){
		margin: 0 1.5% 1% 0;
	}
	
	/* Mサイズ */
	.imgRightM{
		margin-bottom: 10px;
	}
	
	/* Mサイズ：画像320px1列 */
	.imgRowM .imgBox,
	.imgRowM .imgBox:first-child{
		width: 320px;
		float: none;
		text-align: center;
		margin: 0 auto 10px;
	}
}

@media screen and (max-width: 420px) {
	.imgLeftL .imgBox,
	.imgRightL .imgBox{
		width: 100%;
	}
}
@media screen and (max-width: 460px) {
	.imgLeftM .imgBox,
	.imgRightM .imgBox{
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto 10px;
	}
	.imgRowM .imgBox,
	.imgRowM .imgBox:first-child{
		width: 100%;
	}
}
@media screen and (max-width: 320px) {
	.imgLeftM .imgBox,
	.imgRightM .imgBox,
	.imgRowM .imgBox,
	.imgRowM .imgBox:first-child{
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	/* HR */
	hr.line{
		margin: 20px auto 0;
	}
	
	/* XS～LL共通指定 */
	.imgLeftXS, .imgRightXS,
	.imgLeftS, .imgRightS,
	.imgLeftM, .imgRightM,
	.imgLeftL, .imgRightL{
		margin: 20px 0;
	}
	
	/* Lサイズ */
	.imgLeftL .imgBox,
	.imgRightL .imgBox{
		float: none;
		margin: 0 auto 15px;
	}
	
	/* table */
	.d_block{
		width:100%;
		table-layout: fixed;
		word-break: break-word;
		margin: 0 0 20px;
		padding: 0;
		border-collapse: collapse;
		border: 1px solid #ccc;
		border-bottom: none;
		margin-bottom: 20px;
	}
	.d_block th,
	.d_block td{
		display: block;
		width: 100% !important;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	.d_block th{	padding: 2px 14px;background:#eee;}
	.d_block td{	padding: 10px 14px;font-size: 1em;}
	caption{
		font-size: 0.875em;
		margin-bottom: 5px
	}
	
	td ul.disc li, td ol.decimal li{
		margin: 0;
	}
	
	/* コラム */
	.colum{
		margin-bottom: 20px;
		padding: 20px 20px 5px;
	}
	
	/* リスト 　共通　*/
	ul.disc, ol.decimal {
		clear: both;
		margin: 0 0 10px 30px;
		font-size: 1em;
	}
	ul.disc li, ol.decimal li{
		margin: 0 0 5px;
	}
	
	/* リンク */
	.link{
		margin: 0 0 5px 13px;
		font-size: 1em;
	}
	.pdflink {
		padding: 5px 24px 5px 0;
		background: url("../../images/iconPdf.png") right center no-repeat;
		background-size: 22px auto;
		text-indent:-9999px;
	}
	.wordlink {
		padding: 5px 24px 5px 0;
		background: url("../../images/iconWord.png") right center no-repeat;
		background-size: 22px auto;
		text-indent:-9999px;
	}
	.excellink {
		padding: 5px 24px 5px 0;
		background: url("../../images/iconExcel.png") right center no-repeat;
		background-size: 22px auto;
		text-indent:-9999px;
	}
	.pptlink {
		padding: 5px 24px 5px 0;
		background: url("../../images/iconPowerpoint.png") right center no-repeat;
		background-size: 22px auto;
		text-indent:-9999px;
	}
}