@charset "utf-8";
/*　■■■■■■■■下層共通■■■■　*/
h4{
	font-size			: 24px;
	font-weight			: 700;
	text-align			: center;
}

/*　あとでcsscssへ移動　*/


 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
h4{
	font-size			: 18px;
	width				: 90%;
}
}



/*　■■■■■■■■news お知らせ■■■■　*/
.news_box{
	width				: 800px;
	margin				: 0 auto;
	overflow			: auto;
	padding				: 105px 0 0;
}
.news_line{
	width				: 800px;
	margin				: 0 0 10px;
	display				: inline-block;
}
.news_tag{
	width				: 90px;
	padding				: 2px 4px;
	background-color	: #222;
	text-align			: center;
	font-size			: 18px;
	
	color				: #fff;
	float				: left;
	margin				: 0 25px 0 0;
}
.news_day{
	width				: 675px;
	padding				: 15px 0 0;
	float				: left;
}
.news_tit{
	width				: 100%;
	padding				: 0 0 8px;
	border-bottom		: solid 1px #777;
	margin-bottom		: 20px;
	font-size			: 20px;
	
	line-height			: 28px;
}
.news_area{
	width				: 800px;
	margin				: 0 0 100px;
	display				: inline-block;
}
.news_l{
	width				: 480px;
	font-weight			: 400;
	float				: left;
	margin				: 0 20px 0 0;
}
.news_l b{
	font-size			: 16px;
	font-weight			: 700;
}
.news_l a{
	text-decoration		: underline;
}
.news_r{
	width				: 298px;
	height				: auto;
	float				: left;
	border				: solid 1px #222;
	position			: relative;
}
.news_r img{
	width				: 298px;
	height				: auto;
}
.news_r a p{
	text-align			: center;
	font-size			: 20px;
	font-weight			: 600;
	position			: absolute;
	top					: 30px;
	left				: 0;
	right				: 0;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.news_box{
	width				: 90%;
}
.news_line{
	width				: 100%;
}
.news_day{
	width				: 100%;
}
.news_area{
	width				: 100%;
}
.news_l{
	width				: 100%;
	margin				: 0 auto 50px;
	float				: none;
}
.news_r{
	width				: 298px;
	float				: none;
	margin				: 0 auto 50px;
}
}



/*　■■■■■■■■woman 女性活躍推進法■■■■　*/
.woman_area{
	width				: 800px;
	margin				: 30px auto 150px;
	text-align			: center;
}
.woman_area p{
	margin				: 0 0 20px;
	text-align			: left;
}
.wo_box{
	width				: 100%;
	padding				: 30px 0;
	margin				: 0 auto;
	background-color	: #c8d1e0;
}
.wo_box p{
	text-align			: center;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.woman_area{
	width				: 90%;
}
.woman_area p{
	width				: 100%;
	margin				: 0 auto 20px;
}
.wo_box{
	width				: 100%;
}
.wo_box p{
	width				: 90%;
}
}



/*　■■■■■■■■legal 特定商取引法に基づく表記■■■■　*/
.tran_box{
	width				: 800px;
	margin				: 100px auto;
}
.tran_table{
	border-top			: solid 1px #777;
}
.tran_td01, .tran_td02{
	padding				: 20px;
	font-size			: 16px;
	vertical-align		: top;
	border-bottom		: solid 1px #777;
}
.tran_td01{
	width				: 240px;
	font-weight			: 600;
	background-color	: #e9e9e9;
}
.tran_td02{
	width				: 560px;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.tran_box{
	width				: 90%;
}
.tran_table,.tran_td01, .tran_td02{
	width				: 100%;
	display				: block;
}
.tran_td01{
	border-bottom		: none;
}
}



/*　■■■■■■■■policy 運営会社・私たちのポリシー■■■■　*/

.poli_box{
	width				: 800px;
	margin				: 100px auto;
}
.poli_box p{
	width				: 100%;
	font-size			: 18px;
	font-weight			: 600;
	margin				: 0 0 20px;
}
.poli_box ul{
	width				: 100%;
	padding				: 0 5%;
}
.poli_box ul li{
	width				: 100%;
	list-style-type		: decimal;
	margin				: 0 0 20px;
}
.poli_box ul li::marker {
  font-size				: 20px;
  font-weight			: 700;
}
.poli_box div{
	width				: 800px;
	font-size			: 16px;
	text-align			: right;
	margin				: 50px auto;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.poli_box{
	width				: 80%;
	margin				: 50px auto;
}
}



/*　■■■■■■■■privacy 個人情報の取扱いについて■■■■　*/
.intro-text{
	width				: 800px;
	margin				: 0 auto 150px;
}
.pri-bg{
	width				: 990px;
	padding				: 100px 30px 100px;
	margin				: 0 auto 100px;
	background-color	: #e9e9e9;
}
.pri-tit{
	font-size			: 24px;
	font-weight			: 700;
	text-align			: center;
	color				: #254888;
	margin				: 0 0 60px;
}
.pri0{
	font-size			: 18px;
	margin				: 0 0 30px;
}
.pri0 ul{
	display				: block;
	padding-left		: 1.3em;
	margin				: 0 0 30px;
}
.pri0 ul li{
	margin				: 0 0 15px;
	padding				: 0 0 5px;
	border-bottom		: solid 1px #254888;
}
.pri0 ul li::before {
	position			: relative;
	width				: 3px;
	height				: 3px;
	top					: -4px;
	left				: -10px;
	display				: inline-block;
	content				: '';
	border-radius		: 100%;
	background			: #666;
}
.pri1{
	font-size			: 20px;
	font-weight			: 700;
	margin				: 0 0 5px;
	border-bottom		: solid 1px #254888;
}
.pri2{
	font-size			: 16px;
	margin				: 0 0 70px;
	padding				: 0 0 0 20px;
}
.pri2 a{
	text-decoration		: underline;
}
.pri2 ul{
	display				: block;
	padding-left		: 1.3em;
	margin				: 0 0 30px;
}
.pri2 ul li{
	margin				: 0 0 15px;
}
.pri2 ul li::before {
	position			: relative;
	width				: 3px;
	height				: 3px;
	top					: -4px;
	left				: -10px;
	display				: inline-block;
	content				: '';
	border-radius		: 100%;
	background			: #666;
}
.pri2 span{
	font-weight			: 700;
	padding				: 20px 0 10px;
	display				: block;
	line-height			: 1.5;
	padding-left		: 1.3em;
	text-indent			: -1.3em;
}
.pri3{
	text-align			: right;
	margin				: 50px 0 0;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.intro-text{
	width				: 90%;
	margin				: 0 auto 150px;
}
.pri-bg{
	width				: 100%;
	padding				: 100px 4% ;
}
.pri2 ul{
	padding-left		: 0;
}
}



/*　■■■■■■■■company 会社概要■■■■　*/
.com_logo{
	width				: 420px;
	height				: 80px;
	margin				: 0 auto 40px;
}
.com_logo img{
	width				: 420px;
	height				: 80px;
}
.com_list{
	width				: 800px;
	height				: auto;
	margin				: 0 auto 200px;
}
.com_listbox{
	width				: 100%;
	display				: inline-block;
}
.com_l{
	width				: 200px;
	height				: 200px;
	float				: left;
}
.com_l img{
	width				: 200px;
	height				: 200px;
	object-fit			: cover;
}
.com_r{
	width				: 570px;
	float				: right;
}
.com_r table{
	width				: 100%;
	border-top			: solid 1px #777;
	margin				: 0 auto 30px;
}
.com_r td{
	padding				: 10px;
	border-bottom		: solid 1px #777;
	vertical-align		: top;
}
.com_r .td01{
	width				: 120px;
	font-size			: 16px;
	font-weight			: 700;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.com_logo{
	width				: 90%;
	height				: auto;
}
.com_logo img{
	width				: 100%;
	height				: auto;
}
.com_list{
	width				: 90%;
	height				: auto;
	margin				: 0 auto 150px;
}
.com_l{
	float				: none;
	margin				: 0 auto 30px;
}
.com_r{
	width				: 100%;
	float				: none;
}
}



/*　■■■■■■■■recruit advertisement 求人情報＆広告主募集■■■■　*/
.recruit-box{
	width				: 800px;
	margin				: 100px auto 200px;
}
.recruit-box table{
	border-top			: solid 1px #777;
}
.recruit-box td{
	padding				: 15px;
	vertical-align		: top;
	border-bottom		: solid 1px #777;
}
.recruit-box td span{
	font-weight			: 600;
	color				: #254884;
}
.recruit-box .td01{
	width				: 220px;
	font-size			: 18px;
	font-weight			: 600;
	background-color	: #eaeef4;
}
.recruit-box td p{
	width				: 200px;
}
.recruit-box td p span{
	display				: block;
	float				: right;
	color				: #222;
	font-weight			: 500;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.recruit-box{
	width				: 90%;
}
.recruit-box table{
	width				: 100%;
}
.recruit-box td{
	width				: 100%;
	display				: block;
}
.recruit-box .td01{
	width				: 100%;
	border-bottom		: none;
}
}





/*　■■■■■■■■training 日経の教育教材■■■■　*/
.intro-img{
	width				: 360px;
	height				: 240px;
	margin				: 0 auto 80px;
}
.icon-tit02{
	width				: 80px;
	height				: 80px;
	margin				: 0 auto 40px;
}
.icon-tit02 img{
	width				: 80px;
	height				: 80px;
}

 @media screen and (max-width:749px) {
/*　画面サイズが749pxまではここを読み込む　*/
.intro-img{
	width				: 90%;
	height				: auto;
}