@charset "utf-8";

/* index */

#intro{ background:#fdfdfd;}
#intro h2{font-size: 32px;line-height: 1.25;text-align: center;color:#14203a;}
	@media (max-width:991px)	{#intro h2{font-size: 20px;margin:40px 0 30px;}}

#intro h2 > span:first-letter{
	color:#000;
}

#intro h2:first-child{margin-top: 0;}
#intro h2 > span{display: block;text-align: center;margin-bottom: 45px;}
	@media (max-width:991px)	{#intro h2 > span{margin-bottom: 15px;}}

#intro h2 > span > span{line-height: .75;text-align: center;display: inline-block; color:#1685eb;}
	@media (max-width:991px)	{#intro h2 > span > span{font-size: 30px;border-bottom: 2px solid #14203a;}}
	@media (min-width:992px)	{#intro h2 > span > span{font-size: 70px;border-bottom: 4px solid #14203a;}}

#intro h2 > span > span:first-letter{
	color:#000;
}


#index1{background: url(../images/top/bg-index1.jpg) center top /cover no-repeat;color:#fff; text-align: center}
#index1 h2{line-height: 1.25;color:#fff;font-size: 48px;margin-bottom: 75px;}
	@media (max-width:991px)	{#index1 h2{font-size: 21px;margin-bottom: 30px;}}

#index1 h2 > span{display: block;margin-bottom: 45px;}
	@media (max-width:991px)	{#index1 h2 > span{margin-bottom: 15px;}}

#index1 h2 > span > span{line-height: .75;text-align: center;display: inline-block;font-size: 36px;padding: 36px;border: 4px solid #fff;letter-spacing:.2em;text-indent:.2em;}
	@media (max-width:991px)	{#index1 h2 > span > span{font-size: 16px;padding: 16px;border: 2px solid #fff;letter-spacing:.1em;text-indent:.1em;}}

#index2{ background:#f9f9f9;}
#index2 h2{font-size: 48px;line-height: 1.25;text-align: center;color:#000;font-size: 30px;margin:70px 0 75px;}
	@media (max-width:991px)	{#index2 h2{font-size: 20px;margin:40px 0 30px;}}

#index2 h2 > span:first-letter{
	color:#fe0000;
}

#index1 a.btn-detail{background: none; color: #fff; border: 2px solid #fff;}

#index2 h2:first-child{margin-top: 0;}
#index2 h2 > span{display: block;text-align: center;margin-bottom: 45px;}
	@media (max-width:991px)	{#index2 h2 > span{margin-bottom: 15px;}}

#index2 h2 > span > span{line-height: .75;text-align: center;display: inline-block; color:#000;font-size: 70px;border-bottom: 4px solid #fe0000;}
	@media (max-width:991px)	{#index2 h2 > span > span{font-size: 30px;border-bottom: 2px solid #fe0000;}}

#index2 h2 > span > span:first-letter{
	color:#fe0000;
}


#index2_2{ background:#fff;}
#index2_2 h2{font-size: 30px;line-height: 1.25;text-align: center;color:#000;margin:70px 0 75px;}
	@media (max-width:991px)	{#index2_2 h2{font-size: 20px;margin:40px 0 30px;}}

#index2_2 h2 > span:first-letter{
	color:#fe0000;
}

#index2_2 h2:first-child{margin-top: 0;}
#index2_2 h2 > span{display: block;text-align: center;margin-bottom: 45px;}
	@media (max-width:991px)	{#index2_2 h2 > span{margin-bottom: 15px;}}

#index2_2 h2 > span > span{line-height: .75;text-align: center;display: inline-block; color:#000;font-size: 70px;border-bottom: 4px solid #fe0000}
	@media (max-width:991px)	{#index2_2 h2 > span > span{font-size: 30px;border-bottom: 2px solid #fe0000;}}

#index2_2 h2 > span > span:first-letter{
	color:#fe0000;
}

.ad-box{width: 100%;background: #efefef;position: relative;padding: 30px 30px 105px;}
	@media (max-width:991px)	{.ad-box{padding: 15px 15px 60px;}}


.ad-img{margin: -30px -30px 30px;padding-bottom: 87%;background-position: center center;background-size:auto 100%;background-repeat: no-repeat;-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;}
	@media (max-width:991px)	{.ad-img{margin: -15px -15px 15px;}}


.ad-detail{position: absolute;left: 0;right: 0;bottom: 0;padding: 30px;}
	@media (max-width:991px)	{.ad-detail{padding: 15px;}}


.all-box{}
.all-img{padding-bottom: 100%;background-position: center center;background-size:cover;background-repeat: no-repeat;border-radius:50%;overflow: hidden;display: block;}

.ad-img:hover{
	background-size: auto 110%;
	transition: all 0.5s ease-in;
}



#index3{}



#index3 h2{font-size: 30px;margin:50px 0 50px;line-height: 1.25;margin-bottom: 75px;color:#1685eb;}
	@media (max-width:991px)	{#index3 h2{font-size: 20px;margin:30px 0 30px;}}

#index3 h2 > span{display: block;margin-bottom: 45px;color: #14203a}
	@media (max-width:991px)	{#index3 h2 > span{margin-bottom: 15px;}}
	

#index3 h2 > span > span{line-height: .75;text-align: center;display: inline-block;font-size: 70px;border-bottom: 4px solid #14203a;color: #1685eb;}
	@media (max-width:991px)	{#index3 h2 > span > span{font-size: 30px;border-bottom: 2px solid #14203a;}}

/*#index3 h2 > span:first-letter{
	color:#fe0000;
}*/

#index3 h2 > span > span:first-letter{
	color:#000;
}

#index3 h3{margin-bottom:20px; }

#index4{}
#index4 h2{font-size: 30px;line-height: 1.25;margin-bottom: 75px;color:#1685eb;text-align: center;margin:50px 0 50px}
	@media (max-width:991px)	{#index4 h2{font-size: 20px;margin:30px 0 30px;}}

#index4 h2 > span{display: block;margin-bottom: 45px;color: #14203a}
	@media (max-width:991px)	{#index4 h2 > span{margin-bottom: 15px;}}
	

#index4 h2 > span > span{line-height: .75;text-align: center;display: inline-block;font-size: 70px;border-bottom: 4px solid #14203a;color:#1685eb;}
	@media (max-width:991px)	{#index4 h2 > span > span{font-size: 30px;border-bottom: 2px solid #14203a;}}

#index4 h2 > span:first-letter{
	color:#000;
}

#index4 h2 > span > span:first-letter{
	color:#000;
}


#index5{color:#fff;}
#index5 h2{font-size: 48px;line-height: 1.25;text-align: center;color:#fff;margin:90px 0 75px;}
	@media (max-width:991px)	{#index5 h2{font-size: 21px;margin:60px 0 30px;}}

#index5 h2:first-child{margin-top: 0;}
#index5 h2 > span{display: block;text-align: center;margin-bottom: 45px;}
	@media (max-width:991px)	{#index5 h2 > span{margin-bottom: 15px;}}


#index5 h2 > span > span{line-height: .75;text-align: center;display: inline-block;font-size: 36px;padding: 36px;border: 4px solid #fff;letter-spacing:.2em;text-indent:.2em;}
	@media (max-width:991px)	{#index5 h2 > span > span{font-size: 16px;padding: 16px;border: 2px solid #fff;letter-spacing:.1em;text-indent:.1em;}}

#index5 h3{font-size: 24px;line-height: 1.25;text-align: center;color:#fff;margin:60px 0 50px;}
	@media (max-width:991px)	{#index5 h3{font-size: 18px;margin:40px 0 30px;}}

#index5 h3 > span{display: block;text-align: center;margin-bottom: 45px;}
	@media (max-width:991px)	{#index5 h3 > span{margin-bottom: 15px;}}


#index5 h3 > span > span{line-height: .75;text-align: center;display: inline-block;font-size: 24px;letter-spacing:.2em;text-indent:.2em;}
	@media (max-width:991px)	{#index5 h3 > span > span{font-size: 16px;letter-spacing:.1em;text-indent:.1em;}}

.bn-box{}
.bn-img1{padding-bottom: 75%;background-position: center center;background-size:cover;background-repeat: no-repeat;margin-bottom: 10px;display: block;}

.bn-box p{font-size: 12px;line-height: 16px;}
.bn-box p .bn-date{display: block;margin-bottom: 5px;}


#contact{background: url(../images/top/bg-contact.png) top center /contain no-repeat #ebebeb;color:#333;}
	@media only screen and (max-width:991px)	{#contact{background: url(../images/top/bg-contact.png) top center /contain no-repeat #ebebeb;}}

#contact h2{font-size: 36px;font-weight:bold;line-height: 1.7;color: #333; text-align: left;}
#contact h2 span{font-size: 18px;display:block;margin-bottom:30px;}
#contact .inner{color: #333; padding: 25px 40px;}
#contact .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#contact .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}
#contact h2{text-align: left;}}
#contact .container{max-width: 100%!important;}



/* common */

.tit-category-biz{font-size: 48px;line-height: 1.25;}
	@media (max-width:575px)	{.tit-category-biz{margin:1px 0 15px;}}
	@media (min-width:576px)	{.tit-category-biz{margin:-24px 0 30px;}}
	@media (max-width:767px)	{.tit-category-biz{}}

	@media (min-width:768px)	{.tit-category-biz{font-size: 36px;margin:-27px 0 60px;}}
	@media (min-width:1200px)	{.tit-category-biz{font-size: 48px;margin:-36px 0 75px;}}

.tit-category-biz:first-child{margin-top: 0;}
.tit-category-biz > span{display: block;}
	@media (max-width:767px)	{.tit-category-biz > span{margin-bottom: 15px;}}
	@media (min-width:768px)	{.tit-category-biz > span{margin-bottom: 30px;}}
	@media (min-width:1200px)	{.tit-category-biz > span{margin-bottom: 45px;}}

.tit-category-biz > span > span{line-height: 1;text-align: center;display: inline-block;background:#115db2;color:#fff;vertical-align: top;}
	@media (max-width:575px)	{.tit-category-biz > span > span{display: block;}}
	@media (max-width:767px)	{.tit-category-biz > span > span{font-size: 16px;padding: 16px 24px;}}
	@media (min-width:768px)	{.tit-category-biz > span > span{font-size: 18px;padding: 18px 27px;}}
	@media (min-width:1200px)	{.tit-category-biz > span > span{font-size: 24px;padding: 24px 36px;}}



.lead{font-weight: bold;font-size: 1.2em;line-height: 1.5;}
	@media (max-width:767px)	{.lead{font-size:16px;}}
	@media (min-width:768px)	{.lead{font-size:21px;}}

/*News*/


.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: auto;}}
.news-date .red{color: #F40004}
.news-date.shp{border-bottom: 1px solid #000000;}
.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{}}




.publicity-box{}

.publicity-article{border: 1px solid #ddd;}
	@media (max-width:767px)	{.publicity-article{padding:14px;}}
	@media (min-width:768px)	{.publicity-article{padding:24px;}}
	@media (min-width:1200px)	{.publicity-article{padding:44px;}}

.publicity-article + .publicity-article{margin-top: 45px;}

.publicity-title{font-size: 18px;font-weight: bold;margin-bottom: 30px;background: #efefef;}
	@media (max-width:767px)	{.publicity-title{margin: -13px -13px 14px;padding: 13px;}}
	@media (min-width:768px)	{.publicity-title{margin: -23px -23px 24px;padding: 13px 23px;}}
	@media (min-width:1200px)	{.publicity-title{margin: -43px -43px 44px;padding: 23px 43px;}}

.publicity-title a,.publicity-title a:hover,.publicity-title a:active{text-decoration: underline;}

.publicity-date{border-bottom: 3px double #ddd;margin-bottom: 15px;padding-bottom: 10px;}


.publicity-comment a,.publicity-comment a:hover,.publicity-comment a:active{text-decoration: underline;}