#gakumonTitleBar {
    background: url("/success/catalog/images/h2/title_gaku.gif") repeat-x scroll 0 0 transparent;
    clear: both;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 17px;
    }

#shikakuTitleBar {
    background: url("/success/catalog/images/h2/title_shika.gif") repeat-x scroll 0 0 transparent;
    clear: both;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 17px;
    }
    
 #naruTitleBar {
    background: url("/success/catalog/images/h2/title_naru.gif") repeat-x scroll 0 0 transparent;
    clear: both;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 17px;
    }
    
.catalogTitleword {
	color: #FFFFFF;
    	font-size: 12px;
	font-weight: bold;
   }

.catalogTitleword2 {
 	color: #FFFFFF;
    	font-size: 27px;
	font-weight: bold;
   }

#blue_title h2 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    line-height: 43px;
    padding-left: 30px;
    width: 700px;
}

/*-----------------------------------------------------------*/

/*-2014.10.29　なるにはナビ512トップ　デザイン変更　菊池作成--------*/

  .text-10 {
    font-size:10pt;
    font-weight:normal;
    color:#333333;
    line-height:135%;
  }
  .text-12 {
    font-size:12px;
    font-weight:normal;
    color:#333333;
    line-height:135%;
  }
  .bg-jobline {
    background-image:url(./images/bg_jobline.gif);
    background-repeat:repeat-x;
  }
  .naruniha-result-bg {
    background-image: url(./images/naru1_result_03.gif);
    background-repeat:repeat-x;
    background-position: bottom;
  }
  .naruniha-photo {
    border: 1px solid #44B85F;
  }
  .tekishoku-form {
    background-image: url(./images/form_zukan1_02.gif);
    background-repeat:repeat-x;
  }
  .tekishoku-zukan1-table01 {
    background-image: url(./images/table_zukan1_01.gif);
    background-repeat:repeat-y;
    background-position: left;
  }
  .tekishoku-zukan1-table02 {
    background-image: url(./images/table_zukan1_02.gif);
    background-repeat:repeat-y;
    background-position: right;
  }

#pic-up h2{ margin:0 0 6px 0;}
#pic-up .pic-up-list{ height: 32px; margin: 4px 0 16px 0;}
#pic-up .pic-up-list .img{ width:32px; height: 32px; margin-right:10px;}
#pic-up .pic-up-list .text{ width: 220px; height: 32px; margin-right:5px;}
#pic-up .pic-up-list .itiran{ width: 70px; height: 20px; padding-top: 16px; margin-right: 20px;}

h3 .genre_color{color:#666666;padding-left: 15px;}

#kensaku .form{ width:290px; height:40px; background:url(/success/catalog/images/common/catalog_form_2.gif) repeat-x; padding: 5px 0 0 0; }
#kensaku .form input{width: 285px;}
#kensaku .word{ width:158px; height:40px; background:url(/success/catalog/images/common/catalog_form_2.gif) repeat-x; padding: 8px 0 0 0; }

#n-navi .cate-box-l{ width:248px; margin: 0 10px 30px 0; padding-bottom:10px;background-color: #f7f7f7; }
#n-navi .cate-box-r{ width:248px;padding-bottom:10px; background-color: #f7f7f7; }
#n-navi .cate-tit{ width:248px; height: 30px;}
#n-navi h3{padding: 7px 0 0 10px;}
#n-navi .list ul{margin-top:10px;}
#n-navi .list ul li{width:248px;float:left;}
#n-navi.gakumon .list ul li{width:124px;margin-bottom:5px;}
#n-navi .list ul li a{
	display:block;
	padding:0 5px 0 20px; 
	background: url(/img/ico_arrow04.gif) no-repeat 5px 3px;
	background-size: 4px 7px;
	font-size: 15px;
	line-height: 1.2;
}

#reco{ width:764px; margin-top:20px;}
.bg-jobline { background-image:url(/success/catalog/job/images/bg_jobline.gif); background-repeat:repeat-x;}

    /* 各カテゴリ カラーバリエーション */

.cd-1{ background:url(/success/catalog/images/common/color_1.gif) repeat;}
.cd-2{ background:url(/success/catalog/images/common/color_2.gif) repeat;}
.cd-3{ background:url(/success/catalog/images/common/color_3.gif) repeat;}
.cd-4{ background:url(/success/catalog/images/common/color_4.gif) repeat;}
.cd-5{ background:url(/success/catalog/images/common/color_5.gif) repeat;}
.cd-6{ background:url(/success/catalog/images/common/color_6.gif) repeat;}
.cd-7{ background:url(/success/catalog/images/common/color_7.gif) repeat;}
.cd-8{ background:url(/success/catalog/images/common/color_8.gif) repeat;}
.cd-9{ background:url(/success/catalog/images/common/color_9.gif) repeat;}
.cd-10{ background:url(/success/catalog/images/common/color_10.gif) repeat;}
.cd-11{ background:url(/success/catalog/images/common/color_11.gif) repeat;}
.cd-12{ background:url(/success/catalog/images/common/color_12.gif) repeat;}
.cd-13{ background:url(/success/catalog/images/common/color_13.gif) repeat;}
.cd-14{ background:url(/success/catalog/images/common/color_14.gif) repeat;}
.cd-15{ background:url(/success/catalog/images/common/color_15.gif) repeat;}
.cd-16{ background:url(/success/catalog/images/common/color_16.gif) repeat;}
.cd-17{ background:url(/success/catalog/images/common/color_17.gif) repeat;}
.cd-18{ background:url(/success/catalog/images/common/color_18.gif) repeat;}
.cd-117{ background:url(/success/catalog/images/common/color_117.gif) repeat;}
.cd-118{ background:url(/success/catalog/images/common/color_118.gif) repeat;}
.cd-115{ background:url(/success/catalog/images/common/color_115.gif) repeat;}
.cd-116{ background:url(/success/catalog/images/common/color_116.gif) repeat;}
.cd-119{ background:url(/success/catalog/images/common/color_119.gif) repeat;}
.cd-120{ background:url(/success/catalog/images/common/color_120.gif) repeat;}
.cd-104{ background:url(/success/catalog/images/common/color_104.gif) repeat;}
.cd-105{ background:url(/success/catalog/images/common/color_105.gif) repeat;}
.cd-106{ background:url(/success/catalog/images/common/color_106.gif) repeat;}
.cd-121{ background:url(/success/catalog/images/common/color_121.gif) repeat;}
.cd-122{ background:url(/success/catalog/images/common/color_122.gif) repeat;}
.cd-108{ background:url(/success/catalog/images/common/color_108.gif) repeat;}
.cd-123{ background:url(/success/catalog/images/common/color_123.gif) repeat;}
.cd-124{ background:url(/success/catalog/images/common/color_124.gif) repeat;}
.cd-110{ background:url(/success/catalog/images/common/color_110.gif) repeat;}
.cd-125{ background:url(/success/catalog/images/common/color_125.gif) repeat;}
.cd-126{ background:url(/success/catalog/images/common/color_126.gif) repeat;}
.cd-112{ background:url(/success/catalog/images/common/color_112.gif) repeat;}
.cd-113{ background:url(/success/catalog/images/common/color_113.gif) repeat;}
.cd-114{ background:url(/success/catalog/images/common/color_114.gif) repeat;}
.cd-127{ background:url(/success/catalog/images/common/color_127.gif) repeat;}
.cd-128{ background:url(/success/catalog/images/common/color_128.gif) repeat;}

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}
* html .clearfix { height: 1px;}
#n-hedder{ margin:0 0 10px 0;}
#n-hedder p{ position:relative; text-align:right;}
#n-hedder p a{ position:absolute; display:block; top:-2em; right:1em;}
#j-tit { width:764px; height:43px; background:url(/common_img/13phase/bg_title.gif) no-repeat; margin-bottom:10px;}
#j-tit h2{ padding:13px 0 0 25px; color: #ffffff;}
#syoku-itiran .syoku-box-l{ width:248px; height:125px; margin: 0 10px 12px 0; background-color: #f7f7f7; padding-bottom:10px;}
#syoku-itiran .syoku-box-r{ width:248px; height:125px; background-color: #f7f7f7; padding-bottom:10px;}
#syoku-itiran .syoku-tit2{ width:248px; background:url(/success/catalog/images/common/catalog_bg_shoku.gif) repeat ;}
#syoku-itiran .syoku-tit{ width:248px; background:url(/success/catalog/images/common/catalog_bg_shoku2.gif) repeat-x ; min-height:25px; overflow:visible;}
#syoku-itiran h3{ color:#ffffff; background:url(/common_img/13phase/yajirushi_w.gif) no-repeat 1em .8em; padding: 0px 0 0 20px; line-height:25px;}
#syoku-itiran img{ padding:5px 10px 0 5px;}
#syoku-itiran .txt-rap{width:150px; padding-left:10px;}
#syoku-itiran p{ width:150px; padding: 10px 0 0 0;}
#syoku-itiran .syosai{ text-align: right;}
#message h2{ padding-bottom: 15px;}
#message .copy{ position:relative; text-align:left; margin: 0;}
#message .copy span{ position:absolute; display:block; top:-35px; left:230px; color: #ff0000;}
#message .l-box{ width: 334px; margin: 0 0 0 25px;}
#message .r-box{ width: 334px; margin: 0 0 0 30px;}
#message img{margin:0 10px 0 0;}
#message .text-area{ width: 244px;}
#message .fukidashi{ background:url(/success/catalog/images/common/scl_bg_fukidashi_2.gif); width: 244px; height: 49px; margin-bottom: 10px;}
#message .fukidashi p{ width: 170px; padding: 7px 0 0 10px; }
#message .katagaki{ width: 244px; font-weight:bold;}
#message .name{ width: 244px;}
#syoku-other{ margin-top: 30px;}
#syoku-other ul li{ padding:5px 0px 0px 10px; background:url(/common_img/13phase/yajirushi_b.gif) no-repeat 0em .7em; line-height:90%;}
#n-footer{ margin-top: 20px;}
#n-footer p { text-align:right;}
#n-footer p a{ padding-right: 1em;}

#kensaku .form{ width:290px; height:40px; background:url(/success/catalog/images/common/catalog_form_2.gif) repeat-x; padding: 5px 0 0 0;}
#kensaku .word{ width:158px; height:40px; background:url(/success/catalog/images/common/catalog_form_2.gif) repeat-x; padding: 7px 0 0 0;}
#kensaku .btn{margin: 3px 0 0 10px;}
#kensaku .bar-mid{vartical-align:middle;}
#result{width:764px;background-color:#f7f7f7;}
#result td{width:382px;background:url(/common_img/13phase/yajirushi_b.gif) no-repeat 5px 7px;padding:5px 10px 5px 13px;vertical-align:top;}

#result2{width:764px;background-color:#f7f7f7;}
#result2 td{width:382px;padding:5px 10px 5px 13px;vertical-align:top;}

.naru_maingazo {
    background: url("/common_img/18p/naruniwa_gaide_title.png") repeat-x scroll 0 0 transparent;
    height: 135px;
}

.naru_maint {
    color: #000000;
    font-size: 12px;
    padding: 83px 0 0 25px;
}

.naru_LineH {
    background-color: transparent !important;
    border-left: 8px solid #4fa6dd;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    margin: 10px 0 0;
    padding-left: 5px;
}
.naru_attention {
    font-size: 12px;
    padding-top: 5px;
}

.naru_syokulinkbox {
	margin:20px 0 200px 0;
}

.naru_syokulinktaitle {
    font-size: 16px;
}

.naru_syokulinkt1 {
	margin:10px 0 10px 10px;
	font-size: 13px;
	float: left;
	width: 150px;
}

.naru_syokulinkt1 li {
	background: url("/common_img/15p/yajirushi_r.gif") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    	padding-left: 14px;
}

a:link.naru_linkcolor1 { color: #1E90FF !important; }
a:visited.naru_linkcolor1 { color:#1E90FF !important; }
a:link.naru_linkcolor2 { color: #8A2BE2 !important; }
a:visited.naru_linkcolor2 { color:#8A2BE2 !important; }
a:link.naru_linkcolor3 { color: #6B8E23 !important; }
a:visited.naru_linkcolor3 { color:#6B8E23 !important; }
a:link.naru_linkcolor4 { color: #C71585 !important; }
a:visited.naru_linkcolor4 { color:#C71585 !important; }
a:link.naru_linkcolor5 { color: #DB7093 !important; }
a:visited.naru_linkcolor5 { color:#DB7093 !important; }
a:link.naru_linkcolor6 { color: #808000 !important; }
a:visited.naru_linkcolor6 { color:#808000 !important; }
a:link.naru_linkcolor7 { color: #006400 !important; }
a:visited.naru_linkcolor7 { color:#006400 !important; }

.naru_syokulinkt {
	margin:10px 0 10px 10px;
	font-size: 13px;
	float: left;
	width: 200px;
}

.naru_syokulinkt li {
	background: url("/common_img/15p/yajirushi_r.gif") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    	padding-left: 14px;
}

.naru_syokulinkt2 {
	margin:10px 0 10px 10px;
	font-size: 13px;
	float: left;
	clear: left;
	width: 150px;
}

.naru_syokulinkt2 li {
	background: url("/common_img/15p/yajirushi_r.gif") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    	padding-left: 14px;
}

.naru_namelinktitle1 {
	clear: left;
	padding:10px 0 10px 10px;
	color: #1E90FF;
	font-size:16px;
}
.naru_namelinktitle1 a{
	color: #1E90FF;
}
.naru_namelinktitle2 {
	clear: left;
	padding:10px 0 10px 10px;
	color: #8A2BE2;
	font-size:16px;

}
.naru_namelinktitle2 a{
	color: #8A2BE2;
}
.naru_namelinktitle3 {
	clear: left;
	padding:10px 0 10px 10px;
	color: #6B8E23;
	font-size:16px;
}
.naru_namelinktitle3 a{
	color: #6B8E23;
}
.naru_namelinktitle4 {
	clear: left;
	padding:10px 0 10px 10px;
	color: #C71585;
	font-size:16px;
}
.naru_namelinktitle4 a{
	color: #C71585;
}
.naru_namelinktitle5 {
	clear: left;
	padding:10px 0 10px 10px;
	color: #DB7093;
	font-size:16px;
}
.naru_namelinktitle5 a{
	color: #DB7093;
}
.naru_namelinktitle6 {
	clear: left;
	padding:10px 0 10px 10px;
	color: #808000;
	font-size:16px;
}
.naru_namelinktitle6 a{
	color: #808000;
}
.naru_namelinktitle7 {
	clear: left;
	padding:10px 0 10px 10px;
	color: #006400;
	font-size:16px;
}
.naru_namelinktitle7 a{
	color: #006400;
}
.naru_namelink {
	float: left;
	margin: 0 10px 0 0;
	width: 140px;
	font-size: 12px;
}

.naru_namelinkimg {
	float: left;
	margin: 0 10px 0 10px;
}

.naru_namelinkbox {
	clear: left;
	background: #edf6f9;
	height: 560px;
	margin: 50px 0 20px 0; 
}
.naru_namelinkbox2 {
	clear: left;
	background: #f2f0f8;
/*
	height: 1000px;
*/
	padding-bottom: 20px;
	margin: 50px 0 20px 0; 
}
.naru_namelinkbox3 {
	background: #fefaea;
/*
	height: 400px;
*/
	padding-bottom: 20px;
	margin: 50px 0 20px 0; 
}
.naru_namelinkbox4 {
	background: #fef5fb;
	height: 650px;
	margin: 50px 0 20px 0; 
}
.naru_namelinkbox5 {
	background: #fdf0f6;
/*
	height: 600px;
*/
	padding-bottom: 20px;
	margin: 50px 0 20px 0; 
}
.naru_namelinkbox6 {
	background: #f9f5ef;
	height: 800px;
	margin: 50px 0 20px 0; 
}
.naru_namelinkbox7 {
	background: #e9f7ea;
	height: 400px;
	margin: 50px 0 20px 0; 
}
.naru_jlink{
	clear: left;
	margin: 0 0 0 100px;
	font-size: 13px;
}
.naru_jlink li{
	float: left;
	margin: 15px 0 0 20px;
	background: url("/common_img/15p/yajirushi_r.gif") no-repeat scroll left 4px rgba(0, 0, 0, 0);
	padding-left: 10px;
}

		
		
/*new*/
#gakumonTitleBar,
#shikakuTitleBar{
	background-image:none;
	padding:0;
	border-left: #2d76c2 10px solid;
	padding:0;
	margin-bottom:30px;
}
#gakumonTitleBar h2,
#shikakuTitleBar h2{
	border-left: #ffe200 5px solid;
	padding: 17px;
	border-bottom: #2d76c2 2px solid;
}
#gakumonTitleBar .catalogTitleword,
#shikakuTitleBar .catalogTitleword{
	color: #2d86c2;
	font-size: 29px;
	font-weight: bold;
}
#searchTopBox{
	margin-bottom:20px;
}
#searchTopBox h3{
	background:;
	padding:;
	height:;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
}
#searchTopBox h3 span{
	color:#ffe200;
}
#searchTopBox .searchList{
	border-left:#2d76c2 1px solid;
	border-right:#2d76c2 1px solid;
	border-bottom:#2d76c2 1px solid;
	padding:15px;
	width:717px;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}
#searchTopBox .searchList ul{
	position:relative;
}
#searchTopBox .searchList ul:first-child{
	margin-bottom:10px;
}
#searchTopBox .searchList ul li{
	float:left;
	border:#2D76C2 1px solid;
	margin-right:9px;
	font-size: 15px;
	width: 134px;
}
#searchTopBox .searchList ul li a{
	padding:5px;
 display: block;
 font-size: 13px;
 text-align: center;
 width: 122px;
	border:#FFF 1px solid;
	color: #2d76c2;
	background-color:#E1F4FB;
}
#searchTopBox .searchList.gakumon ul li a{
	padding:10px 5px;
}
#searchTopBox .searchList ul li a:hover{
	color:#FFF;
	background-color:#5A95CF;
	text-decoration:none;
	}
#searchTopBox .searchList ul li a:before{
	float:left;
	content:"▶";
}
#searchTopBox .searchList ul li:last-child{
	margin-right:0;
}

#searchTopBox.shikaku .searchList ul li{
	height:69px;
}
#searchTopBox.shikaku .searchList ul li a{
	padding:0 5px;
	text-align:left;
	height:67px;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	line-height: 1.4;
}
#searchTopBox.shikaku .searchList ul li a:before{
	float:none;
	content:"";
}
#searchTopBox.shikaku .searchList ul li a span{
	display:inline-block;
	padding-left:10px;
	background: url(/common_img/18p/index_sen_dai/scl_sen/ico_arrow04.png) no-repeat 0 4px;
	background-size: 6px auto;
	word-break: break-all;
}
#searchTopBox.shikaku .searchList ul li a:hover span{
	background: url(/common_img/18p/index_sen_dai/scl_sen/ico_arrow05.png) no-repeat 0 4px;
}

    /* 各カテゴリ タイトル背景 */
/*学問*/
.cd-1{ background:url(/success/catalog/images/gakumon/tit_01.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-2{ background:url(/success/catalog/images/gakumon/tit_02.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-3{ background:url(/success/catalog/images/gakumon/tit_03.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-4{ background:url(/success/catalog/images/gakumon/tit_04.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-5{ background:url(/success/catalog/images/gakumon/tit_05.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-6{ background:url(/success/catalog/images/gakumon/tit_06.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-7{ background:url(/success/catalog/images/gakumon/tit_07.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-8{ background:url(/success/catalog/images/gakumon/tit_08.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-9{ background:url(/success/catalog/images/gakumon/tit_09.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-10{ background:url(/success/catalog/images/gakumon/tit_10.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-11{ background:url(/success/catalog/images/gakumon/tit_11.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-12{ background:url(/success/catalog/images/gakumon/tit_12.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-13{ background:url(/success/catalog/images/gakumon/tit_13.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-14{ background:url(/success/catalog/images/gakumon/tit_14.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-15{ background:url(/success/catalog/images/gakumon/tit_15.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-16{ background:url(/success/catalog/images/gakumon/tit_16.gif) 0 0 no-repeat; background-size: 250px 40px;}

/*資格*/
.cd-117{ background:url(/success/catalog/images/shikaku/tit_01.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-118{ background:url(/success/catalog/images/shikaku/tit_02.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-115{ background:url(/success/catalog/images/shikaku/tit_03.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-116{ background:url(/success/catalog/images/shikaku/tit_04.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-119{ background:url(/success/catalog/images/shikaku/tit_06.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-120{ background:url(/success/catalog/images/shikaku/tit_07.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-104{ background:url(/success/catalog/images/shikaku/tit_08.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-105{ background:url(/success/catalog/images/shikaku/tit_09.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-106{ background:url(/success/catalog/images/shikaku/tit_10.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-121{ background:url(/success/catalog/images/shikaku/tit_11.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-122{ background:url(/success/catalog/images/shikaku/tit_12.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-108{ background:url(/success/catalog/images/shikaku/tit_13.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-123{ background:url(/success/catalog/images/shikaku/tit_14.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-124{ background:url(/success/catalog/images/shikaku/tit_15.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-127{ background:url(/success/catalog/images/shikaku/tit_16.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-128{ background:url(/success/catalog/images/shikaku/tit_17.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-125{ background:url(/success/catalog/images/shikaku/tit_18.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-126{ background:url(/success/catalog/images/shikaku/tit_19.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-112{ background:url(/success/catalog/images/shikaku/tit_21.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-113{ background:url(/success/catalog/images/shikaku/tit_24.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-114{ background:url(/success/catalog/images/shikaku/tit_22.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-22{ background:url(/success/catalog/images/shikaku/tit_22.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-23{ background:url(/success/catalog/images/shikaku/tit_23.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-129{ background:url(/success/catalog/images/shikaku/tit_04.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-130{ background:url(/success/catalog/images/shikaku/tit_05.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-131{ background:url(/success/catalog/images/shikaku/tit_22.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-132{ background:url(/success/catalog/images/shikaku/tit_23.gif) 0 0 no-repeat; background-size: 250px 40px;}
.cd-133{ background:url(/success/catalog/images/shikaku/tit_16.gif) 0 0 no-repeat; background-size: 250px 40px;}

#n-navi .cate-tit span.dpn{
	display:block;
	}

#n-navi .cate-tit span.dpn:first-letter{
	color:rgba(0,0,0,0);
}

#n-navi .cate-tit{ height: 39px;}
#n-navi h3{padding: 18px 0 0 32px; /* padding: 18px 0 0 48px; */}

/* なるにはナビ　トップ変更 2016.12 */
#naruniwa_wrap .width_main {width:980px;}
#naruniwa_wrap {
	width:980px;
	box-sizing: border-box;
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 1.6em;
	font-family: "メイリオ","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","sans-serif";
}
#naruniwa_wrap .main_image {
	width:980px;
}
#naruniwa_wrap .naru_LineH2 {
	background-color: transparent !important;
	border-left: 8px solid #f00;
	color: #000;
	font-size: 26px; /* font-size: 18px; */
	font-weight: bold;
	line-height: 1.5; /* line-height: 26px; */
	margin: 15px 0 30px 0;
	padding-left: 5px;
}
#naruniwa_wrap .genre_tbl {
}
#naruniwa_wrap .genre_tbl ul {
	display:table;
}
#naruniwa_wrap .genre_tbl ul li{
	width:240px;
	height:200px;
	padding:3px;
	display:table-cell;
	word-wrap:break-word;
}
#naruniwa_wrap .genre_tbl ul li .genre_nm {
	color:#000;
	font-size:14px; /* font-size:1.1em; */
	font-weight:bold;
	display:block;
	height: 65px;
	line-height: 1.6em;
	padding: 43px 11px 0 112px; /* padding: 43px 11px 0px 117px; */
}
#naruniwa_wrap .genre_tbl ul li .link_nm {
	background-color:#fff;
	width:200px;
	height:48px;
	/*padding:10px;*/
	line-height:1.4em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:14px;
}
#naruniwa_wrap .genre_tbl_li01{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top01.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li02{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top02.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li03{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top03.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li04{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top04.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li05{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top05.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li06{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top06.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li07{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top07.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li08{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top08.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li09{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top09.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li10{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top10.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li11{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top11.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li12{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top12.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li13{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top13.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li14{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top14.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li15{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top15.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li16{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top16.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li17{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top17.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li18{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top18.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li19{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top19.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li20{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top20.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li21{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top21.png) 0 0 no-repeat;
	background-size: 230px 185px;
}
#naruniwa_wrap .genre_tbl_li22{
	background:url(/success/catalog/navi-img//p_1/230-185_naruniwa_top22.png) 0 0 no-repeat;
	background-size: 230px 185px;
}

/* なるにはナビ第2階層 */
#catalog2_wrap .column-L{
	width: 206px !important;
	margin-top: 15px; !important;
	font-family: "メイリオ","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","sans-serif";

}
#catalog2_wrap .column-R{
	width: 764px !important;
	margin-top: 15px; !important;
	font-family: "メイリオ","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","sans-serif";
}
#catalog2_wrap .main_image2 {
	width:764px;
}
#catalog2_wrap #syoku-itiran2 .syoku-tit {
	width: 248px;
	background-color:#658bbf;
	min-height: 25px;
	overflow: visible;
}
#catalog2_wrap #syoku-itiran2 h3 {
	background: url(/common_img/13phase/yajirushi_w.gif) no-repeat 1em 10px; /* background: url(/common_img/13phase/yajirushi_w.gif) no-repeat 1em .7em; */
	background-size:5px 8px;
	padding: 3px 0 0 20px; /* padding: 0px 0 0 20px; */
	line-height: 25px;
}
#catalog2_wrap #syoku-itiran2 h3 a {
	color: #fff;
	font-size:16px;
}
#syoku-itiran2 p.t10 {
	font-size: 15px;
	line-height: 1.6;
}
#catalog2_wrap #syoku-itiran2 .syoku-box-l{ width:248px; height:190px; /* height:140px; */ margin: 0 10px 12px 0; background-color: #fefcfe; padding-bottom:10px; overflow: hidden;}
#catalog2_wrap #syoku-itiran2 .syoku-box-r{ width:248px; height:190px; /* height:140px; */ background-color: #fefcfe; padding-bottom:10px; overflow: hidden;}
#catalog2_wrap #syoku-itiran2 img{width:140px; padding:8px 0 0 55px;}
#catalog2_wrap #syoku-itiran2 .txt-rap{width:150px; padding-left:10px;}
#catalog2_wrap #syoku-itiran2 p{ width:238px; padding: 0 10px;}
#catalog2_wrap #syoku-itiran2 .syosai{ text-align: right;}
#catalog2_wrap #message .pro-senpai{margin:15px 0 15px 0;}
#catalog2_wrap .job_genre {
	margin-bottom:20px;
}
#catalog2_wrap .job_genre ul {
	display: table;
	margin:-20px 0;
}
#catalog2_wrap .job_genre ul li {
	width: 186px;
	height: 55px;
	padding-right:5px;
	display: table-cell;
	word-wrap: break-word;
}
#catalog2_wrap .txt_data_ride {
	font-size:26px; /* font-size:16px; */
	font-weight:bold;
	letter-spacing:2px;
	color:#000;
	display:block;
	position:relative;
	top:-50px;
	left:180px;
}
#catalog2_wrap .job_genre .txt_data_on {
	font-size:16px; /* font-size:14px; */
	color:#fff;
	display:block;
	position:relative;
	top:-39px; /* top:-36px; */
	left:15px;
}
#catalog2_wrap .job_genre .txt_data_off {
	font-size:16px; /* font-size:14px; */
	color:#658bbf;
	display:block;
	position:relative;
	top:-39px; /* top:-36px; */
	left:15px;
}
#catalog2_wrap .job_genre .txt_data_on10 {
	font-size:14px;
	color:#fff;
	display:block;
	position:relative;
	top:-45px;
	left:15px;
}
#catalog2_wrap .job_genre .txt_data_off10 {
	font-size:14px;
	color:#658bbf;
	display:block;
	position:relative;
	top:-45px;
	left:10px;
}
#catalog2_wrap .genre_menu {
	/*background-color:#f2f2f2;*/
}
#catalog2_wrap .genre_menu a {
	display: block;
	text-decoration:none;
}
#catalog2_wrap .genre_menu a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#catalog2_wrap .genre_menu ul li {
	width:188px;
	height:60px;
	margin:0 auto;
	padding: 5px 0;
}
#catalog2_wrap .genre_menu .genre_txt {
	color:#000;
	font-size:14px; /* font-size:12px; */
	font-weight:bold;
	line-height:14px;
	position:relative;
	top:-42px; /* top:-39px; */
	left:79px; /* left:93px; */
}
#catalog2_wrap .genre_menu .genre_txt2 {
	color:#000;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	position:relative;
	top:-54px; /* top:-45px; */
	left:81px; /* left:93px; */
}
#catalog2_wrap .genre_menu_li01{
}
#catalog2_wrap .genre_menu_li02{
}
#catalog2_wrap .genre_menu_li03{
}
#catalog2_wrap .genre_menu_li04{
}
#catalog2_wrap .genre_menu_li05{
}
#catalog2_wrap .genre_menu_li06{
}
#catalog2_wrap .genre_menu_li07{
}
#catalog2_wrap .genre_menu_li08{
}
#catalog2_wrap .genre_menu_li09{
}
#catalog2_wrap .genre_menu_li10{
}
#catalog2_wrap .genre_menu_li11{
}
#catalog2_wrap .genre_menu_li12{
}
#catalog2_wrap .genre_menu_li13{
}
#catalog2_wrap .genre_menu_li14{
}
#catalog2_wrap .genre_menu_li15{
}
#catalog2_wrap .genre_menu_li16{
}
#catalog2_wrap .genre_menu_li17{
}
#catalog2_wrap .genre_menu_li18{
}
#catalog2_wrap .genre_menu_li19{
}
#catalog2_wrap .genre_menu_li20{
}
#catalog2_wrap .genre_menu_li21{
}
#catalog2_wrap .genre_menu_li22{
}
#catalog2_wrap .toPagetop1 {
	margin: 10px 0 0 0px;
	width: 980px;
}
#catalog2_wrap .job_genre a {
	display: block;
	text-decoration:none;
}
#catalog2_wrap .job_genre a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/*-------- 2021 12 デザイン変更 --------*/

/* トップ */

#Contents .main_image {
  margin-bottom: 60px;
}
.naru-ttl {
  color: #1C1C1C;
  text-align: center;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 38px;
}

#naruniwa_wrap h3 {
  background-position: top left;
  padding: 28px 0 0 155px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  color: #333;
  height: 94px;
	box-sizing: border-box;
	margin-left: -40px;
	position: relative;
}

#naruniwa_wrap h3::before {
	content: "";
	width: 230px;
	height: 69px;
	position: absolute;
	top: 20px;
	left: 40px;
	border: 1px solid #ccc;
	z-index: -1;
	background: linear-gradient(#fff, #e7eef5);
}

.bg01 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon01.png) no-repeat;}
.bg02 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon02.png) no-repeat;}
.bg03 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon03.png) no-repeat;}
.bg04 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon04.png) no-repeat;}
.bg05 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon05.png) no-repeat;}
.bg06 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon06.png) no-repeat;}
.bg07 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon07.png) no-repeat;}
.bg08 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon08.png) no-repeat;}
.bg09 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon09.png) no-repeat;}
.bg10 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon10.png) no-repeat;}
.bg11 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon11.png) no-repeat;}
.bg12 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon12.png) no-repeat;}
.bg13 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon13.png) no-repeat;}
.bg14 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon14.png) no-repeat;}
.bg15 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon15.png) no-repeat;}
.bg16 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon16.png) no-repeat;}
.bg17 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon17.png) no-repeat;}
.bg18 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon18.png) no-repeat;}
.bg19 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon19.png) no-repeat;}
.bg20 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon20.png) no-repeat;}
.bg21 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon21.png) no-repeat;}
.bg22 {background: url(/success/catalog/navi-img/P_3/219-90_naruniwa_icon22.png) no-repeat;}

#naruniwa_wrap .genre_tbl ul li .link_nm {
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background-color:#fff;
  padding-top: 20px;
  line-height:1.4em;
  font-size:14px;
}
#naruniwa_wrap .genre_tbl ul li .link_nm a {
  color: #3C58A2;
}

/* 職業一覧 */

main * {
  color: #333;
}

main a {
  transition: .2s;
}

main a:hover {
  text-decoration: none;
  opacity: .7;
}

#catalog2_wrap .genre_menu ul li {
  margin: 0 auto 10px;
}
#catalog2_wrap .genre_menu .genre_txt {
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  line-height: 20px;
  color: #333;
}
.jobTtl {
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin-bottom: 80px;
}
ul.jobGenre {
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}
ul.jobGenre li {
  width: 33.333%;
  text-align: center;
  font-size: 18px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  border-bottom: 1px solid #C7C7C7;
  padding-bottom: 20px;
}
ul.jobGenre li.on {
  border-bottom: 3px solid #3C58A2;
  position: relative;
}
ul.jobGenre li.on::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -19px;
  left: calc(50% - 4px);
  border: 8px solid transparent;
  border-left-width: 7px;
  border-right-width: 7px;
  border-top-color: #3C58A2;
}
#jobListWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
#jobListWrap * {
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  box-sizing: border-box;
}
#jobListWrap .jobCell {
  width: 50%;
}
#jobListWrap .jobCell a {
  display: flex;
  justify-content: space-between;
}
.jobCell {
  margin-bottom: 20px !important;
}
main .ph {
  width: 140px;
  margin-bottom: 0 !important;
}

main .ph img{
  width: 140px;
}
main dl {
  flex: 1;
  padding: 0 20px;
}
.jobCell dt {
  font-size: 15px;
  font-weight: bold;
  width: auto;
  /*height: 30px;*/
  text-align: center;
  border: 1px solid #707070;
  display: inline-block;
  padding: 2px 10px;
  margin-bottom: 40px;
}
.jobCell dd {
  font-size: 14px;
  line-height: 26px;
}
h3.msgTtl {
  color: #1C1C1C;
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid #C7C7C7;
  padding-bottom: 20px;
  margin-bottom: 70px;
}
h3.msgTtl span {
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 26px;
  display: block;
  margin-bottom: 15px;
}
#proMsg {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.msgCell {
  width: 50%;
}
.msgCell a {
  display: flex;
}
.msgCell dt {
  font-size: 15px;
  line-height: 26px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  height: 7em;
}
.msgCell dd {
  font-size: 12px;
  line-height: 16px;
}
.msgCell dd + dd {
  margin-top: 5px;
}

#reco{ 
  width:764px;
  margin-top:20px;
}





/*-----------------------------------*/

/*-------- #67031　デザイン変更 --------*/

main.gakumon_catalog * {
  box-sizing: border-box;
}
main.gakumon_catalog p, main.gakumon_catalog h2 {
  color: #333;
}
.gakumon_h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 56px;
}
.gakumon_h2 span {
  font-size: 22px;
}
ul.gakumon_cate_list {
  display: flex;
  flex-wrap: wrap;
}
ul.gakumon_cate_list > li {
  width: 310px;
  margin: 56px 25px 0 0;
}
ul.gakumon_cate_list > li:nth-child(3n) {
  margin-right: 0;
}
ul.gakumon_cate_list > li:nth-child(-n+3) {
  margin-top: 0;
}
.gakumon_cate {
  font-size: 18px;
  padding: 5px 5px 2px 65px;
  position: relative;
  font-weight: bold;
  margin-bottom: 10px;
}
.gakumon_cate.cate01 {background: #b4e8fd;}
.gakumon_cate.cate02 {background: #92e9b6;}
.gakumon_cate.cate03 {background: #e6f8a2;}
.gakumon_cate.cate04 {background: #c6efcf;}
.gakumon_cate.cate05 {background: #93dade;}
.gakumon_cate.cate06 {background: #ceb5f7;}
.gakumon_cate.cate07 {background: #ff99ff;}
.gakumon_cate.cate08 {background: #feaed5;}
.gakumon_cate.cate09 {background: #f499ba;}
.gakumon_cate.cate10 {background: #f8b4bf;}
.gakumon_cate.cate11 {background: #e8b6ab;}
.gakumon_cate.cate12 {background: #faa7c3;}
.gakumon_cate.cate13 {background: #f8d8b2;}
.gakumon_cate.cate14 {background: #f9e791;}

.gakumon_cate span {
  font-size: 32px;
  position: absolute;
  top: -16px;
  left: 5px;
  border: 5px solid transparent;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: white;
  text-align: center;
}
.gakumon_cate.cate01 span {border-color: #b4e8fd;}
.gakumon_cate.cate02 span {border-color: #92e9b6;}
.gakumon_cate.cate03 span {border-color: #e6f8a2;}
.gakumon_cate.cate04 span {border-color: #c6efcf;}
.gakumon_cate.cate05 span {border-color: #93dade;}
.gakumon_cate.cate06 span {border-color: #ceb5f7;}
.gakumon_cate.cate07 span {border-color: #ff99ff;}
.gakumon_cate.cate08 span {border-color: #feaed5;}
.gakumon_cate.cate09 span {border-color: #f499ba;}
.gakumon_cate.cate10 span {border-color: #f8b4bf;}
.gakumon_cate.cate11 span {border-color: #e8b6ab;}
.gakumon_cate.cate12 span {border-color: #faa7c3;}
.gakumon_cate.cate13 span {border-color: #f8d8b2;}
.gakumon_cate.cate14 span {border-color: #f9e791;}
ul.gakumon_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 14px;
}
ul.gakumon_list li {
  width: 50%;
  margin-top: 15px;
}
ul.gakumon_list li a {
  color: #3C58A2;
  font-size: 16px;
}



/*------------------------------------------------------------
#67986 デザイン変更　Top
------------------------------------------------------------*/

.mb20 {margin-bottom: 20px;}
.mb50 {margin-bottom: 50px;}
.mb70 {margin-bottom: 70px;}
#mainContent {
	width: 1062px;
}
.cert_catalogue {
  margin: 50px 0 70px;
}
.cert_catalogue * {
	box-sizing: border-box;
}
.cert_inner {
	padding: 0 42px;
}
.cert_catalogue_h2 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 30px;
}
dl.cert_catalogue_list {
	padding: 0;
}
dl.cert_catalogue_list dt {
	width: 980px;
	height: 54px;
	background-size: cover;
	padding: 20px 0 0 60px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
dl.cert_catalogue_list dt:first-letter{
	color:rgba(0,0,0,0);
}
dt.job_type117 {background: url(/success/catalog/images/job_ttl_bg01.png) no-repeat;} 
dt.job_type118 {background: url(/success/catalog/images/job_ttl_bg02.png) no-repeat;} 
dt.job_type115 {background: url(/success/catalog/images/job_ttl_bg03.png) no-repeat;} 
dt.job_type129 {background: url(/success/catalog/images/job_ttl_bg04.png) no-repeat;} 
dt.job_type130 {background: url(/success/catalog/images/job_ttl_bg05.png) no-repeat;} 
dt.job_type119 {background: url(/success/catalog/images/job_ttl_bg06.png) no-repeat;} 
dt.job_type120 {background: url(/success/catalog/images/job_ttl_bg07.png) no-repeat;} 
dt.job_type104 {background: url(/success/catalog/images/job_ttl_bg08.png) no-repeat;} 
dt.job_type105 {background: url(/success/catalog/images/job_ttl_bg09.png) no-repeat;} 
dt.job_type106 {background: url(/success/catalog/images/job_ttl_bg10.png) no-repeat;} 
dt.job_type121 {background: url(/success/catalog/images/job_ttl_bg11.png) no-repeat;} 
dt.job_type122 {background: url(/success/catalog/images/job_ttl_bg12.png) no-repeat;} 
dt.job_type108 {background: url(/success/catalog/images/job_ttl_bg13.png) no-repeat;} 
dt.job_type123 {background: url(/success/catalog/images/job_ttl_bg14.png) no-repeat;} 
dt.job_type124 {background: url(/success/catalog/images/job_ttl_bg15.png) no-repeat;} 
dt.job_type133 {background: url(/success/catalog/images/job_ttl_bg16.png) no-repeat;} 
dt.job_type125 {background: url(/success/catalog/images/job_ttl_bg17.png) no-repeat;} 
dt.job_type126 {background: url(/success/catalog/images/job_ttl_bg18.png) no-repeat;} 
dt.job_type112 {background: url(/success/catalog/images/job_ttl_bg19.png) no-repeat;} 
dt.job_type113 {background: url(/success/catalog/images/job_ttl_bg20.png) no-repeat;} 
dt.job_type131 {background: url(/success/catalog/images/job_ttl_bg21.png) no-repeat;} 
dt.job_type132 {background: url(/success/catalog/images/job_ttl_bg22.png) no-repeat;} 
dl.cert_catalogue_list dd ul {
	display: flex;
	flex-wrap: wrap;
  overflow: hidden;
}
dl.cert_catalogue_list dd ul li {
	width: 33.3333%;
	margin-bottom: 4px;
	height: 42px;
}
dl.cert_catalogue_list dd a {
	font-size: 16px;
	line-height: 22px;
	color: #3C58A2;
	width: 317px;
	display: inline-block;
}
.cert_catalogue .tgl_btn {
	width: fit-content;
	margin: 0 auto;
	font-size: 16px;
	color: #3C58A2;
	position: relative;
	cursor: pointer;
}
.cert_catalogue .tgl_btn::after {
	content: "";
	position: absolute;
	right: -20px;
	top: 3px;
	width: 10px;
	height: 10px;
	border-left: 1px solid #3C58A2;
	border-bottom: 1px solid #3C58A2;
	transform: rotate(-45deg);
}
.cert_catalogue .tgl_btn.open::after {
	transform: rotate(135deg);
	top: 10px;
}
dl.cert_catalogue_list dd + dt {
	margin-top: 20px;
}
.cert_catalogue .note {
	font-size: 14px;
}

/*------------------------------------------------------------
職業なるにはナビTop
------------------------------------------------------------*/
.mt70 {margin-top: 70px;}
main.naru_navi {
	padding: 0 41px;
}
.navi_top_copy {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
}
ul.navi_genre_list {
	display: flex;
	flex-wrap: wrap;
}
ul.navi_genre_list li {
	width: 310px;
	margin-right: 24px;
}
ul.navi_genre_list li:nth-child(3n) {
	margin-right: 0;
}
ul.navi_genre_list li h3 {
	height: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	padding: 24px 0 0 78px;
}	
ul.navi_genre_list li:nth-child(1) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img01.png);}
ul.navi_genre_list li:nth-child(2) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img02.png);}
ul.navi_genre_list li:nth-child(3) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img03.png);}
ul.navi_genre_list li:nth-child(4) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img04.png);}
ul.navi_genre_list li:nth-child(5) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img05.png);}
ul.navi_genre_list li:nth-child(6) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img06.png);}
ul.navi_genre_list li:nth-child(7) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img07.png);}
ul.navi_genre_list li:nth-child(8) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img08.png);}
ul.navi_genre_list li:nth-child(9) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img09.png);}
ul.navi_genre_list li:nth-child(10) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img10.png);}
ul.navi_genre_list li:nth-child(11) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img11.png);}
ul.navi_genre_list li:nth-child(12) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img12.png);}
ul.navi_genre_list li:nth-child(13) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img13.png);}
ul.navi_genre_list li:nth-child(14) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img14.png);}
ul.navi_genre_list li:nth-child(15) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img15.png);}
ul.navi_genre_list li:nth-child(16) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img16.png);}
ul.navi_genre_list li:nth-child(17) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img17.png);}
ul.navi_genre_list li:nth-child(18) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img18.png);}
ul.navi_genre_list li:nth-child(19) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img19.png);}
ul.navi_genre_list li:nth-child(20) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img20.png);}
ul.navi_genre_list li:nth-child(21) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img21.png);}
ul.navi_genre_list li:nth-child(22) h3 {background-image: url(/success/catalog/navi-img/p_1/nabi_genre_img22.png);}
.job_links {
	height: 110px;
	padding-top: 20px;
}
.job_links,
.job_links a {
	color: #3C58A2;
	font-size: 16px;
	font-weight: bold;
}


/*------------------------------------------------------------
職業なるにはナビジャンル
------------------------------------------------------------*/

.navi_genre_h2 {
	color: #FF5B57;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 42px;
}
.navi_genre_h3 {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
	padding-top:30px;
	margin-top:-30px;
}
ul.navi_job_list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px;
}
ul.navi_job_list li {
	width: 160px;
	margin-right: 30px;
	margin-bottom: 40px;
}
ul.navi_job_list li:nth-child(5n) {
	margin-right: 0;
}
ul.navi_job_list .job_img {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 16px;
}
ul.navi_job_list .job_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
ul.navi_job_list dl {
	padding: 0;
}
ul.navi_job_list dt {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 32px;
	position: relative;
}
ul.navi_job_list dt::after {
	content: "";
	display: block;
	width: 34px;
	border-bottom: 1px solid #707070;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
}
ul.navi_job_list dd {
	font-size: 14px;
	line-height: 26px;
}
ul.navi_job_list + .navi_genre_h3 {
	margin-top: 12px;
}


/*------------------------------------------------------------
職業なるにはナビ詳細
------------------------------------------------------------*/

.navi_detail_wrap {
	display: flex;
	justify-content: space-between;
}
.navi_detail_wrap .txt {
	flex: 1;
	padding-right: 32px;
}
.navi_detail_wrap .job_img {
	width: 170px;
}
.job_name_h2 {
	font-size: 40px;
	color: #FF5B57;
	font-weight: bold;
	margin-bottom: 40px;
}
.job_name_h2 span {
	font-size: 16px;
	color: inherit;
	margin-left: 9px;
}
.job_catch {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 28px;
}
.job_detail{
	font-size: 16px;
	line-height: 32px;
}
.job_img {
	margin: 0;
	width: 170px;
	height: 170px;
}
.job_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.job_img figcaption {
	font-size: 12px;
	color: #474747;
	margin-top: 12px;
}
.scl_link_box {
	border: 1px solid #01AFEC;
	border-radius: 12px;
	padding: 62px 34px 58px;
	margin-bottom: 100px;
}
.scl_link_box .sub {
	font-size: 15px;
	text-align: center;
	margin-bottom: 38px;
}
.navi_bold_ttl {
	font-size: 26px;
	text-align: center;
	color: #1C1C1C;
	font-weight: bold;
}
.scl_link_box .job_scl_search {
  display: flex;
  justify-content: space-between;
}
.scl_link_box .job_scl_search a {
  width: 340px;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  color: white;
  background: #01AFEC;
  border-radius: 5px;
  height: 70px;
  font-weight: bold;
  padding-top: 14px;
  position: relative;
  box-sizing: border-box;
}
.scl_link_box .job_scl_search a span {
  color: white;
  font-size: 18px;
  font-weight: normal;
  margin-left: 9px;
}
.scl_link_box .job_scl_search a::before {
  content: "";
  position: absolute;
  top: 26px;
  right: 25px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
}
.scl_link_box .job_scl_search a::after {
  content: "";
  position: absolute;
  right: 31px;
  top: 31px;
  width: 5px;
  height: 5px;
  border-right: 2px solid #01AFEC;
  border-bottom: 2px solid #01AFEC;
  transform: rotate(-45deg);
}
.bdr_btm {
	border-bottom: 1px solid #1C1C1C;
	padding-bottom: 28px;
	margin-bottom: 30px;
}
.related_h4 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}
ul.related_links {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
ul.related_links li {
	width: 33.333%;
	margin-bottom: 10px;
}
ul.related_links li a {
	font-size: 15px;
}