@charset "utf-8";
/* CSS Document */

/*@media screen and (max-width: 768px) {*/



/*MV*/
.content.mv {
	height: 55vh;
	background-position: 80% bottom;
	margin-bottom: 7rem;
}
.recruit h1 {
	left: 1%;
	top: 60%;
	text-shadow: 0px 0px 5px #fff;
}
@media screen and (max-width: 576px) {
	.content.mv {
		min-height: auto;
		background-position: 87% bottom;
	}
}



/*recruit共通*/
h2 .jose {
	font-size: 5vw;
}
@media screen and (max-width: 576px) {
	h2 .jose {
		font-size: 7.5vw;
	}
}



/*リード文*/
.content.intro {
	margin-bottom: 6rem;
}
.content.intro .inner {
	width: 88%;
	min-width: 530px;
}
.intro .flexbox .image {
	width: 55%;
	max-width: 500px;
	position: absolute;
	right: -8%;
	top: 60%;
	transform: translateY(-50%);
	z-index: 0;
}
.intro .flexbox .text {
	width: 100%;
	position: relative;
	z-index: 10;
}
.intro .flexbox .text h2 {
	font-size: 5.2vw;
	margin-bottom: 4rem;
}

@media screen and (max-width: 576px) {
	.content.intro .inner {
		width: 90%;
		min-width: auto;
		margin-bottom: 220px;
	}
	.intro .flexbox .text h2 {
		font-size: 3rem;
		text-align: left;
		margin-bottom: 1.5rem;
	}
	.intro .flexbox .image {
		width: auto;
		height: 220px;
		top: 96%;
		transform: none;
	}
	.intro .flexbox .image img {
		width: auto;
		height: 100%;
	}
	.intro .flexbox .text li {
		margin-bottom: .5rem;
	}
	.intro .rec-btn {
		margin-top: 1rem;
		padding-left: 0;
	}
}



/*代表挨拶*/
.greeting .inner {
	padding-top: 6rem;
	padding-bottom: 3rem;
	background: url("../images/greeting.jpg") right bottom / 50% no-repeat;
}
.greeting h3 {
	font-size: calc(10px + 1.6vw);
}
.greeting .parts .text .harf {
	width: 68%;
}
.greeting .flexbox {
	width: 100%;
}
.greeting h4 {
	width: 50%;
	margin-top: 3rem;
	font-size: calc(10px + 1.3vw);
}
.greeting h4 .name {
	margin-top: .5rem;
}
.greeting h4 .name span:before {
	content: none;
}

@media screen and (max-width: 576px) {
	.greeting h3 {
		padding: 1rem 5%;
		text-align: left;
		font-size: 5.5vw;
		line-height: 1.3;
	}
	.greeting .inner {
		width: 95%;
		padding-top: 11rem;
		padding-bottom: 190px;
		background-position: 120% bottom;
		background-size: auto 210px;
	}
	.greeting .parts .text {
		line-height: 1.7;
	}
	.greeting .parts .text .harf {
		width: 100%;
	}
	.greeting h4 {
		width: 100%;
		margin-right: 6%;
		margin-top: 1rem;
		font-size: 5vw;
	}
	.greeting h4 .name {
		margin-top: 1rem;
		text-align: left;
	}
}


/*吹き出しと袋文字*/
.fukidashi {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.fukidashi span.fukuro::after {
	left: 1px;
	top: 1px;
}
@media screen and (max-width: 576px) {
	.fukidashi {
		font-size: 5.2vw;
	}
	.fukidashi span.fukuro {
		font-size: 1.1em;
	}
}


/*私たちはこんな会社です*/
.about .parts .flexbox {
	flex-wrap: wrap;
}
.about .parts .flexbox dt,
.about .parts .flexbox dd {
	width: 100%;
}
.about .parts .flexbox dt {
	padding-left: 70px;
	padding-bottom: 3rem;
	font-size: calc(10px + 1.8vw);
	line-height: 1.5;
}
@media screen and (max-width: 576px) {
	.about .parts::before {
		width: 50px;
	}
	.about .parts .flexbox dt {
		padding-left: 55px;
		font-size: 6.3vw;
	}
}

/*一日のリンクボタン*/
.day .flexbox {
	max-width: 550px;
	margin-right: auto;
	margin-left: auto;
	flex-wrap: wrap;
	justify-content: center;
}
.day .flexbox li {
	width: 45%;
}
.day .flexbox li.flexitem1 {
	order: 2;
}
.day .flexbox li.flexitem2 {
	width: 55%;
	order: 1;
}
.day .flexbox li.flexitem3 {
	order: 3;
}
@media screen and (max-width: 576px) {
	.day .flexbox li {
		width: 47%;
	}
	.day .flexbox li.flexitem2 {
		width: 63%;
	}
}


/*座談会のリンクバナー*/
.talk .fukidashi {
	padding-top: 2rem;
	padding-bottom: 1.5rem;
}
.talk .fukidashi span.kataru {
	display: block;
	width: 100%;
}
@media screen and (max-width: 576px) {
	.talk .fukidashi {
		line-height: 1.1;
	}
	.talk .fukidashi img {
		width: 25%;
		min-width: 70px;
		margin-bottom: 0;
		margin-top: 6px;
		margin-left: 5px;
	}
}


/*募集要項*/
#rec-info h2 {
	margin-bottom: 0;
}
#rec-info .syubetsu .info-fuki {
	width: 170px;
	top: auto;
	right: 0;
	bottom: 95%;
}
#rec-info .syubetsu .info-fuki::after {
	top: 95%;
	left: 48%;
	transform: rotate(90deg);
}

@media screen and (max-width: 576px) {
	#rec-info .inner {
		padding-right: 0;
		padding-left: 0;
	}
	#rec-info .flexbox {
		flex-wrap: wrap;
		border-width: 1px;
	}
	#rec-info .flexbox dt,
	#rec-info .flexbox dd {
		width: 100%;
		padding-left: 6%;
		padding-right: 6%;
	}
	#rec-info .flexbox dt {
		text-align: left;
		padding-bottom: 1rem;
		font-size: 1.1em;
	}
	#rec-info .flexbox dd {
		padding-top: 0;
	}
	#rec-info .syubetsu .flexbox {
		flex-wrap: wrap;
		margin-bottom: 1rem;
	}
	#rec-info .syubetsu .flexbox .text {
		width: 100%;
		padding-left: 1em;
	}
	#rec-info .syubetsu .flexbox li.ttl {
		width: 100%;
		text-align: left;
	}
	#rec-info .syubetsu .info-fuki {
		bottom: 105%;
		right: 10px;
		transform: rotate(10deg);
	}
}




/*　下層ページ（mvなしぺージ）共通　*/



/*　一日ページ　*/
.daymain {
	padding-top: 13rem;
}
.daymain .content.bgwh {
	width: 90%;
	min-width: auto;
}
.daymain .btn-area.daylink {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.daymain .btn-area.daylink .rec-btn {
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
}
.daymain .btn-area.daylink .rec-btn a {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}

@media screen and (max-width: 576px) {
	.daymain .btn-area.daylink {
		width: 98%;
		max-width: 300px;
		flex-wrap: wrap;
	}
	.daymain .btn-area.daylink .rec-btn {
		width: 48%;
		padding-right: 0;
		padding-left: 0;
	}
	.daymain .btn-area .rec-btn.active {
		display: block;
		width: 100%;
	}
	.daymain .btn-area .rec-btn.active a {
		margin-bottom: 0;
	}
	.daymain .bg-text-top,
	.daymain .bg-text-btm {
		display: none;
	}
	.daymain .content.bgwh {
		width: 95%;
		padding-top: 4rem;
		padding-left: 0;
	}
	.daymain .bgwh h2 {
		top: 0;
		left:  0;
	}
	.daymain .bgwh h2::after {
		content: none;
	}
	
	.daymain .schedule .flexbox {
		flex-wrap: wrap;
	}
	.daymain .schedule .flexbox .img {
		order: 2;
		width: 100%;
		padding-bottom: 6rem;
		padding-left: 5%;
		border-left: 7px solid #004286;
	}
	.daymain .schedule .flexbox .img img {
		max-width: 300px;
	}
	.daymain .schedule .flexbox .img.illust img {
		margin-top: 0;
	}
	.daymain .schedule .flexbox .text {
		width: 100%;
		border-left-width: 7px;
		padding-left: 5%;
		padding-bottom: 1rem;
	}
	.daymain .schedule .flexbox .text .time::before {
		width: 20px;
		height: 20px;
		left: -13px;
	}
	
	.daymain .schedule .flexbox.person .img {
		order: initial;
		padding-bottom: 0;
	}
	.daymain .schedule .flexbox.person .img img {
		width: 200px;
	}
	.daymain .schedule .flexbox.person .text {
		padding-bottom: 8rem;
	}
	.daymain .schedule .flexbox.person .text .time::before {
		content: none;
	}
	
	.daymain .schedule .flexbox.last .img {
		border-left: none;
	}
	.daymain .schedule .flexbox.last .text {
		margin-top: -10px;
	}
}

/*社員の声*/
.faq {
	padding-top: 13rem;
}
.faq .summary .talkfukei img {
	width: 80%;
}
.faq .talkline .bg-p {
	width: 96%;
	min-width: auto;
}

@media screen and (max-width: 576px) {
	.faq .summary h2 {
		font-size: 4.2vw;
		letter-spacing: 0;
	}
	.faq .summary .talkfukei {
		font-size: .85em;
	}
	.faq .summary .talkfukei img {
		width: 100%;
	}
	.faq .talkline li {
		margin-bottom: 15px;
	}
	.faq .talkline li .talk-fuki {
		width: 68%;
		padding: 12px 5%;
		font-size: .9em;
		border-radius: 26px;
	}
	.faq .talkline li .talk-fuki::before {
		width: 18px;
		height: 18px;
		left: -6px;
		top: 5px;
	}
	.faq .talkline li.talk-right .talk-fuki::after {
		width: 18px;
		height: 18px;
		right: -6px;
		top: 5px;
	}
	.faq .talkline li .talk-icon {
		width: 9%;
		margin-top: 12px;
	}
	
}

/*.faq {
	padding-top: 13rem;
}
.faq .summary {
	margin-top: 2rem;
}
.faq .talkline {
	padding-top: 6rem;
}
.faq .talkline .bg-p .scroll {
	padding-right: 3%;
	padding-left: 3%;
}
.faq .talkline .bg-p .scroll .text {
	width: 80%;
}
.faq .talkline li {
	width: calc(93% - 50px);
}
.faq .talkline li.quest {
	padding-right: 60px;
}
.faq .talkline li.ask {
	padding-left: 70px;
}
.faq .talkline li .face {
	width: 100px;
}
.faq .talkline li.quest .face {
	right: -50px;
}
.faq .talkline li.ask .face {
	left: -50px;
}

@media screen and (max-width: 576px) {
	.faq .summary {
		margin-top: 0;
	}
	.faq .summary h2 {
		padding-left: 8%;
		padding-right: 18%;
		font-size: 5vw;
	}
	.faq .summary h2 .text img {
		width: 30%;
		margin-right: 2%;
		margin-left: 2%;
	}
	.faq .summary h2 .face-image {
		width: 25%;
		left: auto;
		right: -2%;
		top: 90%;
	}
	.faq .kaitosya h3 {
		margin-bottom: 2rem;
	}
	.faq .kaitosya .flexbox {
		flex-wrap: wrap;
		justify-content: center;
	}
	.faq .kaitosya .flexbox .face-image {
		width: 35%;
		min-width: 100px;
		margin-right: 3%;
		margin-left: 3%;
		margin-top: 1rem;
	}
	.faq .talkline .bg-p .scroll {
		padding-bottom: 5rem;
	}
	.faq .talkline .bg-p .scroll .text {
		top: 1.5rem;
	}
	.faq .talkline li {
		width: calc(100% - 20px);
		padding-top: 2rem;
		padding-bottom: 3.5rem;
		line-height: 1.5;
	}
	.faq .talkline li.quest {
		margin-left: 0;
		margin-top: 6rem;
		margin-bottom: 4rem;
		padding-right: 8%;
		font-size: 1.5rem;
	}
	.faq .talkline li.ask {
		margin-right: 0;
		margin-bottom: 3.5rem;
		padding-left: 8%;
		font-size: 1.4rem;
	}
	.faq .talkline li .face {
		width: 70px;
		top: auto;
		bottom: -35px;
		transform: none;
	}
	.faq .talkline li.quest .face {
		right: -30px;
	}
	.faq .talkline li.ask .face {
		left: -30px;
	}
}*/



/*エントリーフォーム*/
.form .content {
	padding-top: 12rem;
}
.form h1 {
	font-size: 1.9rem;
}
.form .form_table {
	width: 93%;
	max-width: auto;
}
.form .form_table #form {
	width: 100%;
	min-width: auto;
}
.form .flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 1rem;
}
.form .form_table .item,
.form .form_table .red {
	width: auto;
}
.form .form_table .text {
	width: 100%;
	padding-bottom: 0;
}
.form .form_table input[type="text"],
.form .form_table textarea {
	width: 100%;
}






/*}*/