@charset "utf-8";


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

#index1 h2{ text-align:center; font-size:42px; line-height:1.7;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) top 140px center /cover no-repeat; margin-bottom:75px;}
	@media only screen and (max-width:991px)	{#index2{background: url(../images/top/bg-index2.jpg) top 90px center /cover no-repeat;}}
#index2 h2{ text-align:left; font-size:60px; line-height:1.7; color:#000; font-weight:bold; margin-bottom:45px;}
#index2 h2 span{ text-align:center; font-size:28px; line-height:1.7; }
@media only screen and (max-width:991px)	{#index2 h2{font-size: 38px;margin-bottom: 30px;}#index2 h2 span{ font-size:18px;}}

#index2 h3{
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px; font-weight:bold;
}

#index2 .inner{ padding:60px 40px; background:#fff;}

@media only screen and (max-width:991px)	{#index2 h3{ font-size:28px;}}


.point{color:#333;}

#index3{background: url(../images/top/bg-index3.jpg)  center center /cover no-repeat;margin-bottom:75px;}
	@media only screen and (max-width:991px)	{#index3{background: url(../images/top/bg-index3.jpg) center center /cover no-repeat;}}
#index3 h2{ text-align:left; font-size:60px; 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; }
@media only screen and (max-width:991px)	{#index3 h2{font-size: 24px;margin-bottom: 30px;}#index3 h2 span{ font-size:18px;}}

#index3 h3{
	text-align: center;
	font-size: 40px;
	margin-bottom: 30px; font-weight:bold;
}

#index3 .inner{ padding:60px 40px; background:#fff;}

@media only screen and (max-width:991px)	{#index3 h3{ font-size:28px;}}





#index4{background: url(../images/top/bg-index4.jpg)  center center /cover no-repeat;}
	@media only screen and (max-width:991px)	{#index4{background: url(../images/top/bg-index4.jpg) center center /cover no-repeat;}}
#index4 h2{ text-align:left; font-size:60px; 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; }
@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: center;
	font-size: 40px;
	margin-bottom: 30px; font-weight:bold;
}

#index4 .inner{ padding:60px 40px; background:#fff;}

@media only screen and (max-width:991px)	{#index4 h3{ font-size:28px;}}


#index5 h2{ text-align:left; font-size:60px; line-height:1.7; color:#000; font-weight:bold; margin-bottom:45px;}
#index5 h2 span{ text-align:center; font-size:28px; line-height:1.7; }
@media only screen and (max-width:991px)	{#index5 h2{font-size: 38px;margin-bottom: 30px;}#index5 h2 span{ font-size:18px;}}

.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;}}


@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}