@charset "utf-8";

@import url("../../css/style.css");

@media screen and (min-width: 760px) {

	/* 募集要項 */
	#career {
		margin: 20px 0;
	}

	#career h3 {
		clear: both;
		font-size: 116%;
		margin: 40px 0 0px 0;
		padding: 10px 10px 10px 15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background-color: #e5e5e5;
	}

	#career .left_box {
		width: 284px;
		float: left;
	}

	#career .right_box {
		width: 276px;
		float: left;
	}

	#career .m1 {
		clear: both;
		padding: 30px 0 10px 7px;
		font-weight: bold;
	}

	#career .m1 span {
		color: #d7d7d7;
		font-size: 90%;
		padding-right: 4px;
	}

	#career .m1 span.sub {
		color: #464646;
		font-weight: normal;
		margin-left: 5px;
	}

	#career ul.ul1 {
		margin: 12px 10px 0 0;
		padding: 0;
	}

	#career ul.ul2 {
		margin: 12px 0 0 0;
		padding: 0;
	}

	#career li {
		letter-spacing: 0;
		margin: 0 0 7px 10px;
		padding: 0 0 0 15px;
		line-height: 1.3;
		list-style: none;
		zoom: 1;
		background: url(../img/li.gif) left 4px no-repeat;
	}

	#career .m1_2 {
		clear: both;
		padding: 10px 0 5px 7px;
		font-weight: bold;
	}


	/* お問い合せ */
	#career .contact {
		clear: both;
		margin-top: 50px;
		width: 563px;
		height: 101px;
		background: url(../../img/contact_bg.gif) left top no-repeat;
	}

	#career .contact table {
		margin: 0;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	#career .contact p.fwb {
		font-size: 100%;
		margin: 0 0 0 20px;
		padding: 0 0 3px 0;
		font-weight: bold;
	}

	#career .contact p.fwn {
		font-size: 100%;
		margin: 5px 0 0 20px;
		padding: 0;
	}

	#career .contact p.form {
		font-size: 90%;
		margin: 10px 0 0 20px;
		padding: 0 0 0 15px;
		zoom: 1;
		background: url(../img/li.gif) left center no-repeat;
	}

	/* 募集要項 詳細 */

	#career_by {
		margin: 20px 0;
	}

	#career_by h3 {
		clear: both;
		font-size: 116%;
		margin: 0;
		padding: 10px 10px 10px 15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background-color: #e5e5e5;
	}

	#web_oh {
		margin: 0 16px 20px 10px;
	}

	#career_by #web_oh p.tn {
		margin: 20px 0 0 0;
		line-height: 1.4;
	}

	#career_by #web_oh p.kome {
		margin: 10px 0 0 0;
		font-size: 90%;
		line-height: 1.4;
	}

	#career_by div.m1 {
		font-size: 131%;
		margin: 30px 0 10px 10px;
		font-weight: bold;
	}

	#career_by div.m2 {
		font-size: 131%;
		font-weight: bold;
		margin: 0 0 5px 10px;
		padding: 0 0 0 6px;
		line-height: 1;
		border-left: solid 7px #d20000;
	}

	#career_by div.m3 {
		float: left;
		font-size: 116%;
		font-weight: bold;
		padding: 20px 0 8px 10px;
	}

	#career_by div.m3 span {
		font-size: 90%;
		font-weight: normal;
		color: #afbfcf;
		padding: 0 4px 0 0;
	}

	.sec_box {
		margin: 30px 0 70px 0;
	}

	#right_frame>*:last-child.sec_box {
		margin-bottom: 60px;
	}

	.subtitle {
		width: 420px;
		float: left;
		margin-bottom: 10px;
	}

	.btn_entry {
		width: 140px;
		float: right;
	}

	.btn_entry2 {
		width: 140px;
		padding: 12px 0 0 0;
		float: right;
	}

	.linktxt {
		clear: both;
		padding: 10px 0px 10px 2em;
		line-height: 1.4;
		text-indent: -1em;
	}

	#career_by img {
		vertical-align: 0;
	}

	p.kinmuchi {
		font-size: 93%;
		color: #646464;
		margin: 0 0 5px 25px;
	}

	.back_index {
		text-align: right;
		font-size: 90%;
		letter-spacing: 0;
		margin: 15px 0 0 0;
	}

	.back_index a {
		padding: 0 0 0 15px;
		zoom: 1;
		background: url(../img/li.gif) left center no-repeat;
	}

	table.bs {
		clear: both;
		margin: 0 0 30px 10px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.bs th {
		background-color: #fffae3;
		border: solid 1px #bebebe;
		padding: 15px;
		line-height: 1.3;
		white-space: nowrap;
		text-align: center;
	}

	#career_by a:link,
	#career_by a:visited {
		text-decoration: underline;
	}

	table.bs td {
		border: solid 1px #bebebe;
		padding: 15px 15px 10px 15px;
		line-height: 1.4;
		width: 100%;
	}

	table.bs td p {
		line-height: 1.4;
		margin: 0 0 5px 0;
	}

	table.bs td p.maru {
		text-indent: -1.2em;
		padding: 0 0 0 1.2em;
	}

	table.bs td p.maru2 {
		text-indent: -1em;
		padding: 0 0 0 1em;
		margin-left: 1.2em;
	}

	table.bs td p.km {
		margin: 20px 0 5px 0;
	}

	table.bs td p.maru span {
		color: #cdcdcd;
		font-size: 85%;
		padding: 0 3px 0 0;
	}

	table.bs td p.kome {
		margin: 10px 0 0 0;
		line-height: 1.2;
		text-indent: -1.2em;
		padding: 0 0 0 1.2em;
	}

	p.note a {
		padding: 0 0 0 13px;
		zoom: 1;
		background: url(../img/li.gif) left center no-repeat;
	}

	.btn_kadai p {
		padding: 0 0 10px 1em;
		text-indent: -1em;
		margin: 0 0 0 1em;
		line-height: 1.4;
	}

	table.bs td p.dotline {
		padding-bottom: 8px;
		margin-bottom: 10px;
		background: url(../../cmn_img/line_dot.gif) bottom left repeat-x;
	}

	table.bs td p.maru.dotline.relation {
		text-indent: 0;
		padding: 0 0 10px 0;
	}

	/* 作品送付先 */
	#sakuhin_box {
		margin: 0 0 0 10px;
		background-color: #fff;
		border: solid 1px #bebebe;
		padding: 15px 20px 15px 20px;
		line-height: 1.4;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}

	#sakuhin_box p.m_saku {
		font-size: 108%;
		font-weight: bold;
		padding: 3px 0 10px 0;
		margin-bottom: 10px;
		background: url(../../cmn_img/line_dot.gif) left bottom repeat-x;
	}

	#sakuhin_box p.m_saku span {
		font-size: 93%;
		color: #d20000;
	}

	#sakuhin_box p.nt {
		margin: 10px 0 0 0;
	}

	#sakuhin_box p.kome {
		font-size: 93%;
		padding-left: 1em;
		text-indent: -1em;
		margin: 3px 0 0 0;
	}

	/* プリント */
	@media print {}

}




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

	/* 募集要項 */
	#career {
		margin: 20px 0;
	}

	#career p {
		text-align: center;
		padding: 0 10px;
	}

	#career h3 {
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0 0 0;
		padding: 10px 10px 10px 15px;
		background-color: #e5e5e5;
	}

	#career .m1 {
		font-size: 15px;
		padding: 30px 0 10px 7px;
		font-weight: bold;
	}

	#career .m1 span {
		padding-right: 4px;
	}

	#career .m1 span.sub {
		color: #464646;
		font-weight: normal;
		margin-left: 5px;
	}

	#career ul.ul1 {
		margin: 0 10px 0 0;
		padding: 0;
	}

	#career ul.ul2 {
		margin: 12px 0 0 0;
		padding: 0;
	}

	#career li {
		margin: 0 0 7px 10px;
		padding: 0 0 5px 25px;
		line-height: 1.3;
		background: url(../../img_sp/navi_arrow9.png) left 4px no-repeat;
		background-size: 17px 10px;
	}

	#career .m1_2 {
		clear: both;
		padding: 10px 0 5px 7px;
		font-weight: bold;
	}

	#career_by {
		margin: 20px 0;
	}

	#career_by h3 {
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0 0 0;
		padding: 13px 10px 13px 15px;
		line-height: 1.2;
		background-color: #e5e5e5;
	}

	#web_oh {
		margin: 0 16px 20px 10px;
	}

	#web_oh h4 {
		font-size: 14px;
		font-weight: bold;
	}

	#career_by #web_oh p.tn {
		margin: 10px 0 0 0;
	}

	#career_by #web_oh p.kome {
		line-height: 1.2;
		margin: 20px 0 0 0;
	}

	#career_by div.m2 {
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 5px 10px;
		padding: 0 10px 0 10px;
		line-height: 1.4;
		border-left: solid 7px #d20000;
	}

	.sec_box {
		padding: 40px 0 0 0;
	}

	.btn_entry a {
		display: block;
		color: #fff !important;
		text-decoration: none !important;
		margin: 0 10px 10px 0;
		text-align: center;
		padding: 4px 20px 4px 10px;
		float: right;
		font-size: 12px;
		font-weight: bold;
		background: url(../../img_sp/navi_arrow9.png) right center no-repeat #d10000;
		background-size: 17px 10px;
		border-radius: 3px;
	}

	.linktxt {
		clear: both;
		padding: 10px 10px 10px 1em;
		line-height: 1.4;
		text-indent: -1em;
	}

	.linktxt a {
		padding: 0 0 0 20px;
		background: url(../../img_sp/navi_arrow9.png) left center no-repeat;
		background-size: 14px 8px;
	}

	.linktxt img {
		display: none;
	}

	p.kinmuchi {
		color: #646464;
		margin: 0 0 0 10px;
	}

	.back_index {
		text-align: right;
		margin: 10px 15px 0 0;
	}

	.back_index a {
		padding: 0 0 0 24px;
		background: url(../../img_sp/navi_arrow9.png) left center no-repeat;
		background-size: 14px 8px;
	}

	table.bs {
		clear: both;
		margin: 0 10px 20px 10px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.bs th {
		background-color: #fffae3;
		border: solid 1px #bebebe;
		font-size: 11px;
		padding: 5px;
		line-height: 1.2;
		white-space: nowrap;
		text-align: center;
		color: #000;
	}

	#career_by a:link,
	#career_by a:visited {
		text-decoration: underline;
	}

	table.bs td {
		border: solid 1px #bebebe;
		font-size: 13px;
		line-height: 1.2;
		width: 100%;
		padding: 5px;
	}

	table.bs td p.maru,
	table.bs td p.sq {
		text-indent: -1.2em;
		padding: 0 0 10px 1.2em;
	}

	table.bs td p.maru2 {
		text-indent: -0.7em;
		padding: 0 0 10px 0.7em;
		margin-left: 1em;
	}

	table.bs td p.km {
		margin: 20px 0 5px 0;
	}

	table.bs td p.maru span {
		font-size: 110%;
		color: #cdcdcd;
		padding: 0 3px 0 0;
	}

	table.bs td p.kome {
		margin: 10px 0 0 0;
		line-height: 1.2;
		text-indent: -1.2em;
		padding: 0 0 0 1.2em;
	}

	p.note a {
		padding: 0 0 0 22px;
		background: url(../../img_sp/navi_arrow9.png) left center no-repeat;
		background-size: 14px 8px;
	}

	.btn_kadai p {
		padding: 0 10px 10px 1em;
		text-indent: -1em;
		margin: 0 0 0 10px;
		line-height: 1.4;
	}

	.btn_kadai p.ta_r {
		padding: 3px 0 3px 0;
		text-indent: 0;
		margin: 0 20px;
		line-height: 1;
	}

	.btn_kadai a {
		display: block;
		color: #d10000 !important;
		text-decoration: none !important;
		border: solid 1px #d10000;
		padding: 5px 0 5px 0;
		border-radius: 20px;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
		font-weight: normal;
		background: url(../../img_sp/navi_arrow.png) 10px center no-repeat;
		background-size: 17px 10px;
	}

	table.bs td p.dotline {
		padding-bottom: 8px;
		margin-bottom: 10px;
		background: url(../../cmn_img/line_dot.gif) bottom left repeat-x;
	}

	/* 作品送付先 */
	#sakuhin_box {
		margin: 0 10px 0 10px;
		border: solid 1px #bebebe;
		padding: 0 15px 15px 15px;
		font-size: 15px;
		line-height: 1.6;
		border-radius: 10px;
	}

	#sakuhin_box p.m_saku {
		font-size: 15px;
		font-weight: bold;
		padding: 13px 0 10px 0;
	}

	#sakuhin_box p.m_saku span {
		font-size: 110%;
		color: #d20000;
		padding: 0 5px 0 0;
	}

	#sakuhin_box p.nt {
		margin: 10px 0 0 0;
	}

	#sakuhin_box p.kome {
		font-size: 13px;
		padding-left: 1em;
		text-indent: -1em;
		margin: 10px 0 0 0;
	}

	/* WEB応募規約 */
	#agreement p {
		margin: 20px;
		line-height: 1.4;
	}

	#kiyaku {
		margin: 20px 0 20px 0;
	}

	#kiyaku #kiyaku_txt {
		margin: 0 20px 0 20px;
		font-size: 12px;
		padding: 0 10px;
		border: solid 1px #bebebe;
		background-color: #f3f3f3;
	}

	#kiyaku_txt p.mt {
		margin: 10px 0 5px 0;
	}

	#kiyaku_txt p {
		margin: 0 0 5px 0;
		line-height: 1.2;
	}

	.kiyaku_li {
		text-indent: -2em;
		padding-left: 2em;
	}

	#agreement .btn a {
		text-decoration: none !important;
		color: #fff !important;
	}

	#agreement .btn a span {
		display: block;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		padding: 14px 0;
		border-radius: 6px;
		margin: 0 30px;
	}

	#agreement .btn a span.type1 {
		background: url(../../img_sp/agree1.png) 15px center no-repeat #d10000;
		background-size: 25px 25px;
		color: #fff;
	}

	#agreement .btn a span.type2 {
		background: url(../../img_sp/agree2.png) 15px center no-repeat #787878;
		background-size: 25px 25px;
		color: #fff;
	}

	#agreement .pp {
		margin-top: 40px;
		text-align: center;
		letter-spacing: 0;
	}

	#agreement .pp a {
		padding: 0 0 0 24px;
		background: url(../../img_sp/navi_arrow9.png) left center no-repeat;
		background-size: 14px 8px;
	}

	#agreement a:link,
	#agreement a:visited {
		text-decoration: underline;
	}

	#alert {
		color: #ff0000;
		text-align: center;
		line-height: 1.3;
	}

	#web_oh .anchor span {
		width: 90%;
	}

}


@media screen and (max-width: 899px) {
		/* 募集要項 詳細 */
		#gkeg,
		#nsse,
		#wbds,
		#wbeg,
		#feeg,
		#nwie,
		#sseg,
		#nleg,
		#ngel,
		#kseg,
		#sheg,
		#hneg,
		#kkeg,
		#kkcd,
		#tcds,
		#cg3d,
		#efds,
		#guds,
		#mvez,
		#ilst,
		#sdcr,
		#ghee,
		#p01,
		#p02,
		#p03,
		#p04,
		#p05,
		#p06,
		#legl,
		#itlp,
		#strk,
		#smdr,
		#smge,
		#smcs,
		#smpd,
		#wche,
		#addg,
		#pkgd,
		#char,
		#cg3d_illust,
		#ilst,
		#strk,
		#smdg,
		#isp,
		#cg3d_char,
		#teca,
		#sdcr,
		#intl,
		#smgd,
		#smad,
		#csat,
		#mbst,
		#smsv,
		#smaf,
		#sman,
		#hneg,
		#hndr,
		#sceg,
		#pdmnso,
		#pmnso,
		#dsmg,
		#sact,
		#pmmg,
		#dmkt,
		#nwae,
		#ir,
		#gsev,
		#pcd,
		#iapc,
		#csr,
		#tax,
		#acnt,
		#gkke,
		#tseg,
		#mvct,
		#cbdg,
		#tcat,
		#wbdc,
		#cdgs,
		#dpcd,
		#nsve,
		#pvct,
		#tlc,
		#pr,
		#pdit,
		#ecd,
		#sae,
		#sre,
		#smtd,
		#ecde,
		#ngde,
		#pmo,
		#mp,
		#olm,
		#iait,
		#olm,
		#iait,
		#wsdp,
		#opm,
		#trsr,
		#dc,
		#ap,
		#stp,
		#pmwss,
		#cgsp,
		#nsso,
		#stse,
		#sens,
		#webdp,
		#webd,
		#pam,
		#csd,
		#env,
		#stct,
		#nsis,
		#ccom,
		#csac,
		#sala,
		#txof, #gsca,
		#stgd, #chrd,
		#mkda,
		#ospc,
		#cit,
		#dsmg,
		#iprl,
		#erpe, #pces, #csde, #cits, #ccie, #csye, #cnwe, #dese, #psse {
			display: block;
			padding-top: 64px;
			margin-top: -64px;
		}

		#ss_stgd, #ss_chrd, #ss_uiuxd, #ss_effd, #ss_cgsp, #ss_ddcd, #ss_gn-ge-eng, #ss_sdae, #ss_cscd, #ss_cpit, #ss_cpse {
			padding-top: 64px !important;
			margin-top: -34px !important;
		}

		.ss_ctgHeader {
			position: relative;
			top: 30px;
			margin-top: 40px;
		}
		.ss_ctgHeader:first-child {
			margin-top: 30px;
		}

}

@media screen and (min-width: 890px) {
	.ss_ctgHeader{
		margin-top: 70px;
	}
}

p.job-list--h {
	font-weight: bold;
}