@charset "utf-8";
main,
main article{
	width: 100%;
	padding: 0;
}
main article section{
	width: 100%;
	padding:50px 0;
}
article section .inner{margin: 0 auto;}
article section .inner::after {
    clear: both;
    content: "";
    display: block;
}
#topSlideSet{overflow: hidden;background:#f7f8fa;}
#topSlideSet .inner:before{
	display: block;
	width: 100%;
	height: 0;
	content: "";
}
#topSlideSet .inner{position: relative;}
#topSlideSet .swiper-slide{
	background-color:#f7f8fa;
	background-position: center top;
	background-repeat: no-repeat;
}
#topSlideSet .swiper-pagination-bullet{
	width:14px;
	height: 14px;
}
#topSlideSet .swiper-pagination-bullet{background:#eee;}
#topSlideSet .swiper-pagination-bullet-active{background:#b1b1b1;}
section p.topSecTtl{
	display: block;
	margin-bottom: 50px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: left;
}
section .topSecTtl.center{text-align: center;}
.detailLink{
	margin:  auto;
	font-size: 1.8rem;
	text-align:center;
}
#bodyBox p,
.bodyBox p,
*[id^="topBox"] p,
.chlistBox li span{font-size: 1.6rem;}
[id^="topBox"] .detailLink a{
	display:inline-block;
	padding:9px 68px;
	color: #fff;
	vertical-align: middle;
}
[id^="topBox"] .detailLink a:before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 20px;
	vertical-align: middle;
	background: url(../img/common/arr_circle_cv_icon.svg) no-repeat center center;
	background-size: contain;
}
[id^="topBox"] .detailLink a:hover{
	text-decoration: none!important;
	color: #fff!important;
	opacity: 0.7;
}
[id^="topBox"].blockLength .detailLink{margin-top: 50px;}
.home #bodyBox{
	padding-bottom: 0;
	border-bottom: none;
}
.chlistBox{
	margin: 0 auto;
	box-sizing: border-box;
	background: #fff;
}
.faqBox dt,.faqBox dd{background: #fff;}
.faqBox dd:last-child{margin-bottom: 0;}
.flowBox{margin: 0 auto;}
.twoColBox .topSecTtl,
#topBoxPostBox .topSecTtl{
	padding-bottom: 3px;
	margin-bottom:22px;
	border-bottom: 2px solid #000;
}
#topBoxPostBox .postListBox{position: relative;}
#topBoxPostBox .archiveSideBtn a{
	display: inline-block;
	padding: 8px 18px;
	font-size: 1.5rem;
	color: #fff;
	vertical-align: middle;
}
#topBoxPostBox .archiveSideBtn a:before{
	content: "";
	display: inline-block;
	width:16px;
	height: 16px;
	margin-right:16px;;
	background:url(../img/common/arr_circle_cv_icon.svg) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
}

/*bnrBox*/
.bnrBox{border: none;}
.bnrBox .inner{
	max-width:780px;
	box-sizing: border-box;
	border: 1px solid #bcbcbc;
}
@media screen and (max-width:768px){
	main{margin-top:91px;}
	main article section{padding: 30px 0;}
	[id^="topBox"] .detailLink a{padding: 10px 40px;}
	.accessMap#bodyBox table{margin-bottom: 0;}
	.chlistBox{padding: 23px 24px;}
	#topBoxPostBox .archiveSideBtn{
		margin: -10px 0 22px auto;
		text-align: right;
	}
	section p.topSecTtl{line-height: 1.2em;}
	.bnrBox{padding: 0 0 36px;}
	.bnrBox .inner{padding: 12px;}
}
@media screen and (min-width:769px) and (max-width:1116px){
	.chlistBox{padding: 18px 36px;}
}
@media screen and (min-width:769px){
	main{margin-top: 153px;}
	#topBoxPostBox .archiveSideBtn{
		position: absolute;
		top: 0;
		right: 0;
	}
	.bnrBox{padding: 0 0 60px;}
	.bnrBox .inner{padding: 20px;}
}
@media screen and (max-width:1116px){
	article section .inner{width:93%;}
	#topSlideSet{height:60vh;}
	#topSlideSet .swiper-slide{background-size: auto 60vh;}
	.chlistBox,
	.flowBox{width:100%;}
}
@media screen and (min-width:1117px){
	main{display:block;}
	main article,
	main>#sideBar{display: inline-block;}
	#topSlideSet{height:500px;}
	#topSlideSet .swiper-slide{background-size: auto 500px;}
	article section .inner{width:1080px;}
	.chlistBox{
		width: 1080px;
		padding:24px 50px;
	}
	.flowBox{width: 84%;}
}