/* CATEGORY TOP CSS */
/******************************************************************************* TITLE */
#title{ background-image:url(../img/mainvisual.jpg);}
#title h1 {padding: 1.6em 2em;}
#title h1:before{display:none;}
#title h1 br{display:none;}
/******************************************************************************* CATEGORY_LIST */
#category_list{padding:0 0 5em;}
.ca_list_box {
	position:relative;
	padding:2em 5% 2em 2%;
	border-bottom:1px dotted #CCC;
    display:flex;
    flex-wrap:wrap;
	background-image:url(../../img/arrow_normal.png);
	background-repeat:no-repeat;
	background-position:right center;
}
.ca_list_box:hover{
	background-color:rgba(99,176,187,0.1);
	background-image:url(../../img/arrow_hover.png);
}
.ca_list_box > dl{
	position:relative;
	width:33%;
	margin-right:2%;
	padding:30px 3% 3%;
    box-sizing: border-box;
	border:2px solid #CCC;
	background:#FFF;
}
.ca_list_box:last-child{border-bottom:0;}
.ca_list_box:nth-of-type(odd) dl{border:2px solid #008F88;}
.ca_list_box:nth-of-type(even) dl{border:2px solid #F8C300;}

.ca_list_box > dl dt h3{
	font-size:1.4em;
	border-bottom:2px solid #999;
	padding:5px 0;
	text-align:center;
}
.ca_list_box > dl dd{
	padding:15px 0 0 0;
	text-align:left;
	font-size:0.95em;
}
.ca_list_box > dl:before{
	content:"";
	display:block;
	width:30%;
	height:3em;
	position:absolute;
	left:35%;
	top:-1.5em;
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position:center center;
}
.ca_list_box > dl.company:before{ background-image:url(../../img/icon_company.png);}
.ca_list_box > dl.school:before{ background-image:url(../../img/icon_school.png);}
.ca_list_box > dl.public:before{ background-image:url(../../img/icon_public.png);}

.ca_list_box > dl dd p:last-child{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.ca_list_box > dl dd p:last-child a{
	display:block;
	width:100%;
	height:100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.ca_list_box ul{
	width:65%;
	font-size:0;
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
	justify-content:space-between;
}
.ca_list_box ul li{
	width:48%;
	border:1px solid #63B0BB;
	padding:0.4em 0;
	margin-bottom:10px;	
	background:#FFF;
	font-size:1rem;
	min-width:47.5%;
    box-sizing: border-box;
	text-align:center;
}
.ca_list_box .to_detail{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.ca_list_box .to_detail a{
	display:block;
	width:100%;
	height:100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*--------------------------------------------------- ------
					950px対応
-----------------------------------------------------------*/
@media only screen and (max-width: 950px) {
/******************************************************************************* TITLE */





}
/*--------------------------------------------
	768px以下（タブレット調整）
---------------------------------------------*/
@media screen and (max-width: 768px)  {
/******************************************************************************* CATEGORY_LIST */
.ca_list_box ul li{	padding:0.4em 1em;	min-width:0;}










}

/*--------------------------------------------
	640x以下（微調整）
---------------------------------------------*/
@media screen and (max-width: 640px)  {
/******************************************************************************* TITLE */
#title h1 br{display: block;}
/******************************************************************************* CATEGORY_LIST */
#category_list{padding:0 0 2em;}
.ca_list_box {
	padding:2em 5% 3em 5%;
	background:none;
	border-bottom:0;
}
.ca_list_box:hover{
	background:none;
}
.ca_list_box > dl{
	position:relative;
	width:100%;
	margin:0%;
	padding:30px 0 5%;
}
.ca_list_box:nth-of-type(odd) dl,
.ca_list_box:nth-of-type(even) dl{border-width:6px; border-left:0; border-right:0; border-bottom:0;}
.ca_list_box > dl dt h3{border-bottom:2px dotted #999;}

.ca_list_box ul {width: 100%;}
.ca_list_box ul li{	padding:0.4em 0; }
.ca_list_box .to_detail{
	position: static;
	margin:10px  auto;
	width:100%;
}
.ca_list_box .to_detail a{
	display:block;
	width:100%;
	height:100%;
	padding:0.5em 0;
	text-align:center;
    text-indent: 0;
    white-space: normal;
    overflow: visible;
	background-color:#63B0BB;
	color:#FFF;
}

}



/*--------------------------------------------
	480x以下（スマートフォン）
---------------------------------------------*/
@media screen and (max-width: 480px)  {
/******************************************************************************* TITLE */
#title h1 { padding: 1em 1em;}
/******************************************************************************* CATEGORY_LIST */
.ca_list_box ul li{ font-size:13px;}


}