@charset "UTF-8";

@media screen and (max-width: 767px) {
	.pcOnly {
		display: none !important;
	}

	img {
		width: 100%;
	}
}

@media screen and (min-width: 768px),
print {
	.smOnly {
		display: none !important;
	}

	#main {
		width: 715px;
		float: left;
	}
}

/*=============================
マニュアルレポートSP
=============================*/

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

	/*-----ヘッダー-----*/
	#pagetitle.uroad h2 {
		background: url(../img/special/ico_special01.png) no-repeat;
		background-size: 52px 100px;
	}

	/*-----全体-----*/
	#special,
	#special p,
	.knowHowGroup {
		margin-top: 25px;
	}

	#special {

		padding: 0 15px;
	}

	/*-----見出し-----*/
	.head01 {
		font-size: 17px;
		line-height: 24px;
		font-weight: bold;
		color: #ed6d00;
		background: #eee;
		width: 100%;
		min-height: 40px;
		padding: 13px 0 13px 22px;
		margin-top: 25px;
		position: relative;
	}

	.head01:after {
		content: "";
		background: #ed6d00;
		background-size: 12px 100%;
		width: 12px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	/*-----ノウハウ本文-----*/
	.knowHowGroup p,
	.knowHow p,
	.knowHow figure {
		margin-top: 20px;
	}

	/*-----注釈文-----*/
	.comments {
		color: #ed6d00;
		font-size: 11px;
		line-height: 18px;
		margin-top: 12px !important;
		padding-left: 1em;
		text-indent: -1em;
	}

	/*-----表ズームアイコン-----*/
	.knowHow figure {
		position: relative;
	}

	.knowHow figure a {
		width: 37px;
		height: 37px;
		position: absolute;
		right: 5px;
		bottom: 5px;
	}

	.knowHow figure a img {
		background-size: 37px;
	}
}




/*=============================
マニュアルレポートPC
=============================*/
@media screen and (min-width: 768px) {

	/*-----ヘッダー-----*/
	#pagetitle.uroad h2 {
		background: url(../img/special/ico_special01.png) no-repeat;
		background-size: 52px 100px;
	}

	/*-----全体-----*/
	#manual,
	.knowHowGroup {
		margin-top: 25px;
	}

	#manual>p {
		margin-top: 30px;
	}

	#special .mainTxt {
		margin-top: 30px;
	}

	/*-----見出し-----*/
	.head01 {
		font-size: 17px;
		line-height: 40px;
		font-weight: bold;
		color: #357ecf;
		background: #eee;
		width: 100%;
		height: 40px;
		padding-left: 22px;
		margin-top: 40px;
		position: relative;
	}

	.head01:after {
		content: "";
		background: #357ecf;
		background-size: 12px 40px;
		width: 12px;
		height: 40px;
		position: absolute;
		left: 0;
		top: 0;
	}

	.head01.mt {
		margin-top: 25px;
	}

	/*-----ノウハウ-----*/
	.knowHowGroup {
		margin-top: 40px;
	}

	.knowHowGroup.mt {
		margin-top: 50px;
	}

	.knowHowGroup p,
	.knowHow p {
		margin-top: 20px;
	}

	.knowHow figure {
		margin-top: 30px;
	}

	/*-----注釈文-----*/
	.comments {
		font-size: 12px;
		line-height: 24px;
		margin-top: 5px !important;
		color: #ed6d00;
	}

	/*-----表ズームアイコン-----*/
	.knowHow figure {
		position: relative;
	}

	.knowHow figure a {
		width: 37px;
		height: 37px;
		position: absolute;
		right: 5px;
		bottom: 5px;
	}

	.knowHow figure a img {
		background-size: 37px;
	}

}





/*=============================
ユーロードで就活SP
=============================*/
@media screen and (max-width: 767px) {

	/*-----全体-----*/
	.useUroadGroup,
	.adviseGroup {
		margin-top: 25px;
	}

	#special .useUroadGroup p {
		margin-top: 20px;
	}

	/*-----見出し-----*/
	.head01.syukatsu {
		color: #ed6d00;
		padding-right: 10px;
	}

	.head01.syukatsu:after {
		content: "";
		background: #ed6d00;
	}

	.head02 {
		font-size: 17px;
		line-height: 24px;
		font-weight: bold;
		color: #ed6d00;
		background: #eee;
		width: 100%;
		min-height: 40px;
		padding: 13px 0 13px 47px;
		margin-top: 25px;
		position: relative;
	}

	.head02 span {
		color: #fff;
		background: #ed6d00;
		width: 37px;
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		padding: 13px 0 !important;
		height: 100%;
	}

	.head02.other span {
		padding: 25px 0 !important;
	}

	/*-----就活本文-----*/
	.useUroadGroup p,
	.useUroad p,
	.useUroad figure {
		margin-top: 20px;
	}

	.useUroadGroup p.bold {
		font-weight: bold;
		font-size: 16px;
	}

	/*-----イラスト-----*/
	.useUroadImg p {
		color: #fff;
		background: #ed6d00;
		text-align: center;
		width: 100%;
		padding: 10px 0;
		font-weight: bold;
	}

	/*-----相談室-----*/
	.adviseGroup {
		border: 3px solid #ed6d00;
	}

	.adviseGroup .inner {
		padding: 0 20px 25px 20px;
	}

	.adviseGroup h2 {
		padding: 0 !important;
	}

	.adviseGroup .contact {
		background: #f2f2f2;
		padding: 13px;
		margin-top: 20px;
	}

	.adviseGroup .contact h3 {
		margin: 0 auto;
		width: 123px;
	}

	.adviseGroup .contact p {
		margin-top: 10px !important;
	}

	.adviseGroup .contact p span.fs10 {
		font-size: 14px;
	}

	.adviseGroup .contact a {
		text-decoration: none;
	}

	/*会員登録ボタン*/
	.adviseBtnWrap {
		background: #ed6d00;
		height: 60px;
		margin-top: 20px;
		padding: 6px 0% 0 16%;
		margin: 0 20px 25px 20px;
	}

	.adviseBtnWrap .adviseBtn {
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		position: relative;
		display: block;
		font-weight: bold;
		line-height: 1.6;
	}

	.adviseBtnWrap .adviseBtn:before {
		content: "";
		background: url(../img/common/ico_arrow01_p.png) no-repeat left center;
		background-size: 20px 22px;
		width: 20px;
		height: 22px;
		position: absolute;
		top: 11px;
		left: -30px;
	}

	.adviseBtnWrap .adviseBtn:after {
		content: "";
		background: url(../img/special/syukatsu/img_syukatsu02.png) no-repeat right center;
		background-size: 65px 76px;
		width: 65px;
		height: 76px;
		position: absolute;
		top: -22px;
		right: 10px;
	}
}




/*=============================
ユーロードで就活PC
=============================*/
@media screen and (min-width: 768px) {

	/*-----全体-----*/
	.useUroadGroup {
		margin-top: 25px;
	}

	#syukatsu>p {
		margin-top: 30px;
	}

	#special .specia_txt {
		margin-top: 30px;
	}

	/*-----見出し-----*/
	.head01 {
		font-size: 17px;
		line-height: 40px;
		font-weight: bold;
		color: #ed6d00;
		background: #eee;
		width: 100%;
		height: 40px;
		padding-left: 22px;
		margin-top: 40px;
		position: relative;
	}

	.head01:after {
		content: "";
		background: #ed6d00;
		background-size: 12px 40px;
		width: 12px;
		height: 40px;
		position: absolute;
		left: 0;
		top: 0;
	}

	.head01.syukatsu.mt {
		margin-top: 25px;
	}

	.head02.mt {
		margin-top: 20px;
	}

	.head02 {
		font-size: 17px;
		line-height: 24px;
		font-weight: bold;
		color: #ed6d00;
		background: #eee;
		width: 100%;
		min-height: 40px;
		padding: 8px 0 8px 47px;
		margin-top: 40px;
		position: relative;
	}

	.head02 span {
		color: #fff;
		background: #ed6d00;
		width: 37px;
		position: absolute;
		left: 0;
		top: 0;
		text-align: center;
		padding: 8px 0 !important;
		height: 100%;
	}

	/*-----ユーロードで就活-----*/
	.useUroadGroup {
		margin-top: 30px;
	}

	.useUroadGroup.mt {
		margin-top: 50px;
	}

	.useUroadGroup p,
	.useUroad p {
		margin-top: 16px;
	}

	.useUroad figure {
		margin-top: 30px;
	}

	.useUroadGroup p.bold {
		font-weight: bold;
		font-size: 16px;
		margin-top: 20px;
	}

	/*-----イラスト-----*/
	.useUroadImg p {
		color: #fff;
		background: #ed6d00;
		text-align: center;
		width: 100%;
		padding: 4px 0;
		font-size: 15px;
		font-weight: bold;
	}

	.useUroadImg {
		margin-top: 40px;
	}

	/*-----相談室-----*/
	.adviseGroup {
		border: 3px solid #ed6d00;
		margin-top: 50px;
	}

	.adviseGroup .inner {
		padding: 30px;
		overflow: hidden;
	}

	.adviseGroup .inner p {
		width: 311px;
		float: left;
	}

	.adviseGroup h2 {
		padding: 0 !important;
	}

	.adviseGroup .advise {
		width: 311px;
		float: left;
	}

	.adviseGroup .contact {
		width: 311px;
		float: right;
	}

	.adviseGroup .contact {
		background: #f2f2f2;
		padding: 12px 20px 20px 20px;
	}

	.adviseGroup .contact h3 {
		width: 123px;
	}

	.adviseGroup .contact p {
		margin-top: 10px !important;
	}

	.adviseGroup .contact p span.fs10 {
		font-size: 14px;
	}

	.adviseGroup .contact a {
		text-decoration: none;
	}

	/*会員登録ボタン*/
	.adviseBtnWrap {
		background: #ed6d00;
		height: 48px;
		padding: 12px 0 12px 196px;
		margin: 0px 30px 30px 30px;
	}

	.adviseBtnWrap .adviseBtn {
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		position: relative;
		display: block;
		font-weight: bold;
		line-height: 1.6;
	}

	.adviseBtnWrap .adviseBtn:before {
		content: "";
		background: url(../img/common/ico_arrow01_p.png) no-repeat left center;
		background-size: 16px 18px;
		width: 16px;
		height: 18px;
		position: absolute;
		top: 2px;
		left: -30px;
	}

	.adviseBtnWrap .adviseBtn:after {
		content: "";
		background: url(../img/special/syukatsu/img_syukatsu02.png) no-repeat right center;
		background-size: 56px 70px;
		width: 56px;
		height: 70px;
		position: absolute;
		top: -34px;
		right: 100px;
	}
}