@charset "UTF-8";

.topMv {
	width: 100%;
	height: 640px;
	background: url("/assets/img/sougou/top_mv.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 0 5em 7em 0
}
.webp .topMv {
	background-image: url("/assets/img/sougou/top_mv.webp");
}
@media screen and (max-width:560px) {
	.topMv {
		height: 375px;
		background-position: 50% 100%;
		justify-content: center;
		padding-right: 0;
		padding-bottom: 4em
	}
}
.topMainHeading {
	color: #004831;
	text-align: center;
	line-height: 1.6;
	padding: 120px 0
}
@media screen and (max-width:560px) {
	.topMainHeading {
		padding: 50px 0;
		font-size: 18px
	}
}
.topMainItem {
	width: 90%;
	display: flex;
	padding-bottom: 90px
}
@media screen and (max-width:560px) {
	.topMainItem {
		flex-direction: column-reverse;
		padding-bottom: 3em
	}
}
.topMainItem--right {
	margin: 0 0 0 auto
}
.topMainItem--left {
	margin: 0 auto 0 0;
	flex-direction: row-reverse
}
@media screen and (max-width:560px) {
	.topMainItem--left {
		flex-direction: column-reverse
	}
}
.topMainItemInfo {
	background: #004831;
	width: 35%;
	display: flex;
	justify-content: center;
	align-items: center
}
@media screen and (max-width:560px) {
	.topMainItemInfo {
		width: 100%;
		justify-content: flex-start;
		padding: 2em
	}
}
.topMainItemImg {
	width: 65%
}
@media screen and (max-width:560px) {
	.topMainItemImg {
		width: 100%
	}
}
.topMainItemImg img {
	width: 100%
}
.topMainItemSubTitle {
	font-size: 16px;
	color: #c4d700;
	padding-bottom: 1.5em;
	font-weight: bold
}
@media screen and (max-width:560px) {
	.topMainItemSubTitle {
		font-size: 12px
	}
}
.topMainItemTitle {
	font-size: 31px;
	color: #ffffff;
	font-weight: bold;
	padding-bottom: 1.5em
}
@media screen and (max-width:560px) {
	.topMainItemTitle {
		font-size: 20px;
		padding-bottom: 15px
	}
}
.topMainItemTitle>span {
	font-size: 47px;
	padding-right: 0.3em
}
@media screen and (max-width:560px) {
	.topMainItemTitle>span {
		font-size: 32px
	}
}
.topMainItemLink {
	display: inline-block;
	width: 100%;
	padding: 1em 1em 1em 0
}
@media screen and (max-width:560px) {
	.topMainItemLink {
		display: flex;
		gap: 9.5px;
		align-items: center;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		padding-top: 0
	}
}
.topMainSubItem {
	max-width: 960px;
	width: 70%;
	padding: 6em 0;
	margin: 0 auto;
	margin-bottom: 127px;
	background: url("/assets/img/sougou/top_consulting_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	color: #ffffff;
	text-align: center;
	z-index: 1
}
.webp .topMainSubItem {
	background-image: url("/assets/img/sougou/top_consulting_bg.webp");
}
@media screen and (max-width:560px) {
	.topMainSubItem {
		width: 85%;
		padding: 2em 0;
		margin-bottom: 40px
	}
}
.topMainSubItem::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background: rgba(26, 26, 26, 0.3)
}
.topMainSubItemSubTitle {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 2em
}
@media screen and (max-width:560px) {
	.topMainSubItemSubTitle {
		font-size: 12px
	}
}
.topMainSubItemTitle {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 1em
}
@media screen and (max-width:560px) {
	.topMainSubItemTitle {
		font-size: 20px
	}
}
.topMainSubItemLink {
	display: inline-block;
	width: 90%;
	padding: 1em 1em 1em 0
}
@media screen and (max-width:560px) {
	.topMainSubItemLink {
		font-size: 14px
	}
}
.topBottom {
	width: 100%;
	margin-top: 2em;
	padding: 90px 0;
	background: url("/assets/img/sougou/top_bottom.jpg");
	background-size: cover;
	background-repeat: no-repeat
}
.webp .topBottom {
	background-image: url("/assets/img/sougou/top_bottom.webp");
}
@media screen and (max-width:560px) {
	.topBottom {
		padding: 40px 0
	}
}
.topBottomList {
	/* max-width: 1160px;
	width: 80%; */
	/* width: 1160px; */
	width: 1240px;
	padding: 0 20px;
	margin: 0 auto;
	height: 355px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 3em
}
@media screen and (max-width:560px) {
	.topBottomList {
		width: 90%;
		height: 100%;
		display: block;
		padding: 0;
	}
}
.topBottomItem {
	flex: 1;
}
.topBottomItemInner {
	padding: 60px 0;
	height: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.7)
}
@media screen and (max-width:560px) {
	.topBottomItemInner .circle {
		margin-right: 2em;
		margin-left: auto
	}
}
@media screen and (max-width:560px) {
	.topBottomItemInner {
		background: rgba(255, 255, 255, 0.9);
		display: flex;
		align-items: center;
		padding: 30px 0
	}
}
.topBottomItem:first-of-type {
	margin-bottom: 20px
}
.topBottomIcon {
	padding-bottom: 2em
}
@media screen and (max-width:560px) {
	.topBottomIcon {
		padding-bottom: 0;
		margin: 0 1.5em 0 2em;
		width: 12%
	}
}
.topBottomSubTitle {
	color: #004831;
	font-size: 16px;
	padding-bottom: 1em;
	font-weight: bold
}
@media screen and (max-width:560px) {
	.topBottomSubTitle {
		font-size: 12px;
		text-align: left
	}
}
.topBottomTitle {
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 1em
}
@media screen and (max-width:560px) {
	.topBottomTitle {
		padding-bottom: 0;
		font-size: 20px;
		text-align: left
	}
}
.topBottomItemLink {
	display: inline-block;
	width: 60%;
	padding: 20px 1em 20px 0
}
.topNews {
	padding: 90px 0
}
@media screen and (max-width:560px) {
	.topNews {
		padding: 40px 0
	}
}
.topNewsInner {
	/* max-width: 1160px;
	width: 90%; */
	/* width: 1160px; */
	width: 1240px;
	padding: 0 20px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}
@media screen and (max-width:560px) {
	.topNewsInner {
		width: 90%; 
		display: block;
		padding: 0;
	}
}
.topNewsLeft {
	width: 20%
}
@media screen and (max-width:560px) {
	.topNewsLeft {
		padding-bottom: 2em;
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center
	}
}
.topNewsList {
	width: 70%
}
@media screen and (max-width:560px) {
	.topNewsList {
		width: 100%
	}
}
.topNewsTitle {
	font-size: 32px;
	font-weight: bold;
	color: #004831;
	padding-bottom: 0.8em
}
@media screen and (max-width:560px) {
	.topNewsTitle {
		padding-bottom: 0;
		font-size: 20px
	}
}
.topNewsLink {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 1em
}
@media screen and (max-width:560px) {
	.topNewsLink {
		font-size: 12px
	}
}
.topNewsItem {
	border-top: 1px solid #cdd6dd;
	padding: 1.5em 0;
	display: flex;
	align-items: center
}
.topNewsItem .newsTitle {
	display: inline-block;
	width: 90%;
	line-height: 1.5
}
@media screen and (max-width:560px) {
	.topNewsItem {
		display: block
	}
}
.topNewsItemTop {
	display: flex;
	width: 30%;
}
.topNewsItemBottom {
	width: 70%;
	display: flex;
	transition: all 0.3s
}
@media screen and (max-width:560px) {
	.topNewsItemTop {
		width: 100%;
	}
	.topNewsItemBottom {
		width: 100%;
		gap: 1em;
		padding-top: 1.5em;
		padding-right: 1em
	}
	.topNewsItemBottom p {
		width: 90%
	}
}
.sougouCompanyInfo {
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 45px;
	padding: 70px 0 90px 0
}
@media screen and (max-width:560px) {
	.sougouCompanyInfo {
		padding: 50px 0 30px 0;
		gap: 10px;
		grid-template-columns: repeat(1, 1fr)
	}
}
.companyOutlineList {
	width: 100%
}
.companyOutlineItem {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 20px 0;
	border-top: 1px solid #cdd6dd
}
.companyOutlineItemHeader {
	width: 15%
}
@media screen and (max-width:560px) {
	.companyOutlineItemHeader {
		width: 20%;
		font-size: 12px
	}
}
.companyOutlineItemData {
	width: 70%;
	font-size: 16px;
	line-height: 1.5
}
@media screen and (max-width:560px) {
	.companyOutlineItemData {
		font-size: 14px
	}
}
.companyOutlineItemDataLink {
	position: relative;
	text-decoration: underline;
	color: #3b4043
}
.companyOutlineItemDataLink::after {
	content: url("/assets/img/icon/sougou_icon.svg");
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%)
}
.companyOutlineImgContainer {
	margin-top: 60px;
	display: flex;
	justify-content: center
}
@media screen and (max-width:560px) {
	.companyOutlineImgContainer {
		margin-top: 40px
	}
}
.companyOutlineImgContainer>img {
	width: 250px
}
@media screen and (max-width:560px) {
	.companyOutlineImgContainer>img {
		width: 80%
	}
}
.companyMessageImg {
	width: 100%;
	margin-bottom: 3em
}
@media screen and (max-width:560px) {
	.companyMessageImg {
		margin-bottom: 35px
	}
}
.companyMessageTitle {
	line-height: 1.5
}
@media screen and (max-width:560px) {
	.companyMessageTitle {
		margin-bottom: 20px
	}
}
.companyMessageBottom {
	padding: 60px 0 0 0;
	text-align: right;
	font-size: 14px
}
@media screen and (max-width:560px) {
	.companyMessageBottom {
		padding: 30px 0 0 0
	}
}
.companyMessageBottom>p {
	line-height: 2;
	padding-bottom: 1.5em
}
@media screen and (max-width:560px) {
	.companyMessageBottom>p.mbSmall {
		padding-bottom: 10px
	}
}
.companyMessageBottom p.is-large {
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 0
}
@media screen and (max-width:560px) {
	.companyMessageBottom p.is-large {
		font-size: 16px
	}
}
.companyContactButtonsContainer {
	display: flex;
	align-items: center;
	background: #004831;
	border-radius: 10px;
	margin-bottom: 5em
}
@media screen and (max-width:560px) {
	.companyContactButtonsContainer {
		border-radius: 6px;
		display: block;
		margin-bottom: 60px
	}
}
.companyContactButton {
	flex: 1;
	padding: 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #ffffff;
	font-weight: bold
}
.companyContactButton>div {
	width: 80%;
	font-size: 16px;
	text-align: center;
	line-height: 1.5
}
@media screen and (max-width:560px) {
	.companyContactButton>div {
		text-align: left;
		font-size: 14px
	}
}
.companyContactButton>div>span {
	display: block;
	font-size: 12px
}
.companyContactButton:not(:last-child) {
	border-right: 1px solid #FFFFFF
}
@media screen and (max-width:560px) {
	.companyContactButton:not(:last-child) {
		border-right: none;
		border-bottom: 1px solid #FFFFFF
	}
}
.companyContactButton .circle::before, .companyContactButton .circle::after {
	width: 7px
}
.companyContactButton .circle::before {
	left: 9px;
	top: calc(50% + 0px);
	transform: rotate(-45deg)
}
@media screen and (max-width:560px) {
	.companyContactButton .circle::before {
		left: 6.8px
	}
}
.companyContactButton .circle::after {
	left: 4.5px;
	top: calc(50% + 0px);
	transform: rotate(45deg)
}
@media screen and (max-width:560px) {
	.companyContactButton .circle::after {
		left: 3.3px
	}
}
.companyContactSubTxt {
	color: #1a1a1a;
	font-size: 16px;
	margin: 35px 0;
	line-height: 1.5
}
@media screen and (max-width:560px) {
	.companyContactSubTxt {
		margin: 30px 0;
		font-size: 14px
	}
}
.companyContactList {
	padding-bottom: 60px
}
@media screen and (max-width:560px) {
	.companyContactList {
		padding-bottom: 40px
	}
}
.companyContactList.mbBottom {
	padding: 0 0 2em 0
}
.companyContactItem {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-top: 1px solid #cdd6dd;
	padding: 1em 0
}
.companyContactItem.flexEnd {
	align-items: flex-end;
}
@media screen and (max-width:560px) {
	.companyContactItem {
		display: block;
		padding: 15px 0
	}
}
@media screen and (max-width:560px) {
	.companyContactItem:last-child {
		padding-bottom: 0
	}
}
@media screen and (max-width:560px) {
	.companyContactItem:last-child .txt {
		margin-bottom: 0
	}
}
.companyContactItem .heading04 {
	margin-bottom: 10px
}
@media screen and (max-width:560px) {
	.companyContactItem .heading04 {
		margin-bottom: 4px
	}
}
.companyContactItem .txt {
	margin-bottom: 0
}
@media screen and (max-width:560px) {
	.companyContactItem .txt {
		margin-bottom: 8px
	}
}
.companyContactItem .txt.mb {
	margin-bottom: 1em
}
@media screen and (max-width:560px) {
	.companyContactItem .txt.mb {
		margin-bottom: 1em
	}
}
.companyContactItemLinkContainer {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px
}
@media screen and (max-width:560px) {
	.companyContactItemLinkContainer.mb {
		margin-bottom: 20px
	}
}
@media screen and (max-width:560px) {
	.companyContactItemLinkContainer {
		font-size: 12px;
		margin-top: 1em;
	}
}
.companyContactItemLinkContainer>.circle {
	margin-right: 1em
}
.companyInformationPlanTableSubTxt {
	padding-top: 1em
}
.companyPhilosophyList>li {
	margin-bottom: 20px !important
}
.companyAccessContent {
	display: flex;
	justify-content: space-between;
	gap: 3em
}
.companyAccessContent:not(:last-of-type) {
	margin-bottom: 5em
}
@media screen and (max-width:560px) {
	.companyAccessContent:not(:last-of-type) {
		margin-bottom: 40px
	}
}
@media screen and (max-width:560px) {
	.companyAccessContent {
		display: block
	}
}
.companyAccessContent>img {
	border: 1px solid #005b46;
	width: 50%
}
@media screen and (max-width:560px) {
	.companyAccessContent>img {
		margin-top: 20px;
		width: 100%
	}
}
.companyOrgImg {
	display: inline-block;
	width: 680px;
}
.companyOrgImg:not(:last-of-type) {
	margin-bottom: 60px
}
.companyOrgImg>source, .companyOrgImg>img {
	width: 100%
}
.companyInformationList>a {
	margin-bottom: 20px
}
@media screen and (max-width:560px) {
	.companyInformationList>a {
		margin-bottom: 10px
	}
	.companyOrgImg {
		width: 328px;
		max-width: 100%;
	}
}
.companyInformationPlanContainer {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 3em;
	margin-bottom: 40px
}
@media screen and (max-width:560px) {
	.companyInformationPlanContainer {
		grid-template-columns: repeat(1, 1fr)
	}
}
.companyInformationPlanTable.isLarge td {
	padding: 19px 24px
}
@media screen and (max-width:560px) {
	.companyInformationPlanTable.isLarge td {
		padding: 10px 7px
	}
}
.companyInformationPlanTable th, .companyInformationPlanTable td {
	font-size: 14px
}
.companyInformationPlanTable td {
	padding: 10px 9px;
	box-sizing: border-box
}
@media screen and (max-width:560px) {
	.companyInformationPlanTable {
		padding: 0.5em 0
	}
}
@media screen and (max-width:560px) {
	.companyInformationPlanTable.pdSpNone {
		padding: 0
	}
}
.companyInformationPlanTable td.isFix {
	width: 83.41px
}
.companyInformationPlanTable th {
	padding: 0.5em 0
}
.companyInformationPlanTable td.isLarge {
	width: 19.5%
}
@media screen and (max-width:560px) {
	.companyInformationPlanTable td.isLarge {
		width: 15%
	}
}
.companyInformationPlanTable td.isMd {
	width: 170px
}
.companyInformationPlanTable td.isLg {
	width: 120px
}
.companyInformationPlanTable td.isXl {
	width: 464px
}
.companyInformationPlanTable>p {
	padding-bottom: 1em
}
.companyInformationLaborPolicyContainer {
	padding: 0 0 2em 0
}
.companyInformationLaborPolicyContainer td.center {
	text-align: center
}
.companyInformationPlanTable2 {
	width: auto;
}
.companyInformationPlanTable2 th,
.companyInformationPlanTable2 td {
	font-size: 14px;
}
.companyInformationPlanTable2 th {
	background: #f0f3f5;
}
.companyInformationPlanTable2 th:first-child {
	width: 250px;
}
@media screen and (max-width:560px) {
	.companyInformationPlanTable2 {
		width: 100%;
	}
	.companyInformationPlanTable2 th:first-child {
		width: auto;
	}
}
@media screen and (max-width:560px) {
	.companyInformationLaborPolicyContainer td {
		font-weight: bold
	}
}
.companyInformationLaborPolicyContainer>p {
	padding-top: 20px;
	text-align: right
}
@media screen and (max-width:560px) {
	.companyInformationLaborPolicyContainer>p {
		padding-top: 10px;
		font-size: 13px
	}
}
.companyInformationSupportTxt {
	margin-bottom: 90px
}
@media screen and (max-width:560px) {
	.companyInformationSupportTxt {
		margin-bottom: 60px
	}
}
.companyInformationSupportHeading {
	margin-bottom: 60px
}
@media screen and (max-width:560px) {
	.companyInformationSupportHeading {
		margin-bottom: 26px
	}
}
@media screen and (max-width:560px) {
	.laborPolicyTitle {
		line-height: 1.25
	}
}
.securityTxt {
	margin-bottom: 20px
}
.securitySupplementTxt {
	margin-bottom: 30px
}
@media screen and (max-width:560px) {
	.securitySupplementTxt {
		margin-bottom: 20px
	}
}
.news {
	width: 90%;
	padding: 5em 0;
	margin: 0 auto;
	display: flex;
	justify-content: space-between
}
@media screen and (max-width:560px) {
	.news {
		display: block
	}
}
.newsLeft {
	width: 20%;
	padding-left: 3em
}
@media screen and (max-width:560px) {
	.newsLeft {
		padding-bottom: 2em;
		padding-left: 0;
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center
	}
}
.newsContainer {
	padding: 2em 0
}
.newsList {
	width: 100%
}
.newsLink {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 1em
}
.newsLink>.border {
	transition: all 0.3s;
	border-bottom: 1px solid transparent
}
.newsLink:hover {
	color: #004831
}
.newsLink:hover>.border {
	border-color: #004831
}
.newsLink:hover>.circle {
	border: 2px solid #004831;
	transition: all 0.3s;
	background: #fff
}
.newsLink:hover>.circle::before {
	transition: all 0.3s;
	border-color: #004831
}
@media screen and (max-width:560px) {
	.newsLink {
		font-size: 12px
	}
}
.newsItem {
	border-top: 1px solid #cdd6dd;
	padding: 1.5em 0;
	display: flex;
	align-items: center
}
@media screen and (max-width:560px) {
	.newsItem {
		display: block
	}
}
.newsItemTop {
	display: flex;
	width: 30%;
}
@media screen and (max-width:560px) {
	.newsItemTop {
		width: 100%;
	}
}
.newsItemBottom {
	width: 70%;
	display: flex;
	align-items: center;
	transition: all 0.3s
}
.newsItemBottom p {
	line-height: 1.5;
	width: 90%
}
@media screen and (max-width:560px) {
	.newsItemBottom {
		width: 100%;
		gap: 1em;
		padding-top: 10px;
		padding-right: 1em
	}
	.newsItemBottom p {
		width: 90%
	}
}
.newsLayoutContainer .sidebarContainer {
	background: transparent
}
@media screen and (max-width:560px) {
	.newsSidebar {
		width: 100%;
		border: 1px solid #cdd6dd;
		border-radius: 4px;
	}
	.newsSidebar.mb {
		margin-bottom: 2em;
	}
}
@media screen and (max-width:560px) {
	.newsSidebar.Sidebar {
		padding: 0 20px
	}
}
@media screen and (max-width:560px) {
	.newsSidebar .accordionArea {
		padding-bottom: 20px
	}
}
.newsSidebar>.sidebarTop {
	position: relative
}
.newsSidebar>.sidebarTop::before, .newsSidebar>.sidebarTop::after {
	display: none
}
@media screen and (max-width:560px) {
	.newsSidebar>.sidebarTop {
		text-align: left;
		padding: 1em 0
	}
	.newsSidebar>.sidebarTop::before, .newsSidebar>.sidebarTop::after {
		content: ""
	}
	
}
@media screen and (max-width:560px) {
	.newsSidebarContainer {
		padding: 0 0 60px 0;
		display: none;
	}
}
.newsMenuCircle {
	width: 18px;
	height: 18px;
	border: 2px solid #98a6b5;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%)
}
@media screen and (max-width:560px) {
	.newsMenuCircle {
		right: 0
	}
}
.newsMenuCircle::after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 2px;
	border-bottom: 2px solid #98a6b5;
	border-right: 2px solid #98a6b5;
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	top: 40%;
	right: 6px
}
.newsDetailTop {
	justify-content: flex-end;
	width: 100%;
	align-items: center;
}
.newsDetailTop .newsCategory {
	margin-right: 0
}
.newsDetailTitle {
	padding: 2em 0;
	line-height: 1.5;
	border-bottom: 1px solid #CDD6DD
}
@media screen and (max-width:560px) {
	.newsDetailTitle {
		padding: 20px 0 30px 0
	}
}
.newsDetailImg {
	width: 100%;
	margin-bottom: 2em
}
@media screen and (max-width:560px) {
	.newsDetailImg {
		margin-bottom: 20px
	}
	.newsDetailButtonWrap {
		margin-top: 40px;
	}
}
.sougouNews {
	margin-top: 40px;
}
.aboutContainer {
	padding: 3em 0
}
.aboutContainer.mb {
	padding-bottom: 0;
	margin-bottom: 90px
}
@media screen and (max-width:560px) {
	.aboutContainer.mb {
		margin-bottom: 60px
	}
}
@media screen and (max-width:560px) {
	.aboutContainer {
		padding-bottom: 0
	}
}
.aboutSitemapContentsList {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 2em;
	margin-bottom: 90px
}
@media screen and (max-width:560px) {
	.aboutSitemapContentsList {
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 60px
	}
}
.aboutSitemapContentsItem {
	padding-right: 1em;
	border-top: 1px solid #CDD6DD
}
.sitemapLink {
	padding: 1.5em 0;
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 20px
}
@media screen and (max-width:560px) {
	.sitemapLink {
		padding: 1em 0;
		font-size: 14px
	}
}
.sitemapLink>svg {
	margin-left: 1em
}
.sitemapBottomList {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 1.5em
}
@media screen and (max-width:560px) {
	.sitemapBottomList {
		padding-bottom: 1em
	}
}
.sitemapBottomItem {
	font-size: 16px;
	color: #3B4043;
	padding-right: 0.3em;
	line-height: 2;
}
.sitemapBottomItem:hover {
	text-decoration: underline;
	text-decoration-color: #367455;
	color: #367455;
}
@media screen and (max-width:560px) {
	.sitemapBottomItem {
		font-size: 13px
	}
}
.sitemapBottomItem:not(:last-child)::after {
	content: '/';
	padding-left: 0.5em;
	text-decoration: none;
	display: inline-block
}
.aboutPrivacyTop {
	display: flex;
	gap: 3em;
	margin-bottom: 106px
}
@media screen and (max-width:560px) {
	.aboutPrivacyTop {
		margin-bottom: 0;
		display: block
	}
}
.aboutPrivacyTop>div {
	margin: 0 2em;
	width: 100px
}
@media screen and (max-width:560px) {
	.aboutPrivacyTop>div {
		display: flex;
		justify-content: center;
		margin: 0 auto;
		margin-top: 19px;
		margin-bottom: 54px
	}
}
.aboutPrivacyTop>div>img {
	width: 100px;
	height: 100px
}
.aboutPrivacyBorderContainer {
	border: 1px solid #CDD6DD;
	padding: 2em;
	margin-bottom: 30px
}
@media screen and (max-width:560px) {
	.aboutPrivacyBorderContainer {
		padding: 20px
	}
}
.aboutPrivacyBorderContainerHeading {
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 0.8em
}
@media screen and (max-width:560px) {
	.aboutPrivacyBorderContainerHeading {
		font-size: 16px
	}
}
.aboutPrivacyList {
	line-height: 2
}
@media screen and (max-width:560px) {
	.aboutPrivacyTxt {
		table-layout: fixed;
		width: 100%
	}
}
.aboutPrivacyTxt>li {
	line-height: 2
}
@media screen and (max-width:560px) {
	.aboutPrivacyTxt>li::before {
		width: 30px
	}
}
@media screen and (max-width:560px) {
	.aboutPrivacyTxt>li {
		font-size: 14px
	}
}
.txtIndent {
	padding-left: 2em;
	display: inline-block
}
@media screen and (max-width:560px) {
	.txtIndent {
		word-break: break-word
	}
}
.orderBottomList {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 2em
}
.orderBottomList li {
	padding-left: 2em;
	position: relative
}
.orderBottomList li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fff;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	width: 20px;
	color: #1A1A1A;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(7px)
}
@media screen and (max-width:560px) {
	.orderBottomList li:before {
		height: 15px;
		width: 15px;
		font-size: 9px;
		transform: translateY(7px)
	}
}
.aboutPrivacyBottomItemTitle {
	font-weight: bold;
	padding-bottom: 0.5em;
	line-height: 1.5
}
.aboutPrivacyBottomList li {
	margin-bottom: 1.2em
}
.aboutPrivacyBottomList li.mbNone {
	margin-bottom: 0;
}
.supplementText {
	color: #3B4043;
	font-size: 14px;
	padding: 0.5em 0
}
.voteContents {
	padding-top: 60px;
}
@media screen and (max-width:560px) {
	.voteContents {
		padding-top: 3em;
	}
}

@media screen and (max-width:390px) {
	.topHeading {
		font-size: 6.4vw;
	}
	.topMainHeading {
		font-size: 4.75vw;
	}
}

.spNone .philosophyDl {
	background-image: url(../img/sougou/philosophy_pc_bg.svg);
	background-repeat: no-repeat;
	height: 515px;
	background-position: left top;
}
.spNone .philosophyDlBlock {
	display: flex;
	align-items: center;
	position: relative;
}
.spNone .philosophyDt {
	width: 260px;
	text-align: center;
	font-size: 18px;
	color: #004831;
}
.spNone .philosophyDtText {
	font-size: 16px;
	font-weight: normal;
	display: block;
	margin-top: 5px;
}
.spNone .philosophyDd {
	width: calc(100% - 260px);
	font-size: 14px;
	line-height: 1.6;
	padding-left: 30px;
}
.spNone .philosophyDlBlock:first-child {
	height: 120px;
}
.spNone .philosophyDlBlock:nth-child(2) {
	height: 86px;
}
.spNone .philosophyDlBlock:nth-child(3) {
	height: 309px;
}
.spNone .philosophyDlBlock:first-child .philosophyDd {
	width: calc(100% - 220px);
	font-size: 14px;
	color: #004831;
	font-weight: bold;
	margin-left: -40px;
	padding: 0;
}
.spNone .philosophyDlBlock2:nth-child(n+2) {
	margin-top: 5px;
}
.spNone .philosophyDt2 {
	font-size: 16px;
	font-weight: bold;
	color: #004831;
}
.spNone .philosophyDd2 {
	font-size: 14px;
	margin-top: 5px;
	padding-left: 30px;
}

@media screen and (max-width:560px) {
	.philosophyImg {
		width: 100%;
	}
	.philosophyDl {
		margin-top: 30px;
		line-height: 1.6;
	}
	.philosophyDt {
		font-size: 22px;
		font-weight: bold;
		color: #004831;
	}
	.philosophyDd {
		font-size: 14px;
		margin-top: 30px;
	}
	.philosophyDlBlock:first-child .philosophyDd {
		font-size: 14px;
		font-weight: bold;
		color: #004831;
		margin-top: 30px;
	}
	.philosophyDlBlock:nth-child(n + 2) {
		margin-top: 50px;
	}
	.philosophyDt2 {
		font-size: 16px;
		font-weight: bold;
		color: #004831;
		margin-top: 10px;
	}
	.philosophyDd2 {
		margin-top: 10px;
	}
}

.fixTable1 th:nth-child(1){
	width: 10em;
}
.fixTable1 th:nth-child(3){
	width: 6em;
}
.fixTable1 th:nth-child(n + 4){
	width: 4em;
}
@media screen and (max-width:560px) {
	.fixTable1 th:nth-child(1){
		width: auto;
	}
	.fixTable1 th:nth-child(3){
		width: auto;
	}
	.fixTable1 th:nth-child(n + 4){
		width: auto;
	}
}