@charset "UTF-8";

/* Ikegami - Recruit Site - print.css
======================================================== */
body {
	width: 98rem;
	font-family: serif;
	font-size: 1.7rem;
	-webkit-print-color-adjust: exact;
}

header {
	position: static;
}

header .header-inner .pc-nav,
header .header-inner .navToggle,
header .header-inner .entry-nav,
header .header-inner .navToggle {
	display: none;
}

header .header-inner . {
	display: none;
}

#backtotop {
	display: none !important;
}

.fade-up {
	display: block !important;
}

header .header-inner .logo {
	padding: 2rem 0 0 1rem;
}

.navToggle {
	display: none;
}

/*  pc sp  */
.pc {
	display: none;
}

.sp {
	display: block;
}

/*  main  */
main {
	margin: 0 0 0 0;
}

footer .foot-copy {
	margin: 0.5rem 0 0 0;
}


/*  a  */
a.btn-readmore {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	padding: 1rem 3rem 1rem 3rem;
	width: calc(100% - 6rem);
}

a.btn-readmore:before {
	width: 3rem;
	right: 1rem;
	height: 0.1rem;
}

a.btn-readmore:after {
	right: 1rem;
	transform: rotate(35deg);
	height: 0.1rem;
}

a.btn-readmoreb {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	padding: 1rem 3rem 1rem 3rem;
	width: calc(100% - 6rem);
}

a.btn-readmoreb:before {
	width: 3rem;
	right: 1rem;
	height: 0.1rem;
}

a.btn-readmoreb:after {
	right: 1rem;
	transform: rotate(35deg);
	height: 0.1rem;
}


/*  Bread-Crumb  */
.bread-crumb {
	display: none;
}


/*  main  */
main {
	margin: 6.5rem 0 0 0;
}

/*  新卒採用情報 FAQ アコーディオン */
.faq-area {
	width: 100%;
	max-width: 100%;
}

.faq-area h6.title {
	padding: 3rem 4rem 3rem 3.5rem;
}

.faq-area .title::before{
	left: 0.5rem;
}
.faq-area .title::after{
	right: 1rem;
	top: 4.5rem;
}

.faq-area .title.close::after{
	top: 3.5rem;
	right: 1rem;
}


/*  wrapper container  */
.f-container {
	max-width: calc(100% - 13rem);
	width: calc(100% - 13rem);
}

.container-1040 {
	width: 100%;
}

.staff-container {
	max-width: 100%;
	width: 100%;
}

.f-container {
	max-width: 100%;
	width: 100%;
}

.container-1200-head {
	width: 100%;
}

.container-1200 {
	width: calc(100% - 2rem);
	margin: 0 auto;
}

.container-980 {
	width: calc(100% - 2rem);
	margin: 0 auto;
}

.container-980 {
	width: calc(100% - 2rem);
	margin: 0 auto;
}

.container-90 {
	width: 100%;
	margin: 0 auto;
}


/*  table  */
table {
	width: 100%;
}

table .th-head {
	display: none;
}

table tr {
	width: 100%;
}
table td {
	display: block;
	text-align: right;
	width: calc(100% - 1rem);
	border: 0.1rem solid #eaeaea;
}
table td:first-child {
	background: #dfecf8;
	font-weight: 700;
	text-align: center;
}
table td:before {
	content: attr(data-label);
	float: left;
	font-weight: 700;
	margin-right: 1rem;
}

table td.ft-center {
	padding: 1.5rem 0.5rem;
	text-align: right;
	border: 0.1rem solid #eaeaea;
}


/*  footer  */
footer {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 5rem 0 0 0;
}

.container-foot {
	display: block;
	width: 100%;
	margin: 0 auto;
}

footer .foot-logo {
	display: block;
	width: 100%;
	height: auto;
	margin: 3rem auto;
}

footer .foot-logo img {
	width: 16rem;
}

footer .foot-copy {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
	margin: 3rem auto 0 auto;
	padding: 0 0 3rem 0;
	color: #fff;
}

footer .foot-copy a {
	display: block;
	position: relative;
	color: #fff;
	text-decoration: none;
	padding: 0.5rem 0 0.5rem 0;
	margin: 1rem auto;
	width: 90%;

	background: #727272;

	border-radius: 0.5rem;

	color: #fff;
	text-decoration: none;
	letter-spacing: 0.2rem;
	transition: .5s ease-in-out;
}

footer .foot-copy a:before {
	content: none;
}

footer .foot-copy span {
	display: block;
	margin: 5rem 0 1rem 0;
}


/*  TOP  */
#home h2 {
	position:relative;
	display:inline-block;
	font-size: 2.5rem;
	font-weight: 700;
	color: #0da1e8;
	margin: 2rem 0;
	padding: 0 0 0 2rem;
}

#home h2 span {
	font-size: 1.3rem;
	margin: 0 0 0 0.5rem;
}

#home h2:before {
	width: 1.5rem;
	height: 0.5rem;
	top: 50%;
	left: 0;
}

#home .news {
	margin: 0 0 0 0;
	padding: 0 0 5rem 0;
}

#home .news .news-box {
	width: 95%;
	height: 20rem;
	margin: 0 auto;
	overflow-y: auto;
}

#home .news .news-box dl {
	flex-flow: column;
	font-size: 1.3rem;
	padding: 0 5% 0 5%;
}

#home .news .news-box dl dt {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 100%;
	height: 3rem;
	font-weight: 500;
	border-bottom: none;
}

#home .news .news-box dl dd {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 100%;
	height: auto;
	padding: 0 0 1rem 0;
	border-bottom: 0.1rem solid #d6d6d6;
}

#home .top-message {
	width: 100%;
	height: auto;
	background: linear-gradient(90deg, #dfecf8 0%, #dfecf8 80%, #fff 80%, #fff 100%);
	margin: 3rem 0 0 0;
	padding: 0;
}

#home .top-message img.photo {
	float: none;
	width: 90%;
	margin: 0 auto;
}

#home .top-message .lead-box {
	position: static;
	width: calc(100% - 4rem);
	height: auto;
	background: none;
	margin: 0 0 0 0;
	padding: 2rem;
}

#home .top-message .btn-box {
	display: block;
	width: calc(100% - 4rem);
	height: auto;
	padding: 4rem 2rem;
}

#home .company {
	width: 100%;
	height: auto;
	background: linear-gradient(90deg, #fff 0%, #fff 20%, #dfecf8 20%, #dfecf8 100%);
	margin: 3rem 0 0 0;
	padding: 0;
}

#home .company img.photo-left {
	display: flex;
	float: none;
	width: 90%;
	margin: 0 auto;
}

#home .company img.photo-right {
	display: flex;
	float: none;
	width: 90%;
	margin: 0 auto;
}

#home .company .lead-box-left {
	float: none;
	width: calc(100% - 4rem);
	height: auto;
	margin: 0;
	padding: 2rem;
}

#home .company .lead-box-right {
	float: none;
	width: calc(100% - 4rem);
	height: auto;
	margin: 0;
	padding: 2rem;
}

#home .senpai {
	width: 100%;
	height: auto;
	background-image: linear-gradient(rgba(181,181,181,0.35) , rgba(181,181,181,0.35) ), url("../../images/top/bk_people.jpg");
	background-size: cover;
	background-position: 0 0;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 10rem 0 2rem 0;
	animation: loop 20s linear infinite;
}

@keyframes loop {
	0% { background-position: left center;}
	50% { background-position: right center;}
	100% { background-position: left center;}
}

#home .senpai #senpai_bk_pc_slider {
	display: none;
}

#home .senpai .lead-box {
	width: calc(90% - 4rem);
	margin: 0 auto;
	padding: 2rem;
	top: 0 ! important;
}

#home .senpai .btn-box {
	padding: 1rem 0 0 0;
	margin: 3rem auto;
}

#home .zadankai {
	height: auto;
	margin: 3rem 0 0 0;
	padding: 0 0 2rem 0;
}

#home .zadankai .lead-box {
	width: calc(90% - 4rem);
	margin: 0 auto;
	padding: 2rem;
}

#home .zadankai .btn-box {
	padding: 1rem 0 0 0;
	margin: 3rem auto;
}

#home .welfare {
	height: auto;
	margin: 0;
	padding: 0 0 2rem 0;
}

#home .welfare .lead-box {
	width: calc(90% - 4rem);
	margin: 0 auto;
	padding: 2rem;
}

#home .welfare .btn-box {
	padding: 1rem 0 0 0;
	margin: 3rem auto;
}

#home .workstyle {
	width: 100%;
	height: auto;
	background: linear-gradient(90deg, #dfecf8 0%, #dfecf8 80%, #fff 80%, #fff 100%);
	margin: 3rem 0 0 0;
	padding: 0;
}

#home .workstyle img.photo-left {
	display: flex;
	float: none;
	width: 90%;
	margin: 0 auto;
}

#home .workstyle img.photo-right {
	display: flex;
	float: none;
	width: 90%;
	margin: 0 auto;
}

#home .workstyle .lead-box-left {
	float: none;
	width: calc(100% - 4rem);
	height: auto;
	margin: 0;
	padding: 2rem;
}

#home .workstyle .lead-box-right {
	float: none;
	width: calc(100% - 4rem);
	height: auto;
	margin: 0;
	padding: 2rem;
}

#home .recruit {
	margin: 3rem 0 0 0;
}

#home .recruit-box .lead-box-left {
	width: 100%;
	margin: 0 0 0 0;
	padding: 3rem;
}

#home .recruit-box .lead-box-right {
	width: 100%;
	margin: 2rem 0 0 0;
	padding: 3rem;
	border: 0.1rem solid #dfecf8;
}

#home .recruit-box .btn-box {
	margin: 3rem auto;
}


/*  採用トップメッセージ  */
#message .head-box {
	width: 100%;
}

#message .head-box .bk-message img {
	width: 100%;
	height: auto;
}

#message .head-box .text {
	max-width: calc(100% - 2rem);
	width: calc(100% - 2rem);
	margin: 0 auto;
	padding: 0;
	display: contents;
	position: relative;
	top: auto;
	right: auto;
}

#message .head-box .text h2 {
	position:relative;
	display:inline-block;
	font-size: 2.8rem;
	font-weight: 700;
	color: #0da1e8;
	margin: 2rem 0;
	padding: 2rem 0 2rem 1rem;
}

#message .head-box .text .title {
	letter-spacing: 0.2rem;
	line-height: 3.5rem;
	margin: 0;
	padding: 0 1rem 0 1rem;
}

#message .head-box .text .name {
	letter-spacing: 0.2rem;
	margin: 2rem 0 0 0;
	padding: 0 1rem 0 1rem;
}

#message h3 {
	letter-spacing: 0.2rem;
	text-align: justify;
	margin: 3rem 0;
	padding: 3rem 0;
}

#message  .photo-box {
	margin: 3rem 0;
}

#message  .photo-box img {
	width: 100%;
	height: auto;
}


/*  3分で分かる池上通信機  */
#understand-ikegami h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#understand-ikegami .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#understand-ikegami h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#understand-ikegami .box-left-photo {
	width: 100%;
	height: auto;
}

#understand-ikegami .box-right-photo {
	width: 100%;
	height: auto;
}

#understand-ikegami .box-left-photo img,
#understand-ikegami .box-right-photo img {
	width: 100%;
	height: auto;
}

#understand-ikegami .box-left-text {
	width: 100%;
	height: auto;
}

#understand-ikegami .box-right-text {
	width: 100%;
	height: auto;
}

#understand-ikegami .box-left-text h3,
#understand-ikegami .box-right-text h3 {
	width: 100%;
	line-height: 3.5rem;
	padding: 2rem 0 1rem;
}

#understand-ikegami .box-left-text .lead,
#understand-ikegami .box-right-text .lead {
	width: calc(100% - 4rem);
	line-height: 2.5rem;
	text-align: left;
	padding: 2rem 2rem 5rem 2rem;
}


/*  事業紹介  */
#business-introduction h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#business-introduction .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#business-introduction h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#business-introduction ul.business-box {
	width: 100%;
	padding: 2rem 0 0 0;
	margin: 0 auto;
}

#business-introduction ul.business-box li {
	float: none;
	width: 100%;
	height: auto;
	margin: 1rem auto;
}

#business-introduction ul.business-box li:last-child {
	margin: 1rem auto;
}

#business-introduction ul.business-box li .box {
	width: calc(100% - 4rem);
	height: auto;
	padding: 2rem 0;
	background-color: #0f6bc3;
	border: 2rem solid #1079cd;
	border-radius: 0;
}

#business-introduction ul.business-box li .box::before {
	width: 1rem;
	height: 1rem;
	left: 1rem;
	top: 5rem;
	transform: rotate(135deg);
}

#business-introduction ul.business-box li a {
	font-size: 2.0rem;
	color: #fff;
}

#business-introduction ul.business-box li a span {
	font-size: 1.0rem;
}

#business-introduction ul.business-box li .box:hover::before {
	top: 5.5rem;
	transition: all .5s ease;
}

#business-introduction .under-box {
	width: 100%;
	padding: 2rem 0 0 0;
	margin: 0 auto;
}

#business-introduction .under-box h3.left {
	display: block;
	width: calc(100% - 4rem);
	height: auto;
	padding: 2rem 0;
}

#business-introduction .under-box .right-box {
	float: none;
	width: calc(100% - 4rem);
	height: auto;
	padding: 2rem;
}

#business-introduction .under-box h3.right {
	display: block;
	width: calc(100% - 4rem);
	height: auto;
	left: auto;
	padding: 2rem 0;
}

#business-introduction .under-box .left-box {
	float: none;
	width: calc(100% - 4rem);
	height: auto;
	padding: 2rem;
}

#business-introduction .under-box .left-box h4,
#business-introduction .under-box .right-box h4 {
	padding: 10rem 0 5rem 0;
}

#business-introduction .under-box img {
	width: 100%;
	height: auto;
}


/*  こんなところに池上通信機  */
#place h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#place .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#place h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#place .place-box {
	display: flex;
	flex-wrap: wrap;
}

#place .item {
	padding: 0;
	width: 100%;
}

#place .item img {
	display: none;
}

#place .item a:hover {
	opacity: 0.8;
}

#place .item .name {
	text-align: center;
	background: #0da1e8;
	margin: 0 0 0 0;
	padding: 1rem 0;
}

#place .item:not(:nth-child(3n+3)) {
	margin-right: 0;
}

#place .item:nth-child(n+4) {
	margin-top: 2rem;
}

#place .item:nth-child(n) {
	margin-top: 1rem;
}

#place .place-image {
	width: calc(100% - 1rem);
	height: auto;
	padding: 0.5rem;
}

#place .place-image img {
	width: 100%;
	height: auto;
}

/*  こんなところに池上通信機 家  */
#place .place-image .btn-1-1 {
	position: absolute;
	left: 80.5%;
	top: 73%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-1-2 {
	position: absolute;
	left: 35%;
	top: 32.3%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-1-3 {
	position: absolute;
	left: 86.9%;
	top: 29.8%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-1-4 {
	position: absolute;
	left: 11.4%;
	top: 50%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-1-5 {
	position: absolute;
	left: 45%;
	top: 71.8%;
	width: 8.7%;
	height: 11.6%;
}

/*  こんなところに池上通信機 街  */
#place .place-image .btn-2-1 {
	position: absolute;
	left: 59.91%;
	top: 77.89%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-2-2 {
	position: absolute;
	left: 62.45%;
	top: 18.71%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-2-3 {
	position: absolute;
	left: 9.29%;
	top: 28.77%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-2-4 {
	position: absolute;
	left: 52.45%;
	top: 28.42%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-2-5 {
	position: absolute;
	left: 31.22%;
	top: 19.18%;
	width: 8.7%;
	height: 11.6%;
}

/*  こんなところに池上通信機 駅  */
#place .place-image .btn-3-1 {
	position: absolute;
	left: 39.03%;
	top: 27.13%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-3-2 {
	position: absolute;
	left: 27.71%;
	top: 32.39%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-3-3 {
	position: absolute;
	left: 90.17%;
	top: 14.38%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-3-4 {
	position: absolute;
	left: 14.03%;
	top: 17.77%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-3-5 {
	position: absolute;
	left: 22.80%;
	top: 47.83%;
	width: 8.7%;
	height: 11.6%;
}

/*  こんなところに池上通信機 病院  */
#place .place-image .btn-4-1 {
	position: absolute;
	left: 4%;
	top: 12%;
	width: 8.7%;
	height: 11.6%;
}
#place .place-image .btn-4-2 {
	position: absolute;
	left: 13.77%;
	top: 18.71%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-4-3 {
	position: absolute;
	left: 22.54%;
	top: 72.04%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-4-4 {
	position: absolute;
	left: 69.73%;
	top: 0;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-4-5 {
	position: absolute;
	left: 71.22%;
	top: 65.14%;
	width: 8.7%;
	height: 11.6%;
}

/*  こんなところに池上通信機 工業地帯  */
#place .place-image .btn-5-1 {
	position: absolute;
	left: 56.84%;
	top: 27.13%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-5-2 {
	position: absolute;
	left: 57.80%;
	top: 65.14%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-5-3 {
	position: absolute;
	left: 84.64%;
	top: 65.14%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-5-4 {
	position: absolute;
	left: 11.05%;
	top: 2.69%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-5-5 {
	position: absolute;
	left: 8.33%;
	top: 33.68%;
	width: 8.7%;
	height: 11.6%;
}

/*  こんなところに池上通信機 学生生活  */
#place .place-image .btn-6-1 {
	position: absolute;
	left: 79.38%;
	top: 16.95%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-6-2 {
	position: absolute;
	left: 41.14%;
	top: 3.85%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-6-3 {
	position: absolute;
	left: 86.31%;
	top: 31.34%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-6-4 {
	position: absolute;
	left: 69.56%;
	top: 72.74%;
	width: 8.7%;
	height: 11.6%;
}

#place .place-image .btn-6-5 {
	position: absolute;
	left: 83.77%;
	top: 62.10%;
	width: 8.7%;
	height: 11.6%;
}


#place .modal-box .left-box {
	width: 100%;
	height: auto;
	margin: 0;
}

#place .modal-box .right-box {
	width: 100%;
	height: auto;
}


/*  職種紹介  */
#occupation h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#occupation .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#occupation h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#occupation .accordion-area {
	width: 100%;
	max-width: 100%;
}

#occupation .accordion-area h4.title {
	padding: 1rem;
}

#occupation .accordion-area h4.title span {
	display: block;
	position: relative;
	width: 90%;
	top: 0;
}

#occupation .accordion-area h4.title img {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 1rem 0;
	box-shadow: none;
}

#occupation .accordion-area .title::before{
	left: 0.5rem;
}
#occupation .accordion-area .title::after{
	right: 1rem;
	top: 92%;
}

#occupation .accordion-area .title.close::after{
	right: 1rem;
	top: 89%;
}

#occupation .accordion-area .box {
	padding: 1rem 2rem 1rem 2rem;
}

#occupation table.matrix {
	width: 100%;
	border-spacing: 0;
}

#occupation table.matrix th {
	width: 20%;
	text-align: center;
	padding: 0;
	border: 0.1rem solid #ccc;
}

#occupation table.matrix th.rikei {
	background: #cee4f6;
}

#occupation table.matrix th.bunkei {
	background: #97ccef;
}

#occupation table.matrix td.job {
	width: 40%;
	padding: 1rem 0.25rem;
	display: revert;
	text-align: left;
}

#occupation table.matrix td.exp {
	width: 40%;
	padding: 1rem 0.25rem;
	display: revert;
	text-align: left;
}


/*  拠点紹介  */
#base h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#base .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#base h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#base .box-3-item {
	width: 100%;
}

#base .box-3-item:not(:nth-child(3n+3)) {
	margin: 0 0 1rem 0;
}

#base .box-4-item {
	width: 100%;
}

#base .box-4-item:not(:nth-child(4n+4)) {
	margin: 0 0 1rem 0;
}

#base .box {
	width: 100%;
	padding: 1rem 0;
	margin: 0 0 0 0;
}

#base .box span {
	letter-spacing: 0.3rem;
}

#base .int-q {
	height: auto;
	padding: 1rem;
	margin: 1.5rem 0 0 0;
}

#base .int-a {
	padding: 0.5rem;
	margin: 1rem 0 0 0;
}


/*  先輩社員 一覧 */
#staff-index h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#staff-index .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#staff-index h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#staff-index .staff-box {
	padding: 0 0 3rem 0;
}

#staff-index .staff-box .item {
	float: none;
	width: 100%;
	height: auto;
	margin-top: 2rem;
}

#staff-index .staff-box .item .lead-box {
	width: calc(100% - 4rem);
	height: 15rem;
	margin: 0;
	padding: 1rem 2rem 2rem 2rem;
}

#staff-index .item:not(:nth-child(3n+3)) {
	margin-right: 0;
}

#staff-index .item:nth-child(n+4) {
	margin-top: 2rem;
}


/*  先輩社員  */
#staff .head-box {
	width: 100%;
	z-index: 6;
}

#staff .head-box .bk-message img {
	width: 100%;
	height: auto;
}

#staff .head-box .text {
	max-width: calc(100% - 2rem);
	width: calc(100% - 2rem);
	margin: 0 auto;
	padding: 0;
	display: contents;
	position: relative;
	top: auto;
	right: auto;
}

#staff .head-box .text .title {
	letter-spacing: 0.3rem;
	line-height: 3.5rem;
	margin: 2rem 0 0 0;
	padding: 0 1rem 0 1rem;
}

#staff .head-box .text .name {
	letter-spacing: 0.3rem;
	margin: 2rem 0 0 0;
	padding: 0 1rem 0 1rem;
}

#staff .f-photo {
	width: 100%;
}

#staff .f-photo img.lead-img-1{
	width: 100%;
	height: auto;
	margin: 5rem 0 0 0;
	z-index: 5;
}

#staff .f-photo img.lead-img-2{
	float: none;
	width: 100%;
	height: auto;
	z-index: 5;
}

#staff .f-photo img.lead-img-3{
	float: none;
	width: 100%;
	height: auto;
	z-index: 5;
}

#staff .r-lead {
	width: calc(100% - 3rem);
	display: flex;
	margin: -5rem 0 0 3rem;
}

#staff .r-lead .lead-box {
	width: 100%;
	margin-left: auto;
	padding: 3rem;
	background: #fff;
	z-index: 0;
}

#staff .l-lead {
	width: calc(100% - 3rem);
	float: none;
	margin: -5rem 0 0 0;
}

#staff .sp-margin {
	margin: -25rem 0 10rem 0;
}

#staff .l-lead .lead-box {
	position: relative;
	width: calc(100% - 6rem);
	margin-right: auto;
	padding: 3rem;
	background: #fff;
	z-index: 3;
}

#staff .l-lead .lead-box-none {
	width: 105%;
	margin: 0 auto;
	padding: 5rem 0 0 0;
}

#staff .schedule-box {
	margin: 0;
}

#staff .schedule-left-box {
	float: none;
	width: 100%;
}

#staff .schedule-right-box {
	float: none;
	width: 100%;
	margin: -3.0rem 0 0 0;
}

#staff ol.schedule-bar {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	width: calc(100% - 2rem);
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 1.4rem;
	list-style: none;
}

#staff ol.schedule-bar li {
	width: 100%;
	margin: 3rem 0 0 0;
}

#staff ol.schedule-bar br.sp-none {
	display: none;
}

#staff ol.schedule-bar .sp-pad-1 {
	padding: 0 0 0 1.5rem;
}

#staff ol.schedule-bar .sp-pad-2 {
	padding: 0 0 0 3rem;
}

#staff ol.schedule-bar li:after {
	border-bottom: none;
	border-left: #0da1e8 0.1rem solid;
	content: "";
	height: 150%;
	left: 0.9rem;
	top: -4rem;
	width: 1rem;
}

#staff ol.schedule-bar li.long:after {
	border-bottom: none;
	border-left: #0da1e8 0.1rem solid;
	content: "";
	height: 130%;
	left: 0.9rem;
	top: -8rem;
	width: 1rem;
}

#staff ol.schedule-bar li span.maru {
	margin-bottom: 0.4rem;
}

#staff ol.schedule-bar li p {
	margin: 1rem 0 0 4rem;
}


/*  座談会  */
#young-symposium .head-box {
	width: 100%;
	z-index: 6;
}

#young-symposium .head-box .bk-young img {
	width: 100%;
	height: auto;
}

#young-symposium .head-box .text {
	max-width: calc(100% - 2rem);
	width: calc(100% - 2rem);
	margin: 0 auto;
	padding: 0;
	display: contents;
	position: relative;
	top: auto;
	right: auto;
}

#young-symposium .head-box .text h2 {
	position:relative;
	display:inline-block;
	font-size: 2.8rem;
	font-weight: 700;
	color: #fff;
	margin: 2rem 0;
	padding: 1rem;
}

#young-symposium .head-box .text .title {
	letter-spacing: 0.3rem;
	line-height: 3.5rem;
	margin: 0;
	padding: 0 1rem 0 1rem;
}

#young-symposium .lead-box {
	line-height: 3.5rem;
	text-align: left;
	margin: 2rem 0 0 0;
}

#young-symposium .staff-box .item {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}

#young-symposium .staff-box .lead-box {
	width: calc(100% - 6rem);
	height: 12rem;
	padding: 1rem 3rem 2rem 3rem;
}

#young-symposium .staff-box .item:not(:nth-child(4n+4)) {
	margin-right: 0;
	margin-bottom: 2rem;
}

#young-symposium .lb-white {
	background: linear-gradient(#FFF 0, #dfecf8 0 45rem, #FFF 45rem),
	linear-gradient(to right,rgba(0,0,0,0) 0 90%, #FFF 90% 100%);
	background-blend-mode: screen;
}

#young-symposium .rb-white {
	background: linear-gradient(#FFF 0, #dfecf8 0 45rem, #FFF 45rem),
	linear-gradient(to left,rgba(0,0,0,0) 0 90%, #FFF 90% 100%);
	background-blend-mode: screen;
}

#young-symposium .title-text {
	padding: 1rem 0 1rem 0.5rem;
}

#young-symposium .title-text h3 {
	font-weight: 500;
	letter-spacing: 0.2rem;
	text-align: justify;
	padding: 0.3rem;
}

#young-symposium .talk_block_left {
	max-width: 100%;
}

#young-symposium .talk_block_left .name {
	width: 5rem;
	font-size: 1.5rem;
	text-align: center;
	padding: 0.5rem 1rem;
	margin: 0;
}

#young-symposium .talk_block_left p {
	width: 100%;
	padding: 0 0.5rem;
	margin: 0;
}


/*  福利厚生  */
#welfare h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#welfare .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#welfare h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#welfare h4 {
	letter-spacing: 0.3rem;
	margin: 2rem 0 1rem 0;
	padding: 0;
}

#welfare h5 {
	letter-spacing: 0.3rem;
	margin: 2rem 0 1rem 0;
	padding: 2rem 1rem;
}

#welfare .lb-white {
	background: linear-gradient(#FFF 0, #dfecf8 0 20rem, #FFF 20rem),
	linear-gradient(to right,rgba(0,0,0,0) 0 50%, #FFF 50% 100%);
}

#welfare .rb-white {
	background: linear-gradient(#FFF 0, #dfecf8 0 20rem, #FFF 20rem),
	linear-gradient(to left,rgba(0,0,0,0) 0 50%, #FFF 50% 100%);
}

#welfare .welfare-box {
	display: flex;
	flex-wrap: wrap;
}

#welfare .welfare-box .left-text-box {
	padding: 0;
	width: 100%;
	margin: 0;
}

#welfare .welfare-box .right-text-box {
	padding: 0;
	width: 100%;
	margin: 0;
}

#welfare .welfare-box .left-photo-box, 
#welfare .welfare-box .right-photo-box {
	padding: 0;
	width: 100%;
}

#welfare .welfare-box img {
	width: 100%;
	height: auto;
}

#welfare .photo-box-2 {
	margin: 0 0 0 0;
}

#welfare .photo-box-2 .item {
	width: 100%;
	margin: 0 0 2rem 0;
}

#welfare .photo-box-2 .item img {
	width: 100%;
	padding: 0;
}

#welfare .photo-box-2 .item img.harf {
	width: 100%;
	height: auto;
	padding: 0;
}

#welfare .photo-box-2 .item .title-box {
	width: 100%;
	text-align: center;
	padding: 1rem 0;
	margin: 0;
}

#welfare .photo-box-2 .item:not(:nth-child(2n+2)) {
	margin-right: 0;
}

#welfare .photo-box-3 .item {
	width: 100%;
	margin: 0 0 2rem 0;
}

#welfare .photo-box-3 .item img {
	width: 100%;
	padding: 0;
}

#welfare .photo-box-3 .item .title-box {
	width: 100%;
	text-align: center;
	padding: 1rem 0;
	margin: 0;
}

#welfare .photo-box-3 .item:not(:nth-child(3n+3)) {
	margin-right: 0;
}

#welfare .photo-box-5 .item {
	width: 100%;
	margin: 0 0 2rem 0;
}

#welfare .photo-box-5 .item:not(:nth-child(5n+5)) {
	margin-right: 0;
}

#welfare .singles-box {
	padding: 2rem;
	border-radius: 1rem;
}

#welfare .singles-box .name-box {
	padding: 0.5rem 0 2rem 0;
}

#welfare .singles-box .name-box .text {
	width: 100%;
	letter-spacing: 0.2rem;
}

#welfare .singles-box .name-box .text .block {
	padding: 0 1.5rem;
}

#welfare .leave-box {
	padding: 2rem;
	border-radius: 1rem;
}

#welfare .leave-box .name-box {
	padding: 0.5rem 0 2rem 0;
}

#welfare .leave-box .name-box .icon {
	padding: 0;
	width: 5rem;
	margin: 0 1rem 0 0;
}

#welfare .leave-box .name-box .icon img {
	width: 5rem;
	height: auto;
}

#welfare .leave-box .name-box .text {
	width: 100rem;
	letter-spacing: 0.3rem;
	text-align: justify;
	padding: 0;
	margin: 0;
}


/*  新卒採用情報  */
#new-recruit h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#new-recruit .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#new-recruit h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#new-recruit .lead-box-left {
	width: 100%;
	margin: 0 0 0 0;
	padding: 3rem;
}

#new-recruit .lead-box-right {
	width: 100%;
	margin: 2rem 0 0 0;
	padding: 3rem;
	border: 0.1rem solid #dfecf8;
}

#new-recruit .btn-box {
	margin: 3rem auto;
}


/*  新卒採用情報 募集要項  */
#new-recruit-guide h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#new-recruit-guide .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#new-recruit-guide h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#new-recruit-guide h3 {
	position:relative;
	display:inline-block;
	margin: 3rem 0;
	padding: 3rem 0 3rem 0;
}

#new-recruit-guide .splet {
	width: 100%;
}

#new-recruit-guide .splet h4 {
	display: block;
	width: 100%;
	border-top: 0.1rem solid #0da1e8;
	padding: 2rem 0;
	margin: 0 auto;
}

#new-recruit-guide .splet .splet-box {
	display: block;
	width: calc(100% - 2rem);
	line-height: 2.9rem;
	padding: 2rem 1rem 3rem 1rem;
	border: none;
	margin: 0 auto;
}

#new-recruit-guide .splet .h4-end,
#new-recruit-guide .splet .splet-box-end {
	border-bottom: 0.1rem solid #0da1e8;
}


/*  新卒採用情報 FAQ */
#new-recruit-faq h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#new-recruit-faq .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#new-recruit-faq h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}


/*  キャリア採用情報 */
#career-recruit h2 {
	height: 30rem;
	font-size: 2.5rem;
	letter-spacing: 0.1rem;
	margin: 2rem 0.5rem;
	padding: 2rem 0;
}

#career-recruit .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#career-recruit h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}

#career-recruit .lead-box-left {
	width: 100%;
	margin: 0 0 0 0;
	padding: 3rem;
}

#career-recruit .lead-box-right {
	width: 100%;
	margin: 2rem 0 0 0;
	padding: 3rem;
	border: 0.1rem solid #dfecf8;
}

#career-recruit .btn-box {
	margin: 3rem auto;
}


/* キャリア採用情報 募集要項index */
#career-recruit-guide-index h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#career-recruit-guide-index .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#career-recruit-guide-index h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}


/*  採用情報共通　お問い合わせBOX */
.inquiry_box p {
	font-size: 1.8rem;
}

.inquiry_box p.address {
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	line-height: 3.0rem;
}

.inquiry_box ul.contact {
	margin: 0.5rem auto 0;
	width: 100%;
}

.inquiry_box ul.contact li {
	padding: 0.5rem;
	height: 2rem;
	line-height: 2rem;
	border: 0;
	float: none;
}

.inquiry_box ul.contact li.title {
	width: 100%;
	font-size: 1.8rem;
	color: #fff;
	background-color: #059fe4;
	padding: 2rem 0;
}

.inquiry_box ul.contact li.number {
	width: 100%;
	font-size: 1.8rem;
	padding: 2rem 0;
}


/* キャリア採用情報  募集要項 */
#career-recruit-guide h2 {
	height: 30rem;
	font-size: 2.5rem;
	letter-spacing: 0.1rem;
	margin: 2rem 0.5rem;
	padding: 2rem 0;
}

#career-recruit-guide .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#career-recruit-guide h2:before {
	height: 0;
}

#career-recruit-guide h3.title {
	font-size: 2.5rem;
	width: calc(100% - 4rem);
	padding: 3rem 2rem;
	margin: 0 auto;
}

#career-recruit-guide .splet {
	width: 100%;
}

#career-recruit-guide .splet h4 {
	display: block;
	width: 100%;
	border-top: 0.1rem solid #0da1e8;
	padding: 2rem 0;
	margin: 0 auto;
}

#career-recruit-guide .splet .splet-box {
	display: block;
	width: calc(100% - 2rem);
	font-size: 1.5rem;
	line-height: 2.9rem;
	padding: 2rem 1rem 3rem 1rem;
	border: none;
	margin: 0 auto;
}

#career-recruit-guide .splet .h4-end,
#career-recruit-guide .splet .splet-box-end {
	border-bottom: 0.1rem solid #0da1e8;
}


/*  新卒採用情報 FAQ */
#career-recruit-faq h2 {
	height: 30rem;
	font-size: 2.5rem;
	margin: 2rem 0;
	padding: 2rem;
}

#career-recruit-faq .main-lead {
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	width: 95%;
	color: #fff;
	text-align: justify;
	top: -10rem;
	margin: 0 auto;
	line-height: 2.5rem
}

#career-recruit-faq h2:before {
	height: 0.1rem;
	width: 5rem;
	bottom: 12rem;
	left: calc(50% - 2.5rem);
}