@charset "UTF-8";

html {
	scroll-behavior: smooth;
}

.header-nav {
	display: flex;
	justify-content: right;
	align-items: center;
	width: 70%;
}
.header-nav li {
	margin-right: 4%;
}
.header-nav li:last-child {
	margin-right: 0;
}
.header-nav li:first-child a:hover,
.header-nav li:nth-child(2) a:hover {
	opacity: .8;
}

.our_company.u-pc .our_company_block.block4.is-active .our_company_inner .motionWrap .pointer.p_19 {
	text-align: center;
}
span.o-sectionNote {
    display: block;
    font-size: 1.0rem;
    margin-top: 2%;
    color: #707070;
}

#technology .technology .technologyLink {
	max-width: unset;
	padding: 0 56px;
}
#technology .technology .technologyLink img {
	width: 100%;
}
.rc-tech-wrapper {
	display: flex!important;
	justify-content: center;
	align-items: center;
}
.rc-tech-wrapper a:first-child {
	margin-right: 80px;
}
@media screen and (min-width: 1280px) {
	.technology.u-pc {
		height: 862px;
	}
	#technology .technology .technologyLink {
    max-width: 1280px;
	}
	#technology .technology .technologyLink span {
		margin-bottom: 50px;
	}
	#technology .technology .technologyLink img {
		max-width: 405px;
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	#technology .technology .technologyLink {
		padding: 0;
	}
	.rc-tech-wrapper {
    display: flex!important;
    flex-direction: column;
	}
	#technology .technology .technologyLink img {
    width: 100%;
	}
	.rc-tech-wrapper a:first-child {
    margin-bottom: 18px;
		margin-right: unset;
	}
}

.l-headerNav_list li a {
    color: #FFF!important;
    font-weight: 500!important;
}
.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}

.peopleSlider .o-list {
	max-width: unset!important; 
	margin: unset!important; 
}
.o-listImg img {
  width: 100%;
  height: auto;
}
.p-slider-list-item {
	padding: 0 1.0rem;
}
.o-listText {
	flex-shrink: 0;
}
.o-listBtn {
    margin-top: auto;
}
.peopleSlider-prev,
.peopleSlider-next {
	/*display: none;*/
}
.interviewListPage .mainVisual {
	position: relative;
}
.interviewListPage .mainVisual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	object-position: 50% 10%;
}
.interviewListPage .mainVisual img.u-position__left {
/*	object-position: 18% 10%;*/
	object-position: 28% 10%;
}
.interviewListPage .mainVisual img.u-position__right {
	object-position: 65% 10%;	
}
.interviewListPage .mainVisual img.u-position__center {
	object-position: 50% 10%;	
}
@media screen and (min-width: 768px) {
	.o-list {
	    padding: 80px 0 0;
	}
	.interviewListPage .mainVisual {
	    position: relative;
	    margin: 0 auto;
	}
	#people .o-button.p_square {
	    margin: 0px auto 40px;
	}
}
@media screen and (min-width: 1280px) {
	.interviewListPage .section .o-tag {
		display: -webkit-box; 
	    display: -ms-flexbox;
	    display: flex;
		-webkit-box-pack: end; 
	    -ms-flex-pack: end;
		justify-content: flex-end; 
		height: auto;
	}	
}
@media screen and (max-width: 768px) {
	.header-nav {
		display: none;
	}
	.p-slider-list-min {
		width: 100%!important;
		display: block!important;
	}
	.p-slider-list-item-min {
		width: 90%!important;
		margin: 0 auto 6%!important;
	}
	.p-slider-list-item-min:last-child {
		margin: 0 auto 0%!important;	
	}
	.p-slider-list-item-min .o-listImg,
	.p-slider-list-item-min .o-listText,
	.p-slider-list-item-min .o-listBtn {
		width: 100%!important;
	}
	.peopleSlider .o-list {
		padding: 0 0 0;
	}
	.o-tag__archive ul {
	    justify-content: center!important;
	}
	.o-list__archive {
		padding: 80px 0 80px;
	}
	.interviewListPage .interview h2 {
	    margin-bottom: 60px;
	}
}

.o-listBtn {
	padding: 0px 10px;	
}
.o-tag__archive {
	width: 100%;
}
.o-tag__archive ul {
    flex-wrap: wrap;
    justify-content: flex-start;	
}
.o-tag__archive ul li {
    margin: 0 10px 10px 0;
    margin-left: unset!important;
    padding: 0!important;
}
.o-button.p_circle {
    background-color: #209cff;
    color: #fff;
}
.o-button.p_circle:hover {
    color: #494949;
}
.o-listImg__archive {
	width: 100%;
	height: auto;
	position: unset;
}
.o-list__archive ul li a {
	display: flex;
	flex-direction: column;
}
.o-listImg__archive img {
	width: 100%;
	height: 100%;
	object-fit: contain!important;
    position: unset!important;
}
@media screen and (min-width: 768px) {
	.o-tag__archive {
		width: 80%;
	}
	.o-list ul {
		justify-content: flex-start;
	}
	.o-list ul.p-slider-list-min {
		justify-content: center;
	}
	.o-list__archive ul li {
		display: flex;
		margin-right: 2%;
	}
	.o-list__archive ul li:nth-child(3n) {
		margin-right: 0;
	}
}
@media screen and (min-width: 1280px) {
	.o-list ul li {
		width: 32%;
	}
	.o-list ul.p-slider-list-min li {
	    width: 20%;
	}
}
@media screen and (min-width: 961px) and (max-width: 1279px) {
	.o-list ul li {
		width: 32%;
	}
}
.interviewListPage .section .o-tag ul li {
    width: 49%;
}
.o-tag__archive ul li label input {
	display: none;
}
.o-tag__archive ul li label input:checked + span {
	background-color: #209CFF;
	color: #FFF;
}
.o-tag__archive ul li label span {
	padding: 4px 18px;
    display: block;
    padding: 8px 30px;
}
.o-tag.o-tag__single {
    width: unset;
    max-width: unset;
    margin: 20px 25px!important;
}
.o-tag__single ul {
    flex-wrap: wrap;
    justify-content: space-between;
}
.o-tag__single ul li {
	/*margin-left: 14px!important;*/
}
.interviewListPage .section .o-tag ul li {
    margin: 0 0 14px;
    padding: 9px 9px;
}
.interviewListPage .section .o-tag ul li:nth-child(2n) {
    margin-left: unset;
}

@media screen and (min-width: 768px) {
	.o-tag.o-tag__single {
		width: 100%;
		max-width: 696px;
		margin: 0px!important;
	}
	.o-tag__single ul {
	    flex-wrap: wrap;
	    justify-content: flex-end;
	}
	.o-tag__single ul li {
		width: auto!important;
	    margin-bottom: 10px;
	}
	.o-tag__single ul li {
		margin-left: 14px!important;
	}
	.o-tag__single ul li:first-child {
		margin-left: 0px!important;
	}
	.o-tag ul li+li {
	     margin-left: unset; 
	}
	.o-tag__archive ul li label span {
		padding: 8px 30px;
	}
}

@media screen and (min-width: 768px) {
	.bottomBtn {
	    margin: 120px auto;
	}
}
label, input.chk {
    cursor: pointer;
}
#btn:disabled {
	background-color: #FFF;
	border: 2px solid #818181;
	color: #818181;
}