@charset "utf-8";
/*
Theme Name: RareJob
Theme URI:
Description: RareJob
Version: 1.0
Author: monokus.jp

*/

/* 各下層ページ 個別
---------------------------------------------*/
#contents {
	padding: 8vw 5vw;
}

table .nowrap {
	white-space: normal;
}

.post-tabs {
	margin: -8vw 0 0;
}
.post-tabs ul li {
	vertical-align: top;
	white-space: normal;
}
.post-tabs.post-tabs-ir {
	margin-left: -5vw;
	margin-right: -5vw;
}
.post-tabs ul li a, .post-tabs ul li span {
	height: 10vw;
}

.main-image .text img {
	max-width: 90%;
}
.top-topics .text {
	max-width: 60%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.top-business {
	margin: 13vw 0;
	padding-right: 25vw !important;
}
@media screen and (max-width: 870px) {
	.top-business {
        padding-bottom: 20px;
    }
}
.top-business::before {
	width: 40%;
	background-size: contain;
	background-position: top center;
	left: 59%;
}
.top-business .text {
	width: 50vw !important;
}
.top-technology {
	margin: 15vw 0;
	padding-left: 25vw !important;
}
.top-technology .in {
	margin-left: 10vw;
}
.top-technology .in::before {
	background-size: contain;
}
.top-technology::before {
	width: 50vw !important;
	background-size: contain;
}
.top-technology .text {
	width: 50vw !important;
	margin-left: 8vw;
}
.top-technology .more {
	text-align: right;
}
.top-global-team {
	margin:		0 auto 13vw;
}
.top-global-team .map img {
	max-width: 90%;
	margin: 0 auto;
}
.top-services .banners ul {
	margin: 0;
}

.group-vision .head .text01 .sp-hidden {
	display: none;
}
.group-vision .head .text01 .sp-visible {
	display: block !important;
	width: 80vw;
}

.global-team-page .map {
	margin-left: 0;
	margin-right: 0;
}
.global-team-page .map .text {
	width: auto;
}
.global-team-page .map .image img {
	width: 100%;
	height: auto;
}

.board-members .tabs {
	margin-top: -8vw;
}
.board-members .list ul li {
	width: 48%;
}

.board-members .list ul.group-members li .photo {
    width: 100px;
}
.board-members .list ul.group-members li .name {
    font-size: 18px;
}
.board-members .list ul.group-members li .role {
    font-size: 12px;
}
.board-members .list ul.group-members li {
    margin-top: 30px;
}
.text-members {
    margin-top: 30px;
}
.text-members dt {
    margin-bottom: 15px;
}

.company-profile .profile > dl > dt {
	width: 25%;
}
.company-profile .profile > dl > dd {
	width: 70%;
}
.company-profile .map iframe {
	width: 100%;
	height: 60vw;
}

.contact-sections {
	flex-direction: column;
	align-items: center;
	margin: 0;
}
.contact-sections::before {
	display: none;
}
.contact-sections section {
	width: 80%;
	margin-bottom: 5rem;
}
.contact-list {
	justify-content: center;
}

.ir-top-message-photo .inner {
	bottom: 5vw;
	align-items: flex-end;
}
.ir-documents section {
	width: 43vw;
}

.post-category-select .select {
	width: 40vw;
}
.post-category-select .select+.select {
	margin-left: 4vw;
}

.our-services-section .list01 > ul > li:before {
	width: 210px;
	height: 210px;
}
.our-services-section .list01 dl dt {
	font-size: 21px;
	padding-top: 40px;
}
.our-services-section .list01 dl dd {
	font-size: 16px;
}
.services-assessment .ttl {
	font-size: 18px;
}
.services-assessment .name {
	font-size: 28px;
}

.challenge-page-header .photo .text {
	padding-left: 5vw;
	padding-right: 5vw;
}
.challenge-articles {
	width: 100%;
}
.challenge-articles ul {
	width: 700px;
	margin: 0 auto;
}
.challenge-articles li {
	width: 340px;
}
.challenge-articles li .image {
	height: 160px;
}

.sitemap nav {
	width: 42vw;
}
.sitemap nav+nav {
	margin-left: 5vw;
}

.sitemap-ir-items ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sitemap-ir-items ul li {
	width: auto;
	flex-basis: 28vw;
	margin: 0 0 16px;
}
.sitemap-ir-items ul li a {
	padding-right: 8px;
	white-space: nowrap;
}
.sitemap-ir .sitemap nav {
	width:  42vw;
}
.sitemap-ir .sitemap nav+nav:nth-child(2n + 1) {
	margin-left: 0;
}

.entry-shareholder-benefit-plan .table {
	min-width: 0;
}

.stockQuote-layout {
	max-width: inherit;
	padding: 28px 20vw 12px;
}
.companyIntroVideo-layout {
	max-width: inherit;
}

.our-services-section .service .banner {
	width: 46%;
}

.banner.twoItems + .banner.twoItems {
	margin-left: 4%;
}

.top-services .banners ul li a .text {
	font-size: 13px;
}