﻿
@media screen and (min-width:769px) {
	/**************************************
	#newsSection
	**************************************/
	#newsSection{padding-bottom: 100px;}
	
	
	#newsSection .mainTTL{
		text-align: justify;
	}
	
	#newsSection .update{
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: right;
		font-size: 1.8rem;
		margin-top: -20px;
		margin-bottom: 60px;
	}

	#newsSection .otherNewsLink{
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: right;
	}
	
	/**************************************
	#newsSection .infoList
	**************************************/
	#newsSection .infoList{
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	#newsSection .infoList > ul{
		margin-bottom: 30px;
		border-top: 1px solid #cccccc;
	}
	#newsSection .infoList > ul > li{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		padding: 30px 0;
		border-bottom: 1px solid #cccccc;
	}

	#newsSection .infoList > ul > li > time{
		display: block;
		width: 90px;
		font-size: 1.2rem;
		line-height: 1.7;
	}

	#newsSection .infoList > ul > li > dl{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		width: calc(100% - 90px);
	}

	#newsSection .infoList > ul > li > dl > .tag{
		display: block;
		width: 110px;
		margin-right: 20px;
	}

	#newsSection .infoList > ul > li > dl > .tag > span{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		height: 24px;
		background: #dddddd;
		font-size: 12px;
		text-align: center;
	}
	#newsSection .infoList > ul > li > dl > dd{
		display: block;
		width: calc(100% - 130px);
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	
	/**************************************
	#newsSection .newsLinkList
	**************************************/
	#newsSection .newsLinkList{
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 100px auto 0;
		padding: 19px;
		border: 1px solid #cccccc;
		background: #FFFFFF;
	}

	#newsSection .newsLinkList > dl{}
	#newsSection .newsLinkList > dl > dt{
		display: block;
		font-size: 1.6rem;
		font-weight: 700;
		margin-bottom: 5px;
	}

	#newsSection .newsLinkList ul.dottedList{
		display: -webkit- inline-flex;
		display: inline-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}

	#newsSection .newsLinkList ul.dottedList > li{
		margin-top: 12px;
		margin-right: 30px;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	#newsSection .newsLinkList ul.dottedList > li::before{
		content: '・';
	}
	
	/**************************************
	#newsSection .newsDetail
	**************************************/
	#newsSection .newsDetail{
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	
	#newsSection .newsDetail .mb15{
	margin-bottom:15px;
	}

	#newsSection .newsDetail .mb25{
	margin-bottom:25px;
	}

	#newsSection .newsDetail .mb40{
	margin-bottom:40px;
	}

	#newsSection .newsDetail ul.lstchg li {
	 padding-left:1em;
	/* text-indent:-1em;*/
	}

	#newsSection .newsDetail .fred {
		color:#e35555;
	}
	#newsSection .newsDetail .fbold {
		font-weight:700;
	}

	#newsSection .newsDetail table#tblChgGuide {
		margin-top:10px;
		margin-bottom:5px;
		width: 100%;
	}
	#newsSection .newsDetail table#tblChgGuide th { font-weight: 700;}
	#newsSection .newsDetail table#tblChgGuide td{ font-weight: 500;}
	
	#newsSection .newsDetail table#tblChgGuide th,
	#newsSection .newsDetail table#tblChgGuide td{
		vertical-align:middle;
		text-align:center;
		padding:8px;
		border:1px solid #857064;
	}
	#newsSection .newsDetail table#tblChgGuide td.txtleft {
		text-align:left;
	}
	#newsSection .newsDetail table#tblChgGuide td.bg01 {
		background:#FCF5E3;
	}
	#newsSection .newsDetail table#tblChgGuide td.bg02 {
		background:#ECF4F7;
	}
	#newsSection .newsDetail table#tblChgGuide td.bg03 {
		background:#eeeeee;
	}
	#newsSection .newsDetail table#tblChgGuide td.bg04 {
		background:#FDF2F2;
	}
	#newsSection .newsDetail table#tblChgGuide td span {
		color:#FF0000;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th {
		border-left:none;
		border-right:none;
		border-bottom:none;
		text-align:left;
		padding-left:0px;
		padding-top:10px;
		vertical-align:top;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th.top {
		border-left:1px solid #857064;
		border-right:1px solid #857064;
		text-align:center;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th.last {
		border-right:1px solid #857064;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th div.parent {
		position:relative;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th div.parent span {
		position:absolute;
		top:0px;
		left:-6px;
	}

	/**************************************
	#newsSection .newsContainer
	**************************************/
	.newsContainer {
		font-size: 1.4rem;
		line-height: 1.7;
		margin: 0 auto;
		max-width: 1200px;
		width: 100%;
	}
	.newsContainer .newsDate {
		text-align: right;
	}
	.newsContainer .newsCopyright {
		margin-top: 20px;
		text-align: right;
	}
	.newsContainer .newsTxt,
	.newsContainer .newsImage {
		margin-top: 20px;
	}
	.newsContainer ._txtBold {
		font-weight: bold;
	}
	.newsContainer ._txtRed {
		color: #e35555;
	}
	.newsContainer .newsTxt._alignCenter,
	.newsContainer .newsImage._alignCenter {
		text-align: center;
	}
	.newsContainer .newsTable {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-top: 20px;
		width: 100%;
	}
	.newsContainer .newsTable tr + tr {
		border-top: 1px solid #ccc;
	}
	.newsContainer .newsTable th,
	.newsContainer .newsTable td {
		padding: 10px;
		text-align: left;
	}
	.newsContainer .newsTable th {
		background: #eee;
		vertical-align: middle;
		width: 30%;
	}
	.newsContainer .newsTable td {
		width: 70%;
	}
	.newsContainer .newsTelIcon::before {
		content: '';
		background: url(../../../common/img/icon_free_dial.png) no-repeat 0 0 / contain;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		height: 14px;
		width: 20px;
	}

}
/** min-width 769 pcCSS***************************************/




@media screen and (max-width:768px) {
	
	/**************************************
	#newsSection
	**************************************/
	#newsSection{padding-bottom: 80px; }
	
	#newsSection .mainTTL{
		text-align: justify;
	}
	
	
	#newsSection .update{
		display: block;
		width: 100%;
		width: calc(100% - 40px);
		margin: 0 auto;
		text-align: right;
		font-size: 1.6rem;
		margin-top: -20px;
		margin-bottom: 30px;
	}
	
	#newsSection .otherNewsLink{
		display: block;
		width: calc(100% - 40px);
		margin: 0 auto -40px;
		text-align: right;
	}
	
	
	/**************************************
	#newsSection .infoList
	**************************************/
	#newsSection .infoList{
		display: block;
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	#newsSection .infoList > ul{
		margin-bottom: 20px;
		border-top: 1px solid #cccccc;
	}
	#newsSection .infoList > ul > li{
		display: block;
		padding: 20px 20px;
		border-bottom: 1px solid #cccccc;
	}

	#newsSection .infoList > ul > li > time{
		display: block;
		width: 90px;
		font-size: 1.2rem;
		line-height: 1.7;
	}

	#newsSection .infoList > ul > li > dl{
		display: block;
		margin-top: 15px;
		position: relative;
	}

	#newsSection .infoList > ul > li > dl > .tag{
		display: block;
		width: 110px;
		position: absolute;
		top: -38px;
		left: 80px;
	}

	#newsSection .infoList > ul > li > dl > .tag > span{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		height: 24px;
		background: #dddddd;
		font-size: 12px;
		text-align: center;
	}
	#newsSection .infoList > ul > li > dl > dd{
		display: block;
		width: 100%;
		text-align: left;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	

	/**************************************
	#newsSection .newsLinkList
	**************************************/
	#newsSection .newsLinkList{
		display: block;
		width: calc(100% - 40px);
		margin: 80px auto 0;
		padding: 15px;
		border: 1px solid #cccccc;
		background: #FFFFFF;
	}

	#newsSection .newsLinkList > dl{}
	#newsSection .newsLinkList > dl > dt{
		display: block;
		font-size: 1.5rem;
		font-weight: 700;
		margin-bottom: 20px;
	}

	#newsSection .newsLinkList ul.dottedList{
		display: block;
	}

	#newsSection .newsLinkList ul.dottedList > li{
		margin-bottom: 15px;
		font-size: 1.4rem;
		line-height: 1.4;
		padding-left: 1em;
		text-indent: -1em;
	}
	#newsSection .newsLinkList ul.dottedList > li::before{
		content: '・';
	}

	#newsSection .newsLinkList ul.dottedList > li:nth-last-of-type(1){margin-bottom: 0;}
	

	/**************************************
	#newsSection .newsDetail
	**************************************/
	#newsSection .newsDetail{
		display: block;
		width: calc(100% - 40px);
		margin: 0 auto;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	
	#newsSection .newsDetail .mb15{
	margin-bottom:15px;
	}

	#newsSection .newsDetail .mb25{
	margin-bottom:25px;
	}

	#newsSection .newsDetail .mb40{
	margin-bottom:40px;
	}

	#newsSection .newsDetail ul.lstchg li {
	 padding-left:1em;
	/* text-indent:-1em;*/
	}

	#newsSection .newsDetail .fred {
		color:#e35555;
	}
	#newsSection .newsDetail .fbold {
		font-weight:700;
	}

	#newsSection .newsDetail table#tblChgGuide {
		margin-top:10px;
		margin-bottom:5px;
		width: 100%;
	}
	#newsSection .newsDetail table#tblChgGuide th { font-weight: 700;}
	#newsSection .newsDetail table#tblChgGuide td{ font-weight: 500;}
	
	#newsSection .newsDetail table#tblChgGuide th,
	#newsSection .newsDetail table#tblChgGuide td{
		vertical-align:middle;
		text-align:left;
		padding:8px;
		border:1px solid #857064;
		font-size: 1.0rem;
	}
	#newsSection .newsDetail table#tblChgGuide td.txtleft {
		text-align:left;
	}
	#newsSection .newsDetail table#tblChgGuide td.bg01 {
		background:#FCF5E3;
	}
	#newsSection .newsDetail table#tblChgGuide td.bg02 {
		background:#ECF4F7;
	}
	#newsSection .newsDetail table#tblChgGuide td.bg03 {
		background:#eeeeee;
	}
	#newsSection .newsDetail table#tblChgGuide td.bg04 {
		background:#FDF2F2;
	}
	#newsSection .newsDetail table#tblChgGuide td span {
		color:#FF0000;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th {
		border-left:none;
		border-right:none;
		border-bottom:none;
		text-align:left;
		padding: 10px 0 10px 0;
		vertical-align:top;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th.top {
		border-left:1px solid #857064;
		border-right:1px solid #857064;
		vertical-align: middle;
		text-align:center;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th.last {
		border-right:1px solid #857064;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th div.parent {
		position:relative;
	}
	#newsSection .newsDetail table#tblChgGuide tr.title th div.parent span {
		display: block;
		padding-left: 1em;
		text-indent: -1em;
		position:relative;
		left:-0.5em;
	}

	/**************************************
	#newsSection .newsContainer
	**************************************/
	.newsContainer {
		font-size: 1.4rem;
		line-height: 1.7;
		padding: 0 20px;
		width: 100%;
	}
	.newsContainer .newsDate {
		text-align: right;
	}
	.newsContainer .newsCopyright {
		margin-top: 20px;
		text-align: right;
	}
	.newsContainer .newsTxt,
	.newsContainer .newsImage {
		margin-top: 20px;
	}
	.newsContainer ._txtBold {
		font-weight: bold;
	}
	.newsContainer ._txtRed {
		color: #e35555;
	}
	.newsContainer .newsTxt._alignCenter,
	.newsContainer .newsImage._alignCenter {
		text-align: center;
	}
	.newsContainer .newsTable,
	.newsContainer .newsTable tbody,
	.newsContainer .newsTable tr,
	.newsContainer .newsTable th,
	.newsContainer .newsTable td {
		display: block;
		width: 100%;
	}
	.newsContainer .newsTable {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-top: 20px;
		width: 100%;
	}
	.newsContainer .newsTable tr + tr {
		border-top: 1px solid #ccc;
	}
	.newsContainer .newsTable th,
	.newsContainer .newsTable td {
		padding: 10px;
		text-align: left;
	}
	.newsContainer .newsTable th {
		background: #eee;
	}
	.newsContainer .newsTelIcon::before {
		content: '';
		background: url(../../../common/img/icon_free_dial.png) no-repeat 0 0 / contain;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		height: 14px;
		width: 20px;
	}

}/** max-width 768 spCSS***************************************/






















