@charset "utf-8";
/* CSS Document */
/*******************************************************************************************
	column.css
********************************************************************************************/

/*==========================================================================
	メインビジュアル
============================================================================*/
/*****************************************************
	767px以下【sp】
******************************************************/
.pagettl {
	padding-top: 42px;
}
.pagettl .pagettlinnr {
	width: 100%;
	box-sizing: border-box;
	height: 170px;
	background-image:url("../img/pagettl_bg.jpg");
  background-size:cover;
  background-position:center bottom;
}
.pagettl .pagettlinnr h1 {
	text-align: center;
	padding-top: 40px;
	font-size: 22px;
	color: #FFFFFF;
	text-shadow: 1px 1px 10px #666666;
	line-height: 1.4;
}
.pagettl .pagettlinnr p {
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.4;
	text-shadow: 1px 1px 10px #666666;
}



/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.pagettl {
		padding-top: 80px;
	}
	.pagettl .pagettlinnr {
		height: 210px;
	}
	.pagettl .pagettlinnr h1 {
		padding-top: 86px;
		font-size: 30px;
		margin-bottom: 10px;
	}
	.pagettl .pagettlinnr p {
		font-size: 22px;
		font-weight: bold;
	}
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
	.pagettl {
	}
}

/* columnPageArea ---------------- */

.columnPageArea {
    margin-top: 30px;
}
.columnPageArea .columnPageAreainnr {
	padding: 0 3vw;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
	.columnPageArea {
    margin-top: 60px;
	}
	.columnPageArea .columnPageAreainnr {
		max-width: 800px;
		margin: 0 auto;
	}
}

/* 記事内容 ---------------- */

.discText{
  font-size: 0.8rem;
  line-height: 1.6;
  margin-bottom: 20px;
}
.columnPageArea .columnPageAreainnr h2.conHeading{
  font-size: 1.2rem;
  border-bottom: 1px solid #C0C0C0;
  line-height: 1.4;
  margin-bottom: 20px;
  margin-top:60px;
}
.contgist{
  font-size: 0.8rem;
  line-height: 1.6;
  margin-bottom: 20px;
}
/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .discText{
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 60px;
  }
  .columnPageArea .columnPageAreainnr h2.conHeading{
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .contgist{
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 30px;
  }
}

/* 図表示 */
.sig{
  text-align: center;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 768px) {
  .sig{
    margin-bottom: 60px;
  }
}

/* 小見出し */
.povArea{
  padding: 0px 0px 0px 30px;
}
ol.pov{
  counter-reset:list;
  list-style-type:none;
  padding:0;
}
ol.pov li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
  font-size:0.9rem;
  line-height: 30px;
  border-bottom: dashed 1px #C0C0C0;
}
ol.pov li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #FC0000;
  top: 50%;
  transform: translateY(-50%);
}
@media print, screen and (min-width: 768px) {
  ol.pov li{
    font-size:1.0rem;
  }
}

/* 二段組--------------- */
.twoColumns{
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}
.twoColumnsLeft{
  width:100%;
}
.twoColumnsRight{
  width:100%;
  margin-left: 0px;
}
.twoColumns .twoColumnsRight .department{
  font-size: 0.7rem;
  line-height: 1.4;
  text-align: center;
}
.twoColumns .twoColumnsRight .authorName{
  font-size: 0.8rem;
  margin-bottom: 20px;
  text-align: center;
}
.twoColumns .twoColumnsRight .authorImg{
  margin: 0px 50px;
}
.twoColumns .twoColumnsRight .columnsBanner{
  margin:0px 50px 60px;
}
@media print, screen and (min-width: 768px) {
  .twoColumns{
    flex-direction: row;
  }
  .twoColumnsLeft{
    width: auto;
  }
  .twoColumnsRight{
    width: 270px;
    margin-left: 20px;
  }
  .twoColumns .twoColumnsRight .department{
    text-align: left;
  }
  .twoColumns .twoColumnsRight .authorName{
    text-align: left;
  }
  .twoColumns .twoColumnsRight .authorImg{
    margin: 0px;
  }
  .twoColumns .twoColumnsRight .columnsBanner{
    margin:0px 0px 20px;
  }
}