@charset "UTF-8";

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

/*  TOP  */
#home .movie_area {
	position: relative;
	overflow: hidden;
}

#home video {
	width: 100%;
	height: auto;
}

#home h2 {
	position:relative;
	display:inline-block;
	font-size: 6rem;
	font-weight: 700;
	color: #0da1e8;
	margin: 3rem 0;
	padding: 0 0 0 3.2rem;
}

#home h2 span {
	font-size: 2.4rem;
	font-weight: 500;
	color: #000;
	margin: 0 0 0 1.5rem;
}

#home h2:before {
	content: "";
	display: inline-block;
	width: 3rem;
	height: 0.5rem;
	background-color: #0da1e8;
	position: absolute;
	top: 55%;
	left: 0;
}

#home .news {
	width: 100%;
	height: auto;
	background-color: #dfecf8;
	margin: 10rem 0 0 0;
	padding: 0 0 10rem 0;
}

#home .news .news-box {
	width: 100%;
	height: 35rem;
	background-color: #fff;
	overflow-y: auto;
}

#home .news .news-box dl {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0;
	padding: 0 0 0 10rem;
}

#home .news .news-box dl dt {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 20rem;
	height: 9rem;
	font-weight: 500;
	color: #0da1e8;
	margin: 0;
	border-bottom: 0.1rem solid #d6d6d6;
}

#home .news .news-box dl dd {
	display: flex;
	align-items: center;
	justify-content: left;
	width: 80rem;
	margin: 0;
	border-bottom: 0.1rem solid #d6d6d6;
}

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

#home .top-message img.photo {
	display: flex;
	float: right;
	width: 100rem;
	height: auto;
}

#home .top-message .lead-box {
	position: absolute;
	width: 54rem;
	height: 10rem;
	background-color: #fff;
	margin: 20rem 0 0 0;
	padding: 4rem 3rem;
	z-index: 50;
}

#home .top-message .btn-box {
	display: flex;
	justify-content: flex-end;
	padding: 4rem 3rem;
}

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

#home .company img.photo-left {
	display: flex;
	float: left;
	width: 70rem;
	height: auto;
	margin: 0;
}

#home .company img.photo-right {
	display: flex;
	float: right;
	width: 70rem;
	height: auto;
	margin: 0;
}

#home .company .lead-box-left {
	float: left;
	width: 44rem;
	height: 10rem;
	margin: 8rem 0 0 0;
	padding: 4rem 3rem;
}

#home .company .lead-box-right {
	float: right;
	width: 44rem;
	height: 10rem;
	margin: 8rem 0 0 0;
	padding: 4rem 3rem;
}

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

#home .workstyle img.photo-left {
	display: flex;
	float: left;
	width: 70rem;
	height: auto;
	margin: 0;
}

#home .workstyle img.photo-right {
	display: flex;
	float: right;
	width: 70rem;
	height: auto;
	margin: 0;
}

#home .workstyle .lead-box-left {
	float: left;
	width: 44rem;
	height: 10rem;
	margin: 8rem 0 0 0;
	padding: 4rem 3rem;
}

#home .workstyle .lead-box-right {
	float: right;
	width: 44rem;
	height: 10rem;
	margin: 8rem 0 0 0;
	padding: 4rem 3rem;
}

#home .people {
	width: 100%;
	height: auto;
	margin: 3rem 0 0 0;
	padding: 0;
}

#home .senpai {
}

#home .senpai {
	width: 100%;
	height: 79.5rem;
	background-image: url("../../images/top/bk_people.jpg");
	background-size: cover;
	background-position: 0 0;
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	-webkit-animation: loop 20s linear infinite;
	animation: loop 20s linear infinite;
}

@-webkit-keyframes loop {
	from {
		background-position: 0  0;
	}
	to {
		background-position: -3777px 0;
	}
}
@keyframes loop {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -3777px 0;
	}
}

#home .senpai .lead-box {
	width: 100%;
	height: auto;
	background-color:rgba(255,255,255,0.8);
	text-align: center;
	top: 60rem ! important;
	padding: 2rem 0 1rem 0;
}

#home .senpai .btn-box {
	margin: 2rem auto;
}

#home .zadankai {
	height: 79.5rem;
	background-image: url("../../images/top/bk_zadankai.jpg");
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	margin: 10rem 0 0 0;
	padding: 0;
}

#home .zadankai .lead-box {
	width: 100%;
	height: auto;
	background-color:rgba(255,255,255,0.8);
	text-align: center;
	margin: 50rem 0 0 0;
	padding: 2rem 0 1rem 0;
}

#home .zadankai .btn-box {
	margin: 2rem auto;
}

#home .welfare {
	height: 79.5rem;
	background-image: url("../../images/top/bk_welfate.jpg");
	background-size: cover;
	background-position:center;
	background-repeat: no-repeat;
	margin: 3rem 0 0 0;
	padding: 0;
}

#home .welfare-title {
	width: 100%;
	height: auto;
	margin: 3rem 0 0 0;
	padding: 0;
}

#home .welfare .lead-box {
	width: 100%;
	height: auto;
	background-color:rgba(255,255,255,0.8);
	text-align: center;
	margin: 45rem 0 0 0;
	padding: 2rem 0 1rem 0;
}

#home .welfare .btn-box {
	margin: 2rem auto;
}


#home .recruit {
	width: 100%;
	height: auto;
	background-color: #dfecf8;
	margin: 10rem 0 0 0;
	padding: 0;
}

#home .recruit-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

#home .recruit-box .lead-box-left {
	width: 41%;
	height: 10rem;
	background-color: #fff;
	text-align: center;
	margin: 0 0 0 0;
	padding: 8rem 3rem;
	border: 0.1rem solid #dfecf8;
}

#home .recruit-box .lead-box-right {
	width: 41%;
	height: 10rem;
	justify-content: flex-end;
	background-color: #fff;
	text-align: center;
	margin: 0 0 0 auto;
	padding: 8rem 3rem;
	border: 0.1rem solid #dfecf8;
}

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


/*  メッセージ > 採用メッセージ  */
#message .head-box .bk-message img {
	width: 100%;
	height: auto;
}

#message .head-box .text {
	box-sizing: border-box;
	max-width: 120rem;
	margin: 0;
	padding: 0 0 0 0;
	position: absolute;
	top: 6%;
	right: 10%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#message .head-box .text h2 {
	position:relative;
	display:inline-block;
	font-size: 2.0rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #0da1e8;
	margin: 0;
	padding: 0;
}

#message .head-box .text .title {
	letter-spacing: 0.3rem;
	line-height: 5.5rem;
	margin: 2rem 0 0 0;
}

#message .head-box .text .name {
	letter-spacing: 0.3rem;
	color: #000;
	margin: 2rem 0 0 0;
}

#message h3 {
	letter-spacing: 0.3rem;
	margin: 3rem 0;
	padding: 2rem 0;
}

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

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


/*  メッセージ　> パーパス  */
#purpose h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#purpose .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#purpose h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#purpose h3 {
	letter-spacing: 0.3rem;
	margin: 5rem 0;
	padding: 2rem 0;
}

#purpose h4 {
	letter-spacing: 0.3rem;
	margin: 5rem 0;
	padding: 2rem 0;
}

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


/*  3分で分かる池上通信機  */
#understand-ikegami h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#understand-ikegami .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#understand-ikegami h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#understand-ikegami .box-left {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

#understand-ikegami .box-right {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

#understand-ikegami .box-left-photo {
	width: 60rem;
	height: 60rem;

}

#understand-ikegami .box-right-photo {
	width: 60rem;
	height: 60rem;
}

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

#understand-ikegami .box-left-text {
	width: 60rem;
	height: 60rem;
}

#understand-ikegami .box-right-text {
	width: 60rem;
	height: 60rem;
}

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

#understand-ikegami .box-left-text .lead,
#understand-ikegami .box-right-text .lead {
	width: calc(100% - 16rem);
	line-height: 3.5rem;
	text-align: justify;
	padding: 2rem 8rem;
}


/*  事業紹介  */
#business-introduction h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#business-introduction .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#business-introduction h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

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

#business-introduction ul.business-box li {
	float: left;
	width: 23rem;
	height: 15rem;
	margin: 2rem 2rem 2rem 0;
}

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

#business-introduction ul.business-box li .box {
	position: relative;
	text-align: center;
	width: 21rem;
	height: 15rem;
	padding: 5rem 0 0 0;
	background-color: #0f6bc3;
	border: 1rem solid #1079cd;
	overflow: hidden;
	border-radius: 50%;
}

#business-introduction ul.business-box li .box::before {
	position: absolute;
	content: '';
	width: 1rem;
	height: 1rem;
	border-top: solid 0.3rem #fff;
	border-right: solid 0.3rem #fff;
	left: 10rem;
	top: 17rem;
	transform: rotate(135deg);
}

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

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

#business-introduction ul.business-box li .box:hover {
	opacity: 0.8;
}

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

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

#business-introduction .under-box h3.left {
	position: absolute;
	text-align: center;
	width: 20rem;
	height: 11rem;
	padding: 7rem 0 0 0;
	background-color: #0f6bc3;
	border: 1rem solid #1079cd;
	overflow: hidden;
	z-index: 5;
}

#business-introduction .under-box .right-box {
	float: right;
	position: relative;
	text-align: center;
	width: 90rem;
	height: auto;
	padding: 5rem;
	background-color: #fff;
	border: 0.1rem solid #dfecf8;
	overflow: hidden;
	color: #000;
}

#business-introduction .under-box h3.right {
	position: absolute;
	text-align: center;
	width: 20rem;
	height: 11rem;
	left: calc(50% + 36.5rem);
	padding: 7rem 0 0 0;
	background-color: #0f6bc3;
	border: 1rem solid #1079cd;
	overflow: hidden;
	z-index: 5;
}

#business-introduction .under-box .left-box {
	float: left;
	position: relative;
	text-align: center;
	width: 90rem;
	height: auto;
	padding: 5rem;
	background-color: #fff;
	border: 0.1rem solid #dfecf8;
	overflow: hidden;
	color: #000;
}

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

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

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

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


/*  こんなところに池上通信機  */
#place h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#place .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#place h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#place h3 {
	position: relative;
	display: inline-block;
	letter-spacing: 0.3rem;
	/*background-color: #0da1e8;*/
	margin: 3rem 0;
	padding: 0.5rem;
}

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

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

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

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

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

#place .item .name::after {
	position: absolute;
	content: '';
	width: 1rem;
	height: 1rem;
	border: 0.2rem solid #fff;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
	transform-origin: bottom left;
	right: 5%;
	top: 40%;
	box-sizing: border-box;
}

#place .item .name:hover::after {
	top: 50%;
	transition: all .3s ease;
}

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

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

#place .place-image {
	width: calc(100% - 6rem);
	height: auto;
	padding: 3rem;
	background: #dfecf8;
}

#place .place-image img {
	position: relative;
	width: 114rem;
	height: 85.5rem;
}

#place h4 {
	position: relative;
	display: inline-block;
	letter-spacing: 0.1rem;
	margin: 2rem 0;
	padding: 0.5rem;
}

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

#place .modal-box .left-box {
	width: 45%;
	height: auto;
	margin: 2rem 5% 0 0;
}

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

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


/*  職種紹介  */
#occupation h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#occupation .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#occupation h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#occupation .flow-pc {
	position: relative;
	width: 120rem;
	height: 65.5rem;
	margin: 0;
	background: url("../../images/occupation/flow_base.svg");
}

#occupation .flow-pc .btn-01 {
	position: absolute;
	left: 2.9rem;
	top: 17.3rem;
	width: 20.4rem;
	height: 8.5rem;
	background: url("../../images/occupation/bo_flow_01.svg");
}

#occupation .flow-pc .btn-01:hover {
	background: url("../../images/occupation/bo_flow_01_r.svg");
	transition: all .5s ease;
}

#occupation .flow-pc .btn-02 {
	position: absolute;
	left: 22.1rem;
	top: 57.1rem;
	width: 16.8rem;
	height: 6.6rem;
	background: url("../../images/occupation/bo_flow_02.svg");
}

#occupation .flow-pc .btn-02:hover {
	background: url("../../images/occupation/bo_flow_02_r.svg");
	transition: all .5s ease;
}


#occupation .flow-pc .btn-03 {
	position: absolute;
	left: 36.6rem;
	top: 17.8rem;
	width: 16.8rem;
	height: 6.6rem;
	background: url("../../images/occupation/bo_flow_03.svg");
}

#occupation .flow-pc .btn-03:hover {
	background: url("../../images/occupation/bo_flow_03_r.svg");
	transition: all .5s ease;
}


#occupation .flow-pc .btn-04 {
	position: absolute;
	left: 78.7rem;
	top: 17.9rem;
	width: 16.8rem;
	height: 6.6rem;
	background: url("../../images/occupation/bo_flow_04.svg");
}

#occupation .flow-pc .btn-04:hover {
	background: url("../../images/occupation/bo_flow_04_r.svg");
	transition: all .5s ease;
}


#occupation .flow-pc .btn-05 {
	position: absolute;
	left: 67.9rem;
	top: 9.7rem; 
	width: 16.8rem;
	height: 6.6rem;
	background: url("../../images/occupation/bo_flow_05.svg");
}

#occupation .flow-pc .btn-05:hover {
	background: url("../../images/occupation/bo_flow_05_r.svg");
	transition: all .5s ease;
}


#occupation .flow-sp {
	position: relative;
	width: 100%;
	height: auto;
}

#occupation .flow-sp img {
	width: 100%;
	height: auto;
}

#occupation h3 {
	display: inline-block;
	letter-spacing: 0.3rem;
	color: #fff;
	background-color: #0da1e8;
	margin: 3rem 0;
	padding: 0.5rem;
}

#occupation h3.senkou {
	background-color: transparent;
}

#occupation .accordion-area {
	list-style: none;
	width: 100%;
	max-width: 120rem;
	margin:0 auto;
	padding: 0;
}

#occupation .accordion-area li{
	margin: 0;
	background: #dfecf8;
}

#occupation .accordion-area h4.title {
	position: relative;
	cursor: pointer;
	padding: 2rem;
	margin: 0;
	border: 0.1rem solid #e4e7f0;
	transition: all .5s ease;
}

#occupation .accordion-area h4.title span {
	position: absolute;
	letter-spacing: 0.2rem;
	top: 45%;
}

#occupation .accordion-area h4.title img {
	width: 35rem;
	height: auto;
	padding: 0;
	margin: 0 3rem 0 0;
	box-shadow: 0.5rem 0.5rem 0 0 rgb(60, 194, 235);
}


#occupation .accordion-area .title::after{
	content: "";
	height: 2rem;
	width: 2rem;
	right: 2rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: url("../../images/recruit/list_open.svg") no-repeat 50% 50%;
	transition: all .3s ease;
}

#occupation .accordion-area .title.close::after{
	top: 46%;
	right: 2rem;
	transform: rotate(-45deg);
	transition: all .3s ease;
}

#occupation .accordion-area .box {
	display: none;
	margin:0;
	background: #fff;
	padding: 3rem 3rem 3rem 5rem;
	border: 0.1rem solid #e4e7f0;
}

#occupation .accordion-area .box h5 {
	letter-spacing: 0.2rem;
	top: 45%;
}

#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: 30%;
	font-weight: 400;
	padding: 1rem 2rem;
	border: 0.1rem solid #ccc;
	background: #e5e5e5;
}

#occupation table.matrix td.exp {
	width: 50%;
	font-weight: 400;
	padding: 1rem 2rem;
	border: 0.1rem solid #ccc;
}

#occupation table.matrix tr:hover {
	background: none;
	color: #000;
	transform: scale(1.00);
}


/*  拠点紹介  */
#base h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#base .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#base h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

.bk-map-base {
	height: 50rem;
}

#base .bk-map-base img {
	display: block;
	width: 120rem;
	height: 48.3rem;
	padding: 0 0 0 0;
	margin: 0 auto;

}

#base .title-section img {
	width: 48.5rem;
	height: 11.6rem;
	margin: 9rem 0 0 0;
}

#base .ub-blue,
#base-spot .ub-blue {
	width: 100%;
	background-image: linear-gradient(#dae9f7, #ffffff);
	z-index: -50;
}

#base h4 {
	width: 50rem;
	max-width: 50rem;
	padding: 1rem;
	background: #41a3ff;
	display: block;
	text-align: left;
	position: relative;
	border: none;
	border-radius: 0 3rem 3rem 0;
}

#base .line-skyblue {
	background: linear-gradient(#FFF 0, #41a3ff 0 92rem, #FFF 92rem),
	linear-gradient(to right,rgba(0,0,0,0) 0 41.7%, #FFF 41.7% 100%);
	background-blend-mode: screen;
	z-index: -50;
}

#base h5 {
	position: relative;
	padding: 0 6.5rem;
	text-align: center;
}

#base h5:before {
	position: absolute;
	top: calc(50% - 0.1rem);
	left: 0;
	width: 100%;
	height: 0.2rem;
	content: '';
	background: #41a3ff;
}

#base h5 span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}

#base ul.col-2 {
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 5rem 0;
}

#base ul.col-2 li {
	width: 55rem;
	text-align: center;
	margin: 0 10rem 0 0;
	line-height: 4rem;
}

#base ul.col-2 li.last {
	margin: 0;
}

#base ul.col-2 li img {
	width: 55rem;
	height: 37.8rem;
}

#base ul.col-3 {
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 5rem 0;
}

#base ul.col-3 li {
	width: 37rem;
	text-align: center;
	margin: 0 4.5rem 0 0;
	line-height: 5rem;
}

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

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

#base ul.col-4 {
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 5rem 0;
}

#base ul.col-4 li {
	width: 28.5rem;
	text-align: left;
	margin: 0 2rem 0 0;
	line-height: 3rem;
}

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

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

#base ul.col-5 {
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#base ul.col-5 li {
	width: 22.5rem;
	text-align: center;
	margin: 0 1.875rem 0 0;
	line-height: 8rem;
}

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

#base ul.col-5 li.liblue {
	background: #41a3ff;
}

#base ul.col-5 li.liglay {
	background: #dadada;
}

#base section a {
	width: 50rem;
	max-width: 50rem;
	padding: 1.5rem;
	font-size: 2.3rem;
	color: #fff;
	background: #41a3ff;
	display: block;
	text-align: center;
	position: relative;
	margin: 0 auto;
	border: none;
	border-radius: 3rem;
}

#base section a:before {
	display: block;
	content: "";
	position: absolute;
	top: 39%;
	right: 3rem;
	width: 3rem;
	height: 3rem;
	margin-top: -0.8rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #fff;
}

#base section a:after {
	display: block;
	content: "→";
	position: absolute;
	top: 29%;
	right: 5.6rem;
	width: 0;
	height: 0;
	margin-top: -0.5rem;
	color: #41a3ff;
}

#base section a:hover {
	opacity: 0.8;
	transition: all .5s ease;
}


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

#base-spot .container-1200-base-head h2.title-name {
	position: absolute;
	top: 15rem;
	left: 0rem;
	width: 57rem;
	height: 6.5rem;
	padding: 3rem 5rem;
	background: #fff;
	border-radius: 0 2rem 2rem 0;
}

#base-spot .container-1200-base-head .sub-title-1 {
	position: absolute;
	width: 51rem;
	height: 5.5rem;
	top: 38rem;
	right: 0rem;
	background: #fff;
	padding: 0 0 0 5rem;
}

#base-spot .container-1200-base-head .sub-title-2 {
	position: absolute;
	width: 51rem;
	height: 5.5rem;
	top: 48rem;
	right: 0;
	background: #fff;
	padding: 0 0 0 5rem;
}

#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: 100%;
	height: 20rem;
	content: " ";
	display: block;
	background: linear-gradient(#fff, #fff) right / 10% 100% no-repeat,
	linear-gradient(#fff 0 12.4rem,#0f97e5 12.4rem 13.1rem,#fff 13.1rem 100%);
}

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

#base-spot h3.title-person {
	width: 38rem;
	height: 20rem;
	margin: 0 0 0 4rem;
}

#base-spot h3.title-attraction {
	width: 61.8rem;
	height: 20rem;
	margin: 0 0 0 4rem;
}

#base-spot h4.title-interview {
	width: 31.87rem;
	height: 8rem;
	margin: 0 0 0 10rem;
}

#base-spot h4.title-access {
	width: 21.2rem;
	height: 8rem;
	margin: 0 0 0 10rem;
}

#base-spot h4.title-living {
	width: 16.1rem;
	height: 8rem;
	margin: 0 0 0 10rem;
}

#base-spot h4.title-holiday {
	width: 19.3rem;
	height: 8rem;
	margin: 0 auto;
	padding: 0 3rem;
	background: #fff;
}

#base-spot h4.title-spot {
	width: 29.9rem;
	height: 8rem;
	margin: 0 0 0 10rem;
}

#base-spot h4.title-childcare {
	width: 29.3rem;
	height: 8rem;
	margin: 0 0 0 10rem;
}

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

#base-spot h4.title-fujisawa {
	width: 23.2rem;
	height: 8rem;
	margin: 0 0 0 10rem;
}

#base-spot h4.title-kamakura {
	width: 30rem;
	height: 8rem;
	margin: 0 0 0 10rem;
}

#base-spot h4.title-enoden {
	width: 23.4rem;
	height: 8rem;
	margin: 0 0 0 10rem;
}

#base-spot .h3-cat-text {
	margin: 0 0 0 15rem;
}

#base-spot .h4-cat-text {
	margin: 5rem 0 0 14rem;
	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: 63rem;
	max-width: 63rem;
	padding: 0.5rem;
	color: #fff;
	background: #0f97e5;
	display: block;
	text-align: center;
	position: relative;
	margin: 0 auto;
	border: none;
	border-radius: 3rem;
}

#base-spot .bk-personal {
	width: 100%;
	height: 80rem;
	background-image: url("../../images/base_spot/bk_personal.svg");
	background-size: 100%;
	background-position-y: bottom;
	background-repeat: no-repeat;
}

#base-spot .person-box {
	display: flex;
	width: 96rem;
	margin: 0 auto;
	padding: 0;
}

#base-spot .person-box li {
	width: 28rem;
	height: 40.5rem;
	margin: 0 6rem 0 0;
}

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

#base-spot .person-box li a .hukidasi {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 2rem 1rem;
	min-width: 25.4rem;
	max-width: 25.4rem;
	color: #0f97e5;
	background: #fff;
	text-align: center;
	border-radius: 1.5rem;
	border: 0.3rem 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.3rem solid #0f97e5;
	border-bottom: 0.3rem solid #0f97e5;
	transform: translate(-50%,55%) rotate(45deg); 
	transform-origin:center center;
}

#base-spot .person-box li a img {
	width: 28rem;
	height: 26.7rem;
}

#base-spot .person-box li a .personal-data-pa {
	width: 26rem;
	height: 11rem;
	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: 73rem;
	height: auto;
	margin: 5rem auto;
}

#base-spot .accessmap img {
	width: 73rem;
	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: 5rem 0;
}

#base-spot section .living-box {
	display: flex;
	padding: 5rem 0;
}

#base-spot section .living-box .left {
	width: 65rem;
}

#base-spot section .living-box .right {
	width: 55rem;
	text-align: right;
}

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

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

#base-spot section .living-photo img {
	width: 90rem;
	height: 75.5rem;
}

#base-spot section .living-best-box {
	display: flex;
	width: 90rem;
	padding: 0;
	margin: 0 auto;
}

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

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

#base-spot section .living-best-box .right {
	width: 45rem;
}

#base-spot section .living-best-box .right a {
	word-break: break-all;
}

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

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

#base-spot section .living-best-boxs {
	display: flex;
	width: 80rem;
	padding: 3rem 5rem;
	margin: 0 auto;
	border: 0.1rem solid #d1d1d1;
	border-radius: 3rem;
}

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

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

#base-spot section .living-best-boxs .right {
	width: 45rem;
}

#base-spot section .holiday-box {
	width: 83.4rem;
	padding: 5rem 3rem;
	margin: -3rem auto 0 auto;
	border: 0.3rem solid #0f97e5;
	border-radius: 3rem;
}

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

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

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

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

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

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

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

#base-spot section .spot-box .left-photo {
	width: 36rem;
	height: 24.1rem;
	padding: 0;
}

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

#base-spot section .spot-box .right-text {
	width: 60rem;
	background: #fff;
	padding: 0 3rem;
	border-radius: 1.5rem;
}

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

#base-spot .bk-tourist {
	width: 80rem;
	height: 81.8rem;
	background-image: url("../../images/base_spot/bk_system_spot.png");
	background-size: 100%;
	background-position-y: bottom;
	background-repeat: no-repeat;
	margin: 0 auto;
}

#base-spot .bk-tourist .tourist-box {
	width: 30rem;
	margin: 0 0 0 5rem;
}

#base-spot section .system-box {
	display: flex;
	width: 90rem;
	margin: 0 0 0 15.5rem;
}

#base-spot section .system-box .left-text {
	width: 40rem;
}

#base-spot section .system-box .right-photo {
	width: 50rem;
}

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

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

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

#base-spot section .system-spot-box .left-photo {
	width: 30rem;
	height: 19.8rem;
	padding: 0;
}

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

#base-spot section .system-spot-box .right-text {
	width: 65rem;
	background: #fff;
	padding: 0 3rem;
	border-radius: 1.5rem;
}


/*  拠点紹介 STAFF */
#base-staff .container-1200-base-head img {
	position: relative;
	margin: 6rem 0 0 13.5rem;
	text-align: right;
}

#base-staff .container-1200-base-head h2 {
	position: absolute;
	top: 8rem;
	left: 6rem;
	font-size: 5.0rem;
	line-height: 7.5rem;
	text-shadow: 0 0.4rem 0.4rem #00000040;
}

#base-staff .container-1200-base-head .title-name {
	position: absolute;
	top: 32rem;
	left: 6rem;
	font-size: 3rem;
	line-height: 5.2rem;
	text-shadow: 0 0.4rem 0.4rem #00000040;
}

#base-staff .container-1200-base-head .sub-title-1 {
	position: absolute;
	width: 65rem;
	height: 8rem;
	top: 45rem;
	right:0.5rem;
	font-size: 4.5rem;
	background: #fff;
	padding: 1rem 0 0 5rem;
}

#base-staff .container-1200-base-head .sub-title-2 {
	position: absolute;
	width: 65rem;
	height: 8rem;
	top: 58rem;
	right:0.5rem;
	font-size: 4.5rem;
	background: #fff;
	padding: 1rem 0 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: 40rem 0 0 0;
	height: 77rem;
}

#base-staff .s-section {
	margin: 12rem 0 0 0;
	height: 77rem;
}

#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: 85rem;
	margin: -14rem auto 0 auto;
}

#base-staff section .last-block {
	width: 85rem;
	margin: 10rem auto 30rem auto;
}

#base-staff section .text-block .r-lead {
	display: inline-block;
	float: left;
	width: 50rem;
	background: #fff;
	padding: 5rem 9rem 0 0;
	margin: 3rem 0 0 0;
}

#base-staff section .text-block .l-lead {
	display: inline-block;
	float: right;
	width: 50rem;
	background: #fff;
	padding: 5rem 0 0 9rem;
	margin: 3rem 0 0 0;
}

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

#base-staff section h3 {
	width: 45rem;
	max-width: 45rem;
	padding: 1.2rem 2.5rem;
	background: #48b8fc;
	display: block;
	text-align: center;
	position: relative;
	margin: 0 auto;
	border: none;
	border-radius: 3rem;
}

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

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

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


/*  先輩社員  一覧 */
#staff-index h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#staff-index .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#staff-index h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#staff-index .staff-box {
	display: flex;
	flex-wrap: wrap;
}

#staff-index .item {
	width: 35rem;
	height: auto;
	background-color: #fff;
	overflow: hidden;
}

#staff-index .item img {
	object-fit: cover;
	width: 100%;
	height: auto;
	border-radius: 0;
	transition: 0.1s;
}

#staff-index .item:hover {
	background-color: #56b9e8;
	transform: scale(1.05);
	transition: 0.3s;
}

#staff-index .item:hover img {
	transform: scale(0.95);
	border-radius: 1rem;
}

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

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

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


/*  先輩社員  */
#staff .head-box .bk-staff img {
	width: 100%;
	height: auto;
}

#staff .head-box .text {
	box-sizing: border-box;
	max-width: 72rem;
	margin: 0 0 0 -51.2rem;
	padding: 2rem 3rem;
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
	top: 8%;
	left: 45%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

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

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

#staff h3 {
	position:relative;
	display:inline-block;
	letter-spacing: 0.3rem;
	background-color: #0da1e8;
	margin: 3rem 0;
	padding: 0.5rem;
}

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

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

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

#staff .f-photo img.lead-img-1{
	float: right;
	position: relative;
	width: 70rem;
	margin: 3rem 0 0 0;
	z-index: 1;
}

#staff .f-photo img.lead-img-2{
	float: left;
	width: 70rem;
	margin: 3rem 0 0 0;

}

#staff .f-photo img.lead-img-3{
	float: right;
	position: relative;
	width: 50rem;
	margin: 0 0 0 0;
	z-index: 1;

}

#staff .r-lead {
	width: 100%;
	margin: 0 0 0 0;
}

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

#staff .l-lead {
	float: left;
	margin: 0 0 0 0;
}

#staff .l-lead .lead-box {
	position: relative;
	width: 47rem;
	margin-right: auto;
	padding: 0 3rem 0 0;
	background: #fff;
	z-index: 3;
}

#staff .l-lead .lead-box-none {
	position: relative;
	width: 45rem;
	margin-right: auto;
	padding: 0 3rem 0 0;
	z-index: 3;
}

#staff h3.schedule-title {
	position:relative;
	display:inline-block;
	letter-spacing: 0.3rem;
	background-color: transparent;
	margin: 3rem 0;
	padding: 0;
}

#staff .schedule-box {
	width: 100%;
	margin: 10rem 0 0 0;
}

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

#staff .schedule-right-box {
	float: right;
	width: 50%;
}

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

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

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

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

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

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

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

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

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

#staff ol.schedule-bar li.long200:after {
	display: block;
	position: relative;
	border-bottom: none;
	border-left: #0da1e8 0.1rem solid;
	content: "";
	height: 500%;
	left: 0.9rem;
	top: -9rem;
	width: 1rem;
}

#staff ol.schedule-bar li.long120:after {
	display: block;
	position: relative;
	border-bottom: none;
	border-left: #0da1e8 0.1rem solid;
	content: "";
	height: 120%;
	left: 0.9rem;
	top: -15rem;
	width: 1rem;
}

#staff ol.schedule-bar li:last-child:after {
	display: none;
}

#staff ol.schedule-bar li span.maru {
	border: #0da1e8 0.3rem solid;
	width: 1.3rem;
	height: 1.3rem;
	margin-bottom: 0.2rem;
	background-color: #0da1e8;
	color: #fff;
	display: inline-block;
	text-align: center;
	line-height: 1.8rem;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

#staff ol.schedule-bar li p {
	font-size: 1.4rem;
	line-height: 2.3rem;
	text-align: justify;
	margin: 1rem 0 0 4rem;
}


/*  福利厚生  */
#welfare h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#welfare .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#welfare h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#welfare h3 {
	position: relative;
	display: inline-block;
	letter-spacing: 0.3rem;
	/*background-color: #0da1e8;*/
	margin: 3rem 0;
	padding: 0.5rem;
}

#welfare h4 {
	position: relative;
	display: inline-block;
	letter-spacing: 0.3rem;
	margin: 0.5rem 0;
	padding: 0.5rem;
}

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

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

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

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

#welfare .welfare-box .left-text-box {
	padding: 0;
	width: 65rem;
	margin: 0 5rem 0 0;
}

#welfare .welfare-box .right-text-box {
	padding: 0;
	width: 65rem;
	margin: 0 0 0 5rem;
}

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

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

#welfare .photo-box-2 {
	display: flex;
	flex-wrap: wrap;
	margin: 5rem 0 0 0;
}

#welfare .photo-box-2 .item {
	width: 58.5rem;
	height: auto;
	overflow: hidden;
	/*border: 0.1rem solid #dfecf8;*/
	box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
}

#welfare .photo-box-2 .item img {
	width: calc(100% - 2rem);
	height: auto;
	padding: 1rem 1rem 0 1rem;
}

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

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

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

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

#welfare .photo-box-3 .item {
	width: 38rem;
	height: auto;
	overflow: hidden;
	/*border: 0.1rem solid #dfecf8;*/
	box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
}

#welfare .photo-box-3 .item img {
	width: calc(100% - 2rem);
	height: auto;
	padding: 1rem 1rem 0 1rem;

}

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

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

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

#welfare .photo-box-5 .item {
	width: 23rem;
	height: auto;
	overflow: hidden;
	border: 0.1rem solid #dfecf8;
	box-sizing:border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
}

#welfare .photo-box-5 .item img {
	width: calc(100% - 2rem);
	height: auto;
	padding: 1rem;

}

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

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

#welfare .singles-box {
	border: 0.1rem solid #cccccc;
	padding: 2rem 5rem;
	border-radius: 2rem;
}

#welfare .singles-box .name-box {
	padding: 1.5rem 0;
	border-bottom: 0.1rem solid #cccccc;
}

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

#welfare .singles-box .name-box .text .block {
	display: inline;
	color: #fff;
	padding: 0 2.5rem;
	background: #0da1e8;
}

#welfare .leave-box {
	border: 0.1rem solid #cccccc;
	padding: 2rem 5rem;
	border-radius: 2rem;
}

#welfare .leave-box .name-box {
	display: flex;
	justify-content:center;
	align-items:center;
	padding: 1.5rem 0;
	border-bottom: 0.1rem solid #cccccc;
}

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

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

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


/*  新卒採用情報  */
#new-recruit h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#new-recruit .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#new-recruit h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#new-recruit .new-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

#new-recruit .lead-box-left {
	width: 41%;
	height: 10rem;
	background-color: #fff;
	text-align: center;
	margin: 0 0 0 0;
	padding: 8rem 3rem;
	border: 0.1rem solid #dfecf8;
}

#new-recruit .lead-box-right {
	width: 41%;
	height: 10rem;
	justify-content: flex-end;
	background-color: #fff;
	text-align: center;
	margin: 0 0 0 auto;
	padding: 8rem 3rem;
	border: 0.1rem solid #dfecf8;
}

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


/*  新卒採用情報 募集要項 */
#new-recruit-guide h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#new-recruit-guide .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#new-recruit-guide h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

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

#new-recruit-guide .splet {
	display: table;
	width: 120rem;
}

#new-recruit-guide .splet h4 {
	display: table-cell;
	width: 25rem;
	text-align: center;
	vertical-align: middle;
	background: #dfecf8;
	border-top: 0.1rem solid #0da1e8;
	letter-spacing: 0.2rem;
}

#new-recruit-guide .splet .splet-box {
	display: table-cell;
	width: auto;
	line-height: 2.9rem;
	text-align: justify;
	padding: 2.5rem 3rem 2.5rem 5rem;
	border-top: 0.1rem solid #0da1e8;
}

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


/* FAQ */
#faq h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#faq .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#faq h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#faq h3 {
	width: 30rem;
	max-width: 30rem;
	padding: 1rem 2.5rem;
	background: #48b8fc;
	display: block;
	text-align: center;
	position: relative;
	margin: 0 0 0 2rem;
	border: none;
	border-radius: 3rem;
	z-index: 10;
}

#faq section .faq-box {
	width: 100%;
	padding: 5rem 3rem 3rem 3rem;
 	margin: -2rem auto 0 auto;
	border: 0.1rem solid #48b8fc;
	border-radius: 2rem;
}


/*  FAQ アコーディオン */
.faq-area{
	list-style: none;
	width: 100%;
	max-width: 120rem;
	margin:0 auto;
	padding: 0;
}

.faq-area li{
	margin: 0;
}

.faq-area h4.title {
	position: relative;
	cursor: pointer;
	text-align: justify;
	letter-spacing: 0.2rem;
	padding: 3rem 3rem 3rem 5rem;
	margin: 0;
	border-bottom: 0.1rem solid #e4e7f0;
	transition: all .5s ease;
}

.faq-area h4.top {
	border-top: 0.1rem solid #e4e7f0;
}

.faq-area .title::before{
	position: absolute;
	content: "Q";
	font-size: 2.0rem;
	font-weight: 700;
	left: 1.5rem;
	top: 2.5rem;
	color: #0d36e8;
}
.faq-area .title::after{
	content: "";
	height: 2rem;
	width: 2rem;
	right: 2rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: url("../../images/recruit/list_open.svg") no-repeat 50% 50%;
	transition: all .3s ease;
}

.faq-area .title.close::after{
	top: 3rem;
	right: 2rem;
	transform: rotate(-45deg);
	transition: all .3s ease;
}

.faq-area .box {
	display: none;
	margin:0;
	padding: 3rem 3rem 3rem 5rem;
	border-bottom: 0.1rem solid #e4e7f0;
}

.faq-area .box ul li {
	list-style-type: disc;
	line-height: 2.9rem;
	text-align: justify;
}


/*  キャリア採用情報 */
#career-recruit h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#career-recruit .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#career-recruit h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#career-recruit .career-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

#career-recruit .lead-box-left {
	width: 41%;
	height: 10rem;
	background-color: #fff;
	text-align: center;
	margin: 0 0 0 0;
	padding: 8rem 3rem;
	border: 0.1rem solid #dfecf8;
}

#career-recruit .lead-box-right {
	width: 41%;
	height: 10rem;
	justify-content: flex-end;
	background-color: #fff;
	text-align: center;
	margin: 0 0 0 auto;
	padding: 8rem 3rem;
	border: 0.1rem solid #dfecf8;
}

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


/*  キャリア採用情報　募集要項index */
#career-recruit-guide-index h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#career-recruit-guide-index .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#career-recruit-guide-index h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}


/*  採用情報共通　お問い合わせBOX */
.inquiry_box {
	clear: both;
	margin-top: 3rem;
	padding: 2rem 0;
}

.inquiry_box p {
	margin-bottom: 1rem;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.5rem;
	padding: 2rem;
	background-color: #60caf9;
}

.inquiry_box p.address {
	margin-bottom: 0.5rem;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 3.5rem;
	letter-spacing: 0.5rem;
	background-color: #f2f2f2;
}

.inquiry_box ul.contact {
	margin: 3rem auto;
	width: 100%;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}

.inquiry_box ul.contact li {
	float: left;
	padding: 1rem;
	height: 3rem;
	line-height: 3.3rem;
	font-weight: 700;
	text-align: center;
	border: 0.1rem solid #ccc;
}

.inquiry_box ul.contact li.title {
	width: calc(50% - 2.2rem);
	font-size: 1.8rem;
	color: #fff;
	background-color: #059fe4;
}

.inquiry_box ul.contact li.number {
	width: calc(50% - 2.2rem);
	font-size: 1.8rem;
	letter-spacing: .1rem;
	background-color: #fff;
}


/*  キャリア採用情報 募集要項 */
#career-recruit-guide h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#career-recruit-guide .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#career-recruit-guide h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#career-recruit-guide h3.title {
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #000;
	background: #e2dff8;
	margin: 0 0;
	padding: 5rem 0 5rem 3.2rem;
}

#career-recruit-guide h3 {
	position: relative;
	display: inline-block;
	letter-spacing: 0.3rem;
	/*background-color: #0da1e8;*/
	margin: 3rem 0;
	padding: 0.5rem;
}

#career-recruit-guide .splet {
	display: table;
	width: 120rem;
}

#career-recruit-guide .splet h4 {
	display: table-cell;
	width: 25rem;
	text-align: center;
	vertical-align: middle;
	background: #dfecf8;
	border-top: 0.1rem solid #0da1e8;
	letter-spacing: 0.2rem;
}

#career-recruit-guide .splet .splet-box {
	display: table-cell;
	width: auto;
	line-height: 2.9rem;
	padding: 2.5rem 3rem 2.5rem 5rem;
	border-top: 0.1rem solid #0da1e8;
}

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

#career-recruit-guide .splet .splet-box-message {
	display: table-cell;
	width: auto;
	line-height: 3.0rem;
	padding: 2rem;
	border: 0.1rem solid #0da1e8;
}

#career-recruit-guide .splet .splet-box ul li {
	list-style: circle;
}


/*  会社を知る 会社概要 */
#about h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#about .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#about h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#about .splet {
	display: table;
	width: 120rem;
}

#about .splet h4 {
	display: table-cell;
	width: 25rem;
	text-align: center;
	vertical-align: middle;
	background: #eff4f8;
	border-top: 0.1rem solid #d9dddd;
	border-left: 0.1rem solid #d9dddd;
	letter-spacing: 0.2rem;
}

#about .splet .splet-box {
	display: table-cell;
	width: auto;
	line-height: 2.9rem;
	text-align: justify;
	padding: 2.0rem 3rem;
	border-top: 0.1rem solid #d9dddd;
	border-right: 0.1rem solid #d9dddd;
}

#about .splet .h4-end,
#about .splet .splet-box-end {
	border-bottom: 0.1rem solid #d9dddd;
}


/*  座談会  */
#symposium-index h2 {
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
	height: 45rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	color: #fff;
}

#symposium-index .main-lead {
	position: relative;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	color: #fff;
	text-align: center;
	top: -12rem;
}

#symposium-index h2:before {
	content: '';
	width: 5rem;
	height: 0.2rem;
	display: inline-block;
	background-color: #fff;
	position: absolute;
	bottom: 15rem;
	left: calc(50% - 2.5rem)
}

#symposium-index .symposium-box {
	display: flex;
	flex-wrap: wrap;
}

#symposium-index .item {
	width: 55rem;
	height: auto;
	margin-right: 10rem;
	background-color: #fff;
	overflow: hidden;
}

#symposium-index .item img {
	object-fit: cover;
	width: 100%;
	height: auto;
	border-radius: 0;
	transition: 0.1s;
}

#symposium-index .item:hover {
	background-color: #56b9e8;
	transform: scale(1.05);
	transition: 0.3s;
}

#symposium-index .item:hover img {
	transform: scale(0.95);
	border-radius: 2rem;
}

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

#symposium-index .item:hover .lead-box span {
	color: #fff!important;
}


/*  若手社員座談会  */
#young-symposium .head-box .bk-young img {
	width: 100%;
	height: auto;
}

#young-symposium .head-box .box-inner {
	box-sizing: border-box;
	max-width: 100rem;
	width: 100rem;
	margin: 0 0 0 calc(50% - 50rem);
	padding: 5rem;
	position: relative;
	background: #fff;
	bottom: 15rem;
	border: 1px solid #000000;
}

#young-symposium .head-box .box-inner h2 {
	display: block;
	font-size: 2.5rem;
	font-weight: 500;
	letter-spacing: 0.3rem;
	margin: 0;
	padding: 1rem;
	text-align: center;
}

#young-symposium .head-box .box-inner .title {
	letter-spacing: 0.3rem;
	line-height: 5.5rem;
	text-align: center;
}

#young-symposium .staff-box {
	display: flex;
	flex-wrap: wrap;
}

#young-symposium .staff-box .item {
	width: 20rem;
	height: auto;
	background-color: #fff;
	overflow: hidden;
}

#young-symposium .staff-box .item img {
	object-fit: cover;
	width: 100%;
	height: auto;
	transition: 0.3s;
}

#young-symposium .staff-box .item .lead-box {
	width: calc(100% - 4rem);
	line-height: 2.5rem;
	text-align: center;
	margin: 0;
	padding: 1rem 2rem 2rem 2rem;
}

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

#young-symposium  .title-block .talk {
	display: inline;
	color: #fff;
	font-size: 1.5rem;
	padding: 0 2.5rem;
	background: #0da1e8;
}

#young-symposium .title-block h3 {
	display: block;
	font-size: 2.5rem;
	font-weight: 500;
	letter-spacing: 0.3rem;
	margin: 0;
	padding: 1rem;
	text-align: center;
	line-height: 5rem;
}

#young-symposium .photo img {
	width: 100%;
	height: auto;
	margin: 2rem 0 0 0;
}

#young-symposium .talk_block_left {
	display: flex;
	max-width: 120rem;
	margin: 0 auto 3rem;
	opacity: 1;
}

#young-symposium .talk_block_left .name {
	position: relative;
	width: 10rem;
	text-align: center;
	padding: 0 2rem;
	margin: 1.5rem 0 0 0;
}

#young-symposium .talk_block_left p {
	width: 100%;
	padding: 0 2rem;
	margin: 1.5rem 0 0 0;
	text-align: justify;
}

#young-symposium .lb-white {
	background: linear-gradient(#FFF 0, #dfecf8 0 50rem, #FFF 50rem),
	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 50rem, #FFF 50rem),
	linear-gradient(to left,rgba(0,0,0,0) 0 50%, #FFF 50% 100%);
	background-blend-mode: screen;
}

#young-symposium .under-box {
	display: block;
	width: 120rem;
	height: auto;
	margin: 0 auto;
}

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


/*  技術者座談会  */
#tech-symposium .head-box .bk-tech img {
	width: 100%;
	height: auto;
}

#tech-symposium .head-box .text {
	color: #fff;
	box-sizing: border-box;
	max-width: 60rem;
	margin: 0;
	padding: 5rem 8rem;
	line-height: 5rem;
	position: absolute;
	background: rgba(13, 161, 232, 0.8);
	top: 35rem;
	left: 0;
}

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

#tech-symposium .staff-box {
	display: flex;
	flex-wrap: wrap;
}

#tech-symposium .staff-box .item {
	width: 24rem;
	height: auto;
	background-color: #fff;
	text-align: center;
}

#tech-symposium .staff-box .item img {
	object-fit: cover;
	width: 90%;
	height: auto;
	transition: 0.3s;
}

#tech-symposium .staff-box .item .name-box {
	width: 100%;
	line-height: 2.5rem;
	text-align: center;
	margin: 0;
}

#tech-symposium  .title-block {
	padding: 5rem 0;
	background-color: #f9f9f9;
}

#tech-symposium  .title-block .talk {
	display: inline;
	color: #fff;
	font-size: 1.5rem;
	padding: 0 2.5rem;
	background: #0da1e8;
}

#tech-symposium .title-block h3 {
	display: block;
	font-size: 2.5rem;
	font-weight: 500;
	letter-spacing: 0.3rem;
	margin: 0;
	padding: 1rem;
	text-align: center;
	line-height: 5rem;
	color: #0da1e8;
}

#tech-symposium .photo img {
	width: 100%;
	height: auto;
	margin: 2rem 0 0 0;
}

#tech-symposium .talk_block_left {
	display: flex;
	max-width: 120rem;
	margin: 0 auto 3rem;
	opacity: 1;
}

#tech-symposium .talk_block_left .name {
	position: relative;
	width: 10rem;
	text-align: center;
	padding: 0 2rem;
	margin: 1.5rem 0 0 0;
}

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

#tech-symposium .talk_block_left p {
	width: 100%;
	padding: 0 2rem;
	margin: 1.5rem 0 0 0;
	text-align: justify;
}

#tech-symposium .lb-white {
	background: linear-gradient(#FFF 0, #dfecf8 0 50rem, #FFF 50rem),
	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 50rem, #FFF 50rem),
	linear-gradient(to left,rgba(0,0,0,0) 0 50%, #FFF 50% 100%);
	background-blend-mode: screen;
}

#tech-symposium .under-box {
	display: block;
	width: 120rem;
	height: auto;
	margin: 0 auto;
}

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