@charset "UTF-8";

/* Ikegami - Recruit Site - sp-pages.css
======================================================== */

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

	/*  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;
	}

	/*  header  */
	header {
		height: 6.5rem;
	}

	h1.logo {
		padding: 0 0 0 0.5rem;
		margin: 1.8rem 0 0 0;
	}

	h1.logo img {
		width: 13rem;

	}

	h1.logo span {
		font-size: 1.1rem;
		vertical-align: -0.3rem;
	}

	.pc-nav {
		display: none;
	}

	.entry-nav {
		display: none;
	}

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

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

	/*  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-base-head {
		width: 100%;
		height: auto;
	}

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

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

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

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

	.navToggle {
		display: block;
	}

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

	.sp {
		display: block;
	}


	/*  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;
	}


	/*  back to top  */
	#backtotop {
		content: "";
		bottom: 3rem;
		right: 3rem;
		width: 5rem;
		height: 5rem;
		z-index: 10;
	}

	#backtotop::after {
		left: 1.7rem;
		top: 2.0rem;
		width: 1.3rem;
		height: 1.3rem;
	}

	/*  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;
	}


	/*  メッセージ　> パーパス  */
	#purpose h2 {
		height: 30rem;
		font-size: 2.5rem;
		margin: 2rem 0;
		padding: 2rem;
	}

	#purpose .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
	}

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

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

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

	#purpose .purpose-title {
		display: block;
		width: 95%;
		letter-spacing: 0.2rem;
		padding: 2rem 0;
		margin: 0 auto 3rem auto;
		border-top: 3px solid #0da1e8;
		border-bottom: 3px solid #0da1e8;
	}


	/*  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 .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);
	}

	.bk-map-base {
		height: auto;
	}

	#base .bk-map-base img {
		width: 95%;
		height: auto;
		padding: 0 0 0 0;
	}

	#base .title-section img {
		width: auto;
		height: 5rem;
		margin: 5rem 0 0 0;
	}

	#base h4 {
		width: 100%;
		padding: 1rem 1rem 1rem 0;
	}

	#base ul.col-2 {
		display: block;
		padding: 2rem 0;
	}

	#base ul.col-2 li {
		width: 100%;
		margin: 0 0 0 0;
	}

	#base ul.col-2 li img {
		width: 100%;
		height: auto;
	}

	#base ul.col-2 li iframe {
		width: 100%;
		height: 50rem;;
	}

	#base ul.col-3 {
		display: block;
		padding: 0.5rem 0;
	}

	#base ul.col-3 li {
		width: 100%;
		text-align: center;
		margin: 1.5rem 0 0 0;
		line-height: 3rem;
	}

	#base ul.col-3 li.last {
		margin: 1.5rem 0 0 0;
	}

	#base ul.col-3 li img {
		width: 100%;
		height: auto;
	}

	#base ul.col-4 {
		display: block;
		padding: 2rem 0;
	}

	#base ul.col-4 li {
		width: 100%;
		text-align: center;
		margin: 0.5rem 0 0 0;
	}

	#base ul.col-4 li.last {
		margin: 0.5rem 0 0 0;
	}

	#base ul.col-4 li img {
		width: 100%;
		height: auto;
	}

	#base ul.col-5 {
		display: block;
	}

	#base ul.col-5 li {
		width: 100%;
		text-align: center;
		margin: 0.1rem 0 0 0;
		line-height: 5rem;
	}

	#base ul.col-5 li.last {
		margin: 0.1rem 0 0 0;
	}

	#base section a {
		width: 96%;
		font-size: 1.7rem;
		padding: 1rem;
		border-radius: 2.5rem;
	}

	#base section a:before {
		right: 1rem;
	}

	#base section a:after {
		top: 35%;
		right: 3.3rem;
	}


	/*  拠点紹介 本社/藤沢/宇都宮 */
	#base-spot .container-1200-base-head img {
		position: relative;
		width: 100%;
		height: auto;
		text-align: left;
		border-radius: 0;
	}

	#base-spot .container-1200-base-head h2.title-name {
		position: relative;
		top: 0;
		left: 0;
		width: calc(100% - 2rem);
		height: auto;
		padding: 0.5rem;
		margin: 0 0 0 1rem;
		background: #fff;
		border-radius: 0;
	}

	#base-spot .container-1200-base-head .sub-title-1 {
		position: relative;
		width: calc(100% - 2rem);
		height: auto;
		top: 0;
		right: 0rem;
		background: #fff;
		padding: 0.5rem;
		margin: 2rem 0 0 1rem;
	}

	#base-spot .container-1200-base-head .sub-title-2 {
		position: relative;
		width: calc(100% - 2rem);
		height: auto;
		top: 0;
		right: 0;
		background: #fff;
		padding: 0.5rem;
		margin: 2rem 0 0 1rem;
	}

	#base-spot .rb-white {
		width: 100%;
		background: linear-gradient(#FFF 0, #dfecf8 0 92rem, #FFF 92rem),
		linear-gradient(to left,rgba(0,0,0,0) 0 65%, #FFF 65% 100%);
		background-blend-mode: screen;
		z-index: -50;
	}

	#base-spot .line-skyblue {
		width: 95%;
		height: auto;
		content: " ";
		display: block;
		background: linear-gradient(#fff, #fff) right / 10% 100% no-repeat,
		linear-gradient(#fff 0 6.3rem,#0f97e5 6.3rem 6.5rem,#fff 6.5rem 100%);
	}

	#base-spot .line-skyblue-2 {
		width: 90%;
		height: auto;
		content: " ";
		display: block;
		background: linear-gradient(#fff, #fff) right / 10% 100% no-repeat,
		linear-gradient(#fff 0 6.3rem,#0f97e5 6.3rem 6.5rem,#fff 6.5rem 100%);
	}

	#base-spot h3.title-person {
		width: auto;
		height: auto;
		margin: 5rem 0 0 0;
	}

	#base-spot h3.title-person img {
		width: auto;
		height: 10rem;
	}

	#base-spot h3.title-attraction {
		width: auto;
		height: auto;
		margin: 5rem 0 0 0;
	}

	#base-spot h3.title-attraction img {
		width: auto;
		height: 10rem;
	}

	#base-spot h4.title-interview {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-interview img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-access {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-access img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-living {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-living img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-holiday {
		width: 50%;
		height: 5rem;
		margin: 0 auto;
		padding: 0 2rem;
		text-align: center;
		background: #fff;
	}

	#base-spot h4.title-holiday img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-spot {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-spot img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-childcare {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-childcare img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-tourist {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-tourist img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-fujisawa {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-fujisawa img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-kamakura {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-kamakura img {
		width: auto;
		height: 5rem;
	}

	#base-spot h4.title-enoden {
		width: auto;
		height: auto;
		margin: 3rem 0 0 0;
	}

	#base-spot h4.title-enoden img {
		width: auto;
		height: 5rem;
	}

	#base-spot .h3-cat-text {
		margin: 2rem 0 0 0;
        	line-height: 4.5rem;
	}

	#base-spot .h4-cat-text {
		margin: 2rem 0 0 0;
		line-height: 4.5rem;
	}

	#base-spot .h4-system-text {
		margin: 0;
		line-height: 4.5rem;
	}

	#base-spot .h5-cat-text {
		display: inline-block;
		position: relative;
		padding: 0;
		display: flex;
		align-items: center;
	}

	#base-spot .h5-cat-text::after {
		content: "";
		flex: 0.1rem;
		height: 0.1rem;
		margin-left: 1rem;
		background-color: #000;
	}

	#base-spot .h5-yacin-text {
		width: 95%;
		max-width: 95%;
		padding: 1rem;
		color: #fff;
		background: #0f97e5;
		display: block;
		text-align: center;
		position: relative;
		margin: 0 auto;
		border: none;
		border-radius: 2rem;
	}

	#base-spot .bk-personal {
		width: 100%;
		height: auto;
		background-image: none;
	}

	#base-spot .person-box {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	#base-spot .person-box li {
		width: 100%;
		height: auto;
		margin: 2rem 0 0 0;
	}

	#base-spot .person-box li.last {
		margin: 2rem 0 0 0;
	}

	#base-spot .person-box li a .hukidasi {
		position: relative;
		display: inline-block;
		margin: 0.5em 0;
		padding: 1rem;
		width: calc(100% - 2.4rem);
		min-width: calc(100% - 2.4rem);
		color: #0f97e5;
		background: #fff;
		text-align: center;
		border-radius: 1.5rem;
		border: 0.2rem solid #0f97e5;
	}

	#base-spot .person-box li a .hukidasi:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 2rem;
		height: 2rem;
		background: #fff;
		border-right: 0.2rem solid #0f97e5;
		border-bottom: 0.2rem solid #0f97e5;
		transform: translate(-50%,55%) rotate(45deg); 
		transform-origin:center center;
	}

	#base-spot .person-box li a img {
		width: 100%;
		height: auto;
	}

	#base-spot .person-box li a .personal-data-pa {
		width: calc(100% - 2rem);
		height: auto;
		padding: 1rem;
		margin: -0.3rem 0 0 0;
		background: #0f97e5;
	}

	#base-spot .person-box li a .personal-data-pa .inner {
		background-image: url("../../images/base_spot/allow_personal.svg");
		background-size: 5rem 5rem;
		background-position-x: right;
		background-position-y: bottom;
		background-repeat: no-repeat;
	}

	#base-spot .person-box li a:hover .hukidasi,
	#base-spot .person-box li a:hover img,
	#base-spot .person-box li a:hover .personal-data-pa {
		opacity: 0.5;
		transition: all .3s ease;
	}

	#base-spot .accessmap {
		width: 100%;
		height: auto;
		margin: 3rem auto;
	}

	#base-spot .accessmap img {
		width: 100%;
		height: auto;
	}

	#base-spot .back-gra {
		width: 100%;
		background: linear-gradient(to right, #fff 0%, #fff 30%, #fff 30%, #dfecf8 100%);
		background-blend-mode: screen;
		z-index: -50;
		padding: 0;
	}

	#base-spot section .living-box {
		display: block;
		padding: 0;
	}

	#base-spot section .living-box .left {
		width: 100%;
	}

	#base-spot section .living-box .right {
		width: 100%;
		text-align: center;
		margin: 3rem 0 0 0;
	}

	#base-spot section .living-box .right img {
		width: 100%;
		height: auto;
	}

	#base-spot section .living-photo {
		width: 100%;
		text-align: center;
		margin: 3rem 0 5rem 0;
	}

	#base-spot section .living-photo img {
		width: 100%;
		height: auto;
	}

	#base-spot section .living-best-box {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}

	#base-spot section .living-best-box .left {
		width: 100%;
		text-align: left;
	}

	#base-spot section .living-best-box .left img {
		width: 100%;
		height:auto;
	}

	#base-spot section .living-best-box .right {
		width: 100%;
	}

	#base-spot section .living-best-box .right img {
		width: 50%;
		height: auto;
	}

	#base-spot section .living-best-box .right img.all {
		width: 100%;
		height: auto;
	}

	#base-spot section .living-best-boxs {
		display: block;
		width: calc(100% - 4rem);
		padding: 1rem 2rem;
		margin: 0 auto;
		border: 0.1rem solid #d1d1d1;
		border-radius: 2rem;
	}

	#base-spot section .living-best-boxs .left {
		width: 100%;
		text-align: left;
	}

	#base-spot section .living-best-boxs .left img {
		width: 80%;
		height:auto;
	}

	#base-spot section .living-best-boxs .right {
		width: 100%;
	}

	#base-spot section .holiday-box {
		width: calc(100% - 4.6rem);
		padding: 5rem 2rem 1rem 2rem;
		margin: -3rem auto 0 auto;
		border: 0.3rem solid #0f97e5;
		border-radius: 2rem;
	}

	#base-spot section .holiday-box .inner {
		display: block;
		width: 100%;
	}

	#base-spot section .holiday-box .inner .left-photo {
		width: 100%;
	}

	#base-spot section .holiday-box .inner .right-text {
		width: 100%;
	}

	#base-spot section .holiday-box .inner .left-text {
		width: 100%;
	}

	#base-spot section .holiday-box .inner .right-photo {
		width: 100%;
	}

	#base-spot section .holiday-box .inner .left-photo img,
	#base-spot section .holiday-box .inner .right-photo img {
		width: 100%;
		height: auto;
	}

	#base-spot section .spot-box {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		border: 0.1rem solid #d1d1d1;
		border-radius: 1.5rem;
		background: #fff;
	}

	#base-spot section .spot-box .left-photo {
		width: 100%;
		height: auto;
		padding: 0;
	}

	#base-spot section .spot-box .left-photo img {
		width: 100%;
		height: auto;
		border-radius: 1.5rem 1.5rem 0 0;
	}

	#base-spot section .spot-box .right-text {
		width: calc(100% - 2rem);
		background: #fff;
		padding: 0 1rem;
	}

	#base-spot section .float {
		float: right;
		height: 30rem;
	}

	#base-spot .bk-tourist {
		width: 100%;
		height: auto;
		background-image: none;
		background-size: 100%;
		background-position-y: bottom;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	#base-spot .bk-tourist .tourist-box {
		width: 100%;
		margin: 0;
	}

	#base-spot .bk-tourist .tourist-box img {
		width: 100%;
		height: auto;
	}

	#base-spot section .system-box {
		display: block;
		width: 100%;
		margin: 3rem 0 0 0;;
	}

	#base-spot section .system-box .left-text {
		width: 100%;
	}

	#base-spot section .system-box .right-photo {
		width: 100%;
	}

	#base-spot section .system-box .right-photo img {
		width: 90%;
		height: auto;
	}

	#base-spot section .enoden-map {
		width: 100%;
		text-align: center;
	}

	#base-spot section .enoden-map img {
		width: 100%;
		height: auto;
	}

	#base-spot section .system-spot-box {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		border: 0.1rem solid #d1d1d1;
		border-radius: 1.5rem;
	}

	#base-spot section .system-spot-box .left-photo {
		width: 100%;
		height: auto;
		padding: 0;
	}

	#base-spot section .system-spot-box .left-photo img {
		width: 100%;
		height: auto;
		border-radius: 1.5rem 1.5rem 0 0;
	}

	#base-spot section .system-spot-box .right-text {
		width: calc(100% - 2rem);
		background: #fff;
		padding: 0 1rem;
		border-radius: 1.5rem;
	}


	/*  拠点紹介 STAFF */
	#base-staff .container-1200-base-head img {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0;
		text-align: left;
	}

	#base-staff .container-1200-base-head h2 {
		position: relative;
		top: 0;
		left: 0;
		font-size: 3rem;
		margin: 0 0 0 1rem;
		line-height: 4.5rem;
	}

	#base-staff .container-1200-base-head .title-name {
		position: relative;
		top: 0;
		left: 0;
		font-size: 2rem;
		margin: 3rem 0 0 1rem;
		line-height: 3rem;
		text-shadow: 0 0.4rem 0.4rem #00000040;
	}

	#base-staff .container-1200-base-head .sub-title-1 {
		position: relative;
		width: calc(100% - 1rem);
		height: auto;
		top: 0;
		right: 0;
		margin: 3rem 0 0 0;
		font-size: 2.5rem;
		background: #fff;
		padding: 0.5rem;
	}

	#base-staff .container-1200-base-head .sub-title-2 {
		position: relative;
		width: calc(100% - 1rem);
		height: auto;
		top: 0;
		right: 0;
		margin: 2rem 0 0 0;
		font-size: 2.5rem;
		background: #fff;
		padding: 0.5rem;
	}

	#base-staff .lb-white {
		width: 100%;
		background: linear-gradient(#FFF 0, #dfecf8 0 92rem, #FFF 92rem),
		linear-gradient(to right,rgba(0,0,0,0) 0 70%, #FFF 70% 100%);
		background-blend-mode: screen;
		z-index: -50;
	}

	#base-staff .rb-white {
		width: 100%;
		background: linear-gradient(#FFF 0, #dfecf8 0 92rem, #FFF 92rem),
		linear-gradient(to left,rgba(0,0,0,0) 0 65%, #FFF 65% 100%);
		background-blend-mode: screen;
		z-index: -50;
	}

	#base-staff .f-section {
		margin: 5rem 0 0 0;
		height: auto;
	}

	#base-staff .f-section img {
		width: 100%;
		height: auto;
	}

	#base-staff .s-section {
		margin: 5rem 0 0 0;
		height: auto;
	}

	#base-staff .s-section img {
		width: 100%;
		height: auto;
	}

	#base-staff .t-section {
		margin: 10rem 0 0 0;
		height: auto;
		background: #d7edfb;
	}

	#base-staff section .f-photo {
		display: block;
		text-align: center;
		padding: 5rem 0;
	}

	#base-staff section .text-block {
		width: 95%;
		margin: 5rem auto;
	}

	#base-staff section .last-block {
		width: 95%;
		margin: 5rem auto;
	}

	#base-staff section .last-block img {
		width: 100%;
		height: auto;
		margin: 5rem auto;
	}

	#base-staff section .text-block .r-lead {
		float: none;
		width: 100%;
		padding: 0;
		margin: 3rem 0 0 0;
	}

	#base-staff section .text-block .l-lead {
		display: inline-block;
		float: none;
		width: 100%;
		padding: 5rem 0 0 0;
		margin: 3rem 0 0 0;
	}

	#base-staff section .last-block .c-lead {
		display: inline-block;
		width: 100%;
		background: #fff;
	}

	#base-staff section h3 {
		width: 90%;
		max-width: 90%;
		padding: 1rem;
		border-radius: 2rem;
	}

	#base-staff section .lead-text {
		text-align: justify;
		line-height: 4rem;
		margin: 5rem 0 5rem 0;
	}

	#base-staff section .t-photo-block {
		display: block;
		padding: 5rem 0;
	}

	#base-staff section .t-photo-block img {
		width: 100%;
		height: auto;
	}


	/*  先輩社員 一覧 */
	#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.mid:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 130%;
		left: 0.9rem;
		top: -6rem;
		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: -6rem;
		width: 1rem;
	}

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

	#staff ol.schedule-bar li.wlong8: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.long200:after {
		border-bottom: none;
		border-left: #0da1e8 0.1rem solid;
		content: "";
		height: 150%;
		left: 0.9rem;
		top: -6rem;
		width: 1rem;
	}

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

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

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


	/*  福利厚生  */
	#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;
	}


	/*  キャリア採用情報 */
	#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 */
	#faq h2 {
		height: 30rem;
		font-size: 2.5rem;
		letter-spacing: 0.1rem;
		margin: 2rem 0.5rem;
		padding: 2rem 0;
	}

	#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
	}

	#faq h2:before {
		height: 0;
	}

	#faq h3 {
		width: 25rem;
		max-width: 25rem;
		margin: 0 auto;
	}

	#faq section .faq-box {
		width: calc(100% - 1.2rem);
		padding: 5rem 0.5rem 3rem 0.5rem;
	}


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

	.faq-area h4.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;
	}

	.faq-area .box {
		padding: 1rem 2rem 1rem 2rem;
	}

	.faq-area .box ul li {
		font-size: 1.4rem;
	}


	/*  会社を知る 会社概要 */
	#about h2 {
		height: 30rem;
		font-size: 2.5rem;
		margin: 2rem 0;
		padding: 2rem;
	}

	#about .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
	}

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

	#about .splet {
		width: 100%;
	}

	#about .splet h4 {
		width: 30%;
		letter-spacing: 0;
	}

	#about .splet .splet-box {
		width: 70%;
		padding: 1rem 2rem;
	}


	/*  座談会  */
	#symposium-index h2 {
		height: 30rem;
		font-size: 2.5rem;
		margin: 2rem 0;
		padding: 2rem;
	}

	#symposium-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
	}

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

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

	#symposium-index .symposium-box .item {
		width: 100%;
		height: auto;
		margin-top: 3rem;
		margin-right: 0;
	}

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


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

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

	#young-symposium .head-box .box-inner {
		max-width: 95%;
		width: 95%;
		margin: 0 auto;
		padding: 3rem;
		bottom: 5rem;
		background: #fff;
	}

	#young-symposium .head-box .box-inner h2 {
		font-size: 2.0rem;
		margin: 1rem 0;
		padding: 1rem;
	}

	#young-symposium .head-box .box-inner .title {
		line-height: 3.5rem;
		text-align: center;
	}

	#young-symposium .staff-box .item {
		width: 50%;
		height: auto;
		margin: 0;
		text-align: center;
	}

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

	#young-symposium .staff-box .lead-box {
		width: 70%;
		height: auto;
		padding: 1rem 3rem 2rem 3rem;
	}

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

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

	#young-symposium .title-block {
		padding: 5rem 0 0 0;
	}

	#young-symposium .title-block h3 {
		font-size: 2.2rem;
		letter-spacing: 0.15rem;
	}

	#young-symposium .talk_block {
		display: block;
	}

	#young-symposium .talk_block_left {
		max-width: 100%;
		width: 100%;
		padding: 0;
		margin: 0 auto 2rem;
	}

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

	#young-symposium .talk_block_left p {
		width: calc(100% - 7rem);
		padding: 0;
		margin: 0 0 0 1rem;
	}

	#young-symposium .talk_block_left img {
		width: 100%;
		height: auto;
	}

	#young-symposium .under-box {
		width: 100%;
	}

	#young-symposium .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%);
		background-blend-mode: screen;
	}

	#young-symposium .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%);
		background-blend-mode: screen;
	}


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

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

	#tech-symposium .head-box .text {
		color: #fff;
		box-sizing: border-box;
		max-width: 100%;
		margin: 0;
		padding: 5rem 2rem;
		line-height: 3rem;
		position: relative;
		top: 0;
	}

	#tech-symposium .lead-box {
		letter-spacing: 0.1rem;
		line-height: 3rem;
		text-align: left;
		padding: 5rem 2rem;
		background-color: #f9f9f9;
	}

	#tech-symposium .staff-box .item {
		width: 50%;
		height: auto;
		margin: 5rem 0 0 0;
		text-align: center;
	}

	#tech-symposium .staff-box .item img {
		width: 70%;
		height: auto;
		margin: 0 auto;
	}

	#tech-symposium .staff-box .lead-box {
		width: 70%;
		height: auto;
		padding: 1rem 5rem 2rem 5rem;
	}

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

	#tech-symposium .title-block {
		padding: 5rem 0;
		margin: 5rem 0 0 0;
	}

	#tech-symposium .title-block h3 {
		font-size: 2.0rem;
		letter-spacing: 0.10rem;
		text-align: left;
		line-height: 3.5rem;
	}

	#tech-symposium .talk_block {
		display: block;
	}

	#tech-symposium .talk_block_left {
		max-width: 100%;
		width: 100%;
		padding: 0;
		margin: 0 auto 2rem;
	}

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

	#tech-symposium .talk_block_left p {
		width: calc(100% - 7rem);
		padding: 0;
		margin: 0 0 0 1rem;
	}

	#tech-symposium .talk_block_left img {
		width: 100%;
		height: auto;
	}

	#tech-symposium .under-box {
		width: 100%;
	}

	#tech-symposium .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%);
		background-blend-mode: screen;
	}

	#tech-symposium .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%);
		background-blend-mode: screen;
	}
}