@charset "UTF-8";
/* CSS Document */


/* ============================
		Reset
 ============================ */



/* ============================
		headerVisualSection
 ============================ */

.headerVisualSection {
margin-bottom: 25px;
}

.headerVisualSection img {
width: 100%;
height: auto;
}

/* for PC */
@media screen and (min-width: 1201px) {

	.headerVisualSection {
	margin-bottom: 5px;
	}

}



/* ============================
		topSection
 ============================ */

.topSection {
margin-bottom: 70px;
}

.topSection {
margin-bottom: 65px;
}

.topSection .title,
.topSection h1 {
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 1em;
margin-bottom: 25px;
padding-top: 48px;
background-image: url("../../top/images/ti_news001.svg");
background-repeat: no-repeat;
background-position: center top;
background-size: 246px auto;
}

.topSection .visual {
margin-bottom: 25px;
}

.topSection .visual img {
width: 100%;
height: auto;
}

.topSection .catch {
font-size: 14px;
line-height: 1.7em;
}






/* for PC */
@media screen and (min-width: 1201px) {

	.topSection {
	margin-bottom: 100px;
	}

	.topSection .title,
	.topSection h1 {
	font-size: 17px;
	margin-bottom: 70px;
	padding-top: 62px;
	background-size: auto;
	}

	.topSection .visual {
	margin-bottom: 30px;
	}

	.topSection .catch {
	font-size: 16px;
	line-height: 1.75em;
	text-align: center;
	}

}





/* ============================
		newsListSection
 ============================ */

.newsListSection {
margin-bottom: 95px;
}


.newsListSection .newsList {
margin-bottom: 15px;
}

.newsListSection .newsList li {
border-top: 1px solid #bfbfbf;
}
.newsListSection .newsList li:last-child {
border-bottom: 1px solid #bfbfbf;
}

.newsListSection .newsList a {
display: block;
padding: 15px 0;
}

.newsListSection .newsList .date {
float: left;
font-size: 12px;
line-height: 20px;
width: 75px;
margin-bottom: 5px;
}

.newsListSection .newsList .category {
float: left;
font-size: 12px;
color: #fff;
line-height: 20px;
width: 95px;
text-align: center;
white-space: nowrap;
background-color: #717071;
margin-bottom: 5px;
}

.newsListSection .newsList .category.product {
background-color: #821d22;
}

.newsListSection .newsList .title {
clear: both;
font-size: 13px;
line-height: 1.5em;
}

.newsListSection .more {
}

.newsListSection .more a {
display: block;
text-align: right;
font-size: 14px;
}


/* for PC */
@media screen and (min-width: 1201px) {

	.newsListSection {
	margin-bottom: 160px;
	}

	.newsListSection h2 {
	font-size: 17px;
	margin-bottom: 45px;
	padding-top: 62px;
	background-size: auto;
	}

	.newsListSection .newsList {
	margin-bottom: 20px;
	}

	.newsListSection .newsList a {
	padding: 30px 0;
	}


	.newsListSection .newsList .date {
	font-size: 16px;
	width: 200px;
	margin-bottom: 0;
	text-align: center;
	}

	.newsListSection .newsList .category {
	font-size: 14px;
	width: 95px;
	margin-bottom: 0;
	}

	.newsListSection .newsList .title {
	clear: none;
	float: left;
	box-sizing: border-box;
	width: calc(100% - 295px);
	font-size: 16px;
	line-height: 1em;
	padding-left: 65px;
	}

	.newsListSection .more a {
	font-size: 16px;
	}

}


/* ============================
		singleMainSection
 ============================ */

.singleMainSection {
margin-bottom: 120px;
}

.singleMainSection h1 {
font-size: 19px;
font-weight: bold;
line-height: 1.5em;
text-align: center;
margin-bottom: 45px;
}

.singleMainSection .wrap {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
padding: 15px 0 60px 0;
}

.singleMainSection .tops {
margin-bottom: 45px;
}

.singleMainSection .tops .date {
display: inline-block;
font-size: 12px;
line-height: 20px;
width: 75px;
}

.singleMainSection .tops .category {
display: inline-block;
font-size: 12px;
color: #fff;
line-height: 20px;
width: 95px;
text-align: center;
white-space: nowrap;
background-color: #717071;
}

.singleMainSection .tops .category.product {
background-color: #821d22;
}

.singleMainSection .main {
}

.singleMainSection .main img {
width: 100%;
margin-bottom: 25px;
}

.singleMainSection .main p {
font-size: 13px;
line-height: 1.9em;
margin-bottom: 1.9em;
}

.singleMainSection .naviPage {
position: relative;
width: 100%;
}

.singleMainSection .naviPage li {
font-size: 12px;
line-height: 1em;
position: absolute;
top: 0;
}
.singleMainSection .naviPage li a {
padding: 30px 0;
display: inline-block;
font-size: 12px;
line-height: 1em;
}

.singleMainSection .naviPage li.back {
left: 0;
}

.singleMainSection .naviPage li.list {
left: calc(50% - 4em);
}

.singleMainSection .naviPage li.next {
right: 0;
}



/* for PC */
@media screen and (min-width: 1201px) {


	.singleMainSection {
	margin-bottom: 200px;
	}

	.singleMainSection h1 {
	font-size: 26px;
	margin-bottom: 50px;
	}

	.singleMainSection .wrap {
	padding: 30px 100px 150px 100px;
	margin: 0 100px 30px 100px;
	}

	.singleMainSection .tops {
	margin-bottom: 50px;
	margin-left: -100px;
	}

	.singleMainSection .tops .date {
	font-size: 16px;
	width: 110px;
	}

	.singleMainSection .tops .category {
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	width: 95px;
	text-align: center;
	white-space: nowrap;
	background-color: #717071;
	margin-bottom: 5px;
	}


	.singleMainSection .main {
	}

	.singleMainSection .main img {
	margin-bottom: 60px;
	}

	.singleMainSection .main p {
	font-size: 16px;
	line-height: 2em;
	margin-bottom: 2em;
	}

	.singleMainSection .naviPage {
	box-sizing: border-box;
	margin: 0 auto;
	width: 1000px;
	}

	.singleMainSection .naviPage li {
	font-size: 14px;
	}
	.singleMainSection .naviPage li a {
	font-size: 14px;
	}



}



/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}