@charset "UTF-8";
#swiperOuter {
	height: 440px;
	position : relative;
	/*top: 90px;*/
}
@media screen and (max-width: 680px) {
	#swiperOuter {
		height: calc(100vmax / 3);
	}
}
.swiper-container {
    width: 100%; 
    height: 100%;   
    font-family: 'Noto Sans JP', sans-serif;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
}
@media screen and (max-width: 479px) {
	.swiper-slide {
		/*height: 65%;*/
	}
}
.swiper-pagination {
	bottom: 1px!important;
}
@media screen and (max-width: 479px) {
	.swiper-pagination {
		/*bottom: 35%!important;*/
	}
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right {
	background-image:none;
}
.swiper-pagination-bullet {
	margin: 0 0.5rem!important;
	width: 0.7rem!important;
	height: 0.7rem!important;
	background: #FFF!important;
	opacity: 0.8!important;
}
.swiper-pagination-bullet-active {
	background: blue;
	background: #0c06f1!important;
}
#swiperOuter .FirstViewSwiper__buttonPrev, 
#swiperOuter .swiper-container-rtl .FirstViewSwiper__buttonNext,
#swiperOuter .FirstViewSwiper__buttonNext, 
#swiperOuter .swiper-container-rtl .FirstViewSwiper__buttonPrev {
	background-size: 3rem auto!important;
	width: 3rem!important;
	height: 3.5rem!important;
	/*top: calc((100% / 2) - 2.75rem)!important;*/
	background-color: gray!important;
}
@media screen and (max-width: 768px) {/* mobile css */
	.FirstViewSwiper__buttonPrev, 
	.swiper-container-rtl .FirstViewSwiper__buttonNext,
	.FirstViewSwiper__buttonNext, 
	.swiper-container-rtl .FirstViewSwiper__buttonPrev {
		width: 2rem;
		/*top: calc((65% / 2) - 1rem);*/
	}
	.FirstViewSwiper__buttonPrev{
		left: 0px;
	}
	.FirstViewSwiper__buttonNext {
		right: 0px;
	}
}
.FirstViewSwiper__buttonPrev {
	background-image: url(/img/common/icon/to-left-off.png)!important;
	opacity: 0.8!important;
}
.FirstViewSwiper__buttonPrev:hover {
	background-image: url(/img/common/icon/to-left.png)!important;
	opacity: 1;
}
.FirstViewSwiper__buttonNext {
	background-image: url(/img/common/icon/to-right-off.png)!important;
	opacity: 0.8!important;
}
.FirstViewSwiper__buttonNext:hover {
	background-image: url(/img/common/icon/to-right.png)!important;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	border: 1px solid #FFF;
    box-sizing: content-box;
}
.swiper-button-disabled {
	opacity: 0.4!important;
}


/** ---------------------- Swiper SS */
.SwiperInfoCanvas {
	position: absolute;
	width: 100%;
	padding: 0 calc(1% + 3rem);
	height: auto;
	text-align: left;
	font-size: 1rem;
	box-sizing: border-box;
	color: #222;
	color: var(--txt-color);
	background-color: inherit;
}
@media screen and (max-width: 1023px) {/* mobile css */
	.SwiperInfoCanvas {
		margin: 0;
		left: 0;
	}
}
@media screen and (max-width: 768px) {/* mobile css */
	.SwiperInfoCanvas {
		margin: 0;
		left: 0;
	}
}

.SwiperInfoCanvas__title {
	width: 100%;
	display: inline-block;
	/*
	background: -moz-linear-gradient(to right, transparent 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.6) 80%, transparent);
	background: -webkit-linear-gradient(to right, transparent 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.6) 80%, transparent);
	background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.6) 80%, transparent);
	*/
}
.SwiperInfoCanvas__title p {
	font-size: 2.625rem;
	color: #FFF;
	color: var(--base-color);
	text-align: center;
	padding: 8px 3px;
	box-sizing: border-box;
	
}
@media screen and (max-width: 1023px) {/* mobile css */
	.SwiperInfoCanvas__title p{
		font-size: 1.8rem;
	}
}	
@media screen and (max-width: 768px) {/* mobile css */
	.SwiperInfoCanvas__title p{
		text-align: left;
		font-size: 1.2rem;
	}
}


.SwiperInfoCanvas__text p {
	font-size: 1.625rem;
	
}
@media screen and (max-width: 1023px) {/* mobile css */
	.SwiperInfoCanvas__text p{
		font-size: 1.5rem;
	}
}	
@media screen and (max-width: 768px) {/* mobile css */
	.SwiperInfoCanvas__text p{
		text-align: left;
		font-size: 1.1rem;
	}
}

.SwiperInfoCanvas__title p,
.SwiperInfoCanvas__text p,
.SwiperInfoCanvas__more p {
	color: #FFF;
    font-weight: bold;
    text-shadow: 
    	1px 1px 1px blue,
		-1px 1px 1px blue,
		1px -1px 1px blue,
		-1px -1px 1px blue,
		1px 0px 1px blue,
		0px 1px 1px blue,
		-1px 0px 1px blue,
		0px -1px 1px blue;
    text-shadow: 
    	1px 1px 1px var(--accent-color),
		-1px 1px 1px var(--accent-color),
		1px -1px 1px var(--accent-color),
		-1px -1px 1px var(--accent-color),
		1px 0px 1px var(--accent-color),
		0px 1px 1px var(--accent-color),
		-1px 0px 1px var(--accent-color),
		0px -1px 1px var(--accent-color);
}

.SwiperInfoCanvas__text,
.SwiperInfoCanvas__more {
	width: 100%;
	display: inline-block;
}
.SwiperInfoCanvas__more {
	text-align: center;
	/*padding-right: 2rem;*/
	color: #FFF;
	display: inline-block;
}
@media screen and (min-width: 900px) {
	.SwiperInfoCanvas__align--device_pc {
		margin-left: 25%;
		width: 50%;
	}
}

.SwiperInfoCanvas__more-link {
	border: 2px solid #FFF;
	padding: 8px;
	color: #FFF;
	background: -moz-linear-gradient(left, #FFF, #FFF);
	background: -webkit-linear-gradient(left, #FFF, #FFF);
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
  	transition: 0.5s;
  	display: inline-block;
  	margin-top: 2rem;
}

@media screen and (max-width: 1023px) {/* mobile css */
	.SwiperInfoCanvas__more-link {
		margin-top: 1rem;
	}
}

.SwiperInfoCanvas__more-link:hover {
  background-position: -100% 0;
  color: #FFF;
  font-weight: bold;
}



.SwiperInfoCanvas p.TmpTtl,
.SwiperInfoCanvas__title p {

}
@media screen and (max-width: 768px) {/* mobile css */
	.SwiperInfoCanvas p.TmpTtl,
	.SwiperInfoCanvas__title p {
		text-align: center;
		font-size: 1.4rem;
		font-weight:bold;		
	}
}

.SwiperInfoCanvas .TmpEnter {
	float: right;
	background-color: #FFF;
	padding: 5px;
	margin-top: 1rem;
	
}
.SwiperInfoCanvas .TmpEnter a {
	color: blue!important;
	color: var(--accent-color)!important;
}

@media screen and (max-width: 1023px) {/* mobile css */
	.SwiperInfoCanvas .TmpEnter {
		background-color: inherit;
		font-weight: bold;
		bottom: -53%;
		width: 125%;
		position: absolute;
		text-align: right;
		border-bottom: 2px solid blue;
		border-bottom: 2px solid var(--main-color);
		margin-top: auto;
	}
	.SwiperInfoCanvas .TmpEnter a {
		margin: 0;
		font-size: 0.9rem;
	}
}

.SwiperInfoCanvas--vertical-middle {
	top: calc((100% / 2) - 4.25rem);
}

@media screen and (max-width: 1023px) {/* mobile css */
	.SwiperInfoCanvas--vertical-middle {
		top: calc((100% / 2) - 2.25rem);
	}
}



@media screen and (max-width: 1023px) {/* mobile css */
	.SwiperInfoCanvas--center .TmpTxt,
	.SwiperInfoCanvas--center .TmpEnter {
		margin-left: -50%!important;
	}

}
.SwiperInfoCanvas--right {
	float: right;
	width: 50%;
}
@media screen and (max-width: 768px) {/* mobile css */
	.SwiperInfoCanvas--right .TmpTxt,
	.SwiperInfoCanvas--right .TmpEnter {
		margin-left: -86%!important;
	}
}


.swiper-slide-active .AnimationFadeIn {
	animation: fadeIn 0.85s linear;
}
.swiper-slide-active .AnimationZoomIn {
	animation: zoomIn 0.5s linear;
}
.swiper-slide-active .AnimationMoveToTop {
	animation: moveToTop 0.65s linear;
}
.swiper-slide-active .AnimationMoveToBottom {
	animation: moveToBottom 0.65s linear;
}
.swiper-slide-active .AnimationMoveToLeft {
	animation: moveToLeft 0.65s linear;
}
.swiper-slide-active .AnimationMoveToRight {
	animation: moveToRight 0.75s linear;
}
@media screen and (max-width: 1024px) {
	.swiper-slide-active .MbZoomIn {
		animation: zoomIn 0.5s linear;
	}
}
@media screen and (max-width: 768px) {
	.swiper-container-horizontal>.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 0px;
	}
}

/* --------------------------------- */
.FontSize--auto {
	line-height: 200%;
}
@media screen and (max-width: 680px) {
	.FontSize--auto {
		font-size: 150%!important;
		line-height: 150%;
	}
}
@media screen and (max-width: 768px) {
	.FontSize--auto {
		font-size: 105%!important;
		font-weight: normal;
	}
}

/*-----------------------------------------動作 */
@keyframes moveToLeft {
	from{
    	left: 100%;
    }
    to{
	    left: 3.5%;
	  }
}

@keyframes moveToBottom {
	from{
    	bottom: 100%;
    }
    to{
	    bottom: 0%;
	  }
}

@keyframes moveToTop {
	from{
    	top: 100%;
    }
    to{
	    top: 0%;
	  }
}

@keyframes fadeIn {
	from{
    	opacity: 0.1;
    	top: -100%;
    }
    to{
	    opacity: 1;
	    top: 0%;
	  }
}

/*----------------------------------------------------Topics */
.Topics {
	float: left;
	width: 70%;
	width: calc(100% - 300px - 0.5rem);
	overflow: hidden;
	text-align: right;
}
@media screen and (max-width:864px){
	.Topics {
		width: 100%;
	}
}
.Topics ul {
	border-bottom: dotted 1px #ABC;
	text-align: left;
	padding: 0.2rem 0 0.4rem 0.5rem;
	margin: 0;
	overflow: hidden;
}
.Topics li {
	float: left;
	text-align: left;
}

.Topics li.PubDate {
	width: 8em;
}
.Topics li.Category {
	width: 7em;
	font-size: 90%;
}

.Topics li.TopicsContent {
	/*font-weight: bold;*/
	width: calc(100% - 16rem);
}
@media screen and (max-width:1023px){
	.Topics li.TopicsContent {
		width: 100%;
	}
}

/*---------------------------------------------- サイドバナー*/
.Toppage-side-banner {
	float: right;
	width: 300px;
	height: auto;
}

/* ----------------------------------------------------採用情報 */

@media screen and (min-width:1101px){

.RecruitList--banner{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.RecruitList--banner ul{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.RecruitList--banner li{
	float:left;
	width:50%;
}

.RecruitList__new-graduate{
	margin:0px auto 0 auto;
	padding:0px 65% 0px 0px;
	background-image:url(/img/recruit/new-graduate.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}

.RecruitList__mid-career{
	margin:0px auto 0 auto;
	padding:0px 65% 0px 0px;
	background-image:url(/img/recruit/mid-career.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}

.RecruitList--banner li a:link{
	display:block;
	text-decoration:none;
	transition:0.2s ease-in-out;
	-webkit-filter:brightness(100%);
	-moz-filter:brightness(100%);
	-ms-filter:brightness(100%);
	-o-filter:brightness(100%);
	filter:brightness(100%);
}

.RecruitList--banner li a:visited{
	display:block;
	text-decoration:none;
	transition:0.2s ease-in-out;
	-webkit-filter:brightness(100%);
	-moz-filter:brightness(100%);
	-ms-filter:brightness(100%);
	-o-filter:brightness(100%);
	filter:brightness(100%);
}

.RecruitList--banner li a:hover,active{
	display:block;
	text-decoration:none;
	-webkit-filter:brightness(80%);
	-moz-filter:brightness(80%);
	-ms-filter:brightness(80%);
	-o-filter:brightness(80%);
	filter:brightness(80%);
}

.RecruitList__new-graduate-bg{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#66a1a7;
}

.RecruitList__mid-career-bg{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#0b5eac;
}

.RecruitList__title-jpn{
	display:block;
	margin:0px auto 0px auto;
	padding:40px 0px 15px 0px;
	color:#FFFFFF;
	text-align:center;
	font-size:185%;
	font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-weight:normal;
	line-height:100%;
}

.RecruitList__title-eng{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 25px 0px;
	color:#FFFFFF;
	text-align:center;
	font-size:125%;
	font-weight:normal;
	line-height:150%;
}

.RecruitList__more{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
	text-align:center;
	text-decoration:none;
}
}

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

.RecruitList--banner{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}

.RecruitList--banner ul{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.RecruitList--banner li{
	float:left;
	width:50%;
}

.RecruitList__new-graduate{
	margin:0px auto 0 auto;
	padding:0px 40% 0px 0px;
	background-image:url(/img/recruit/new-graduate.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}

.RecruitList__mid-career{
	margin:0px auto 0 auto;
	padding:0px 40% 0px 0px;
	background-image:url(/img/recruit/mid-career.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}

.RecruitList--banner li a:link{
	display:block;
	text-decoration:none;
	transition:0.2s ease-in-out;
	-webkit-filter:brightness(100%);
	-moz-filter:brightness(100%);
	-ms-filter:brightness(100%);
	-o-filter:brightness(100%);
	filter:brightness(100%);
}

.RecruitList--banner li a:visited{
	display:block;
	text-decoration:none;
	transition:0.2s ease-in-out;
	-webkit-filter:brightness(100%);
	-moz-filter:brightness(100%);
	-ms-filter:brightness(100%);
	-o-filter:brightness(100%);
	filter:brightness(100%);
}

.RecruitList--banner li a:hover,active{
	display:block;
	text-decoration:none;
	-webkit-filter:brightness(80%);
	-moz-filter:brightness(80%);
	-ms-filter:brightness(80%);
	-o-filter:brightness(80%);
	filter:brightness(80%);
}

.RecruitList__new-graduate-bg{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#66a1a7;
}

.RecruitList__mid-career-bg{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color:#0b5eac;
}

.RecruitList__title-jpn{
	display:block;
	margin:0px auto 0px auto;
	padding:40px 0px 15px 0px;
	color:#FFFFFF;
	text-align:center;
	font-size:185%;
	font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	font-weight:normal;
	line-height:100%;
}

.RecruitList__title-eng{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 25px 0px;
	color:#FFFFFF;
	text-align:center;
	font-size:125%;
	font-weight:normal;
	line-height:150%;
}

.RecruitList__more{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
	text-align:center;
	text-decoration:none;
}
}

@media screen and (max-width:640px){
	.RecruitList--banner{
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
	}
	
	.RecruitList--banner ul{
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}
	
	.RecruitList--banner li{
		float:none;
		width:100%;
	}
	
	.RecruitList__new-graduate{
		margin:0px auto 0 auto;
		padding:55% 0px 0px 0px;
		background-image:url(/img/recruit/new-graduate.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:contain;
	}
	
	.RecruitList__mid-career{
		margin:0px auto 0 auto;
		padding:55% 0px 0px 0px;
		background-image:url(/img/recruit/mid-career.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:contain;
	}
	
	.RecruitList--banner li a:link{
		display:block;
		text-decoration:none;
		transition:0.2s ease-in-out;
		-webkit-filter:brightness(100%);
		-moz-filter:brightness(100%);
		-ms-filter:brightness(100%);
		-o-filter:brightness(100%);
		filter:brightness(100%);
	}
	
	.RecruitList--banner li a:visited{
		display:block;
		text-decoration:none;
		transition:0.2s ease-in-out;
		-webkit-filter:brightness(100%);
		-moz-filter:brightness(100%);
		-ms-filter:brightness(100%);
		-o-filter:brightness(100%);
		filter:brightness(100%);
	}
	
	.RecruitList--banner li a:hover,active{
		display:block;
		text-decoration:none;
		-webkit-filter:brightness(80%);
		-moz-filter:brightness(80%);
		-ms-filter:brightness(80%);
		-o-filter:brightness(80%);
		filter:brightness(80%);
	}
	
	.RecruitList__new-graduate-bg{
		display:block;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		background-color:#66a1a7;
	}
	
	.RecruitList__mid-career-bg{
		display:block;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		background-color:#0b5eac;
	}
	
	.RecruitList__title-jpn{
		display:block;
		margin:0px auto 0px auto;
		padding:30px 0px 15px 0px;
		color:#FFFFFF;
		text-align:center;
		font-size:165%;
		font-family:"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
		font-weight:normal;
		line-height:100%;
	}
	
	.RecruitList__title-eng{
		display:block;
		margin:0px auto 0px auto;
		padding:0px 0px 25px 0px;
		color:#FFFFFF;
		text-align:center;
		font-size:105%;
		font-weight:normal;
		line-height:150%;
	}
	
	.RecruitList__more{
		display:block;
		margin:0px auto 0px auto;
		padding:0px 0px 40px 0px;
		text-align:center;
		text-decoration:none;
	}
}

/*-----------------------------------------------パートナー募集CSS */
.partner-recruit__inner {
	padding: .5rem;
	
}
.Img--decoration {
    width: 20%;
    float: right;
    vertical-align: middle;
    margin: -0.5rem -0.5rem 0 0.5rem;
    overflow: hidden;
}
@media screen and (max-width:640px){
	.Img--decoration {
	    width: 50%;
	}
}
@media screen and (max-width:480px){
	.Img--decoration {
	    width: 100%;
	    float: left;
	    margin: 0 auto;
	    padding: 0;
	}
}

/*-------------------------------------------------------- TriggleShowBlock */
.TriggleShow {
	width:100%;
	text-align:center;
	margin: 1rem auto;
}
.TriggleShow__hidden {
	width:100%;
	text-align:center;
	font-size:80%;
}
/*-----------------------------------------------------.TextAlignCenter--device_pc */
@media screen and (min-width:900px){
	.TextAlignCenter--device_pc {
		text-align: center;
	}
}


/*------------------------------------------------------- Business */
.Business,
.BusinessBlock {
	width: 100%;
	text-align: center;
	display: inline-block;
	clear: both;
}
.Business__head,
.BusinessBlock__head {
	font-weight: bolder;
	font-size: 2rem;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 2rem 0.5rem 1rem;
	line-height: 90%;
	text-align: center;
}
.Business__head--lan_en,
.BusinessBlock__head--lan_en  {
	font-size: 1rem;
	font-weight: bold;
	color: darkred;
	display: block;
}