@charset "utf-8";

/* ===================================================================
	pawapita
=================================================================== */
/* h1 タイトル */
.pp_title_h1 {
	min-height: 54px;
	padding: 20px 10px 10px 80px;
	background: url(../img/works/pawapita/top_title_p_bk.png) no-repeat left bottom;
	font-size: 20px;
	font-weight: bold;
}

/* 電話でのお問い合わせ */
.pawapita_tel_box {
	text-align: center;
}
.pawapita_tel {
	width: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	margin: 0 0 20px;
	font-weight: 600;
	border-radius: 10px;
	color: #FFC515;
	text-align: center;
}
.pawapita_tel dt,
.pawapita_tel dd {
	padding: 0.5em 0.8em;
	font-size: 1.4rem;
}
.pawapita_tel dt {
	background: #FFC515;
	color: #fff;
	border-radius: 10px 0 0 10px;
}
.pawapita_tel dd {
	background: #fff;
	border: 2px solid #FFC515;
	border-radius: 0 10px 10px 0;
}
.pawapita_tel a {
	display: block;
	text-decoration: none;
	color: #666;
}

/*タイトル*/
.titletop_pp{
	background:#FFF;
	margin: 0 0 60px;
	padding: 0;
	text-align: center;
	border-radius: 10px;
}
.top_pp{
	display: flex;
	padding: 30px;
}
.top_logo_pp{
	width: 30%;
	margin:0px 5% 0 0;
	text-align: center;
	flex-grow: 0;
}
.top_logo_pp img {
	max-width: 100%;
}
.top_text_pp{
	width: 65%;
	font-size: 14px;
	flex-grow: 0;
	text-align: left;
}
.toppic_pp{
	text-align: center;
}
.toppic_pp img{
	border-radius: 0px 0px 10px 10px;
}



/*パワピタの魅力とは？*/
h2.pp_title {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	background: url("../img/works/pawapita/line_title1.png")no-repeat center bottom;
	margin: 40px 0px 50px;
	margin: 40px 0px 50px;
}
.miryoku_box {
	margin-bottom: 80px;
}

/*専門性に特化した検索職種軸*/
#kensaku_block1_pp {
	display: flex;
	align-items: flex-start;
}
.kensaku_title_pp {
	width: 51%;
	flex-grow: 0;
	flex-shrink: 0;
	background: #FFF;
	min-height: 220px;
	padding: 20px 50px;
	border-radius: 10px 0px 0px 10px;
}
.kensaku_pic_pp img{
	max-width: 100%;
	border-radius: 0px 10px 10px 10px;
}
/*見出し*/
.title_1_pp{
	display: flex;
	padding: 0;
}
/*見出しタイトル一括*/
.title_pp{
	margin: 5px 10px 10px;
	color: #FFC515;
	font-size: 20px;
	font-weight: bold;
}
.text_1_pp,
.text_3_pp{
/*	font-size: 11px;*/
	font-size: 0.8rem;
/*	padding-left: 50px;*/
/*	width: 80%;*/
/*	line-height: 2.5em;*/
	line-height: 2em;
}

/*赤枠サブテキスト*/
.pic_1_pp{
	position: relative;
}
.sabtext1_pp{
	position: absolute;
	left: -420px;
	bottom: 20px;
}
/*直観的なテキスト検索*/
#text_block2_pp{
	display: flex;
}
.textkensaku_title_pp{
	width: 51%;
	padding: 20px 0;
	background: #FFC515;
	border-radius: 10px 0px 0px 10px;
}
.textkensaku_pic_pp{
	width: 49%;
}
.textkensaku_pic_pp img{
	border-radius: 0px 10px 10px 0px;
}
.page_jump_pp{
	background: #FFF;
	display: block;
	margin: 20px 0px;
	padding: 5px;
	text-align: center;
}
.title_2_pp{
	display: flex;
	padding-left: 50px;
	margin-bottom: 20px;
}
/*白文字タイトル*/
.title_chokusetuteki_pp,
.title_cost_pp{
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0px 10px 10px;
}
.url_pp{
	display: block;
	text-align: center;
}
.url_pp a{
	color: #076BAF;
	font-weight: bold;
}

/*丁寧な原稿制作*/
#teinei_block3_pp{
	display: flex;
	align-items: flex-start;
	margin-bottom: 40px;
}
.pic_3_pp {
	width: 49%;
	flex-shrink: 0;
	flex-grow: 0;
}
.teinei_pic_pp img{
	border-radius: 10px 0px 10px 10px;
}
.teinei_title_pp{
/*	min-height: 250px;*/
	margin-bottom: 30px;
	padding: 20px 40px 30px;
	background:#FFF;
	border-radius: 0px 10px 10px 0px;
}
.title_3_pp{
	display: flex;
	background: url("../img/works/pawapita/back_3_icon.png")no-repeat right;
	background-size: contain;
	padding: 20px 0;
}
.sabtext3_pp{
	margin-top: 30px;
}
/*FLOW流れ*/
.flow_pp{
	margin-bottom: 80px;
}

/*表示速度の速さ*/
#speed_block4_pp{
	background:#FFF;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 50px;
}
.title_4_pp{
	display: flex;
	padding-left: 20px;
}
.server_pp{
	display: flex;
}
.sakusaku_pp{
	margin-top: -50px;
	margin-left: 20px;
}
.text_4_pp{
	font-size: 0.8rem;
	line-height: 2;
	padding-top: 50px;
}


/*圧倒的！採用コストの低さ*/
#cost_block5_pp{
	display: flex;
	margin-bottom: 120px;
}
.cost_title_pp{
	padding: 30px 50px;
	background: #FFC515;
	border-radius: 10px 0px 0px 10px;
}
.title_5_pp{
	display: flex;
	margin-bottom: 20px;
}
.pickupword_pp{
	display: flex;
	margin-bottom: 20px;
}
.saiyou_pp,
.yasui_pp{
	background:#FFF;
	padding: 10px 10px;
	font-size: 18px;
	font-weight: bold;
}
.saiyou_pp{
	color: #DD2525;
}
.yasui_pp{
	margin-left: 5px;
	color: #00833A;
}
.text_5_pp{
	font-size: 0.8rem;
	line-height: 2em;
}
.text_5_pp span{
	border-bottom: solid #EB3314;
}
.pig_pp img{
	border-radius: 0px 10px 10px 0px;
}
/*パワピタへ掲載*/
h2.pawapita_keisai_pp{
	background: url("../img/works/pawapita/keisai_line.png")no-repeat center bottom;
}
.keisai_text_pp{
	font-size: 14px;
	text-align: center;
	margin-bottom: 50px;
}
/*販売代理店紹介*/
.company_2sya{
	display: flex;
	margin: 0px 20px;
	text-align: center;
}
.company_2sya img {
	max-width: 100%;
}
.company_pp {
	margin: 0 10px;
}
.awesome_logo_pp,
.loc_logo_pp{
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	background: #FFF;
}
.awesome_logo_pp{
	padding: 78px 0;
}
.kaisya_text_pp{
	text-align: center;
}
.category_pp{
	display: inline-block;
	background: #00833A;
	color: #FFF;
	font-size: 11px;
	padding: 10px 50px;
}
.shamei{
	margin: 25px 0px 10px;
	font-weight: bold;
}
.text_campany_pp{
	font-size: 11px;
	line-height: 2.5em;
	padding: 0px 20px;
}
.pp_aw_tel {
	font-weight: 600;
	font-size: 1rem;
}

/*  */
.pp_keisai_contact {
	margin: 40px 0;
	text-align: center;
}
.pp_selfplan {
	margin: 40px 0;
	text-align: center;
}
.pp_selfplan .pc {
}
.pp_selfplan .sp {
	display: none;
}
.pp_selfplan img {
	max-width: 100%;
}



/* ------ ～1000px ------ */
@media screen and ( max-width : 1000px ){
	/*タイトル*/
	.titletop_pp{
		width: 100%;
		text-align: left;
	}
	.top_text_pp{
		
	}
	.toppic_pp img{
		width: 100%;
	}
	/*専門性に特化した検索職種軸*/
	#kensaku_block1_pp{
		/*
		width: 100%;
		margin: 0 auto 50px;*/
		background: #fff;
		border-radius: 10px;
	}
	.kensaku_title_pp{
		width: 50%;
		padding: 20px;
		height: auto;
	}
	.kensaku_pic_pp img{
		width: 100%;
	}
	.text_1_pp{
		font-size: 14px;
		width: 100%;
	}
	.pic_1_pp{
		width: 50%;
	}
	
	/*赤枠サブテキスト*/
	.sabtext1_pp{
		display: none;
	}

	/*直観的なテキスト検索*/
	#text_block2_pp{
		width: 100%;
	}
	.title_2_pp{
		padding-left: 20px;
	}
	.textkensaku_title_pp{
		width: 50%;
	}
	.textkensaku_pic_pp img{
		width: 100%;
	}
	.url_pp{
		display: block;
	}

	/*丁寧な原稿制作*/

	#teinei_block3_pp{
		margin: 0 auto 20px;
		background: #fff;
		border-radius: 10px;
	}
	.teinei_title_pp{
		padding: 20px;
		height: auto;
	}
	.teinei_pic_pp img{
		width: 100%;
		border-radius: 10px 0px 0px 10px;
	}
	.text_3_pp{
		padding-left: 0px;
		padding-right: 10px;
		width: 100%;
	}
	.sabtext3_pp{
		display: none;
	}
	.title_3_pp{
		padding: 0;
		background: none;
	}
	/*FLOW流れ*/
	
	.flow_img_pp img{
		width: 100%;
	}
	/*表示速度の速さ*/
	#speed_block4_pp{
	}
	.server_pp{
		display: block;
	}
	.title_4_pp{
		padding-left: 0px;
	}
	.sakusaku_pp{
		text-align: center;
	}
	.text_4_pp{
		font-size: 14px;
		padding-top: 10px;
		line-height: 2em;
	}
	
	/*圧倒的！採用コストの低さ*/
	#cost_block5_pp{
		margin-bottom: 80px;
	}
	.cost_title_pp{
		width: 70%;
	}
	.title_5_pp{
		display: flex;
		padding: 30px 40px;
	}
	.pickupword_pp{
	}
	.saiyou_pp{
		color: #DD2525;
	}
	.text_5_pp{
		font-size: 14px;
		line-height: 2em;
	}
	.pig_pp img{
		width:100%; 
	}
	
	
	
}



/* ------ ～479px ------ */
@media screen and (max-width: 780px) {
	
	
	/* 電話でのお問い合わせ */
	.pawapita_tel dt,
	.pawapita_tel dd {
		padding: 0.5em 0.8em;
		font-size: 1rem;
	}
	
	
	/*専門性に特化した検索*/
	.title_pp,
	.title_chokusetuteki_pp,
	.title_cost_pp{
		font-size: 18px;
	}
	.title_1_pp,
	.title_2_pp{
	}
	#kensaku_block1_pp{
		display: block;
	}
	.kensaku_title_pp{
		width: 100%;
		border-radius: 10px 10px 0px 0px;
	}
	.text_1_pp{
		width: 100%;
		line-height: 2em;
		padding: 0px 10px;
	}
	.pic_1_pp{
		width: 100%;
	}
	.pic_1_pp img{
		border-radius: 0px 0px 10px 10px;
	}
	/*直観的なテキスト検索*/
	#text_block2_pp{
		display: block;
	}
	/*タイトル見出し*/
	.title_chokusetuteki_pp{
		font-size: 16px;
	}
	.textkensaku_title_pp{
		width: 100%;
		border-radius: 10px 10px 0px 0px;
		padding-bottom: 10px;
	}
	.page_jump_pp{
		margin: 0px;
	}
	.url_pp{
		margin-top: 10px;
	}
	.textkensaku_pic_pp{
		width: 100%;
	}
	.textkensaku_pic_pp img{
		border-radius: 0px 0px 10px 10px;
	} 
	/*丁寧な原稿制作*/
	#teinei_block3_pp{
		flex-direction: column-reverse;
		border-radius: 10px;
	}
	.pic_3_pp {
		width: 100%;
	}
	.teinei_pic_pp{
		width: 100%;
	}
	.teinei_pic_pp img{
		width: 100%;
		border-radius: 0 0 10px 10px;
	}
	.teinei_title_pp{
		height: auto;
		width: 100%;
		margin: 0;
		padding: 20px;
		border-radius: 10px 10px 0 0;
	}
	.title_3_pp{
		background: none;
		padding: 0;
	}
	
	/*表示速度の早さ*/
	#speed_block4_pp{
		padding: 20px 20px 20px;
		margin-bottom: 50px;
	}
	.sakusaku_pp img{
		width: 100%;
	}
	.title_4_pp{
		padding-left: 0px;
	}
	.text_4_pp{
		font-size: 14px;
		padding-top: 10px;
		line-height: 2em;
		width: 100%;
	}
	/*圧倒的*/
	#cost_block5_pp{
		display: block;
	}
	.cost_title_pp{
		width: 100%;
		border-radius: 10px 10px 0px 0px;
		padding: 20px;
	}
	.title_5_pp{
		padding: 0px;
	}
	.pickupword_pp{
		margin-left: 0px;
		margin-top: 10px; 
	}
	.text_5_pp{
		width: 100%;
		padding: 0px;
		margin-left: 0px;
	}
	.pig_pp img{
		border-radius: 0px 0px 10px 10px;
	}
	/*パワピタへの掲載*/
	
	.keisai_text_pp{
		width: 90%;
		margin: 0 auto 20px;
	}
	.company_2sya{
		width: 100%;
		display: block;
		text-align:center; 
		margin: 0 auto 20px;
	}
	.awesome_logo_pp{
		padding: 10px;
		text-align: center;
	}
	.loc_logo_pp{
		padding: 10px;
	}
	.category_pp{
		padding: 10px;
	}
	.text_campany_pp{
		margin-bottom: 20px;
	}
	.pp_selfplan .pc {
		display: none;
	}
	.pp_selfplan .sp {
		display: inline;
	}
}




/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
	h2.pp_title {
		margin: 40px 0 20px;
		font-size: 1.4rem;
	}
	
	/* 電話でのお問い合わせ */
	.pawapita_tel {
		display: block;
		margin: 0 0 30px;
		border-radius: 10px;
	}
	.pawapita_tel dt {
		border-radius: 10px 10px 0 0;
	}
	.pawapita_tel dd {
		border-radius: 0 0 10px 10px;
	}
	
	
	.top_pp{
		display: block;
		padding: 10px;
		text-align: center;
	}
	.top_logo_pp{
		width: auto;
		margin: 0 0 10px;
	}
	.top_text_pp{
		margin-right: 0px;
		margin-top: 20px;
	}
	.titletop_pp{
		width: 100%;
		margin: 0px auto 0px;
		padding: 0;
	}
	.titletop_pp p{
		width: auto;
		font-size: 0.8rem;
		margin: 0 auto 0px;
	}
 	.top_logo_pp img{
		width: 150px;
	}
	/*専門性に特化した検索*/
	.title_pp,
	.title_chokusetuteki_pp,
	.title_cost_pp{
		font-size: 18px;
	}
	#kensaku_block1_pp{
		display: block;
	}
	.kensaku_title_pp{
		width: 100%;
	}
	.pic_1_pp{
		width: 100%;
	}
	/*直観的なテキスト検索*/
	#text_block2_pp{
		display: block;
	}
	/*タイトル見出し*/
	.title_chokusetuteki_pp{
		font-size: 16px;
	}
	.textkensaku_title_pp{
		width: 100%;
		border-radius: 10px 10px 0px 0px;
		padding-bottom: 10px;
	}
	.textkensaku_pic_pp{
		width: 100%;
	}
	.textkensaku_pic_pp img{
		border-radius: 0px 0px 10px 10px;
	} 
	/*丁寧な原稿制作*/
	#teinei_block3_pp{
		display: block;
	}
	.teinei_pic_pp{
		width: 100%;
	}
	.teinei_pic_pp img{
		border-radius: 10px 10px 0px 0px;
	}
	.teinei_title_pp{
		border-radius: 0px 0px 10px 10px;
		height: auto;
		width: 100%;
		padding-right: 30px;
	}
	.title_3_pp{
		background: none;
		padding:0;
		margin-right: 0px;
		margin-top: 0px;
	}
	.text_3_pp{
		padding:20px 0px;
		font-size: 14px;
		width: auto;
	}
	/*表示速度の早さ*/
	.sakusaku_pp img{
		width: 100%;
		padding-top: 40px;
	}
	/*圧倒的採用コストの低さ*/
	#cost_block5_pp{
		display: block;
	}
	.cost_title_pp{
		width: 100%;
		border-radius: 10px 10px 0px 0px;
	}
	.pickupword_pp{
	}
	.text_5_pp{

	}
	.pig_pp img{
		border-radius: 0px 0px 10px 10px;
	}
	/*パワピタへの掲載*/
	.keisai_text_pp{
		width: 90%;
		margin: 0 auto 20px;
	}
	.company_2sya{
		width: 100%;
		display: block;
		text-align:center; 
		margin: 0 auto 20px;
	}
	.awesome_logo_pp{
		padding: 10px;
		text-align: center;
	}
	.loc_logo_pp{
		padding: 10px;
	}
	.category_pp{
		padding: 10px;
	}
	.text_campany_pp{
		margin-bottom: 20px;
	}
}