@charset "UTF-8";
/* sp(320px) */

/* RECRUITMENT スタッフ募集 */
#pageRecruit #msg_top {
	text-align: center;
}
#pageRecruit #msg_top .sbr {
	display: inline-block;
}

#pageRecruit #links_top {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 1.5em;
}
#pageRecruit #links_top li a {
	display: block;
	color: var(--fontcolor);
	background-color: #fce2ef;
	padding: 2.6em 1em;
	border-radius: 1em;
	transition: all 300ms 0s ease;
}
#pageRecruit #links_top li a:hover {
	text-decoration: none;
	opacity: 0.8;
}

/* スタッフ募集 */
#pageRecruit #rec_staff {
	margin-block-start: 60px;
}
#pageRecruit #rec_staff ul {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 2em;
}
#pageRecruit #rec_staff ul li a:nth-of-type(1) {
	display: block;
	transition: all 300ms 0s ease;
}
#pageRecruit #rec_staff ul li a:nth-of-type(1):hover {
	opacity: 0.85;
}
#pageRecruit #rec_staff ul li .ttl {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	color: #000;
	margin-block: 1.0em .4em;
}

#pageRecruit #other_links ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 5%;
	row-gap: 0;
	background-color: #ededed;
	padding: 1.5em 2em;
	border-radius: 1em;
}
#pageRecruit #other_links ul li a {
	color: var(--fontcolor);
}


/* 株式会社ブリックス＆クリックスについて */
#pageRecruit #about_cb #msg_top2 {
	text-align: center;
}
/* .rec_box */
#pageRecruit .rec_box {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 1.5em;
}
#pageRecruit #about_cb .rec_box .txt {
	padding-inline-end: 5%;
}
#pageRecruit #about_cb .rec_box .txt .ttl {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
#pageRecruit #about_cb .rec_box .txt p {
	margin-block-start: .5em;
}
#pageRecruit #about_cb .rec_box .ph a {
	transition: all 300ms 0s ease;
}
#pageRecruit #about_cb .rec_box .ph a:hover {
	opacity: 0.85;
}

/* CONTENTS 事業内容 */
#pageRecruit #about_cb_rec #msg_top2 {
	text-align: center;
}
#pageRecruit #about_cb_rec .rec_box .txt .ttl {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
#pageRecruit #about_cb_rec .rec_box .txt .ttl br.mbr {
	display: none;
}
#pageRecruit #about_cb_rec .rec_box .txt p {
	margin-block-start: 1.2em;
}
#pageRecruit #about_cb_rec .rec_box.rev .ph {
	order: 2;
}
#pageRecruit #about_cb_rec .rec_box.rev .txt {
	order: 1;
}

/* WORKING&BENEFITS 働き方・福利厚生 */
#pageRecruit #about_cb_rec #msg_top3 {
	text-align: center;
}
#pageRecruit #about_cb_rec #msg_top3 .sbr {
	display: inline-block;
}

/* BENEFITS 福利厚生 */
#pageRecruit #about_cb_rec #benefits ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	column-gap: 8%;
	row-gap: 3em;
}
#pageRecruit #about_cb_rec #benefits ul li .icon {
	max-inline-size: 80%;
	margin-inline: auto;
}
#pageRecruit #about_cb_rec #benefits ul li .ttl {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
	text-align: center;
	margin-block: 1.2em .8em;
}
#pageRecruit #about_cb_rec #benefits ul li .ttl br {
	display: inline-block;
}

/* INTERVIEW 代表者インタビュー */
#pageRecruit #about_cb_rec #interview .rec_box span.name {
	font-weight: bold;
	font-size: 112.5%;
}
#pageRecruit #about_cb_rec #interview .grid_interview {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 2em;
}
#pageRecruit #about_cb_rec #interview .grid_interview:not(:first-of-type) {
	margin-block-start: 2em;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div {
	background-color: #fcf1f7;
	border-radius: .5em;
	padding: 2.0em 1.6em;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div.btm {
	background-color: #fff;
	padding: 0em 0em;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.7;
	color: #000;
	padding-inline-start: 2.8em;
	position: relative;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div dt:before {
	content: 'Q';
	font-family: "League Spartan", sans-serif;
	font-size: 40px;
	color: var(--fcolor);
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
	position: absolute;	
	inset: -.10em auto auto 0;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div dd {
	padding-block-start: 1.6em;
	line-height: 1.8;
}

#pageRecruit #about_cb_rec #interview .links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 6%;
	row-gap: 0;
	inline-size: fit-content;
	margin-inline: auto;
}@media handheld, print, screen and (min-width: 390px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 414px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 480px) {
/* tablet */

/* RECRUITMENT スタッフ募集 */
#pageRecruit #other_links ul {
	padding: 1.5em 3em;
}

/* 株式会社ブリックス＆クリックスについて */
/* .rec_box */
#pageRecruit #about_cb .rec_box .txt .ttl {
	font-size: 20px;
}

/* CONTENTS 事業内容 */
#pageRecruit #about_cb_rec .rec_box .txt .ttl {
	font-size: 20px;
}
#pageRecruit #about_cb_rec .rec_box .txt p {
	margin-block-start: 1.6em;
}

/* WORKING&BENEFITS 働き方・福利厚生 */
#pageRecruit #about_cb_rec #benefits ul li .icon {
	max-inline-size: 176px;
}
#pageRecruit #about_cb_rec #benefits ul li .ttl {
	font-size: 18px;
	margin-block: 1.2em .8em;
}
#pageRecruit #about_cb_rec #benefits ul li .ttl br {
	display: none;
}

/* INTERVIEW 代表者インタビュー */
#pageRecruit #about_cb_rec #interview .grid_interview > div dt {
	font-size: 16px;
	padding-inline-start: 2.5em;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div dt:before {
	font-size: 34px;
	inset: -.10em auto auto 0;
}


/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 620px) {
/* iPad */

/* RECRUITMENT スタッフ募集 */
#pageRecruit #msg_top .sbr {
	display: none;
}

#pageRecruit #links_top {
	grid-template-columns: 1fr 1fr;
	column-gap: 3%;
	row-gap: 0;
}
#pageRecruit #enc {
	container-type: inline-size;
	container-name: container_a;
}
@container container_a (width < 694px) {
	#pageRecruit #links_top {
		grid-template-columns: auto;
		column-gap: 0;
		row-gap: 1.5em;
	}
}

/* スタッフ募集 */
#pageRecruit #rec_staff {
	margin-block-start: 80px;
}
#pageRecruit #rec_staff ul {
	grid-template-columns: 1fr 1fr;
	column-gap: 4%;
	row-gap: 4em;
}
#pageRecruit #rec_staff ul li .ttl {
	font-size: 20px;
	margin-block: 1.2em .4em;
}

#pageRecruit #other_links ul {
	padding: 2em 3em;
}


/* 株式会社ブリックス＆クリックスについて */
/* .rec_box */
#pageRecruit .rec_box {
	grid-template-columns: 1fr 1fr;
	column-gap: 4%;
	row-gap: 0;
}
#pageRecruit #about_cb .rec_box .txt {
	padding-inline-end: 2%;
}
#pageRecruit #about_cb .rec_box .txt .ttl {
	font-size: 24px;
}
#pageRecruit #about_cb .rec_box .txt p {
	margin-block-start: .8em;
}

/* CONTENTS 事業内容 */
#pageRecruit #about_cb_rec .rec_box .txt .ttl {
	font-size: 22px;
}
#pageRecruit #about_cb_rec .rec_box .txt .ttl br.mbr {
	display: inline-block;
}
#pageRecruit #about_cb_rec .rec_box .txt p {
	margin-block-start: 1.6em;
}
#pageRecruit #about_cb_rec .rec_box.rev .ph {
	order: 1;
}
#pageRecruit #about_cb_rec .rec_box.rev .txt {
	order: 2;
}

/* WORKING&BENEFITS 働き方・福利厚生 */
#pageRecruit #about_cb_rec #msg_top3 .sbr {
	display: none;
}
#pageRecruit #about_cb_rec #benefits ul {
	grid-template-columns: repeat(3, 1fr);
	column-gap: 8%;
	row-gap: 3em;
}
#pageRecruit #about_cb_rec #benefits ul li .icon {
	max-inline-size: 176px;
}
#pageRecruit #about_cb_rec #benefits ul li .ttl {
	font-size: 22px;
	margin-block: 1.2em .8em;
}

/* INTERVIEW 代表者インタビュー */
#pageRecruit #about_cb_rec #interview .grid_interview {
	grid-template-columns: 1fr 1fr;
	column-gap: 4%;
	row-gap: 0;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div {
	padding: 2.4em 2.0em;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div dt {
	font-size: 17px;
	padding-inline-start: 2.7em;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div dt:before {
	font-size: 36px;
	inset: -.10em auto auto 0;
}

/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 900px) {
/* pc */

/* RECRUITMENT スタッフ募集 */
#pageRecruit #links_top {
	grid-template-columns: 1fr 1fr;
	column-gap: 3%;
	row-gap: 0;
}

/* スタッフ募集 */
#pageRecruit #rec_staff {
	margin-block-start: 100px;
}
#pageRecruit #rec_staff ul {
	grid-template-columns: 1fr 1fr;
	column-gap: 4%;
	row-gap: 4em;
}
#pageRecruit #rec_staff ul li .ttl {
	font-size: 20px;
	margin-block: 1.2em .4em;
}

/* 株式会社ブリックス＆クリックスについて */
/* .rec_box */
#pageRecruit #about_cb .rec_box .txt {
	padding-inline-end: 5%;
}
#pageRecruit #about_cb .rec_box .txt .ttl {
	font-size: 30px;
}
#pageRecruit #about_cb .rec_box .txt p {
	margin-block-start: 1em;
}

/* CONTENTS 事業内容 */
#pageRecruit #about_cb_rec .rec_box .txt .ttl {
	font-size: 26px;
}
#pageRecruit #about_cb_rec .rec_box .txt p {
	margin-block-start: 1.8em;
}


/* WORKING&BENEFITS 働き方・福利厚生 */
/* BENEFITS 福利厚生 */
#pageRecruit #about_cb_rec #benefits ul {
	grid-template-columns: repeat(3, 1fr);
	column-gap: 8%;
	row-gap: 3em;
}
#pageRecruit #about_cb_rec #benefits ul li .icon {
	max-inline-size: 220px;
}
#pageRecruit #about_cb_rec #benefits ul li .ttl {
	font-size: 26px;
	margin-block: 1.2em .8em;
}

/* INTERVIEW 代表者インタビュー */
#pageRecruit #about_cb_rec #interview .grid_interview {
	grid-template-columns: 1fr 1fr;
	column-gap: 4%;
	row-gap: 0;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div {
	padding: 2.8em 2.4em;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div dt {
	font-size: 18px;
	padding-inline-start: 3.0em;
}
#pageRecruit #about_cb_rec #interview .grid_interview > div dt:before {
	font-size: 40px;
	inset: -.10em auto auto 0;
}

/* end of media query(pc) */
}