@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* ---------------------------------------------------------------------------------------------

　   COMMON

--------------------------------------------------------------------------------------------- */
h2 {
	font-weight: 700;
	text-align: center;
}
.en_font {
  font-family: 'Bebas Neue', sans-serif;
}

/* ---------------------------------------------------------------------------------------------

　   COMMON / 採用リンク

--------------------------------------------------------------------------------------------- */
#entry_link section a {
	color: #fff;
}
#entry_link section a.entry_end {
	pointer-events: none;
}
#entry_link #recruit_shinsotsu_link01 a.entry_end p span {
	display: block;
	text-align: center;
	font-weight: bold;
}
#entry_link #recruit_shinsotsu_link02 a p {
	background: #d51523;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	padding: 12px 20px;
	letter-spacing: .15em;
}
#entry_link section h3 {
	text-align: center;
}
#recruit_shinsotsu_link01 a {
	background: #3ca3ca;
}
#recruit_shinsotsu_link02 a {
	background: #1b1464;
}
@media only screen and ( max-width : 767px ) {
	#entry_link {
		margin-bottom: 30px;
	}
	#entry_link section a {
		padding: 10vw 4vw;
		display: block;
	}
	#entry_link section h3 {
		margin-bottom: 10vw;
	}
	#entry_link section h3 img {
		width: auto;
		height: 14vw;
	}
	#recruit_shinsotsu_link01 p img {
		height: 10vw;
	}
	#entry_link section p {
		text-align: center;
	}
	#recruit_shinsotsu_link02 p {
		width: 80%;
		margin: 0 auto;
	}
	#entry_link section a.entry_end p span {
		font-size: 5vw;
		margin-bottom: 2vw;
	}
}
@media print, screen and ( min-width : 768px ) {
	#entry_link {
		margin-bottom: 60px;
	}
	#entry_link section {
		width: 50%;
	}
	#entry_link section a {
		padding: 85px 20px 95px 20px;
		height: 340px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}
	#entry_link section h3 {
		margin-bottom: 50px;
	}
	#entry_link section a.entry_end p span {
		font-size: 20px;
	}
	#entry_link #recruit_shinsotsu_link02 a p {
		width: 300px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   TOP / KV

--------------------------------------------------------------------------------------------- */
#top_kv {
	overflow: hidden;
}
#top_kv img {
	width: 100%;
}
@media only screen and ( max-width : 767px ) {
	
}
@media print, screen and ( min-width : 768px ) {
	
}

/* ---------------------------------------------------------------------------------------------

　   TOP / INTRO

--------------------------------------------------------------------------------------------- */
#top_intro #intro_title {
	background: #d51523;
	color: #fff;
}
#top_intro h2 {
}
#top_intro #intro_content p {
	color: #d51523;
	text-align: center;
}
@media only screen and ( max-width : 767px ) {
	#top_intro #intro_title,
	#top_intro #intro_content {
		padding: 35px 0;
	}
}
@media only screen and ( max-width : 575px ) {
}
@media print, screen and ( min-width : 768px ) {
	#top_intro #intro_title,
	#top_intro #intro_content {
		padding: 70px 0;
	}
}
/* ---------------------------------------------------------------------------------------------

　   TOP / COMPANY

--------------------------------------------------------------------------------------------- */
#top_company {
	background: #d51523;
	color: #fff;
}
#top_company p {
	text-align: center;
}
#top_company li span {
	display: block;
	text-align: center;
}
@media only screen and ( max-width : 767px ) {
	#top_company {
		padding: 35px 0;
	}
	#top_company h2 {
		margin-bottom: 30px;
	}
	#top_company h2 img {
		height: 14vw;
	}
	#top_company ul {
		margin-top: 30px;
	}
	#top_company li {
		width: 48%;
		margin-right: 4%;
		margin-top: 25px;
	}
	#top_company li:nth-child(1),
	#top_company li:nth-child(2) {
		margin-top: 0;
	}
	#top_company li:nth-child(2n) {
		margin-right: 0;
	}
	#top_company li .business_title {
		margin-top: 10px;
	}
	#top_company li .business_title img {
		max-width: 80%;
	}
}
@media print, screen and ( min-width : 768px ) {
	#top_company {
		padding: 70px 0;
	}
	#top_company h2 {
		margin-bottom: 50px;
	}
	#top_company ul {
		margin-top: 60px;
	}
	#top_company li {
		width: 23.5%;
		margin-right: 2%;
	}
	#top_company li:last-child {
		margin-right: 0;
	}
	#top_company li .business_title {
		margin-top: 15px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   TOP / NUMBER

--------------------------------------------------------------------------------------------- */
#top_number {
	background: #3ca3ca;
	color: #fff;
}
#top_number li span {
	display: block;
	text-align: center;
}
#top_number li .number_title {
	color: #1b1464;
}
#top_number p {
	text-align: center;
}
@media only screen and ( max-width : 767px ) {
	#top_number {
		padding: 30px 0;
	}
	#top_number h2 {
		margin-bottom: 30px;
	}
	#top_number h2 img {
		height: 14vw;
	}
	#top_number ul {
		margin-bottom: 30px;
	}
	#top_number li {
		width: 48%;
		margin-right: 4%;
		margin-top: 25px;
	}
	#top_number li:nth-child(1),
	#top_number li:nth-child(2) {
		margin-top: 0;
	}
	#top_number li:nth-child(2n) {
		margin-right: 0;
	}
	#top_number li .number_title {
		margin-top: 10px;
	}
	#top_number li .number_title img {
		max-width: 80%;
	}
	#top_number p {
		margin-bottom: 20px;
	}
}
@media print, screen and ( min-width : 768px ) {
	#top_number {
		padding: 60px 0;
	}
	#top_number h2 {
		margin-bottom: 50px;
	}
	#top_number ul {
		margin-bottom: 55px;
	}
	#top_number li {
		width: 23.5%;
		margin-right: 2%;
	}
	#top_number li:last-child {
		margin-right: 0;
	}
	#top_number li .number_title {
		margin-top: 15px;
		font-size: 18px;
	}
	#top_number p {
		margin-bottom: 40px;
	}
}
/* ---------------------------------------------------------------------------------------------

　   TOP / INTERVIEW

--------------------------------------------------------------------------------------------- */
#top_interview {
	overflow: hidden;
	position: relative;
}
#top_interview .staff_photo img {
	border-radius: 50%;
}
#top_interview .member_group {
	display: inline-block;
	background: #3ca3ca;
	color: #fff;
	font-size: 14px;
	padding: 5px 15px;
	margin: 10px 0 15px 0;
}
#top_interview .member_name {
	font-size: 14px;
}
#top_interview .member_name small {
	font-size: 9px;
}
#top_interview .member_joined_year {
	font-size: 11px;
	margin-bottom: 15px;
}
#top_interview .interview_member_title {
	font-size: 15px;
	line-height: 1.8em;
}
#top_interview ul li {
	position: relative;
}
#top_interview ul li:nth-child(2):before,
#top_interview ul li:nth-child(4):before {
	content: "";
	position: absolute;
}
#top_interview ul li:nth-child(2):before {
	background: url(../img/shinsotsu/kirakira02.svg) no-repeat center / 100%;
	width: 62px;
	height: 53px;
}
#top_interview ul li:nth-child(4):before {
	background: url(../img/shinsotsu/kirakira01.svg) no-repeat center / 100%;
	width: 50px;
	height: 55px;
}
@media only screen and ( max-width : 991px ) {
	#top_interview .member_photo {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 50px;
	}
	#top_interview .member_photo .member_photo01 {
		width: 53%;
		margin-right: 2%;
	}
	#top_interview .member_photo .member_photo02 {
		width: 45%;
	}
	#top_interview ul {
		max-width: 450px;
		margin: 0 auto;
	}
	#top_interview ul li {
		margin-bottom: 30px;
		width: 100%;
	}
	#top_interview ul li:last-child {
		margin-bottom: 0;
	}
	#top_interview ul li:nth-child(2):before {
		bottom: -50px;
		right: 0;
	}
	#top_interview ul li:nth-child(4):before {
		top: -70px;
		left: 0;
	}
	#top_interview .staff_photo {
		width: 40%;
	}
	#top_interview .member_txt {
		width: 56%;
	}
}
@media only screen and ( max-width : 767px ) {
	#top_interview {
		padding: 60px 0 50px 0;
	}
	#top_interview h2 {
		margin-bottom: 40px;
	}
	#top_interview h2 img {
		height: 26vw;
	}
	#top_interview .member_photo {
		margin-bottom: 30px;
	}
	#top_interview ul {
		margin-top: 60px;
		margin-bottom: 30px;
	}
	#top_interview .member_group {
		font-size: 12px;
	}
	#top_interview .interview_lead img {
		width: 80%;
	}
}
@media print, screen and ( min-width : 768px ) {
	#top_interview {
		padding: 116px 0 100px 0;
	}
	#top_interview h2 {
		margin-bottom: 80px;
	}
	#top_interview ul {
		margin-top: 125px;
		margin-bottom: 60px;
	}
}
@media print, screen and ( min-width : 992px ) {
	#top_interview .container {
		position: relative;
	}
	#top_interview .member_photo01,
	#top_interview .member_photo02 {
		position: absolute;
		z-index: -1;
	}
	#top_interview .member_photo01 {
		left: -140px;
		top: -60px;
	}
	#top_interview .member_photo02 {
		right: -80px;
		top: -60px;
	}
	#top_interview .staff_photo {
		width: 50%;
	}
	#top_interview .member_txt {
		width: 46%;
	}
	#top_interview ul li {
		width: 49%;
		margin-top: 40px;
	}
	#top_interview ul li:nth-child(1),
	#top_interview ul li:nth-child(2) {
		margin-top: 0;
	}
	#top_interview ul li:nth-child(3) {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	#top_interview ul li:nth-child(3) a {
		width: 49%;
	}
	#top_interview ul li:nth-child(2):before {
		bottom: -100px;
		right: 0;
	}
	#top_interview ul li:nth-child(4):before {
		top: -100px;
		left: 0;
	}
}

/* ---------------------------------------------------------------------------------------------

　   TOP / MOVIE

--------------------------------------------------------------------------------------------- */
#top_movie .movie_box {
	max-width: 588px;
	margin: 40px auto 0;
}
#top_movie .movie_box a {
	display: block;
}
@media only screen and ( max-width : 767px ) {
	#top_movie {
		margin-bottom: 45px;
	}
	#top_movie h2 {
		margin-bottom: 30px;
	}
	#top_movie h2 img {
		height: 26vw;
	}
	#top_movie .movie_lead img {
		width: 80%;
	}
}
@media print, screen and ( min-width : 768px ) {
	#top_movie {
		margin-bottom: 90px;
	}
	#top_movie h2 {
		margin-bottom: 65px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   TOP / MESSAGE

--------------------------------------------------------------------------------------------- */
#top_message {
	display: block;
	position: relative;
}
#top_message picture {
	position: relative;
	z-index: -1;
}
#top_message img {
	width: 100%;
}
#top_message .message_title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
#top_message .message_title .container {
	height: 100%;
	display: flex;
	align-items: center;
}
@media only screen and ( max-width : 1199px ) {
	#top_message .message_title .container {
		max-width: 800px;
	}
}
@media only screen and ( max-width : 767px ) {
	#top_message {
		margin-bottom: 35px;
	}
	#top_message .message_title p {
		width: 50%;
	}
}
@media print, screen and ( min-width : 768px ) {
	#top_message {
		margin-bottom: 70px;
	}
	#top_message .message_title p {
		width: 300px;
		height: 77px;
	}
}
/* ---------------------------------------------------------------------------------------------

　   MESSAGE PAGE

--------------------------------------------------------------------------------------------- */
#message h1 {
	color: #d51523;
}
#message h1 span {
	display: block;
	letter-spacing: .15em;
}
#message h1 .min {
	font-weight: 700;
}
#message p,
#philosophy p {
	line-height: 2em;
}
#philosophy {
	background: #d51523;
	color: #fff;
}
#philosophy p {
	text-align: center;
}
#message .message_lead,
#philosophy .philosophy_lead {
	font-weight: 700;
}
#for_students_message h3 {
	font-weight: 700;
}
#for_students_message p {
	line-height: 2em;
}
#for_students_message p small {
	display: block;
	line-height: 2em;
}
#for_students_message .for_students_message_photo img {
	width: 100%;
}
@media only screen and ( max-width : 991px ) {
	#for_students_message .for_students_message_txt h3 { 
		display: none;
	}
	#for_students_message .for_students_message_photo {
		margin-bottom: 30px;
	}
	#for_students_message h3 {
		text-align: center;
	}
}
@media only screen and ( max-width : 767px ) {
	#message {
		padding: 40px 0;
	}
	#message h1 {
		margin-bottom: 30px;
	}
	#message h1 .min {
		font-size: 22px;
	}
	#message h1 .en {
		font-size: 11px;
	}
	#message .message_lead {
		font-size: 16px;
		margin-bottom: 25px;
	}
	#message .name {
		margin-top: 30px;
	}
	#message .name img {
		width: 160px;
	}
	#philosophy {
		padding: 40px 0;
	}
	#philosophy h2 {
		margin-bottom: 30px;
	}
	#philosophy h2 img {
		height: 26vw;
	}
	#philosophy .philosophy_lead {
		font-size: 20px;
		margin-bottom: 20px;
	}
	#for_students_message {
		padding: 40px 0;
	}
	#for_students_message h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	#for_students_message p {
		font-size: 14px;
	}
	#for_students_message p small {
		font-size: 12px;
		margin-top: 20px;
	}
}
@media only screen and ( max-width : 320px ) {
	#message .message_lead {
		font-size: 15px;
	}
	#message .name img {
		width: 140px;
	}
	#for_students_message p {
		font-size: 13px;
	}
	#for_students_message p small {
		font-size: 11px;
	}
}
@media print, screen and ( min-width : 768px ) {
	#message {
		padding: 85px 0;
	}
	#message .container {
		max-width: 700px;
	}
	#message h1 {
		margin-bottom: 60px;
	}
	#message h1 .min {
		font-size: 29px;
	}
	#message h1 .en {
		font-size: 14px;
	}
	#message .message_lead {
		font-size: 20px;
		margin-bottom: 50px;
	}
	#message p,
	#philosophy p {
		font-size: 14px;
	}
	#message .name {
		margin-top: 60px;
	}
	#philosophy {
		padding: 65px 0 80px 0;
	}
	#philosophy h2 {
		margin-bottom: 65px;
	}
	#philosophy .philosophy_lead {
		font-size: 25px;
		margin-bottom: 40px;
	}
	#for_students_message {
		padding: 80px 0;
	}
	#for_students_message h3 {
		font-size: 25px;
		margin-bottom: 30px;
	}
	#for_students_message p {
		font-size: 17px;
	}
	#for_students_message p small {
		font-size: 14px;
		margin-top: 30px;
	}
}
@media print, screen and ( min-width : 992px ) {
	#for_students_message .for_students_message_photo {
		width: 48%;
	}
	#for_students_message .for_students_message_photo h3 {
		display: none;
	}
	#for_students_message .for_students_message_txt {
		width: 48%;
	}
}

/* ---------------------------------------------------------------------------------------------

　   募集要項

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}
@media print, screen and ( min-width : 992px ) {
}


/* ---------------------------------------------------------------------------------------------

　   INTERVIEW

--------------------------------------------------------------------------------------------- */
#interview_page_title {
	background: url(../img/shinsotsu/interview/dot.jpg) repeat center / 20px;
	position: relative;
	overflow: hidden;
}
#interview_page_title:before {
	content: "";
	background: #fff;
	position: absolute;
	transform: translateX(-50%) rotate(-30deg);
	z-index: 1;
	left: 50%;
	width: 300%;
	height: 200%;
	top: -140%;

}
#interview_page_title .container {
	position: relative;
	z-index: 10;
	height: 100%;
}
#interview_page_title .en_font {
	background: #d51523;
	color: #fff;
	letter-spacing: .15em;
	position: relative;
	line-height: 80px;
	height: 80px;
}
#interview_page_title .en_font:before {
	content: "";
	position: absolute;
	width: 2000%;
	left: -2000%;
	top: 0;
	height: 100%;
	background: #d51523;
	z-index: 1;
}
#interview_page_title .en_font:after {
	content: "";
	height: 100%;
	top: 0;
	width: 62px;
	height: 80px;
	background: url(../img/shinsotsu/interview/title_ribbon.svg) no-repeat center / 100%;
	position: absolute;
	right: -61px;
}
#interview_page_title .interview_num {
	position: relative;
	z-index: 2;
}
#interview_page_title .member_group {
	background: #3ca3ca;
	color: #fff;
	display: inline-block;
	position: relative;
}
#interview_page_title .member_group:after {
	content: "";
	width: 62px;
	height: 75px;
	background: url(../img/shinsotsu/interview/kirakira01.svg) no-repeat center / 100%;
	position: absolute;
	bottom: 0;
	right: -90px;
}
#interview_page_title .member_name {
	letter-spacing: .25em;
}
#interview_page_title .member_name small {
	display: block;
	letter-spacing: .15em;
}
#interview_page_title .member_main_photo {
	position: absolute;
	bottom: 0;
	right: 0;
}
#interview_article {
	overflow: hidden;
}
#interview_article section:last-child {
	margin-bottom: 0;
}
#interview_article section h3 {
	text-align: left;
	display: flex;
	align-items: flex-end;
}
#interview_article section h3 .interview_article_q {
	display: flex;
	align-items: center;
}

#interview_article .interview_article_txt .interview_article_lead {
	color: #3ca3ca;
	line-height: 1.5em;
}
#interview_article .interview_article_txt p {
	line-height: 1.8em
}
#dayly_schedule h2 {
	margin-bottom: 20px;
}
#dayly_schedule h2 span {
	display: block;
	letter-spacing: .15em;
}
#dayly_schedule h2 .en_font {
	color: #3ca3ca;
	line-height: 1.2em;
}
#dayly_schedule .dayly_schedule_pic {
	text-align: center;
}
#off_time {
	background: url(../img/shinsotsu/interview/dot02.jpg) repeat center / 20px;
}
#off_time .off_time_main_txt {
	color: #d51523;
}
#off_time .off_time_main_txt p {
	line-height: 2.4em;
}
#off_time .off_time_main {
	margin-bottom: 35px;
}
#off_time .off_time_gallery h3 {
	text-align: center;
	margin-bottom: 10px;
}
#other_workers {
	overflow: hidden;
}
#other_workers h2 span {
	position: relative;
	display: inline-block;
}
#other_workers h2 span:before,
#other_workers h2 span:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
#other_workers h2 span:before {
	width: 62px;
	height: 54px;
	background-image: url(../img/shinsotsu/interview/kirakira02.svg);
}
#other_workers h2 span:after {
	width: 54px;
	height: 65px;
	background-image: url(../img/shinsotsu/interview/kirakira01.svg);
}
#other_workers ul {
	position: relative;
}
#other_workers ul:before,
#other_workers ul:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
#other_workers ul:before {
	width: 50px;
	height: 50px;
	background-image: url(../img/shinsotsu/interview/kirakira03.svg);
}
#other_workers ul:after {
	width: 50px;
	height: 50px;
	background-image: url(../img/shinsotsu/interview/kirakira04.svg);
}
#other_workers li a {
	display: block;
	text-align: center;
}
#other_workers li a .member_group {
	background: #3ca3ca;
	color: #fff;
	text-align: center;
	max-width: 180px;
	margin: 0 auto;
}
#other_workers li a .member_name {
	text-align: left;
}
#other_workers li a .member_name span {
	font-size: 14px;
}
#other_workers li a .member_name small {
	font-size: 9px;
}
#other_workers li a .member_joined_year {
	font-size: 11px;
	text-align: left;
}
@media only screen and ( max-width : 991px ) {
	#interview_article .interview_article_txt {
		margin-bottom: 50px;
	}
}
@media only screen and ( max-width : 767px ) {
	#interview_page_title {
		padding-top: 30px;
		border-bottom: 15px solid #d51523;
		margin-bottom: 40px;
		height: 350px;
	}
	#interview_page_title h1 {
		margin-bottom: 30px;
	}
	#interview_page_title .en_font {
		line-height: 50px;
		height: 50px;
		font-size: 24px;
		padding-right: 50px;
	}
	#interview_page_title .en_font:after {
		width: 38px;
		height: 50px;
		right: -37px;
	}
	#interview_page_title .interview_num {
		margin-left: -40px;
		width: 80px;
	}
	#interview_page_title .member_group {
		font-size: 13px;
		padding: 5px 10px;
		margin-bottom: 10px;
	}
	#interview_page_title .member_group:after {
		content: "";
		width: 30px;
		height: 36px;
		bottom: 0;
		right: -50px;
	}
	#interview_page_title .member_name .min {
		font-size: 22px;
	}
	#interview_page_title .member_name small {
		font-size: 12px;
	}
	#interview_page_title .member_name {
		margin-bottom: 10px;
	}
	#interview_page_title .member_joined_year {
		font-size: 13px;
	}
	#interview_page_title .member_main_photo {
		width: 50%;
	}
	#interview_article {
		margin-bottom: 80px;
	}
	#interview_article h2 {
		margin-bottom: 50px;
	}
	#interview_article h2 img {
		height: 26vw;
	}
	#interview_article section {
		margin-bottom: 50px;
	}
	#interview_article section h3 {
		margin-bottom: 20px;
	}
	#interview_article section h3 .interview_article_num {
		margin-right: 10px;
		width: 90px;
	}
	#interview_article section h3 .interview_article_q {
		height: 32px;
		width: calc(100% - (90px + 10px));
	}
	#interview_article .interview_article_txt {
		margin-bottom: 30px;
	}
	#interview_article .interview_article_txt .interview_article_lead {
		font-size: 17px;
		margin-bottom: 15px;
	}
	#dayly_schedule {
		margin-bottom: 120px;
	}
	#dayly_schedule h2 .en_font {
		font-size: 36px;
	}
	#dayly_schedule h2 .jp {
		font-size: 14px;
	}
	#off_time {
		padding: 0 0 30px 0;
	}
	#off_time h2 {
		margin-bottom: 30px;
	}
	#off_time h2 img {
		margin-top: -12vw;
		height: 26vw;
	}
	#off_time .off_time_main_photo {
		margin-bottom: 20px;
	}
	#off_time .off_time_main_txt {
	}
	#off_time .off_time_main_txt h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	#off_time .off_time_gallery h3 img {
		max-width: 80%;
	}
	#off_time .off_time_gallery li {
		width: 49%;
		margin-right: 2%;
		margin-top: 10px;
	}
	#off_time .off_time_gallery li:nth-child(1),
	#off_time .off_time_gallery li:nth-child(2) {
		margin-top: 0;
	}
	#off_time .off_time_gallery li:nth-child(2n) {
		margin-right: 0;
	}
	#other_workers {
		padding: 40px 0 80px 0;
	}
	#other_workers h2 {
		margin-bottom: 4vw;
	}
	#other_workers h2 img {
		height: 26vw;
		display: block;
	}
	#other_workers li {
		width: 47%;
		margin-right: 4%;
		margin-bottom: 10vw;
	}
	#other_workers li:nth-child(2n) {
		margin-right: 0;
	}
	#other_workers li a .member_group {
		font-size: 11px;
		padding: 5px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#other_workers h2 span:before {
		top: 0;
		left: -70px;
	}
	#other_workers h2 span:after {
		top: 0;
		right: -60px;
	}
	#other_workers ul:before {
		left: 0;
		bottom: -40px;
	}
	#other_workers ul:after {
		right: 0;
		bottom: -20px;
	}
}
@media only screen and ( max-width : 545px ) {
	#other_workers h2 span:before {
		left: -30px;
	}
	#other_workers h2 span:after {
		right: -20px;
	}
}
@media only screen and ( max-width : 375px ) {
	#interview_page_title .member_main_photo {
		width: 55%;
	}
}
@media print, screen and ( min-width : 768px ) {
	#interview_page_title {
		height: 720px;
		padding-top: 100px;
		border-bottom: 30px solid #d51523;
		margin-bottom: 80px;
	}
	#interview_page_title h1 {
		margin-bottom: 80px;
	}
	#interview_page_title .en_font {
		font-size: 56px;
		padding-right: 110px;
	}
	#interview_page_title .interview_num {
		margin-left: -90px;
	}
	#interview_page_title .member_group {
		font-size: 22px;
		padding: 5px 15px;
		margin-bottom: 20px;
	}
	#interview_page_title .member_name .min {
		font-size: 32px;
	}
	#interview_page_title .member_name small {
		font-size: 16px;
	}
	#interview_page_title .member_name {
		margin-bottom: 20px;
	}
	#interview_page_title .member_joined_year {
		font-size: 17px;
	}
	#interview_page_title .member_main_photo {
		width: 52%;
	}
	#interview_article {
		margin-bottom: 170px;
	}
	#interview_article h2 {
		margin-bottom: 80px;
	}
	#interview_article section {
		margin-bottom: 110px;
	}
	#interview_article section h3 {
		margin-bottom: 30px;
	}
	#interview_article section h3 .interview_article_num {
		margin-right: 15px;
		width: 134px;
	}
	#interview_article section h3 .interview_article_q {
		height: 48px;
		width: calc(100% - (134px + 15px));
	}
	#interview_article .interview_article_txt {
		font-size: 14px;
	}
	#interview_article .interview_article_txt .interview_article_lead {
		font-size: 22px;
		margin-bottom: 20px;
	}
	#dayly_schedule {
		margin-bottom: 240px;
	}
	#dayly_schedule h2 .en_font {
		font-size: 70px;
	}
	#dayly_schedule h2 .jp {
		font-size: 20px;
	}
	#off_time {
		padding: 0 0 55px 0;
	}
	#off_time h2 {
		margin-bottom: 55px;
	}
	#off_time h2 img {
		margin-top: -80px;
	}
	#off_time .off_time_main_photo {
		width: 50%;
	}
	#off_time .off_time_main_txt {
		width: 44%;
		font-size: 14px;
	}
	#off_time .off_time_main_txt h3 {
		font-size: 22px;
		margin-bottom: 30px;
	}
	#off_time .off_time_gallery li {
		width: 23.5%;
		margin-right: 2%;
	}
	#off_time .off_time_gallery li:last-child {
		margin-right: 0;
	}
	#other_workers {
		padding: 115px 0 95px 0;
	}
	#other_workers ul {
		margin-top: -50px;
	}
	#other_workers li {
		width: 23.5%;
		margin-right: 2%;
	}
	#other_workers li:last-child {
		margin-right: 0;
	}
	#other_workers li a .member_group {
		font-size: 12px;
		padding: 5px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	#other_workers li:nth-child(2) {
		margin-top: 100px;
	}
	#other_workers li:nth-child(3) {
		margin-top: 100px;
	}
	#other_workers h2 span:before {
		top: -40px;
		left: -130px;
	}
	#other_workers h2 span:after {
		top: -30px;
		right: -130px;
	}
	#other_workers ul:before {
		left: 0;
		bottom: 0;
	}
	#other_workers ul:after {
		right: 0;
		bottom: 0;
	}
}
@media print, screen and ( min-width : 992px ) {
	#interview_article section:nth-of-type(even) {
		flex-direction: row-reverse;
	}
	#interview_article .interview_article_txt {
		width: 46%;
	}
	#interview_article .interview_article_photo {
		width: 74%;
	}
	#interview_article section:nth-of-type(odd) .interview_article_photo {
		margin-right: -24%;
	}
	#interview_article section:nth-of-type(even) .interview_article_photo {
		margin-left: -24%;
	}
}

/* ---------------------------------------------------------------------------------------------

　   NUMBER

--------------------------------------------------------------------------------------------- */
#number_page_title h1 {
	text-align: center;
}
.number_page_title_pic {
	width: 100%;
}
#number_page_title p {
	color: #d51523;
	text-align: center;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.8em;
}
#number_page_content {
	background: #3ca3ca;
}
#number_page_content h2 {
	color: #fff;
	text-align: center;
}
#number_page_content section:last-child {
	margin-bottom: 0;
}
.number__box {
	background: #fff;
	color: #1b1464;
}
.number__box h3 {
	text-align: center;
	color: #1b1464;
}
.number__box p {
	text-align: center;
}
.number__box .number_txt {
	font-weight: bold;
}
.number__box .number_txt span {
	display: inline-block;
	line-height: 1;
}
#number_company .number__box01 {
	text-align: center;
}
#number_company .number__box01 p {
	font-weight: bold;
}
#number_company .number__box04_map {
	position: relative;
}
#number_company .number__box04_map .number_txt {
	position: absolute;
	z-index: 10;
	color: #fff;
}
#number_company .number__box04_sites {
	font-weight: bold;
}
#number_work_environment .number__box01 li,
#number_culture .number__box02 li {
	text-align: center;
}
#number_work_environment .number__box01 p,
#number_culture .number__box02 p {
	font-weight: bold;
}
#number_work_environment .number__box02 dl {
	width: 140px;
	margin: 0 auto;
}
#number_work_environment .number__box02 dt {
	width: 50px;
}
#number_work_environment .number__box02 dd {
	width: calc(100% - 50px);
}
#number_work_environment .number__box02 dd p {
	text-align: right;
}
#number_work_environment .number__box03 .work_environment_age {
	position: relative;
}
#number_work_environment .number__box03 .work_environment_age .number_age_txt p {
	font-weight: bold;
}
#number_work_environment .number__box03 .work_environment_age ul li {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	padding: 0 10px;
}
.work_environment_grafbar {
	background: #1b1464;
	position: relative;
	width: 100%;
	height: 0;
	transition: .5s;
}
.work_environment_age01 .work_environment_grafbar.bar__active {
	height: 5%;
}
.work_environment_age02 .work_environment_grafbar.bar__active {
	height: 44%;
}
.work_environment_age03 .work_environment_grafbar.bar__active {
	height: 44%;
}
.work_environment_age04 .work_environment_grafbar.bar__active {
	height: 76%;
}
.work_environment_age05 .work_environment_grafbar.bar__active {
	height: 70%;
}
.work_environment_age06 .work_environment_grafbar.bar__active {
	height: 32%;
}
.work_environment_age07 .work_environment_grafbar.bar__active {
	height: 5%;
}
#number_work_environment .number__box05 .number__box05_txt .work_environment_area_name {
	display: block;
	text-align: center;
	font-weight: bold;
}
#number_work_environment .number__box05 .number__box05_txt .number__box05_message {
	font-weight: bold;
}
#number_culture .number__box04 .number__box04_ricename {
	font-weight: bold;
	text-align: center;
}
#number_culture .number__box04 .number__box04_title {
	text-align: center;
}
@media only screen and ( max-width : 991px ) {
	#number_company .number_block01,
	#number_culture .number_block01 {
		width: 44%;
	}
	#number_company .number_block02,
	#number_culture .number_block02 {
		width: 55%;
	}
	#number_company .number__box01 img {
		/*max-width: 80%;*/
	}
	#number_culture .number__box04 figure {
		margin-bottom: 20px;
	}
	#number_work_environment .number__box04 figure {
		max-width: 46%;
		margin: 0 auto 20px;
	}
	#number_work_environment .number__box05 figure {
		width: 30%;
		margin-top: -3em;
	}
	#number_work_environment .number__box05 .number__box05_txt .number__box05_message {
		text-align: left;
		padding-left: 34%;
	}
	#number_company .number__box04_map .number_txt {
		font-size: 4vw;
		right: 4vw;
		top: 14vw;
	}
	#number_company .number__box04 .number_txt span {
		font-size: 10vw;
	}
}
@media only screen and ( max-width : 767px ) {
	#number_page_content .container {
		max-width: 100%;
	}
	#number_page_title,
	#number_page_title h1 {
		margin-bottom: 30px;
	}
	#number_page_title h1 {
		margin-top: 15px;
	}
	#number_page_title p {
		font-size: 15px;
	}
	#number_page_content {
		padding: 30px 0;
		margin-bottom: 40px;
	}
	#number_page_content section {
		margin-bottom: 40px;
	}
	#number_page_content section h2 {
		margin-bottom: 25px;
	}
	#number_company .number_block01,
	#number_culture .number_block01,
	#number_company .number_block02,
	#number_culture .number_block02 {
		width: 100%;
	}
	.number__box {
		margin-bottom: 10px;
		padding: 4vw;
		font-size: 5vw;
		text-align: center;
	}
	.number__box h3 {
		font-size: 6vw;
		margin-bottom: 6vw;
	}
	#number_company .number__box01 .number_txt {
		font-size: 7vw;
		margin-top: 4vw;
	}
	#number_company .number__box01 .number_txt span {
		font-size: 12vw;
	}
	#number_company .number__box02 .number_txt {
		font-size: 7vw;
		margin-top: 4vw;
	}
	#number_company .number__box02 .number_txt span {
		font-size: 20vw;
	}
	#number_company .number__box03 .number_txt {
		font-size: 7vw;
		margin-top: 4vw;
	}
	#number_company .number__box03 .number_txt span {
		font-size: 18vw;
	}
	#number_company .number__box04_map .number_txt {
		font-size: 5vw;
		right: 3.4vw;
		top: 16vw;
	}
	#number_company .number__box04 .number_txt span {
		font-size: 14vw;
	}
	#number_company .number__box04 .number__box04_sites {
		background: url(../img/shinsotsu/number/fukidashi_sp.png) no-repeat top center / 100%;
		padding: 8vw 6vw 0 6vw;
	}
	#number_company .number__box04 .number__box04_sites ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#number_company .number__box04 .number__box04_sites ul li {
		width: 49%;
		font-size: 4vw;
		text-align: left;
	}
	#number_work_environment .number__box01 li,
	#number_culture .number__box02 li {
		width: 48%;
	}
	#number_work_environment .number__box01 figure {
		margin-bottom: 2vw;
	}
	#number_work_environment .number__box01 .number_txt,
	#number_culture .number__box02 .number_txt {
		font-size: 6vw;
		margin-top: 2vw;
	}
	#number_work_environment .number__box01 .number_txt span,
	#number_culture .number__box02 .number_txt span {
		font-size: 16vw;
	}
	#number_work_environment .number__box02 .number_txt {
		font-size: 6vw;
	}
	#number_work_environment .number__box02 .number_txt span {
		font-size: 14vw;
	}
	#number_work_environment .number__box02 dl {
		width: 48%;
	}
	#number_work_environment .number__box02 dt {
		width: 20vw;
		text-align: left;
	}
	#number_work_environment .number__box02 dd {
		width: calc(100% - 20vw);
	}
	#number_work_environment .number__box03 .work_environment_age ul {
		height: 60vw;
		width: 100%;
	}
	#number_work_environment .number__box03 .number_age_txt {
		width: 100%;
		font-size: 13px;
	}
	#number_work_environment .number__box03 .number_age_txt p {
		width: 12.571428571428571%;
		margin-right: 2%;
	}
	#number_work_environment .number__box03 .number_age_txt span {
		font-size: 15px;
	}
	#number_work_environment .number__box03 .work_environment_age ul li {
		padding: 0;
		width: 12.571428571428571%;
		margin-right: 2%;
	}
	#number_work_environment .number__box03 .number_age_txt p:last-child,
	#number_work_environment .number__box03 .work_environment_age ul li:last-child {
		margin-right: 0;
	}
	#number_work_environment .number__box03 .work_environment_age {
		overflow: auto;
	}
	#number_work_environment .number__box03 .number_txt {
		/*font-size: 5vw;*/
		white-space: nowrap;
		font-size: 14px;
	}
	#number_work_environment .number__box03 .number_txt span {
		/*font-size: 10vw;*/
		font-size: 30px;
	}
	#number_work_environment .number__box04 .number_txt {
		font-size: 7vw;
		margin-top: 4vw;
	}
	#number_work_environment .number__box04 .number_txt span {
		font-size: 20vw;
	}
	#number_work_environment .number__box05 ul {
		width: 80%;
		margin-bottom: 5vw;
	}
	#number_work_environment .number__box05 li {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 2vw;
	}
	#number_work_environment .number__box05 .number_txt {
		font-size: 6vw;
		width: calc(100% - 6em);
	}
	#number_work_environment .number__box05 .number_txt span {
		font-size: 14vw;
	}
	#number_work_environment .number__box05 .number__box05_txt .work_environment_area_name {
		width: 6em;
		text-align: right;
	}
	#number_work_environment .number__box05 figure {
		width: 100%;
		margin-top: 4vw;
	}
	#number_work_environment .number__box05 .number__box05_txt .number__box05_message {
		text-align: center;
		padding-left: 0;
	}
	#number_culture .number__box04 .number_txt {
		font-size: 6vw;
	}
	#number_culture .number__box04 .number_txt span {
		font-size: 14vw;
	}
	#number_culture .number__box04 li {
		width: 49%;
		margin-right: 2%;
		margin-top: 4vw;
	}
	#number_culture .number__box04 li:nth-child(2n) {
		margin-right: 0;
	}
}
@media print, screen and ( min-width : 768px ) {
	#number_page_content .container {
		max-width: 950px;
	}
	#number_page_title {
		margin-bottom: 60px;
	}
	#number_page_title h1 {
		margin-bottom: 60px;
	}
	#number_page_title p {
		font-size: 19px;
	}
	#number_page_content {
		padding: 60px 0;
		margin-bottom: 80px;
	}
	#number_page_content section {
		margin-bottom: 60px;
	}
	#number_page_content section h2 {
		margin-bottom: 50px;
	}
	.number__box {
		padding: 20px;
	}
	#number_company .number_block02 .number__box,
	#number_culture .number_block02 .number__box {
		margin-bottom: 10px;
	}
	#number_company .number_block02 .number__box:last-child,
	#number_culture .number_block02 .number__box:last-child {
		margin-bottom: 0;
	}
	#number_company .number_block03,
	#number_culture .number_block03 {
		margin-top: 10px;
	}
	.number__box h3 {
		font-size: 28px;
		margin-bottom: 50px;
	}
	#number_company .number__box01,
	#number_culture .number__box01 {
		height: 100%;
	}
	#number_company .number__box01 h3 {
		margin-bottom: 30px;
	}
	#number_company .number__box01 .number_txt {
		font-size: 40px;
		margin-top: 20px;
	}
	#number_company .number__box01 p {
		font-size: 19px;
	}
	#number_company .number__box01 .number_txt span {
		font-size: 52px;
	}
	#number_company .number__box02 .number_txt,
	#number_company .number__box03 .number_txt {
		font-size: 30px;
	}
	#number_company .number__box02 .number_txt span {
		font-size: 140px;
	}
	#number_company .number__box02 .number_txt,
	#number_company .number__box02 figure {
		width: 49%;
	}
	#number_company .number__box03 .number_txt {
		width: 62%;
		text-align: left;
	}
	#number_company .number__box03 figure {
		width: 36%;
	}

	#number_company .number__box03 .number_txt span {
		font-size: 110px;
	}

	#number_company .number__box04_map {
		width: 74%;
	}
	#number_company .number__box04_map img {
		width: 100%;
	}
	#number_company .number__box04_sites {
		width: 24%;
		background: url(../img/shinsotsu/number/fukidashi_pc.png) no-repeat left center / auto 100%;
		padding-left: 4%;
		font-size: 17px;
	}
	#number_work_environment .number_block01,
	#number_work_environment .number_block03 {
		width: 34%;
	}
	#number_work_environment .number_block02,
	#number_work_environment .number_block04 {
		width: 65%;
	}
	#number_work_environment .number__box01,
	#number_work_environment .number_block01,
	#number_work_environment .number_block02 {
		margin-bottom: 10px;
	}
	#number_work_environment .number__box03 {
		height: 100%;
	}
	#number_work_environment .number__box h3 {
		margin-bottom: 20px;
	}
	#number_work_environment .number__box01 li,
	#number_culture .number__box02 li {
		width: 48%;
	}
	#number_work_environment .number__box01 p {
		font-size: 20px;
	}
	#number_work_environment .number__box01 .number_txt {
		font-size: 30px;
	}
	#number_work_environment .number__box01 .number_txt span {
		font-size: 64px;
	}
	#number_work_environment .number__box02 dt {
		font-size: 18px;
	}
	#number_work_environment .number__box02 .number_txt {
		font-size: 22px;
	}
	#number_work_environment .number__box02 .number_txt span {
		font-size: 49px;
	}

	#number_work_environment .number__box03 .work_environment_age ul {
		height: 400px;
	}
	#number_work_environment .number__box03 .work_environment_age ul li,
	#number_work_environment .number__box03 .work_environment_age .number_age_txt p {
		flex: 1;
	}
	#number_work_environment .number__box03 .number_txt {
		font-size: 16px;
	}
	#number_work_environment .number__box03 .number_txt span {
		font-size: 41px;
	}
	#number_work_environment .number__box03 .work_environment_age .number_age_txt p {
		font-size: 20px;
	}
	#number_work_environment .number__box03 .work_environment_age .number_age_txt p span {
		font-size: 22px;
	}
	#number_work_environment .number__box04 {
		height: 100%;
	}
	#number_work_environment .number__box04 .number_txt {
		font-size: 40px;
	}
	#number_work_environment .number__box04 .number_txt span {
		font-size: 100px;
	}
	#number_work_environment .number__box05 .number_txt {
		font-size: 25px;
	}
	#number_work_environment .number__box05 .number_txt span {
		font-size: 70px;
	}
	#number_work_environment .number__box05 .number__box05_txt li {
		width: 32%;
		margin-right: 2%;
	}
	#number_work_environment .number__box05 .number__box05_txt li:last-child {
		margin-right: 0;
	}
	#number_work_environment .number__box05 .number__box05_txt .work_environment_area_name {
		font-size: 15px;
	}
	#number_work_environment .number__box05 .number__box05_txt .number__box05_message {
		margin-top: 20px;
		font-size: 15px;
	}
	#number_culture .number__box01 h3 {
		margin-bottom: 80px;
	}
	#number_culture .number__box02 h3,
	#number_culture .number__box03 h3 {
		margin-bottom: 10px;
	}
	#number_culture .number__box02 p {
		font-size: 20px;
	}
	#number_culture .number__box02 figure {
		margin-bottom: 10px;
	}
	#number_culture .number__box02 .number_txt {
		font-size: 34px;
	}
	#number_culture .number__box02 .number_txt span {
		font-size: 74px;
	}
	#number_culture .number__box04 .number_txt {
		font-size: 30px;
	}
	#number_culture .number__box04 .number_txt span {
		font-size: 70px;
	}
	#number_culture .number__box04 .number__box04_title h3 {
		margin-bottom: 10px;
	}
	#number_culture .number__box04 li {
		width: 18.4%;
		margin-right: 2%;
		margin-top: 30px;
	}
	#number_culture .number__box04 li:nth-child(1),
	#number_culture .number__box04 li:nth-child(2),
	#number_culture .number__box04 li:nth-child(3),
	#number_culture .number__box04 li:nth-child(4),
	#number_culture .number__box04 li:nth-child(5) {
		margin-top: 0;
	}
	#number_culture .number__box04 li:nth-child(5n) {
		margin-right: 0;
	}
}
@media print, screen and ( min-width : 992px ) {
	.number__box {
		padding: 30px 20px;
	}
	#number_company .number_block01,
	#number_company .number_block02,
	#number_culture .number_block01,
	#number_culture .number_block02 {
		width: 49.5%;
	}
	#number_company .number__box04 .number_txt {
		font-size: 24px;
	}
	#number_company .number__box04 .number_txt span {
		font-size: 126px;
	}
	#number_culture .number__box04 .number__box04_title {
		width: 34%;
	}
	#number_culture .number__box04 ul {
		width: 64%;
	}
	#number_work_environment .number__box04 .number_txt {
		width: 64%;
		text-align: right;
	}
	#number_work_environment .number__box04 figure {
		width: 34%;
	}
	#number_company .number__box04_map .number_txt {
		right: 5%;
		top: 30%;
	}
	#number_company .number__box04_sites {
		font-size: 20px;
	}
	#number_company .number__box04_sites li {
		margin-bottom: .2em;
	}
	#number_company .number__box04_sites li:last-child {
		margin-bottom: 0;
	}
	#number_work_environment .number__box05 figure {
		width: 40%;
	}
	#number_work_environment .number__box05 .number__box05_txt {
		width: 56%;
	}
}
@media print, screen and ( min-width : 1200px ) {
	#number_work_environment .number__box04 .number_txt span {
		font-size: 104px;
	}
}

/* ---------------------------------------------------------------------------------------------

　   XXX

--------------------------------------------------------------------------------------------- */

@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}