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

/*++++++++++++++++++++++++++++++++++++
+
+　メインイメ�`ジ
+
+++++++++++++++++++++++++++++++++++++*/
#main {
}
#main img {
	width: 100%;
	height: auto;
}


@media only screen and (max-width: 768px){
.main {
	font-size: 1.8rem;
	margin: 0 0 10px;
	line-height: 105px;
}

}

/*++++++++++++++++++++++++++++++++++++
+
+　タイトル
+
+++++++++++++++++++++++++++++++++++++*/

#contents h3 {
	border-bottom: 2px solid #CB2837;
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0px 0px 30px;
	padding: 0px 0px 15px;
	color: #CB2837;
}
#contents h4.sttl {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0px 0px 25px;
	border-left: 5px solid #CB2837;
	padding: 0 0 0 15px;
}
#contents h5.sst {
	background: #eeeeee;
	line-height: 40px;
	padding: 0px 10px;
	font-size: 1.5rem;
	margin: 0px 0px 10px;
	font-weight: bold;
}
#contents h6 {
	margin: 0px 0px 10px;
	font-weight: bold;
}


@media only screen and (max-width: 768px){
#contents h3 {
	font-size: 1.8rem;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
}
#contents h4.sttl {
	font-size: 1.6rem;
	margin: 0px 0px 15px;
	padding: 0 0 0 10px;
}
#contents h5.sst {
	line-height: 35px;
	font-size: 1.3rem;
	margin: 0px 0px 10px;
}
#contents h6 {
	margin: 0px 0px 5px;
}

}





/*++++++++++++++++++++++++++++++++++++
+
+　メ�`ルアイコン
+
+++++++++++++++++++++++++++++++++++++*/
.mail a:before {
	background : none;
	content: "\f0e0";
	margin: 0 10px 0 0;
	color: #CB2837;
	font: 1.8rem FontAwesome;
}
@media only screen and (max-width: 768px){
.mail a:before {
	margin: 0 5px 0 0;
	font: 1.4rem FontAwesome;
}
}



/*++++++++++++++++++++++++++++++++++++
+
+　pcアイコン
+
+++++++++++++++++++++++++++++++++++++*/
.desktop:before {
	background : none;
	content: "\f109";
	color: #CB2837;
	font: 2.1rem FontAwesome;
	position: absolute;
	left: -2px;
	top: 3px;
}
.desktop {
	position: relative;
	padding-left: 30px;
}
@media only screen and (max-width: 768px){
.desktop:before {
	margin: -3px 5px 0px 0;
	font: 1.8rem FontAwesome;
}
.desktop {
    padding-left: 20px;
}
}





/* ----------------------------------------
 *  お岑らせ
 * ---------------------------------------- */
#news_area .news {
	margin: 0px auto 30px;
	max-width: 1080px;
}
#news_area .news ul{
	border-bottom: 1px solid #e0e0e0;
	padding: 0 3%;
}
#news_area .news ul li{
	vertical-align:middle;
}
#news_area .news ul:first-child {
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
}
#news_area .news ul:hover {
	background: #faf9f6;
}
#news_area .news ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
#news_area .news .day {
	width: 13%;
	float: left;
	padding: 10px 0;
	line-height: 26px;
}
#news_area .news ul .day .date {
	margin: 0 10px 0 0;
}

#news_area .news .cate {
	width: 15%;
	float: left;
	line-height: 28px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	margin: 10px 0px;
}
#news_area .news .cont  {
	width: 70%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	float: right;
}
#news_area .icon {
	font-size: 11px;
	color: #FFF;
	min-width: 110px;
	max-width: 110px;
	letter-spacing: -0.1em;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 26px;
	margin: 0px 0px 2px;
}

#news_area .pager {
    overflow: hidden;
}
#news_area .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
#news_area .pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
#news_area .pager ul li span,
#news_area .pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
#news_area .pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
#news_area .pager ul li a:hover {
    background: #333;
    color: #FFF;
}
@media only screen and (max-width: 768px){

#news_area .news {
	padding: 25px 0;
	margin: 0 0 20px;
}
#news_area .news ul{
	border-bottom: 1px solid #e0e0e0;

	padding: 0;
}
#news_area .news ul li{
	vertical-align:middle;
}
#news_area .news ul:first-child {
}
#news_area .news ul:hover {
	background: #faf9f6;
}
#news_area .news ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
#news_area .news .day {
	width: auto;
	float: left;
	padding: 15px 0px 5px;
	line-height: 20px;
}
#news_area .news ul .day p {
	float: left;
}

#news_area .news .day:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
#news_area .news .cate {
	float: left;
	margin:  0;
	padding: 15px 0px;
	line-height: 26px;
	/* text-align:center; */
	width: 69%;
}
#news_area .news .cate .icon {
	float: left;
	margin: 0 1px 0 0;
}
#news_area .news .icon {
	margin: 0 0 0 10px;
	letter-spacing: 0.1em;
	font-size: 10px;
	line-height: 20px;
}
#news_area .news .cont  {
	width: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	float: none;
}
#news_area .news .cont:before {
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
#news_area .icon {
	font-size: 11px;
	color: #FFF;
	min-width: 110px;
	max-width: 110px;
	letter-spacing: -0.1em;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	line-height: 26px;
	margin: 0px 0px 2px;
}
#news_area .pager {
    overflow: hidden;
}
#news_area .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
#news_area .pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
#news_area .pager ul li span,
#news_area .pager ul li a {
    display: block;
    font-size: 14px;
    padding: 0.5em 0.6em;
    border-radius: 3px;
}
#news_area .pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
#news_area .pager ul li a:hover {
    background: #333;
    color: #FFF;
}

}


.news-title {
	border-top: 4px solid #cb2837;
	padding: 25px 0px 0px;
}
.news-title .st1 {
	margin: 0px 0px 35px;
}
.news-title .st1 .day {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin: 0px 15px 0px 0px;
	line-height: 26px;
}
.news-title .st1 .icon {
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	float: left;
	max-width: 100px;
	width:100%;
	text-align: center;
	background-color:#5eceea;
	border-radius:6px;
}
.news-title .st1 .icon-info {
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	float: left;
	max-width: 100px;
	width:100%;
	text-align: center;
	background-color:#4daadf;
	border-radius:6px;
}
.news-title .st1 .icon-event {
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	float: left;
	max-width: 100px;
	width:100%;
	text-align: center;
	background-color:#c089dc;
	border-radius:6px;
}
.news-title .st1 .icon-other {
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	float: left;
	max-width: 100px;
	width:100%;
	text-align: center;
	background-color:#a9a9a9;
	border-radius:6px;
}


.news-title .st2 {
	font-size: 26px;
	line-height: 1.538em;
	padding: 0px 0px 30px;
	border-bottom: 1px solid #c9c9c9 !important;
	color: #333 !important;
}
.news-sns {
	padding: 15px 0px 35px;
}
.news-sns ul li {
	float: left;
	margin: 0px 10px 0px 0px;
}
.news-text {
	font-size: 14px;
	line-height: 1.786em;
	padding: 0 0 30px;
}
@media only screen and (max-width: 768px){
.news-title {
	padding: 15px 0px 0px;
}
.news-title .st1 {
	margin: 0px 0px 15px;
}
.news-title .st1 .day {
	font-size: 12px;
	margin: 0px 10px 0px 0px;
	line-height: 20px;
}
.news-title .st1 .icon {
	line-height: 20px;
	max-width: 90px;
}
.news-title .st2 {
	font-size: 14px;
	line-height: 1.5em;
	padding: 0px 0px 15px;
}
.news-sns {
	padding: 10px 0px;
}
.news-sns ul li {
	margin: 0px 10px 0px 0px;
}
.news-text {
	font-size: 14px;
	line-height: 1.786em;
	padding: 0 0 30px;
}
}



/*++++++++++++++++++++++++++++++++++++
+
+　キャリアセンタ�`について
+
+++++++++++++++++++++++++++++++++++++*/
.ab-intro {
	margin: 0px 0px 50px;
}
.ab-intro p {
	margin: 0px 0px 25px;
}
/*ボックス畠悶*/
.ab-flow {
	margin: 0;
	padding: 0;/*恷寄嫌*/
}

/*ラベル*/
.ab-flow label {
	display: block;
	margin: 1.5px 0;
	padding : 13px 12px;
	font-weight: bold;
	cursor :pointer;
	transition: top 0.5s;
}

/*アイコンを燕幣*/
.ab-flow label:before {
	content: '+';
	font-size: 4.0rem;
	padding-right: 8px;
	float: right;
	line-height: 80px;
}
.ab-flow .year1 label:before {
	color: #e97c78;
}
.ab-flow .year2 label:before {
	color: #fba857;
}
.ab-flow .year3 label:before {
	color: #7fc07e;
}
.ab-flow .year4 label:before  {
	color: #6ea9d2;
}


/*ラベルホバ�`�r*/
.ab-flow label:hover {}

/*チェックは�Lす*/
.ab-flow input {
    display: none;
}

/*嶄附を掲燕幣にしておく*/
.ab-flow .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	font-weight: bold;
}

/*クリックで嶄附燕幣*/
.year1 .cssacc:checked + label + .accshow {
    max-width: 1020px;
    height: auto;
    opacity: 1;
    margin: 0 auto;
    border-top: solid 1px #e97c78;
}
.year2 .cssacc:checked + label + .accshow {
    max-width: 1020px;
    height: auto;
    opacity: 1;
    margin: 0 auto;
    border-top: solid 1px #fba857;
}
.year3 .cssacc:checked + label + .accshow {
    max-width: 1020px;
    height: auto;
    opacity: 1;
    margin: 0 auto;
    border-top: solid 1px #7fc07e;
}
.year4 .cssacc:checked + label + .accshow {
    max-width: 1020px;
    height: auto;
    opacity: 1;
    margin: 0 auto;
    border-top: solid 1px #6ea9d2;
}





.ab-flow .accshow p {
    margin: 15px 10px}

/*アイコンを秘れ紋える*/
.cssacc:checked + label:before {
    content: '�`';
    font-size: 3.0rem;
}
.ab-flow .year1 {
	border: 2px solid #e97c78;
	margin: 0px 0px 35px;
}
.ab-flow .year2 {
	border: 2px solid #fba857;
	margin: 0px 0px 35px;
}
.ab-flow .year3 {
	border: 2px solid #7fc07e;
	margin: 0px 0px 35px;
}
.ab-flow .year4 {
	border: 2px solid #6ea9d2;
	margin: 0px 0px 35px;
}



.ab-flow .label {
	padding: 20px 30px 20px 25px;
}

.ab-flow .year1 .icon {
	width: 80px;
	height: 80px;
	font-size: 1.6rem;
	line-height: 80px;
	color: #FFF;
	background: #e97c78;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ����*/
	-moz-border-radius: 5px;/* for Firefox ����*/
	font-weight: bold;
	float: left;
	margin: 0 15px 0 0;
}
.ab-flow .year2 .icon {
	width: 80px;
	height: 80px;
	font-size: 1.6rem;
	line-height: 80px;
	color: #FFF;
	background: #fba857;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ����*/
	-moz-border-radius: 5px;/* for Firefox ����*/
	font-weight: bold;
	float: left;
	margin: 0 15px 0 0;
}
.ab-flow .year3 .icon {
	width: 80px;
	height: 80px;
	font-size: 1.6rem;
	line-height: 80px;
	color: #FFF;
	background: #7fc07e;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ����*/
	-moz-border-radius: 5px;/* for Firefox ����*/
	font-weight: bold;
	float: left;
	margin: 0 15px 0 0;
}
.ab-flow .year4 .icon {
	width: 80px;
	height: 80px;
	font-size: 1.6rem;
	line-height: 80px;
	color: #FFF;
	background: #6ea9d2;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;/* for Safari and Chrome ����*/
	-moz-border-radius: 5px;/* for Firefox ����*/
	font-weight: bold;
	float: left;
	margin: 0 15px 0 0;
}


.ab-flow .icon span {
	font-size: 2.6rem;
}


.ab-flow .sttl {
	float: left;
}
.ab-flow .year1 .sttl .st {
	font-size: 2.8rem;
	font-weight: bold;
	color: #e97c78;
	margin: 0px 0px 5px;
	line-height: 1.5;
}
.ab-flow .year2 .sttl .st {
	font-size: 2.8rem;
	font-weight: bold;
	color: #fba857;
	margin: 0px 0px 5px;
	line-height: 1.5;
}
.ab-flow .year3 .sttl .st {
	font-size: 2.8rem;
	font-weight: bold;
	color: #7fc07e;
	margin: 0px 0px 5px;
	line-height: 1.5;
}
.ab-flow .year4 .sttl .st {
	font-size: 2.8rem;
	font-weight: bold;
	color: #6ea9d2;
	margin: 0px 0px 5px;
	line-height: 1.5;
}
.ab-flow .sttl .st span {
	font-size: 1.8rem;
}
.ab-flow .sttl .copy {
	font-size: 1.7rem;
}


.ab-flow .accshow .sst {
	font-size: 1.7rem;
	margin: 0px 0px 15px;
}
.ab-flow .accshow .sst.mat40 {
	margin: 40px 0px 15px;
}


.ab-flow .accshow .list {
	font-size: 1.5rem;
	margin: 0 0 25px;
}
.ab-flow .year1 .accshow .list {
	color: #e97c78;
}
.ab-flow .year2 .accshow .list {
	color: #fba857;
}
.ab-flow .year3 .accshow .list {
	color: #7fc07e;
}
.ab-flow .year4 .accshow .list {
	color: #6ea9d2;
}


.ab-flow .accshow .list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.ab-flow .accshow .list li {
	float: left;
	width: 48%;
}
.ab-flow .accshow .list li:nth-child(even) {}
.ab-flow .arrow {
	margin: 0px auto 25px;
	width: 10.185%;
}
.sec-ab-mess {
	margin: 0px 0px 95px;
}
.sec-ab-hoshin {
	margin: 0px 0px 100px;
}
.sec-ab-hoshin p {
	margin: 0px 0px 25px;
}



.sec-ab-time {
	margin: 0px 0px 50px;
}
.sec-ab-time table {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 10px;
}
.sec-ab-time table tr th {
	text-align: center;
	background: #f3f3f3;
	vertical-align: middle;
	width: 33.3333%;
	padding: 10px 0px;
	border: 1px solid #CCC;
}
.sec-ab-time table tr td {
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #CCC;
}







.sec-ab-loca {
	margin: 0 0 50px;
}
.sec-ab-loca .text {
	margin: 0 0 55px;
}
.sec-ab-loca .text a {
	color: #CB2837;
}
.sec-ab-loca .link-btn .btn {
	float: left;
	width: 48%;
}
.sec-ab-loca .link-btn .btn:nth-child(2) {
	float: right;
}
.sec-ab-loca .link-btn .btn a {
	color: #fff;
	background: #CB2837;
	display:block;
	font-size: 2rem;
}
.sec-ab-loca .link-btn .btn a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.sec-ab-loca .link-btn .btn .txt {
	position: relative;
	height: 130px;
	float: left;
	width: 67%;
}
.sec-ab-loca .link-btn .btn .txt:before {
	content: "";
	margin: 60px 5% 0 0;
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/cs/images/common/blank_icon_w.png);
	background-size: contain;
	vertical-align: middle;
	float: right;
}
.sec-ab-loca .link-btn .btn .txt p {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
	padding: 0 0 0 5%;
}
.sec-ab-loca .link-btn .btn .img {
	float: left;
	width: 33%;
}
@media only screen and (max-width: 768px){
.ab-intro {
	margin: 0px 0px 25px;
}
.ab-intro p {
	margin: 0px 0px 15px;
}
/*ボックス畠悶*/
.ab-flow {
	margin: 0;
	padding: 0;/*恷寄嫌*/
}

/*ラベル*/
.ab-flow label {
	display: block;
	margin: 1.5px 0;
	padding : 13px 12px;
	font-weight: bold;
	cursor :pointer;
	transition: all 0.5s;
}

/*アイコンを燕幣*/
.ab-flow label:before {
	font-size: 2.0rem;
	line-height: 30px;
}
.ab-flow .year1 label:before {
}
.ab-flow .year2 label:before {
}
.ab-flow .year3 label:before {
}
.ab-flow .year4 label:before  {
}


/*ラベルホバ�`�r*/
.ab-flow label:hover {}

/*チェックは�Lす*/
.ab-flow input {
    display: none;
}

/*嶄附を掲燕幣にしておく*/
.ab-flow .accshow {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	font-weight: bold;
}

/*クリックで嶄附燕幣*/
.year1 .cssacc:checked + label + .accshow {max-width: 90%;}
.year2 .cssacc:checked + label + .accshow {max-width: 90%;}
.year3 .cssacc:checked + label + .accshow {max-width: 90%;}
.year4 .cssacc:checked + label + .accshow {max-width: 90%;}




.ab-flow .accshow p {
    margin: 15px 10px}

/*アイコンを秘れ紋える*/
.cssacc:checked + label:before {
    content: '�`';
}
.ab-flow .year1 {
	margin: 0 0 15px;
}
.ab-flow .year2 {
	margin: 0 0 15px;
}
.ab-flow .year3 {
	margin: 0 0 15px;
}
.ab-flow .year4 {
	margin: 0 0 15px;
}



.ab-flow .label {
	padding: 10px;
}

.ab-flow .year1 .icon {
	width: 50%;
	height: 30px;
	font-size: 1.3rem;
	line-height: 30px;
	float: none;
	margin: 0 0 5px 0;
}
.ab-flow .year2 .icon {
	width: 50%;
	height: 30px;
	font-size: 1.3rem;
	line-height: 30px;
	float: none;
	margin: 0 0 5px 0;
}
.ab-flow .year3 .icon {
	width: 50%;
	height: 30px;
	font-size: 1.3rem;
	line-height: 30px;
	float: none;
	margin: 0 0 5px 0;
}
.ab-flow .year4 .icon {
	width: 50%;
	height: 30px;
	font-size: 1.3rem;
	line-height: 30px;
	float: none;
	margin: 0 0 5px 0;
}


.ab-flow .icon span {
	font-size: 1.8rem;
}


.ab-flow .sttl {
	float: none;
}
.ab-flow .year1 .sttl .st {
	font-size: 2rem;
	line-height: 1.3;
}
.ab-flow .year2 .sttl .st {
	font-size: 2rem;
	line-height: 1.3;
}
.ab-flow .year3 .sttl .st {
	font-size: 2rem;
	line-height: 1.3;
}
.ab-flow .year4 .sttl .st {
	font-size: 2rem;
	line-height: 1.3;
}
.ab-flow .sttl .st span {
	font-size: 1.2rem;
}
.ab-flow .sttl .copy {
	font-size: 1.3rem;
}


.ab-flow .accshow .sst {
	font-size: 1.5rem;
	margin: 0px 0px 10px;
}
.ab-flow .accshow .sst.mat40 {
	margin: 20px 0px 10px;
}


.ab-flow .accshow .list {
	font-size: 1.3rem;
	margin: 0 0 20px;
}
.ab-flow .year1 .accshow .list {}
.ab-flow .year2 .accshow .list {}
.ab-flow .year3 .accshow .list {}
.ab-flow .year4 .accshow .list {}


.ab-flow .accshow .list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.ab-flow .accshow .list li {
	float: none;
	width: auto;
}
.ab-flow .accshow .list li:nth-child(even) {}
.ab-flow .arrow {
	margin: 0px auto 15px;
	width: 20%;
}
.sec-ab-mess {
	margin: 0px 0px 40px;
}
.sec-ab-hoshin {
	margin: 0px 0px 50px;
}
.sec-ab-hoshin p {
	margin: 0px 0px 20px;
}



.sec-ab-time {
	margin: 0px 0px 50px;
}
.sec-ab-time table {margin: 0 0 5px;}
.sec-ab-time table tr th {
	padding: 5px 0px;
}
.sec-ab-time table tr td {
	padding: 5px 0px;
}







.sec-ab-loca {
	margin: 0 0 50px;
}
.sec-ab-loca .text {
	margin: 0 0 20px;
}
.sec-ab-loca .text a {}
.sec-ab-loca .link-btn .btn {
	float: none;
	width: auto;
	margin: 0 0 10px;
}
.sec-ab-loca .link-btn .btn:nth-child(2) {
	float: none;
}
.sec-ab-loca .link-btn .btn a {
	font-size: 1.1rem;
}
.sec-ab-loca .link-btn .btn a:after {}
.sec-ab-loca .link-btn .btn .txt {
	height: 66px;
	width: 70%;
}
.sec-ab-loca .link-btn .btn .txt:before {
	margin: 30px 5% 0 0;
	width: 10px;
	height: 8px;
}
.sec-ab-loca .link-btn .btn .txt p {}
.sec-ab-loca .link-btn .btn .img {
	width: 30%;
}

}



/*++++++++++++++++++++++++++++++++++++
+
+　壓僥伏?隠�o宀のみなさまへ
+
+++++++++++++++++++++++++++++++++++++*/
#contents .nav .box {
	float: left;
	width: 30.55555555%;
	margin: 0px 4% 60px 0px;
}
#contents .nav .box:nth-child(3n) {
	margin: 0px 0px 60px 0px;
}
#contents .nav .box a {
	display:block;
}
#contents .nav .box .img {
	margin: 0px 0px 20px;
}
#contents .nav .box .sttl {
	color: #CB2837;
	border-left: 4px solid #CB2837;
	padding: 0px 0px 0px 15px;
	font-size: 16px;
	line-height: 20px;
	margin: 0px 0px 15px;
	font-weight: bold;
}
@media only screen and (max-width: 768px){
#contents .nav .box {
	width: 48%;
	margin: 0 0 30px 0;
}
#contents .nav .box:nth-child(even) {
	float: right;
}
#contents .nav .box:nth-child(3n) {
	margin: 0px 0px 30px 0px;
}
#contents .nav .box a {
	display:block;
}
#contents .nav .box .img {
	margin: 0px 0px 10px;
}
#contents .nav .box .sttl {
	padding: 0px 0px 0px 5px;
	font-size: 14px;
	line-height: 15px;
	margin: 0px 0px 5px;
}

}

/*++++++++++++++++++++++++++++++++++++
+
+　壓僥伏?隠�o宀のみなさまへ　定�g佩並
+
+++++++++++++++++++++++++++++++++++++*/
.sec_event_intro {
	margin: 0px 0px 50px;
}
.eve_text {
	margin: 0px 0px 10px;
}
.event {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 55px;
}
.event tr th {
	background: #f3f3f3;
	border: 1px solid #CCC;
	padding: 15px;
}
.event tr td {
	padding: 15px;
	width: 80%;
	border: 1px solid #ccc;
}
.event tr .day {
	width: 20%;
	text-align: center;
}
.event tr .years {
	font-weight: bold;
}
@media only screen and (max-width: 768px){
.sec_event_intro {
	margin: 0px 0px 25px;
}
.eve_text {
	margin: 0px 0px 5px;
}
.event {
	margin: 0px 0px 25px;
}
.event tr th {
	padding: 10px;
}
.event tr td {
	padding: 10px;
	width: 65%;
}
.event tr .day {
	width: 35%;
	vertical-align:middle;
}
.event tr .years {}
}






/*++++++++++++++++++++++++++++++++++++
+
+　壓僥伏?隠�o宀のみなさまへ　インタ�`ンシッププログラム
+
+++++++++++++++++++++++++++++++++++++*/
.intern_intro_text {
	margin: 0px 0px 75px;
}
.intern_intro_text p {
	margin: 0px 0px 30px;
}
.intern_flow {
	margin: 0px 0px 75px;
}
.intern_impress {
	background: #f5f4e7;
	padding: 40px;
}
.intern_impress .innWrap {
	background: #FFF;
	padding: 40px 45px;
	box-shadow: 3px 3px rgba(0,0,0,0.2);
}
.intern_impress .innWrap ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}

.intern_impress .innWrap ul li {
	width: 48%;
	margin: 0 0 60px;
}
.intern_impress .innWrap ul li:nth-child(odd) {
	float: left;
}
.intern_impress .innWrap ul li:nth-child(even) {
	float: right;
	width: 49%;
}
@media only screen and (max-width: 768px){
.intern_intro_text {
	margin: 0px 0px 35px;
}
.intern_intro_text p {
	margin: 0px 0px 15px;
}
.intern_flow {
	margin: 0px 0px 35px;
}
.intern_flow ul { margin: 0 5%;}
.intern_impress {
	padding: 20px;
}
.intern_impress .innWrap {
	padding: 20px 25px;
}
.intern_impress .innWrap ul li {
	width: auto;
	text-align: center;
	margin: 0 0 20px;
}
.intern_impress .innWrap ul li:nth-child(odd) {
	float: none;
}
.intern_impress .innWrap ul li:nth-child(even) {
	float: none;
	width: auto;
}


}






/*++++++++++++++++++++++++++++++++++++
+
+　壓僥伏?隠�o宀のみなさまへ　枠��の蕗
+
+++++++++++++++++++++++++++++++++++++*/
.voice_intro_text {
	margin: 0px 0px 80px;
}
.voice_text {
	margin: 0px 0px 75px;
}
@media only screen and (max-width: 768px){
.voice_intro_text {
	margin: 0px 0px 40px;
}
.voice_text {
	margin: 0px 0px 35px;
}
}





/*++++++++++++++++++++++++++++++++++++
+
+　壓僥伏?隠�o宀のみなさまへ　キャリア屶址プログラム
+
+++++++++++++++++++++++++++++++++++++*/
.supp_text {
	margin: 0px 0px 95px;
}
.supp_point {
	margin: 0 0 10px;
}
.supp_point:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.supp_point .point {
	width: 18.5%;
	float: left;
	margin: 0px 1.85% 0px 0px;
}
.supp_point .point:nth-child(5) {
	margin: 0px;
}
.supp_point .point .inn {
	padding: 55px 0 20px;
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: center;
	margin: -37px 0 0;
}
.supp_point .point .inn p {
	margin: 0 5%;
}
.supp_point .point:nth-child(1) .inn {
	border-top: 2px solid #e97c78;
	border-bottom: 2px solid #e97c78;
	background: #fef7f7;
}
.supp_point .point:nth-child(2) .inn {
	border-top: 2px solid #fba857;
	border-bottom: 2px solid #fba857;
	background: #fff8f1;
}
.supp_point .point:nth-child(3) .inn {
	border-top: 2px solid #7fc07e;
	border-bottom: 2px solid #7fc07e;
	background: #f6fcf6;
}
.supp_point .point:nth-child(4) .inn {
	border-top: 2px solid #6ea9d2;
	border-bottom: 2px solid #6ea9d2;
	background: #f4f9fc;
}
.supp_point .point:nth-child(5) .inn {
	border-top: 2px solid #9b6ed2;
	border-bottom: 2px solid #9b6ed2;
	background: #f9f6fc;
}


.supp_point .point .icon {
  position: relative;
  width:74px;
  height: 74px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  color: #fff;
  margin: 0 auto;
  z-index: 1;
}
.supp_point .point .icon p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  text-align: center;/*匯��BOX坪の猟忖も嶄刹篠せ*/
  line-height: 1.1;
}
.supp_point .point .icon span {
	font-size: 23px;
	font-weight:bold;
}
.supp_point .point:nth-child(1) .icon {
  background: #e97c78;
}
.supp_point .point:nth-child(2) .icon {
  background: #fba857;
}
.supp_point .point:nth-child(3) .icon {
  background: #7fc07e;
}
.supp_point .point:nth-child(4) .icon {
  background: #6ea9d2;
}
.supp_point .point:nth-child(5) .icon {
  background: #9b6ed2;
}


.supp_point .point .btn {
	width: 75%;
	margin: 15px auto 0;
}
.supp_point .point .btn a {
	display:block;
	line-height: 35px;
	color:#fff;
}
.supp_point .point:nth-child(3) .btn a {
	background: #7fc07e;
}
.supp_point .point:nth-child(5) .btn a {
	background: #9b6ed2;
}
.point-note {
	font-size: 13px;
	line-height:1.3;
}

@media only screen and (max-width: 768px){
.supp_text {
	margin: 0px 0px 40px;
}
.supp_point {
	margin: 0 0 10px;
}

.supp_point .point {
	width: 48%;
	margin: 0 0 10px;
}
.supp_point .point:nth-child(even) {
	float: right;
}
.supp_point .point:nth-child(5) {
	margin: 0 0 10px;
}
.supp_point .point .inn {
	padding: 45px 5% 15px;
	font-size: 1.3rem;
	line-height: 1.5;
	margin: -35px 0 0;
}


.supp_point .point .icon {
  width:60px;
  height: 60px;
}
.supp_point .point .icon span {
	font-size: 1.8rem;
}



.supp_point .point .btn {
	width: 90%;
	margin: 10px auto 0;
}
.supp_point .point .btn a {
	line-height: 30px;
}

.point-note {
	font-size: 1.2rem;
	line-height:1.4;
}

}





/*++++++++++++++++++++++++++++++++++++
+
+　祥��デ�`タ匯�E　祥���g��デ�`タ
+
+++++++++++++++++++++++++++++++++++++*/
.dec-tbl1 {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 10px;
}
.dec-tbl1 tr th {
	background: #f3f3f3;
	text-align: center;
	padding: 15px;
	width: 25%;
	font-weight: bold;
	border: 1px solid #CCC;
}
.dec-tbl1 tr td {
	text-align: center;
	vertical-align: middle;
	padding: 15px;
	border: 1px solid #CCC;
}

.dec-tbl1 tr:nth-child(1) th{
	background : white;
}

.dec-note {
	font-size: 1.2rem;
	margin: 0px 0px 90px;
}
.dec-tbl2 {
	width: 100%;
	table-layout: fixed;
	margin: 0px 0px 100px;
}
.dec-tbl2 th  {
	background: #F3F3F3;
	border: 1px solid #CCC;
	text-align: center;
	padding: 15px 0px;
	vertical-align: middle;
	font-weight: bold;
}
.dec-tbl2 td  { text-align: center; }

.dec-tbl3 {
	width: 100%;
	table-layout: fixed;
	margin: 0px 0px 100px;
}
.dec-tbl3 th  {
	background: #F3F3F3;
	border: 1px solid #CCC;
	text-align: center;
	padding: 15px 0px;
	vertical-align: middle;
	font-weight: bold;
}
.dec-tbl3 td  { text-align: center; }
.dec-tbl2 tbody tr .fac {
	width: 27.77777%;
}
.dec-tbl2 tbody tr td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCC;
	padding: 5px;
}
.dec-tbl2 thead tr .gender {
	width: 3.7%;
}
.dec-tbl2 thead tr .job {
	/*width: 8.796%;*/
	padding: 1em;
	font-size: 12px;
	line-height: 1.2;
}
.dec-tbl2 tbody tr .fac {
	width: 27.77777%;
	font-size: 12px;
	line-height: 1.2;
	padding: 1em;
}
.dec-tbl3 tbody tr td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #CCC;
	padding: 5px;
}
.dec-tbl3 thead tr .gender {
	width: 3.7%;
}
.dec-tbl3 thead tr .job {
	width: 18.0555%;
}

.job_nav {
	margin: 0 0 100px;
}
.job_nav ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.job_nav ul li {
	font-size: 1.3rem;
	line-height: 1.5;
	float: left;
	width: 18.5185%;
	border: 1px solid #CCC;
	margin: 0px 1.85185% 20px 0px;
	box-sizing: border-box;
	position: relative;
	height: 70px;
}
.job_nav ul li:nth-child(5n) {
	margin: 0px 0px 20px 0px;
}
.job_nav ul li a {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;
	display:block;
	width: 100%;
}
.job_nav ul li a:after{
	background : none;
	content: "\f107";
	font-family: FontAwesome;
	line-height: 1;
	width: 5%;
	text-align: center;
	margin: 5px auto 0;
	font-size: 1.5rem;
	color: #CB2837;
	display: block;
}
.dec-com {
	margin: 0px 0px 75px;
}



@media only screen and (max-width: 768px) {
.dec-tbl1 {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 10px;
}
.dec-tbl1 tr th {
	background: #f3f3f3;
	text-align: center;
	padding: 15px;
	width: 25%;
	font-weight: bold;
	border: 1px solid #CCC;
}
.dec-tbl1 tr td {
	text-align: center;
	vertical-align: middle;
	padding: 15px;
	border: 1px solid #CCC;
}
.dec-note {
	font-size: 1.1rem;
	margin: 0px 0px 45px;
}
.dec-tbl2 {
    width: 100%;
    margin: 0 0 50px;
    border-top: 1px solid #CCC;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #CCC;
  }
.dec-tbl2 thead{
    display: block;
    float: left;
    overflow-x:scroll;
    width: 156px;
  }
.dec-tbl2 tbody{
    display: block;
    width: auto
    ;
    overflow-x: scroll;
    white-space: nowrap;
  }
.dec-tbl2 th{
    display: block;
    width:auto;
    padding: 10px 0;
    border-top: none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
  }
.dec-tbl2 th.fac_sp {
	height: 64px;
	}
.dec-tbl2 tbody tr{
    display: inline-block;
    margin: 0 -3px;
  }
.dec-tbl2 td{
    display: block;
  }
.dec-tbl2 tbody tr .fac {
	width: 100px;
	height: 60px;
	vertical-align: middle;
	display: table-cell !important;
	border-top: none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
}
.dec-tbl2 tbody tr td {
	height: 20px;
	padding: 10px 0;
	border-top: none;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
}
.dec-tbl2 thead tr .gender {display: none;}
.dec-tbl2 thead tr .job {
	width: 155px;
	padding: 10px 0;
	height: 20px;
	font-size: 11px;
	line-height: 1.6;
}


.dec-tbl3 {
    width: 100%;
    margin: 0 0 50px;
    border-top: 1px solid #CCC;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #CCC;
  }
.dec-tbl3 thead{
    display: block;
    float: left;
    overflow-x:scroll;
    width: 101px;
  }
.dec-tbl3 tbody{
    display: block;
    width: auto;
    overflow-x: scroll;
    white-space: nowrap;
  }
.dec-tbl3 th{
    display: block;
    width:auto;
    padding: 10px 0;
    border-top: none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
  }
.dec-tbl3 th.fac_sp {
	height: 60px;
  }
.dec-tbl3 tbody tr{
    display: inline-block;
    margin: 0 -3px;
  }
.dec-tbl3 td{
    display: block;
  }
.dec-tbl3 tbody tr .fac {
	width: 100px;
	height: 60px;
	vertical-align: middle;
	display: table-cell !important;
	border-top: none;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
}
.dec-tbl3 tbody tr td {
	height: 40px;
	padding: 10px 0;
	border-top: none;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
}
.dec-tbl3 thead tr .gender {display: none;}
.dec-tbl3 thead tr .job {
	width: 100px;
	height: 40px;
}
.job_nav {
	margin: 0 0 50px;
}
.job_nav ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.job_nav ul li {
	font-size: 1.2rem;
	line-height: 1.3;
	width: 31.8%;
	margin: 0px 2% 10px 0px;
	height: 80px;
}
.job_nav ul li:nth-child(3n) {
	margin: 0px 0px 10px 0px;
}
.job_nav ul li:nth-child(5n) {
	margin: 0px 2% 10px 0px;
}
.job_nav ul li a:after{
	font-size: 1.3rem;
}
.dec-com {
	margin: 0px 0px 35px;
}
}






/*++++++++++++++++++++++++++++++++++++
+
+　祥��デ�`タ匯�E　壓汐宀方
+
+++++++++++++++++++++++++++++++++++++*/
.enro_tbl1 {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 40px;
}
.enro_tbl1 tr th {
	background: #f3f3f3;
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #CCC;
	font-weight: bold;
	vertical-align: middle;
}
.enro_tbl1 tr td {
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #CCC;
}
.enro_tbl1 tr .fac1 {
	width: 30%;
}
.enro_tbl1 tr .fac2 {
	width: 40%;
}
.enro_tbl1 tr .gender {
	width: 15%;
}
.enro_tbl2 {
	width: 100%;
	border: 1px solid #CCC;
}
.enro_tbl2 tr th {
	background: #f3f3f3;
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #CCC;
	font-weight: bold;
	vertical-align: middle;
	width: 33%;
}
.enro_tbl2 tr td {
	text-align: center;
	padding: 10px 0px;
	border: 1px solid #CCC;
	width: 33%;
}

@media only screen and (max-width: 768px) {
.enro_tbl1 {
	margin: 0px 0px 20px;
}
.enro_tbl1 tr td {
	padding: 5px 0px;
	vertical-align: middle;
}
.enro_tbl1 tr .fac2 {
	width: 30%;
}
.enro_tbl2 tr td {
	padding: 5px 0px;
	vertical-align: middle;
}
}







/*++++++++++++++++++++++++++++++++++++
+
+　インタ�`ンシップのご宛坪
+
+++++++++++++++++++++++++++++++++++++*/
.intn-copy {
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: bold;
	margin: 0px 0px 30px;
}
.intn-text {
	margin: 0px 0px 60px;
}
.intn-text p {
	margin: 0px 0px 20px;
}
.intn-text1 .intro {
	margin: 0px 0px 30px;
}
.intn-text1 .txt {
	margin: 0px 0px 20px;
}
.intn-text1 .impre {
	margin: 0px 0px 50px;
}
.intn-text1 .impre ul li {
	text-indent: -1em;
	margin: 0px 0px 0px 1em;
}
.intn-day {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0px 0px 20px;
}
.intn-text2 {
	margin: 0px 0px 60px;
}
.intn-text2 .txt {
	margin: 0px 0px 40px;
}
.intn-dwld ul li {
	margin: 0px 0px 10px;
	line-height: 60px;
}
.intn-dwld ul li a {
	background: #eee;
	display: block;
	padding: 0 20px;
}

.intn-dwld ul .excel a:before {
	background : none;
	content: "\f1c3";
	margin: 0 10px 0 0;
	color: #009900;
	font: 1.8rem FontAwesome;
}
.intn-dwld ul .pdf a:before {
	background : none;
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 10px 0 0;
	font-size: 1.8rem;
	color: #cb2837;
}
@media only screen and (max-width: 768px) {
.intn-copy {
	font-size: 1.6rem;
	margin: 0px 0px 15px;
}
.intn-text {
	margin: 0px 0px 30px;
}
.intn-text p {
	margin: 0px 0px 10px;
}
.intn-text1 .intro {
	margin: 0px 0px 30px;
}
.intn-text1 .txt {
	margin: 0px 0px 10px;
}
.intn-text1 .impre {
	margin: 0px 0px 25px;
}
.intn-day {
	font-size: 1.5rem;
	margin: 0px 0px 10px;
}
.intn-text2 {
	margin: 0px 0px 60px;
}
.intn-text2 .txt {
	margin: 0px 0px 20px;
}
.intn-dwld ul li {
	margin: 0px 0px 5px;
	line-height: 1.5;
}
.intn-dwld ul li a {
	padding: 10px 15px;
}
.intn-dwld ul .excel a:before {
	margin: 0 10px 10px 0px;
	font: 1.6rem FontAwesome;
	float: left;
}
.intn-dwld ul .pdf a:before {
	margin: 0 10px 10px 0px;
	font: 1.6rem FontAwesome;
	float: left;
}
}






/*++++++++++++++++++++++++++++++++++++
+
+　箔繁のお��い
+
+++++++++++++++++++++++++++++++++++++*/
.jv-plea-text {
	margin: 0px 0px 60px;
}
.jv-plea-text .txt {
	margin: 0px 0px 40px;
}
.jv-plea-text .txt a {
	text-decoration: underline;
	color: #CB2737;
}
.jv-requi-text {
	margin: 0px 0px 60px;
}
.jv-requi-text .intro {
	margin: 0px 0px 30px;
}
.jv-requi-text .note {
	margin: 0px 0px 30px;
}
.jv-requi-text .note li {
	font-size: 1.2rem;
}
.jv-requi-text .intn-dwld.jv ul li {
	width: 45%;
	text-align: left;
	display: inline-block;
	margin: 0px 2%;
}
.jv-requi-text .intn-dwld.jv {
	text-align: center;
	margin: 0px 0px 40px;
}
.jv-requi-text .ex-box {
	background: #eee;
	border: 3px solid #CB2837;
	padding: 15px;
	color: #CB2837;
	margin: 0px 0px 30px;
}
.jv-requi-text .ex-box a {
	color: #CB2837;
	text-decoration: underline;
}
.jv-requi-text2020 .intro {
	margin: 0px 0px 30px;
}
.jv-requi-text2020 .note {
	margin: 0px 0px 30px;
}
.jv-requi-text2020 .note li {
	font-size: 1.2rem;
}
.jv-requi-text2020 .ex-box {
	background: #eee;
	border: 3px solid #CB2837;
	padding: 15px;
	color: #CB2837;
	margin: 0px 0px 30px;
}
@media only screen and (max-width: 768px) {
.jv-plea-text {
	margin: 0px 0px 30px;
}
.jv-plea-text .txt {
	margin: 0px 0px 20px;
}
.jv-plea-text .txt a {}
.jv-requi-text {
	margin: 0px 0px 30px;
}
.jv-requi-text .intro {
	margin: 0px 0px 15px;
}
.jv-requi-text .note {
	margin: 0px 0px 15px;
}
.jv-requi-text .note li {
	font-size: 1.1rem;
}
.jv-requi-text .intn-dwld.jv ul li {
	width: 50%
	margin: 0 1%;
}
.jv-requi-text .intn-dwld.jv {
	margin: 0px 0px 20px;
}
.jv-requi-text .ex-box {
	padding: 10px;
	margin: 0px 0px 15px;
}
.jv-requi-text2020 .intro {
	margin: 0px 0px 15px;
}
.jv-requi-text2020 .note {
	margin: 0px 0px 15px;
}
.jv-requi-text2020 .note li {
	font-size: 1.1rem;
}
.jv-requi-text2020 .ex-box {
	padding: 10px;
	margin: 0px 0px 15px;
}

}





/*++++++++++++++++++++++++++++++++++++
+
+　祥���v�Bリンク鹿
+
+++++++++++++++++++++++++++++++++++++*/
.link_area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.link_area .link {
	float: left;
	width: 48%;
	margin: 0px 0px 60px;
}
.link_area .link:nth-child(even) {
	float: right;
}



.link_area .btn_area {
}
.link_area .btn_area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.link_area .btn_area .btn {
	width: 100%;
	position: relative;
	height: 50px;
	background: #eee;
	text-align: center;
	margin: 0 0 10px;
}
.link_area .btn_area .btn {
	line-height: 1.5;
}
.link_area .btn_area .btn a {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.link_area .btn_area .btn.blank a:before{
	margin: 0 10px 0 0;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/cs/images/common/blank_icon_r.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	float:right;
}
.link_area .btn_area .btn.link a:before{
	background : none;
	content: "\f105";
	font-family: FontAwesome;
	margin: 0 10px;
	font-size: 2.7rem;
	color: #cb2837;
	float:right;
}




.link_btn_area {
	margin: 0px 0px 60px;
}
.link_btn_area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.link_btn_area .btn {
	width: 32%;
	float: left;
	margin: 0px 2% 10px 0;
	position: relative;
	height: 75px;
	background: #eee;
	text-align: center;
}
.link_btn_area .btn2 {
	width: 70%;
	margin: 0px;
}
.link_btn_area .btn3 {
	width: 40%;
}
.link_btn_area .btn:nth-child(3n) {
	margin: 0px 0 10px 0;
}
.link_btn_area .btn {
	line-height: 1.5;
}
.link_btn_area .btn a {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.link_btn_area .btn a p {
	font-size: 1.1rem;
}
.link_btn_area .btn.blank a:before{
	margin: 10px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/cs/images/common/blank_icon_r.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	float:right;
}
.link_btn_area .btn.link:before{
	background : none;
	content: "\f105";
	font-family: FontAwesome;
	margin: 0 10px;
	font-size: 2.7rem;
	color: #cb2837;
	float:right;
	line-height: 0.7;
	position: absolute;
	top: 50%;
	right: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.link_btn_area .btn a span {
	font-size: 1rem;
}


@media only screen and (max-width: 768px) {
.link_btn_area {
	margin: 0px 0px 30px;
}


.link_area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.link_area .link {
	float: none;
	width: auto;
	margin: 0px 0px 30px;
}
.link_area .link:nth-child(even) {
	float: none;
}
.link_area .btn_area .btn {
	height: 40px;
}

.link_btn_area .btn {
	width: auto;
	float: none;
	margin: 0px 0 10px 0;
	height: auto;
}
.link_btn_area .btn:nth-child(3n) {
	margin: 0px 0 10px 0;
}
.link_btn_area .btn a {
	position: static;
	-ms-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	top: 0;
	padding: 10px 0;
}
.link_btn_area .btn a p {
	font-size: 1.0rem;
}
.link_btn_area .btn.blank a:before{
	margin: 5px 10px 5px 0;
}
.link_btn_area .btn.link:before{
	font-size: 2.2rem;
}

}







/*++++++++++++++++++++++++++++++++++++
+
+　KONAN＾なりたい徭蛍￣キャリアデザイン屶址プロジェクト
+
+++++++++++++++++++++++++++++++++++++*/
.w48 {width: auto;}
@media only screen and (max-width: 768px){.w48 {width:48%;}}







/*++++++++++++++++++++++++++++++++++++
+
+　光仇囃との�B亊　U?Iタ�`ン屶址について
+
+++++++++++++++++++++++++++++++++++++*/
.sst_link {
	margin: 0px 0px 10px;
	font-weight: bold;
}
.sst_link a {
	text-decoration: underline;
}
.un-img {
	margin: 0 0 60px;
}
.un-img:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
.un-img .img {
	float: left;
	width: 48%;
}
.un-img .img:nth-child(2) {
	float: right;
}
.un-img .img p {
	font-size: 1.2rem;
	margin: 5px 0 0;
}
@media only screen and (max-width: 768px){
.sst_link {margin: 0px 0px 5px;}
.un-img {margin: 0 0 30px;}
.un-img .img p {font-size: 1.1rem;}
}







/*++++++++++++++++++++++++++++++++++++
+
+　サイトマップ
+
+++++++++++++++++++++++++++++++++++++*/
.nav.sm .box {
	margin-bottom: 30px !important;
}
.nav.sm .box:nth-child(3n) {
	margin-bottom: 30px !important;
}
.nav .box ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}
.nav .box li {
	overflow-y: hidden;
	border-bottom: 1px solid #CCC;
	padding: 7px 5px;
	background-color: #FFF;
	font-size: 1.3rem;
}
.nav.sm .box a .sttl{
	display: block;
	background: #eee;
	padding: 10px !important;
}
.nav.sm .box .sttl {
	margin: 0px !important;
}
.nav .box li a:after{
	margin: 5px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-size: contain;
	vertical-align: middle;
	background-image: url(/cs/images/common/arrow_r.png);
	float:right;
}
.nav .box li:first-child {
	margin: 20px 0 0;
	border-top: 1px solid #CCC;
}
.nav .box li:last-child {}


@media only screen and (max-width: 768px){
.nav.sm .box {
	margin-bottom: 15px !important;
	float: none !important;
	width: auto !important;
}
.nav.sm .box:nth-child(3n) {
	margin-bottom: 15px !important;
}
.nav .box ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}
.nav .box li {
	overflow-y: hidden;
	border-bottom: 1px solid #CCC;
	padding: 7px 5px;
	background-color: #FFF;
	font-size: 1.3rem;
}
.nav.sm .box a .sttl{
	display: block;
	background: #eee;
	padding: 10px !important;
}
.nav.sm .box .sttl {
	margin: 0px !important;
}
.nav .box li a:after{
	margin: 5px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-size: contain;
	vertical-align: middle;
	background-image: url(/cs/images/common/arrow_r.png);
	float:right;
}
.nav .box li:first-child {
	margin: 20px 0 0;
	border-top: 1px solid #CCC;
}
.nav .box li:last-child {}
}









/*++++++++++++++++++++++++++++++++++++
+
+　よくあるご�|��
+
+++++++++++++++++++++++++++++++++++++*/
.faq_q {
	margin: 0 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #CCC;
}
.faq_q:before{
	background : none;
	content: "Q.";
	margin: 0 10px 0 0;
	font-size: 2rem;
	color: #003399;
	float: left;
}
.faq_a {
	margin: 0 0 60px;
}
.faq_a:before{
	background : none;
	content: "A.";
	margin: 0 10px 0 0;
	font-size: 2rem;
	color: #CB2737;
	font-weight: bold;
	float: left;
}
.faq_a .inn{
	margin-left: 30px;
}
.faq_a a{
	text-decoration: underline;
}
.faq_a a:before{
	background : none;
	content: "\f105";
	font-family: FontAwesome;
	margin: 0 10px 0 0;
	font-size: 1.6rem;
	color: #CB2737;
	font-weight: bold;
	float: left;
}
.faq_a a.none:before{
	background : none;
	content: "";
}

@media only screen and (max-width: 768px){
.faq_q {
	margin: 0 0 8px;
	font-size: 1.5rem;
	padding: 0px 0px 8px;
}
.faq_q p {padding: 0 0 0 30px;}
.faq_q:before{
	margin: 0 5px 0 0;
	font-size: 1.8rem;
}
.faq_a {margin: 0 0 40px;}
.faq_a:before{
	margin: 0 5px 0 0;
	font-size: 1.8rem;
}
.faq_a .inn{}
.faq_a a{}
.faq_a a:before{
	margin: 0 7px 0 0;
	font-size: 1.4rem;
}
}



/*++++++++++++++++++++++++++++++++++++
+
+　お��い栽わせ
+
+++++++++++++++++++++++++++++++++++++*/
.form table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse:collapse;
}
.form table tr th {
	vertical-align: top;
	width: 250px;
	padding-top: 24px;
	padding-bottom: 22px;
	padding-left: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-left-color: #d9d9d9;
	background: #f5f5f5;
}
.form table tr th span {
	color: #C31A27;
}
.form table tr td {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d9d9d9;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	vertical-align: middle;
}

.form table tr td input , .form table tr td textarea {
	font-family: "ヒラギノ叔ゴ Pro W3", "Hiragino Kaku Gothic Pro", "嗄ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}


input.layout01::-webkit-input-placeholder {
	color:#ccc;
    font-weight: normal;
}
input.layout01:-ms-input-placeholder {
	color:#ccc;
    font-weight: normal;
}
input.layout01::-moz-placeholder {
	color:#ccc;
    font-weight: normal;
}
textarea.layout02::-webkit-input-placeholder {
	color:#ccc;
    font-weight: normal;
}
textarea.layout02:-ms-input-placeholder {
	color:#ccc;
    font-weight: normal;
}
textarea.layout02::-moz-placeholder {
	color:#ccc;
    font-weight: normal;
}

.form .bnr {
	margin: 0px auto;
	width: 610px;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
}

.form .bnr1 {
	display: inline-block;
	margin: 0px auto;
	width: 48%;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
}
.form .bnr1 a {
	color: #FFF;
	display: block;
	background: #CF1226;
}
.form .bnr1 a:hover {
	color: #FFF;
	display: block;
	background: #B40317;
}

.form .bnr2 {
	display: inline-block;
	margin: 0px auto;
	width: 48%;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
}
.form .bnr2 a {
	color: #FFF;
	display: block;
	background: #666666;
}
.form .bnr2 a:hover {
	color: #FFF;
	display: block;
	background: #000;
}

.form .bnr3 {
	margin: 0px auto;
	width: 300px;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
}
.form .bnr3 a {
	color: #FFF;
	display: block;
	background: #CF1226;
}
.form .bnr3 a:hover {
	color: #FFF;
	display: block;
	background: #B40317;
}







/*++++++++++++++++++++++++++++++++++++
+
+　フォ�`ムサイズ�v�B
+
+++++++++++++++++++++++++++++++++++++*/
.layout01 {
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #c0c0c0;
	height:38px;
}
.layout02 {
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #c0c0c0;
	height: 160px;
}

.size01 {
	width:61%;
	margin-right:10px;
	margin-left:10px;
}
.size02 {
	width:76%;
	margin-right:10px;
	margin-left:10px;
}
.size03 {
	width:92%;
	margin-right:10px;
	margin-left:10px;
}

@media only screen and (max-width: 768px){


.form table {
	width: 100%;
	border-collapse: collapse;
	font-size: 10px;
	margin: 0px 0px 10px;
}
.form table tr th {
	vertical-align: top;
	width: auto;
	display: block;
	border: none;
	padding: 12px 0px 11px 13px;
}
.form table tr td {
	display: block;
	border: none;
	padding: 10px 0px 20px 13px;
}



.form .bnr {
	width: auto;
}

.form .bnr1 {
	margin: 0px auto;
	width: auto;
	text-align: center;
	line-height: 60px;
	font-size: 15px;
	font-weight: 700;
	display: block;
	margin: 0 0 10px;
}
.form .bnr1 a {
	color: #FFF;
	display: block;
	background: #CF1226;
}
.form .bnr1 a:hover {
	color: #FFF;
	display: block;
	background: #B40317;
}

.form .bnr2 {
	width: auto;
	display: block;
	margin: 0px 0px 10px;


}
.form .bnr2 a {
	color: #FFF;
	display: block;
	background: #666666;
}
.form .bnr2 a:hover {
	color: #FFF;
	display: block;
	background: #000;
}

.form .bnr3 {
	width: auto;
	float: none;
	margin: 0px 0px 10px;
}
.form .bnr3 a {
	color: #FFF;
	display: block;
	background: #CF1226;
}
.form .bnr3 a:hover {
	color: #FFF;
	display: block;
	background: #B40317;
}


.layout01 {
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #c0c0c0;
	height:38px;
}
.layout02 {
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: solid 1px #c0c0c0;
	height: 80px;
}

.size01 {
	width: 85%;
	margin-right: 5px;
	margin-left: 5px;
}
.size02 {
	width: 85%;
	margin-right: 5px;
	margin-left: 5px;
}
.size03 {
	width: 85%;
	margin-right: 5px;
	margin-left: 5px;
}
}
.jv-requi-text2020 .intro a {
	color: #CB2737;
	text-decoration: underline;
}






.cha_text2 {
	margin-bottom: 60px;
}
@media only screen and (max-width: 768px){
.cha_text2 {
	margin-bottom: 30px;
}
}





/*++++++++++++++++++++++++++++++++++++
+
+　リンク　和��あり
+
+++++++++++++++++++++++++++++++++++++*/
.link_Line {
	text-decoration: underline;
font-feature-settings: "palt";}