@charset "utf-8";


/* index1 */
#index1{}
#index1 .container{max-width: 1500px;padding: 0;}

#index1 h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#index1 h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#index1 h2{font-size: 24px;margin-bottom: 30px;}#index1 h2 span{ font-size:18px;}}


section h2{text-align: center;font-size: 42px;margin-bottom: 75px;font-weight: normal}
	@media only screen and (max-width:991px)	{section h2{font-size: 24px;margin-bottom: 30px;}}

section h3{text-align: center;font-size: 18px;margin-bottom: 45px;font-weight: normal;}


#index2{background: url(../images/top/bg-index2.jpg) center center /cover no-repeat;}
	@media only screen and (max-width:991px)	{#index2{background: url(../images/top/bg-index2.jpg) center center /cover no-repeat;}}
#index2 h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#index2 h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#index2 h2{font-size: 24px;margin-bottom: 30px;}#index2 h2 span{ font-size:18px;}}

#index2 h3{
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px; font-weight:bold;
}
#index2 h3 small{font-size: 12px;display: block;color:#333;}

.point{color:#333;}

#index3{}
#index3 .container{max-width: 1500px;padding: 0;}

#index3 h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#index3 h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#index3 h2{font-size: 24px;margin-bottom: 30px;}#index3 h2 span{ font-size:18px;}}

#index3 h3{ margin-top:15px; font-weight:bold; text-align:center; margin-bottom:15px;}

#index3 .date{ border-bottom:1px dotted #333; margin-top:10px;}


#index4{}
	@media only screen and (max-width:991px)	{#index4{}}

#index4 h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#index4 h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#index4 h2{font-size: 24px;margin-bottom: 30px;}#index4 h2 span{ font-size:18px;}}

#index4 h3{text-align: left;font-weight: bold;color:#000;margin-bottom: 30px;}

.news-box{}

.news-article{display: table;width: 100%;align-items:center;}
	@media only screen and (max-width:991px)	{.news-article{display: block;}}

.news-article + .news-article{margin-top: 15px;}

.news-date,.news-comment{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:991px)	{.news-date,.news-comment{display: block;}}

.news-date{width: 130px;text-align: center;padding: 9px 0;}
	@media only screen and (max-width:991px)	{.news-date{width: 100%;display: block;}}

.news-date.shp{border-bottom: 1px solid #f19f10;}
.news-date.tpc{border-bottom: 1px solid #00c1ff;}

.news-comment{border-bottom: 1px solid #999;padding: 9px 15px;}
	@media only screen and (max-width:991px)	{.news-comment{}}

.red{color: #ff0000; font-size: 12px;}


.check{list-style: none;}
.check li{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

.check li:before{content: "";background: url(../images/common/checkmark.png) left center /30px no-repeat;width: 30px;height: 48px;display: block;position: absolute;top: 0;left: 0;right: 0;}
	@media (max-width:991px)	{.check li:before{width: 30px;height: 24px;background-size:20px;}}

.comment{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 18px;padding-left: 24px;}}