@charset "utf-8";




@media (max-width: 768px) {



	.codepc{ display     : none; }
	.codesp{ display     : inline; }


/*ヘッダ*/



	header{
	 clear               : both;
	 display             : block;
	 margin              : 0 0 0 0;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	 color               : #ffffff;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 letter-spacing      : 0.1em;
	 background          : #ffffff;
	 height              : 48px;
	}
	header:after {
	 content             : "";
	 display             : block;
	 clear               : both;
	}
	header .head{
	 clear               : both;
	 display             : block;
	 margin              : 0px auto;
	 width               : 100%;
	 text-align          : left;
	}
	header .head .logo{
	 float               : left;
	 display             : inline;
	 margin              : 0px auto;
	 padding             : 6px 0 6px 2%;
	 width               : 48%;
	 height              : 42px;
	 text-align          : left;
	}

	/*SP用バーガーアイコン*/
	header .head .spnavibtn{
	 float               : left;
	 display             : inline;
	 margin              : 0px auto;
	 width               : 50%;
	 text-align          : right;
	 padding             : 0 0 6px 0;
	}



/*-------------------------------------------
ナビゲーション
-------------------------------------------*/
	nav{
	 float               : left;
	 display             : inline;
	 margin              : 0px auto;
	 width               : 100%;
	 text-align          : left;
	 padding             : 23px 0 23px 0%;
	 font-size           : 1.3em;
	}
	nav ul li{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 border-bottom       : 1px solid #ffffff;
	}
	nav ul li a{
	 clear               : both;
	 display             : block;
	 margin              : 0 1em 0 0;
	 padding             : 1em 0 1em 5%;
	 height              : auto;
	 border              : 0px solid #ffffff;
	 border-radius       : 0px;
	 font-size           : 14px;
	 line-height         : 100%;
	 width               : 95%;
	}

	nav ul li a:hover{
	 background-color    : #000000;
	 -webkit-transition  : 0.4s;
	 -moz-transition     : 0.4s;
	 -o-transition       : 0.4s;
	 -ms-transition      : 0.4s;
	 transition          : 0.4s;
	 text-decoration     : none;
	 color               : #ffffff;
	 border              : 0px solid #e15a00;
	}




/*-------------------------------------------
フッター
-------------------------------------------*/

	footer{
	 clear               : both;
	 display             : block;
	 margin              : 0 0 0 0;
	 padding             : 1em 0 3em 0;
	 width               : 100%;
	 text-align          : center;
	 color               : #ffffff;
	 background          : #141e3e;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 500;
	 position            : relative;
	}

	footer:after {
	 content             : "";
	 display             : block;
	 clear               : both;
	}



	footer .btn{
	 clear               : both;
	 display             : block;
	 margin              : 0px auto;
	 text-align          : center;
	 font-size           : 1.3em;
	 padding             : 23px 0 23px 0;
	}
	footer .btn .footmenu{
	 text-align          : center;
	}
	footer .btn .footmenu li{
	 clear               : both;
	 display             : block;
	 width               : 100%;
	 margin              : 0 0 1em 0;
	}

	footer .btn .footmenu li a{
	 margin              : 0 5% 0 5%;
	 padding             : 6px 0 6px 0;
	 border              : 1px solid #ffffff;
	 background          : #ffffff;
	 color               : #141e3e;
	 border-radius       : 6px;
	 font-size           : 14px;
	 line-height         : 200%;
	 display             : block;
	 width               : 90%;
	}

	footer .btn ul li a:hover{
	 background-color    : #e15a00;
	 -webkit-transition  : 0.4s;
	 -moz-transition     : 0.4s;
	 -o-transition       : 0.4s;
	 -ms-transition      : 0.4s;
	 transition          : 0.4s;
	 text-decoration     : none;
	 color               : #ffffff;
	 border              : 1px solid #e15a00;
	}



	footer .foot{
	 clear               : both;
	 display             : block;
	 margin              : 0px auto;
	 padding             : 20px 0 0 0;
	 width               : 100%;
	}

	footer .foot .contact{
	 float               : left;
	 display             : inline;
	 margin              : 0px auto;
	 width               : 100%;
	 text-align          : center;
	 font-size           : 1.2em;
	 line-height         : 160%;
	}
	footer .foot .contact strong{
	 font-size           : 1.4em;
	 line-height         : 140%;
	 padding             : 0 0 0 0;
	}
	footer .foot .contact a{
	 font-size           : 1em;
	 line-height         : 140%;
	}
	
	footer .foot .copy{
	 float               : left;
	 display             : inline;
	 margin              : 0px auto;
	 width               : 100%;
	 text-align          : center;
	 font-size           : 0.8em;
	 line-height         : 160%;
	 padding             : 2em 0 0 0;
	}



/*-------------------------------------------
コンテンツ
-------------------------------------------*/

	.container1 {
	 margin              : 58px 0 0 0;
	 width               : 100%;
	 text-align          : center;
	 background-image    : url(../img/bg01_sp.png);
	 background-size     : 100% auto;
	 background-repeat   : no-repeat;
	 font-size           : 1.3em;
	 line-height         : 180%;
	}

	.cont{
	 clear               : both;
	 display             : block;
	 margin              : 0px auto;
	 position            : relative;
	 width               : 90%;
	 padding             : 0 5% 4em 5%;
 text-align          : left;
	}
	.cont:after {
	 content             : "";
	 display             : block;
	 clear               : both;
	}

	.cont2{
	 clear               : both;
	 display             : block;
	 margin              : 0px auto;
	 position            : relative;
	 width               : 90%;
	 padding             : 0 5% 4em 5%;
	 text-align          : left;
	}
	.cont2:after {
	 content             : "";
	 display             : block;
	 clear               : both;
	}

	.content_fixill{
	 position            : static;
	 width               : 100%;
	 text-align          : right;
	 height              : 75vw;
	}
	.content_fixill img{
	 display             : none;
	}

	.container2 {
	 margin              : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	 background          : #fffaf4;
	 font-size           : 1.3em;
	 line-height         : 180%;
	}



/*-------------------------------------------
HOME
-------------------------------------------*/

	.content_home{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 0 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 color               : #604c3f;
	 min-height          : 1px;
	}
	.content_home h1{
	 font-size           : 8vw;
	 font-weight         : 700;
	 color               : #f29417;
	 line-height         : 180%;
	 width               : 100%;
	 text-align          : center;
	}
	.content_home h2{
	 font-size           : 6vw;
	 font-weight         : 700;
	 line-height         : 160%;
	 width               : 100%;
	 text-align          : center;
	}
	.content_home p{
	 clear               : both;
	 display             : block;
	 margin              : 30px 0 0 0;
	 padding             : 0 0% 0em 0%;
	 text-align          : left;
	 font-weight         : 700;
	 font-size           : 1.4em;
	 line-height         : 180%;
	 width               : 100%;
	 background          : #ffffff;
	}



	.content_home p a{
	 float               : left;
	 display             : inline;
	 margin              : 10px 0 0 0;
	 padding             : 0.7em 2em 0.7em 2em;
	 color               : #ffffff;
	 border-radius       : 6px;
	 font-size           : 12px;
	 line-height         : 100%;
	 border              : 1px solid #f29417;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 background          : #f29417;
	}

	.content_home p a:hover{
	 background          : #fac47c;
	 -webkit-transition  : 0.4s;
	 -moz-transition     : 0.4s;
	 -o-transition       : 0.4s;
	 -ms-transition      : 0.4s;
	 transition          : 0.4s;
	 text-decoration     : none;
	 color               : #ffffff;
	 border              : 1px solid #fac47c;
	}



	.home_left{
	 float               : left;
	 display             : inline;
	 margin              : 24px 0 0 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	}
	.home_right{
	 float               : left;
	 display             : inline;
	 margin              : 24px 0 0 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	}


	.home_mds{
	 position            : relative;
	 text-align          : left;
	 margin              : 3em 0 0.5em 0;
	}
	.home_mds:before {
	 content             : "";
	 display             : block;
	 border-top          : solid 1px #4b4848;
	 width               : 100%;
	 height              : 1px;
	 position            : absolute;
	 top                 : 50%;
	 z-index             : 1;
	}
	.home_mds span {
	 background          : #fffaf4;
	 padding             : 0 10px 0 10px;
	 position            : relative;
	 z-index             : 5;
	 border-left         : 6px solid #f29417;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 1.3em;
	}


/*人財部のあゆみ*/
	.ayumi_date{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 0 5%;
	 text-align          : left;
	 width               : 95%;
	}
	.ayumi_cell{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 5%;
	 text-align          : left;
	 width               : 95%;
	 border-bottom       : 1px dotted #cdcdcd;
	}
	.ayumi_photo{
	 float               : left;
	 display             : inline;
	 text-align          : left;
	 width               : 100%;
	 margin              : 10px 0 0 0;
	}
	.ayumi_photo img{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 10px 3%;
	 text-align          : left;
	 width               : 30%;
	}


/*業務内容*/
	.gyoumu{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 0 10px;
	 text-align          : left;
	 width               : 100%;
	}
	.gyoumu_box{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	 border-right        : 0px dotted #3e3a39;
	}
	.gyoumu_box:last-child{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	 border-right        : 0px dotted #3e3a39;
	}
	.gyoumu_box strong{
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 1.3em;
	 width               : 95%;
	 border-bottom       : 1px dotted #3e3a39;
	 display             : block;
	 margin              : 1em 0 0.5em 0;
	}
	.gyoumu_box p{
	 margin              : 0em 0 0em 0;
	 padding             : 0em 0 0em 0;
	 float               : left;
	 display             : inline;
	 width               : 60%;
}
	.gyoumu_box .btn{
	 float               : left;
	 display             : inline;
	 margin              : 0.5em 5% 0 0;
	 width               : 35%;
	 text-align          : center;
	 background          : #f29417;
	 border-radius       : 6px;
	 font-size           : 0.8em;
	}
	.gyoumu_box .btn a{
	 display             : block;
	 padding             : 0.2em 0 0.2em 0;
	 width               : 100%;
	 text-align          : center;
	 background          : #f29417;
	 border-radius       : 6px;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	}
	.gyoumu_box .btn a:hover{
	 color               : #ffffff;
	 text-decoration     : none;
	 background          : #fac47c;
	}


/*新着ニュース*/
	.newscont{
	 float               : left;
	 display             : inline;
	 margin              : 0 5% 1em 2%;
	 width               : 93%;
	 text-align          : left;
	}
	.newscont .date{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 text-align          : left;
	}
	.newscont .news{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 text-align          : left;
	}
	.home_left hr{
	 width               : 100%;
	 margin              : 0.5em 0 2em 0;
	}







/*-------------------------------------------
第二階層共通
-------------------------------------------*/

	.container1_2nd {
	 margin              : 48px 0 0 0;
	 width               : 100%;
	 text-align          : center;
	 background-image    : url(../img/bg01_2nd_sp.png);
	 background-size     : 100% auto;
	 background-repeat   : no-repeat;
	 font-size           : 1.4em;
	 line-height         : 180%;
	 background-position : 0 -50px;
	}

	.cont_left{
	 float               : left;
	 display             : inline;
	 margin              : 60px 0 0 0;
	 padding             : 0 0 0 0;
	 text-align          : center;
	 width               : 100%;
	}
	.cont_right{
	 float               : left;
	 display             : inline;
	 margin              : 90px 0 0 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	}

/*ページタイトル*/
	.title{
	 width               : 40vw;
	 background          : #f29417;
	 text-align          : center;
	 height              : 40vw;
	 margin              : 0 0 0 25vw;
	}
	.title div{
	 position            : relative;
	 top                 : 50%;
	 -webkit-transform   : translateY(-50%); /* Safari用 */
	 transform           : translateY(-50%);
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 color               : #ffffff;
	 font-size           : 1.6em;
	 line-height         : 120%;
	}

/*ページ見出し*/
	.pagemds01{
	 float               : left;
	 display             : inline;
	 padding             : 1em 2% 1em 2%;
	 border-left         : 0px solid #f29417;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 1.5em;
	 color               : #141e3e;
	 margin              : 0 0 2em 0;
	 background          : #fce0be;
	 width               : 96%;
	 text-align          : center;
	 border-radius       : 6px;
	}

	.cont_right p{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 10em 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	}
	.cont_right .sec{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 0 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	}
	.cont_right .sec2{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	}
	.cont_right .sec3{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	}

.cont_right p img{
 float               : left;
 display             : inline;
 margin              : 0.5em 0em 0.5em 0;
 padding             : 0 0 0 0;
 text-align          : left;
 width               : 100%;
}

/*固定イラストイメージ*/
.fikimg{
 position    : absolute;
 left:auto;
 top:100px;
 margin:0 0 0 0;
 z-index:999;
 width:30%;
}



/*-------------------------------------------
企画・研修事業
-------------------------------------------*/

	.youso{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 10% 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 width               : 100%;
	 text-align          : center;
	}
	.youso p{
	 width               : 100%;
	 text-align          : center;
	 margin              : 10px 0 40px 0;
	}

	.youso .en{
	 width               : 60vw;
	 height              : 60vw;
	 border-radius       : 30vw;
	 background          : #ff0000;
	 text-align          : center;
	 box-shadow          : 4px 4px 10px gray;
	 background          : linear-gradient(135deg, rgba(249, 201, 140, 1), rgba(242, 148, 23, 1) 70%, rgba(242, 148, 23, 1) );
	 margin              : 0 auto;
	}

	.youso .en div{
	 position            : relative;
	 top                 : 50%;
	 -webkit-transform   : translateY(-50%); /* Safari用 */
	 transform           : translateY(-50%);
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 color               : #ffffff;
	 font-size           : 1.6em;
	 line-height         : 120%;
	}



/*-------------------------------------------
学生向け啓発事業
-------------------------------------------*/


	.prj_mds01{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 0.5em 0;
	 border-bottom       : 1px dotted #3e3a39;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 1.2em;
	 color               : #3e3a39;
	 margin              : 0 0 0.5em 0;
	 width               : 100%;
	}

	.prj_mokuteki{
	 float               : left;
	 display             : inline;
	 padding             : 1em 5% 1em 5%;
	 margin              : 0 2% 1em 0;
	 width               : 90%;
	 background          : #fef6eb;
	}
	.prj_mokuteki:last-child{
	 float               : left;
	 display             : inline;
	 padding             : 1em 5% 1em 5%;
	 margin              : 0 0 5em 0;
	 width               : 90%;
	 background          : #fef6eb;
	}

	.prj_mokuteki strong{
	 float               : left;
	 display             : inline;
	 padding             : 1em 0 1em 0;
	 width               : 100%;
	 text-align          : center;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 1.38em;
	}

	.prj_naiyou_left{
	 float               : left;
	 display             : inline;
	 padding             : 1em 2% 1em 2%;
	 margin              : 0 0 1em 0;
	 width               : 28%;
	 background          : #fef6eb;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 text-align          : center;
	}
	.prj_naiyou_right{
	 float               : left;
	 display             : inline;
	 padding             : 0.5em 2% 0.5em 2%;
	 margin              : 0 0 1em 0;
	 width               : 64%;
	 background          : #ffffff;
	}

	.prj_naiyou_left:last-child,
	.prj_naiyou_right:last-child{
	 float               : left;
	 display             : inline;
	 padding             : 0.5em 2% 0.5em 2%;
	 margin              : 0 0 5em 0;
	 width               : 64%;
	 background          : #ffffff;
	}

	.suijun{
	 float               : left;
	 display             : inline;
	 padding             : 1em 0 1em 0;
	 margin              : 0 0 0 0;
	 width               : 100%;
	 border-bottom       : 1px solid #3e3a39;
	 line-height         : 140%;
	}
	.suijun01{
	 float               : left;
	 display             : inline;
	 width               : 23%;
	 text-align          : left;
	 font-size           : 0.8em;
	}
	.suijun02,
	.suijun03{
	 float               : left;
	 display             : inline;
	 padding             : 0 1% 0 1%;
	 width               : 36%;
	 text-align          : center;
	 font-size           : 0.8em;
	}
	.suijun01 strong,
	.suijun02 strong,
	.suijun03 strong{
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	}


	/*アコーディオン*/
	.accordion2{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 1em 0 0 0;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	}
	.accordion2:last-child{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 1em 0 10em 0;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	}

	.accordion2 .toggle{
	 display             : block;
	 padding             : 1em 0 1em 2%;
	 width               : 98%;
	 text-align          : left;
	 border              : 1px solid #cccccc;
	}
	.accordion2 a {
	 display             : block;
	 text-decoration     : none;
	 cursor              : pointer;
	 position            : relative;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 500;
	 font-size           : 1.2em;
	}
	.accordion2 a:hover {
	 text-decoration     : none;
	 background          : #141e3e;
	 color               : #ffffff;
	}
	.accordion2 .cell{
	 display             : none;
	}

	.accordion2 .cell{
	 float               : left;
	 margin              : 1em 5% 1em 5%;
	 width               : 90%;
	 text-align          : left;
	}
	.accordion2 .cell .cellbox{
	 padding             : 1em 0 1em 0;
	 width               : 100%;
	}
	.accordion2 .cell .cellbox .cell00{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 padding             : 1em 0 1em 0;
	 text-align          : center;
	}
	.accordion2 .cell .cellbox .cell01{
	 float               : left;
	 display             : inline;
	 width               : 98%;
	 background          : #f1f1f1;
	 padding             : 0.5em 0 0.5em 2%;
	}
	.accordion2 .cell .cellbox .cell02{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 padding             : 1em 0 1em 0;
	}




/*-------------------------------------------
採用情報
-------------------------------------------*/


	.tel00{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 color               : #141e3e;
	 font-size           : 1.4em;
	 width               : 100%;
	}
	.tel01{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 0 0;
	 font-size           : 1em;
	}
	.tel02{
	 float               : left;
	 display             : inline;
	 font-size           : 1em;
	 padding             : 0 0 0 0.5em;
	}
	.tel02 a{
	 color               : #141e3e;
	}



	.es{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 margin              : 1em 0 1em 0;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 1.2em;
	}

	.es .saiyoubtn00{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 1em 0;
	 padding             : 0 0 0 0;
	 width               : 100%;
	}
	.es .saiyoubtn01{
	 float               : left;
	 display             : inline;
	 padding             : 0 1em 0 0;
	}

	.es .saiyoubtn01 a{
	 padding             : 6px 1em 6px 32px;
	 background-image    : url(../img/pdf.png);
	 background-repeat   : no-repeat;
	 color               : #141e3e;
	 border-radius       : 6px;
	 font-size           : 0.7em;
	 line-height         : 100%;
	 border              : 1px solid #cccccc;
	}
	.es .saiyoubtn02 a{
	 padding             : 6px 1em 6px 36px;
	 background-image    : url(../img/xls.png);
	 background-repeat   : no-repeat;
	 color               : #141e3e;
	 border-radius       : 6px;
	 font-size           : 0.7em;
	 line-height         : 100%;
	 border              : 1px solid #cccccc;
	}
	.es .saiyoubtn01 a:hover,
	.es .saiyoubtn02 a:hover{
	 background-color    : #e15a00;
	 -webkit-transition  : 0.4s;
	 -moz-transition     : 0.4s;
	 -o-transition       : 0.4s;
	 -ms-transition      : 0.4s;
	 transition          : 0.4s;
	 text-decoration     : none;
	 color               : #ffffff;
	 border              : 1px solid #e15a00;
	}



	.saiyoubtn03{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 0 0;
	 margin              : 0 0 2em 0;
	}
	.saiyoubtn03 a{
	 padding             : 0.5em 1em 0.5em 1em;
	 background-repeat   : no-repeat;
	 color               : #3e3a39;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 3vw;
	 line-height         : 99%;
	 border              : 1px solid #cccccc;
	}
	.saiyoubtn03 :hover{
	 background-color    : #e15a00;
	 -webkit-transition  : 0.4s;
	 -moz-transition     : 0.4s;
	 -o-transition       : 0.4s;
	 -ms-transition      : 0.4s;
	 transition          : 0.4s;
	 text-decoration     : none;
	 color               : #ffffff;
	 border              : 1px solid #e15a00;
	}



/*アコーディオン*/
	.accordion3{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 0 0 0 0;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	}
	.accordion3:last-child{
	 position            : relative;
	 float               : left;
	 display             : inline;
	 margin              : 1em 0 10em 0;
	 padding             : 0 0 0 0;
	 width               : 100%;
	 text-align          : center;
	}

	.accordion3 .toggle{
	 display             : block;
	 margin              : 0 0 1em 0;
	 padding             : 0 0 6px 2%;
	 width               : 98%;
	 text-align          : left;
	 border-bottom       : 1px solid #cccccc;
		background         : url(../img/i_swich_sp.png) no-repeat;
	background-position: right -80px;
	}
	.accordion3 .toggle.open{
	background         : url(../img/i_swich_sp.png) no-repeat;
	background-position: right 0px ;
	}
	.accordion3 a {
	 display             : block;
	 text-decoration     : none;
	 cursor              : pointer;
	 position            : relative;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 500;
	 font-size           : 1.4em;
	}





	.accordion3 .cell{
	 display             : none;
	}

	.accordion3 .cell{
	 float               : left;
	 margin              : 0 1% 1em 1%;
	 width               : 98%;
	 text-align          : left;
	}
	.accordion3 .cell .cellbox{
	 float               : left;
	 display             : inline;
	 padding             : 0 0 1em 0;
	 width               : 100%;
	 border-bottom       : 1px dotted #cccccc;
	 padding             : 1em 0 1em 0;
	}
	.accordion3 .cell .cellbox .cell00{
	 float               : left;
	 display             : inline;
	 width               : 100%;
	 padding             : 1em 0 1em 0;
	 text-align          : center;
	}
	.accordion3 .cell .cellbox .cell01{
	 float               : left;
	 display             : inline;
	 width               : 98%;
	 background          : #f1f1f1;
	 padding             : 0.5em 0 0.5em 2%;
	}
	.accordion3 .cell .cellbox .cell02{
	 float               : left;
	 display             : inline;
	 width               : 98%;
	 padding             : 0.5em 0 0.5em 2%;
	}






/*-------------------------------------------
人財部について
-------------------------------------------*/

	.jh1{
	 font-size           : 8vw;
	 font-weight         : 700;
	 color               : #f29417;
	 line-height         : 180%;
	 width               : 100%;
	 text-align          : center;
	}
	.jzbp{
	 float               : left;
	 display             : inline;
	 margin              : 0 0 3em 0;
	 padding             : 0 0 0 0;
	 text-align          : left;
	 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
	 font-weight         : 700;
	 font-size           : 1.3em;
	 line-height         : 180%;
	 width               : 100%;
	}




/*-------------------------------------------
アコーディオン
-------------------------------------------*/
.accordion4{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 0 0 0 0;
 padding             : 0 0 0 0;
 width               : 100%;
 text-align          : center;
}
.accordion4:last-child{
 position            : relative;
 float               : left;
 display             : inline;
 margin              : 1em 0 10em 0;
 padding             : 0 0 0 0;
 width               : 100%;
 text-align          : center;
}

.accordion4 .toggle{
 display             : block;
 margin              : 0 0 1em 0;
 padding             : 0 0 6px 2%;
 width               : 98%;
 text-align          : left;
 border-bottom       : 1px solid #cccccc;
	background         : url(../img/i_swich_sp.png) no-repeat;
	background-position: right -80px;
}
.accordion4 .toggle.open{
	background         : url(../img/i_swich_sp.png) no-repeat;
	background-position: right 0px ;
}
.accordion4 a {
 display             : block;
 text-decoration     : none;
 cursor              : pointer;
 position            : relative;
 font-family         : 'Noto Sans Japanese','Meiryo',Arial,sans-serif;
 font-weight         : 500;
 font-size           : 1.2em;
}
.accordion4 a span{
 display             : block;
 width               : 80%;
}

.accordion4 .cell{
 display             : none;
}

.accordion4 .cell{
 float               : left;
 margin              : 0 5% 1em 5%;
 width               : 90%;
 text-align          : left;
}
.accordion4 .cell .cellbox{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 1em 0 2em 0;
}
.accordion4 .cell .cellbox .txt{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0 0 1em 0%;
}
.accordion4 .cell .cellbox .pct{
 float               : left;
 display             : inline;
 width               : 100%;
 padding             : 0 0 0 0%;
}
.accordion4 .cell .cellbox .pct img{
 width               : 100%;
 padding             : 0 0 10px 0;
}















}