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

#section-title{
	padding:24px 0;
	background: #fafafa;
}
.pagetitle{
	text-align: center;
	margin:0 auto;
}
.mainTit{
    color: #333;
    margin-bottom: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    font-weight: normal;
    position: relative;
    font-size: 24px;
    line-height: 1.4;
}
.mainTit span:after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 533px;
	height: 3px;
	content: "";
	background: url(/company/img/bg_dot01.png) 0 0 no-repeat;
}
@media (max-width: 767px){
	#section-title{
		padding:12px 0;
	}
	.pagetitle img{
		zoom:0.6;
	}
	.mainTit{
	font-size: 20px;
	margin-bottom: 24px;
	}
	.mainTit span:after{
	width: 141px;
	}
}

#section-sitemap{
	padding:24px 0 48px 0;
	background: #fafafa;
}
@media (max-width: 767px){
#section-sitemap{
	padding:0px 0 40px 0;
	background: #fafafa;
}
}

/* ====================================
カラムの設定
==================================== */
.row-sitemap{
	margin-right: -20px;
	margin-left: -20px;
}
.col-sitemap{
	float: left;
	width: 20%;
	padding: 0 8px;
}

@media (max-width: 991px){
	.row-sitemap{
		margin-right: 0px;
		margin-left: 0px;
	}
	.col-sitemap{
		width: 33.333%;
		padding: 0 5px;
		margin-bottom: 40px;
	}
}
@media (max-width: 767px){
	.col-sitemap{
		width: 50%;
	}
}
@media (max-width: 575px){
	.col-sitemap{
		width: 100%;
		padding: 0 0;
	}
}

.site-category{
	margin:0;
}
.site-category{
	color: #fff;
	text-decoration:none;
	display: block;
	background: #e271af;
	padding: 14px 14px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.site-category a:hover{
	background: #ccc;
}
.box-sitemap{
	margin-top: 13px;
	padding-top: 40px;
	border-top: 5px solid #e271af;
}
.site-title a{
	text-decoration: underline;
}
.site-title a:hover{
	text-decoration: none;
}
.site-title a,.site-title{
	font-size: 14px;
	font-weight: bold;
	color: #e271af;
	margin-bottom: 20px;
	display: block;
}
.wrap-sitemap + .wrap-sitemap{
	margin-top: 40px;
}
.wrap-sitemap li{
	margin-bottom: 15px;
}
.wrap-sitemap li a{
	color: #383838;
	font-size: 13px;
	position: relative;
	padding-left: 15px;
	display: block;
}
.wrap-sitemap li a:before{
	content: "";
	border: 4px solid transparent;
	border-left: 4px solid #fff;
	position: absolute;
	left: -2px;
	top: 50%;
	margin-top: -4px;
	z-index:1;
}
.wrap-sitemap li a:after{
	content: "";
	border: 4px solid transparent;
	border-left: 4px solid #e271af;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -4px;
}
.list-rosen li{
	float: left;
	width: 50%;
	padding-right: 5px;
}


@media (max-width: 575px){
	.wrap-sitemap + .wrap-sitemap{
		margin-top: 0px;
	}
	.wrap-sitemap{
		padding: 0 5px;
		margin-bottom: 40px;
	}
}
@media (max-width: 340px){
	.wrap-sitemap{
		width: 100%;
		float: none;
		padding: 0 0;
	}
}



/* lightblue
------------------------------------------*/

.col-lightblue .site-category{
	background: #54b8d5;
}
.col-lightblue .site-category a:hover{
	background: #ccc;
}
.col-lightblue .site-category + .box-sitemap{
	border-top: 5px solid #54b8d5;
}
.col-lightblue .site-title a,.col-lightblue .site-title{
	color: #54b8d5;
}
.col-lightblue .wrap-sitemap li a:after{
	border-left: 4px solid #54b8d5;
}


/* green
------------------------------------------*/

.col-green .site-category{
	background: #71c17a;
}
.col-green .site-category a:hover{
	background: #ccc;
}
.col-green .site-category + .box-sitemap{
	border-top: 5px solid #71c17a;
}
.col-green .site-title a,.col-green .site-title{
	color: #71c17a;
}
.col-green .wrap-sitemap li a:after{
	border-left: 4px solid #71c17a;
}


/* orange
------------------------------------------*/

.col-orange .site-category{
	background: #f79c52;
}
.col-orange .site-category a:hover{
	background: #ccc;
}
.col-orange .site-category + .box-sitemap{
	border-top: 5px solid #f79c52;
}
.col-orange .site-title a,.col-orange .site-title{
	color: #f79c52;
}
.col-orange .wrap-sitemap li a:after{
	border-left: 4px solid #f79c52;
}



/* blue
------------------------------------------*/

.col-blue .site-category{
	background: #5894e5;
}
.col-blue .site-category a:hover{
	background: #ccc;
}
.col-blue .site-category + .box-sitemap{
	border-top: 5px solid #5894e5;
}
.col-blue .site-title a,.col-blue .site-title{
	color: #5894e5;
}
.col-blue .wrap-sitemap li a:after{
	border-left: 4px solid #5894e5;
}