@charset "UTF-8";

/*------- var  --------*/
:root {
	--white: #fff;
	--black: #000;
	--green: #00A73C;
	--digima-brown: #9B4633;
	--CTA-color: #F2534F;
	--lineColor: #E3E3E3;
	--line-color: #cfcaaf;
	--line-color-strong: #A99F70;
	--text-color: #2B2B2B;
	--text-color-weak: #666666;
	--cardShadow: 0px 2px 8px 0px #00000052;
	--background-gray: #F6F5F0;
}


/*------- reset  --------*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after {
	content: "";
	content: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------- common ---------*/
body {
	font: 13px "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
		"ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

:target {
	scroll-margin-top: 54px;
}

/*------- txt color ----------------*/
.red {
	color: red;
}

.blue {
	color: #2372d3;
}

.b-color {
	color: #9b4633 !important;
}

.read-green {
	color: #1b8264 !important;
}

.search-red {
	color: #f2534f !important;
}

.consult-blue {
	color: #00a0e9 !important;
}

.learn-yellow {
	color: #ffc828 !important;
}

/*------- bo color ----------------*/
.read-green-bo {
	border-color: #1b8264 !important;
}

.search-red-bo {
	border-color: #f2534f !important;
}

.consult-blue-bo {
	border-color: #00a0e9 !important;
}

.learn-yellow-bo {
	border-color: #ffc828 !important;
}

/*------- link color ----------------*/
a {
	color: #666;
}

a:hover {
	color: #9b4633;
}

/*------- bg color ----------------*/
.bg-brand {
	background-color: #9b4633 !important;
}

.bg-readGreen {
	background-color: #1b8264 !important;
}

.bg-searchRed {
	background-color: #f2534f !important;
}

.bg-consultBlue {
	background-color: #00a0e9 !important;
}

.bg-learnYellow {
	background-color: #ffc828 !important;
}

.bg-newsBlue {
	background-color: #242737 !important;
}

.bg-userOrange {
	background-color: #ff9308 !important;
}

.bg-gray {
	background-color: #f6f5f0 !important;
}

.bg-red {
	background-color: #9b4633 !important;
}

/*------- txt style ----------------*/
.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.right {
	text-align: right !important;
}

.v-top {
	vertical-align: top;
}

.v-middle {
	vertical-align: middle;
}

.v-bottom {
	vertical-align: bottom;
}

.f-bold,
em {
	font-weight: bold !important;
}

.f-normal {
	font-weight: normal !important;
}

/*------- border style ----------------*/
.bo-none {
	border: none !important;
}

.bo-t-none {
	border-top: none !important;
}

.bo-r-none {
	border-right: none !important;
}

.bo-b-none {
	border-bottom: none !important;
}

.bo-l-none {
	border-left: none !important;
}

/*------- float ----------------*/
.f-left {
	float: left !important;
}

.f-right {
	float: right !important;
}

.f-none {
	float: none !important;
}

.clear {
	clear: both;
}

/*------- position ----------------*/
.pos-relative {
	position: relative !important;
}

.pos-absolute {
	position: absolute !important;
}

.pos-inherit {
	position: inherit !important;
}

/*------- animation ----------------*/
@font-face {
	font-family: "icomoon";
	src: url("../_font/icomoon.eot?9k1nx");
	src: url("../_font/icomoon.eot?9k1nx#iefix") format("embedded-opentype"),
		url("../_font/icomoon.ttf?9k1nx") format("truetype"),
		url("../_font/icomoon.woff?9k1nx") format("woff"),
		url("../_font/icomoon.svg?9k1nx#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-consult:before {
	content: "\e904";
}

.icon-comsearch:before {
	content: "\e908";
}

.icon-world:before {
	content: "\e900";
}

.icon-book:before {
	content: "\e901";
}

.icon-freedial:before {
	content: "\e902";
	color: #009944;
}

.icon-learn:before {
	content: "\e903";
}

.icon-read:before {
	content: "\e905";
}

.icon-user:before {
	content: "\e906";
}

.icon-digima:before {
	content: "\e907";
	color: #9b4633;
}

/*-------- tit-type ---------------*/
.new-contents-title {
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	font-family: "Lato", sans-serif;
}

.new-contents-title__cap {
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
}

.new-contents-title-bo {
	font-size: 26px;
	font-weight: bold;
	padding-left: 16px;
	border-left: 3px solid #ccc;
}

/*-------- txt-type ---------------*/
.new-contents-read {
	margin-top: 20px;
	font-size: 14px;
}

/* color */
/*-------- btn-type ---------------*/
.btn-type {
	display: inline-block;
	text-decoration: none;
	width: 222px;
	text-align: center;
	padding: 20px 10px;
	box-sizing: border-box;
	font-family: "Lato", sans-serif;
	color: #000;
	font-weight: bold;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}

.btn-type.btn-white {
	background: white;
}

.btn-type.btn-red {
	background: #f2534f;
	color: white;
}

/*-------- btn-section ---------------*/
.btn-section {
	text-align: center;
	margin: 40px 0;
}

.btn-section__txt {
	font-size: 12px;
	font-family: "-apple-system", "BlinkMacSystemFont", "Hiragino Sans",
		"Hiragino Kaku Gothic ProN", "segoe ui", "游ゴシック  Medium", "メイリオ",
		Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 30px;
}

/*-------- box-border ---------------*/
.box-border {
	border: 1px solid #ccc;
	padding: 20px;
}

/*-------- contents-column ---------------*/
.contents-column {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.contents-column-item {
	margin-bottom: 30px;
	text-align: center;
	text-decoration: none;
	color: #666;
}

.contents-column-item__img {
	margin-bottom: 8px;
}

.contents-column-item__map {
	margin-bottom: 8px;
	height: 340px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.contents-column-item__title {
	margin-bottom: 3px;
}

.contents-column-item__txt {
	font-size: 14px;
}

.contents-column.cols-2 .contents-column-item {
	width: 48%;
}

/*-------- dl-table ---------------*/
.dl-table {
	overflow: hidden;
	font-size: 16px;
}

.dl-table dt,
.dl-table dd {
	float: left;
	padding: 10px;
	box-sizing: border-box;
	line-height: 1.6;
}

.dl-table dt {
	clear: both;
	width: 26%;
}

.dl-table dd {
	width: 74%;
}

/*-------- ul-list ---------------*/
.list-inline li {
	display: inline;
	white-space: nowrap;
	margin-right: 10px;
}

/*-------- faq-list ---------------*/
.faq-list {
	font-size: 18px;
	margin-bottom: 60px;
}

.faq-list dt,
.faq-list dd {
	text-indent: -1.8em;
	padding-left: 1.8em;
}

.faq-list dt {
	font-weight: bold;
	padding-top: 30px;
	margin-bottom: 15px;
}

.faq-list dd {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 30px;
}

/*-------- form ---------------*/
.form-input {
	font-size: 14px;
	padding: 12px 15px;
	box-sizing: border-box;
	width: 100%;
	border: none;
	border-radius: 5px;
}

.form-radio,
.form-check {
	margin-right: 4px;
}

.form-select select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	border: none;
	font-size: 14px;
	background: url(../_newimg/parts/select_alw.png) right 50% no-repeat #fff;
}

.form-select select::-ms-expand {
	display: none;
}

.form-textarea {
	font-size: 16px;
	padding: 5px;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ccc;
}

/*-------- form ---------------*/
.icon-flags {
	width: 70px;
	height: 47px;
	background: url(../_newimg/flags/icon_flags.png) no-repeat;
	display: inline-block;
}

.icon-flags.flag-china {
	background-position: 0 0;
}

.icon-flags.flag-hong-kong {
	background-position: -106px 0;
}

.icon-flags.flag-singapore {
	background-position: -212px 0;
}

.icon-flags.flag-taiwan {
	background-position: -318px 0;
}

.icon-flags.flag-indonesia {
	background-position: -423px 0;
}

.icon-flags.flag-south_korea {
	background-position: -529px 0;
}

.icon-flags.flag-vietnam {
	background-position: -635px 0;
}

.icon-flags.flag-thailand {
	background-position: -741px 0;
}

.icon-flags.flag-philippines {
	background-position: 0 -98px;
}

.icon-flags.flag-malaysia {
	background-position: -106px -98px;
}

.icon-flags.flag-india {
	background-position: -212px -98px;
}

.icon-flags.flag-myanmar {
	background-position: -318px -98px;
}

.icon-flags.flag-bangladesh {
	background-position: -423px -98px;
}

.icon-flags.flag-cambodia {
	background-position: -529px -98px;
}

.icon-flags.flag-mongolia {
	background-position: -635px -98px;
}

.icon-flags.flag-other_asia {
	background-position: -741px -98px;
}

.icon-flags.flag-united-kingdom {
	background-position: 0 -194px;
}

.icon-flags.flag-germany {
	background-position: -106px -194px;
}

.icon-flags.flag-middle_east {
	background-position: -212px -194px;
}

.icon-flags.flag-united_states {
	background-position: -318px -194px;
}

.icon-flags.flag-turkey {
	background-position: -423px -194px;
}

.icon-flags.flag-europe {
	background-position: -529px -194px;
}

.icon-flags.flag-brazil {
	background-position: -635px -194px;
}

.icon-flags.flag-central-and-south-america {
	background-position: -741px -194px;
}

.icon-flags.flag-oceania {
	background-position: 0 -293px;
}

.icon-flags.flag-africa {
	background-position: -106px -293px;
}

.icon-flags.flag-russia {
	background-position: -212px -293px;
}

.icon-flags.flag-other_english {
	background-position: -318px -293px;
}

/*-------- for mobile---------------*/
@media screen and (max-width: 599px) {

	/*-------- tit-type ---------------*/
	.new-contents-title {
		font-size: 28px;
	}

	.new-contents-title-bo {
		font-size: 18px;
	}
}

body,
html {
	height: 100%;
}

.display-pc {
	display: block;
}

.display-sp {
	display: none;
}

@media screen and (max-width: 599px) {
	.display-pc {
		display: none;
	}

	.display-sp {
		display: block;
	}
}

/*-------- header ---------*/
.new-header {
	width: 100%;
	background: white;
	border-bottom: 1px solid #f2f2f2;
	height: 55px;
}

.new-header .new-contents__inner {
	height: 100%;
}

.new-header__logo {
	float: left;
}

.new-header__logo a {
	display: block;
	padding: 10px 0;
}

.new-header__logo a img {
	width: 234px;
}

.new-header__txt {
	float: left;
	margin: 20px 0 0 20px;
	font-size: 12px;
	color: #666;
}

.new-header__list {
	display: flex;
	flex-direction: column;
	float: right;
	justify-content: center;
	align-items: flex-end;
	height: 100%;
}

.new-header__list li+li {
	margin-top: 3px;
}

.new-header__list li a {
	color: #9b4633;
	display: flex;
	align-items: center;
	padding-right: 15px;
	font-size: 12px;
}

.new-header__list li a::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 4px;
	border-color: transparent transparent transparent #9b4633;
	position: relative;
	right: -5px;
}

.new-header__link {
	float: right;
	height: 100%;
}

.new-header__link li {
	float: left;
	height: 100%;
}

.new-header__link li a {
	display: block;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	height: 100%;
	line-height: 55px;
}

.new-header__link li a i.icons {
	margin-right: 5px;
}

.new-header__link li a.nav-regist {
	background: #f6f5f0;
	color: #000;
}

.new-header__link li a.nav-login {
	background: #9b4633;
	color: white;
}

.new-header__under-list {
	display: none;
}

/* new-header--lower */
.new-header--lower {
	display: none;
}

.new-header--lower .new-header__link li {
	width: 44px;
}

.new-header--lower .new-header__link li a {
	padding-inline: 0;
}

.new-header--lower .new-header__link li button.nav-check {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--background-gray);
	border: none;
	height: 100%;
	width: 100%;
	font-size: 10px;
	padding: 8px 2px 3px;
	line-height: 1;
	cursor: pointer;
	color: var(--text-color);
}

.new-header--lower .new-header__link li button.nav-check img {
	width: 16px;
	margin-bottom: 5px;
}

.new-header--lower .new-header__link li a.nav-regist {
	background: var(--digima-brown);
	color: var(--white);
}

.new-header--lower .new-header__link li a.nav-login {
	border-left: 1px solid var(--lineColor);
}

.new-header--lower .new-header__link li a i.icons::before {
	color: var(--white);
}

.new-header--lower .menu-trigger {
	width: 44px;
}

.new-header--lower .menu-trigger span {
	left: 25%;
	width: 50%;
}

@media screen and (max-width: 599px) {
	.new-header--lower {
		display: block;
	}
}

/* lower-header */
.lower-header {
	position: relative;
}

.lower-header__head {
	border-bottom: 1px solid var(--lineColor);
}

.lower-header__head-inner {
	max-width: 1200px;
	margin-inline: auto;
	display: flex;
	justify-content: space-between;
	padding: 8px;
}

.lower-header__head a {
	color: var(--digima-brown);
	position: relative;
	padding-right: 16px;
}

.lower-header__head a::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent var(--digima-brown);
	position: absolute;
	top: 4px;
	right: 4px;
}

.lower-header__text {
	color: var(--lower-header__text);
	font-size: 11px;
}

.lower-header__bottom {
	border-bottom: 1px solid var(--lineColor);
}

.lower-header__bottom-inner {
	max-width: 1200px;
	margin-inline: auto;
	display: grid;
	grid-template-columns: 260px calc(100% - 260px - 120px) 120px;
	justify-content: space-between;
}

.lower-header__logo {
	padding: 10px;
}

.lower-header__logo img {
	width: 240px;
}

.lower-header__search {
	padding: 10px 10px 10px 4px;
	position: relative;
}

.lower-header__search input {
	width: 100%;
	height: 44px;
	background: #F2F2F2;
	border-radius: 4px;
	border: none;
	padding-left: 36px;
}

.lower-header__search::before {
	content: "";
	position: absolute;
	background: url(/_img/header/lower-header-arrow.svg) no-repeat;
	width: 18px;
	height: 18px;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
}

.lower-header__links {
	display: grid;
	grid-template-columns: repeat(2, 60px);
}

.lower-header__links li a {
	background: var(--digima-brown);
	color: var(--white);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-weight: bold;
}

.lower-header__links li+li {
	border-left: 1px solid var(--lineColor);
}

.lower-header__links li a i {
	margin-bottom: 4px;
}

.lower-header__links .icon-digima:before {
	color: var(--white);
}

.lower-header__filterWrap {
	background: var(--white);
}

.lower-header__filter {
	z-index: 30000000;
	width: 840px;
	position: absolute;
	background: var(--white);
	box-shadow: var(--cardShadow);
	border-radius: 0 0 4px 4px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	padding: 20px 20px 30px 20px;
}

.lower-header__filter._focusout {
	margin: 0;
	animation: fadeOut 0s ease 0s forwards;
}

.lower-header__filter._focus {
	height: auto;
	animation: fadeUp 0s ease-in 0s forwards;
}

.lower-header .top-search__filter-title {
	color: var(--black);
	background: none;
	padding-left: 0;
}

.lower-header__searchList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-top: 12px;
}

.lower-header__searchItem button {
	width: 100%;
	display: flex;
	align-items: center;
	border-radius: 4px;
	border: 1px solid var(--text-color);
	background: var(--background-gray);
	padding: 11px 0 11px 20px;
	cursor: pointer;
}

.lower-header__searchItem button span {
	margin-left: 12px;
	color: var(--text-color);
}

.lower-header .search-panel {
	position: relative;
	height: 0;
	top: 0;
	padding: 0;
	box-shadow: none;
	border: 1px solid var(--line-color);
	background: var(--background-gray);
	transition: 0.1s height;
}

.lower-header .search-panel._fadein {
	animation: fadeUp 0.1s ease-in 0s forwards;
	height: auto;
	margin-top: 12px;
	padding: 20px;
}

.lower-header .search-panel._fadeout {
	animation: fadeOut 0s ease 0s forwards;
	height: 0;
}

.lower-header__button {
	margin-top: 17px;
	display: grid;
	justify-content: center;
}

.lower-header__button button {
	font-size: 16px;
	color: var(--white);
	font-weight: bold;
	border-radius: 4px;
	border: none;
	background: var(--CTA-color);
	padding: 11px 57px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.lower-header__button img {
	margin-left: 13px;
}

.lower-header__layer {
	opacity: 0;
	visibility: hidden;
	z-index: 25000000;
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	transition: 0.1s all;
}

.lower-header__layer._show {
	animation: fadeUp 0s ease-in 0s forwards;
}

.lower-header__layer._hide {
	animation: fadeOut 0s ease 0s forwards;
}

@media screen and (max-width: 599px) {
	.lower-header {
		opacity: 0;
		visibility: hidden;
		position: absolute;
	}

	.lower-header._show {
		z-index: 10000;
		opacity: 1;
		visibility: visible;
		position: fixed;
		top: 0;
		width: 100%;
	}

	.lower-header._hide {
		opacity: 0;
		visibility: hidden;
		position: absolute;
	}


	.lower-header__head,
	.lower-header__links,
	.lower-header__logo {
		display: none;
	}

	.lower-header__bottom {
		grid-template-columns: 100%;
	}

	.lower-header__search {
		padding: 10px 0 10px 10px;
		background: var(--white);
		width: 100vw;
		display: flex;
	}

	.lower-header__search span {
		position: relative;
		cursor: pointer;
		width: 42px;
	}

	.lower-header__search span::before,
	.lower-header__search span::after {
		content: "";
		position: absolute;
		width: 2px;
		height: 20px;
		background: var(--text-color);
		right: 45%;
		top: 50%;
	}

	.lower-header__search span::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.lower-header__search span::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.lower-header__filter {
		max-width: 100%;
	}

	.lower-header__searchList {
		grid-template-columns: 100%;
	}

	.lower-header .search-panel._fadein {
		box-sizing: border-box;
		width: 100%;
	}

	.lower-header__filter._focus {
		animation: fadeUp 0s ease-in 0s forwards;
	}

	.lower-header__layer._show {
		animation: fadeUp 0s ease-in 0s forwards;
	}
}


.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all 0.4s;
	box-sizing: border-box;
}

.menu-trigger {
	position: relative;
	width: 56px;
	height: 44px;
}

.menu-trigger em {
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #313131 !important;
}

.menu-trigger span {
	position: absolute;
	left: 30%;
	width: 45%;
	height: 2px;
	background-color: #313131;
	border-radius: 2px;
}

.menu-trigger span:nth-of-type(1) {
	top: 11px;
}

.menu-trigger span:nth-of-type(2) {
	top: 19px;
}

.menu-trigger span:nth-of-type(3) {
	top: 27px;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

/*------- nav -----------*/
.new-gnav {
	width: 100%;
	margin: 12px 0 0;
	position: relative;
	z-index: 2000;
}

.new-gnav>ul {
	display: -webkit-flex;
	/* Safari */
	display: flex;
}

.new-gnav>ul>li {
	width: 20%;
}

.new-gnav>ul>li:hover>a {
	border-bottom: 4px solid #ccc;
}

.new-gnav>ul>li:hover>.new-gnav-mega {
	max-height: 9999px;
	opacity: 1;
}

.new-gnav>ul>li>a {
	display: block;
	padding: 10px 0 15px;
	text-decoration: none;
	text-align: center;
	position: relative;
	border-bottom: 4px solid white;
	color: #000;
	font-size: 13px;
}

.new-gnav>ul>li>a:before {
	position: absolute;
	content: "";
	height: 40px;
	width: 1px;
	top: 0;
	right: 0;
	background: #e3e3e3;
}

.new-gnav>ul>li:first-child>a:after {
	position: absolute;
	content: "";
	height: 40px;
	width: 1px;
	top: 0;
	left: 0;
	background: #e3e3e3;
}

.new-gnav>ul>li:first-child:hover>a {
	border-bottom-color: #1b8264;
}

.new-gnav>ul>li:nth-child(2):hover>a {
	border-bottom-color: #f2534f;
}

.new-gnav>ul>li:nth-child(3):hover>a {
	border-bottom-color: #00a0e9;
}

.new-gnav>ul>li:nth-child(4):hover>a {
	border-bottom-color: #ffc828;
}

.new-gnav>ul>li:nth-child(5):hover>a {
	border-bottom-color: #9b4633;
}

/* new-gnav-mega */
.new-gnav-mega {
	transition: all 0.2s ease-in;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	left: 0;
	position: absolute;
	background-color: rgba(238, 234, 228, 0.95);
	box-sizing: border-box;
}

.new-gnav-mega ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	/* Safari */
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: row;
	/* Safari */
	-moz-justify-content: row;
	-ms-justify-content: row;
	justify-content: row;
	padding: 10px 0 20px;
}

.new-gnav-mega ul li {
	width: 13.5%;
	margin-left: 1%;
}

.new-gnav-mega ul li:first-child {
	margin-left: 0;
}

.new-gnav-mega ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
}

.new-gnav-mega ul li a img {
	width: 100%;
	height: auto;
}

/*------- subhead update -----------*/
#subhead {
	border-top: 1px solid #d8d8d8;
}

/*------- container -----------*/
.new-contents__inner {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

/*  bread  */
/*------- contact -----------*/
.new-contact {
	overflow: hidden;
	position: relative;
}

.new-contact__img {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 10px;
	box-sizing: border-box;
}

.new-contact__img img {
	vertical-align: bottom;
}

.new-contact__body {
	float: right;
	width: 50%;
	padding: 0 100px 0 10px;
	box-sizing: border-box;
	text-align: center;
}

.new-contact__title {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 25px;
	margin-top: 40px;
}

.new-contact__txt {
	font-size: 14px;
	margin-bottom: 20px;
}

.new-contact__btn {
	text-align: center;
}

.new-contact__btn .btn-type {
	font-size: 24px;
	font-weight: normal;
	width: 360px;
	padding: 15px 0;
}

.new-contact-info {
	margin-top: 20px;
}

.new-contact-info__tel {
	font-size: 34px;
	font-weight: bold;
}

.new-contact-info__tel i {
	margin-right: 15px;
	position: relative;
	top: 2px;
	font-size: 90%;
}

.new-contact-info__global {
	font-weight: bold;
}

.new-contact-info__hours {
	font-weight: bold;
}

.new-contact__mark {
	position: absolute;
	top: 50px;
	left: 77px;
	background: #9b4633;
	width: 185px;
	height: 185px;
	border-radius: 50%;
	text-align: center;
	color: white;
	font-size: 16px;
	line-height: 1.2;
	padding-top: 50px;
	box-sizing: border-box;
}

.new-contact__mark em {
	font-size: 240%;
}

.new-contact__mark span {
	font-size: 180%;
}

/*------- new-footer-bnr -----------*/
.new-footer-bnr {
	padding: 24px 0 10px;
	background: #f6f5f0;
}

.new-footer-bnr__l,
.new-footer-bnr__s {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: row;
	/* Safari */
	-moz-justify-content: row;
	-ms-justify-content: row;
	justify-content: row;
	margin: 0 10%;
}

.new-footer-bnr__l li img,
.new-footer-bnr__s li img {
	width: 100%;
	height: auto;
}

.new-footer-bnr__l li {
	width: 23%;
	margin: 0 1% 12px;
}

.new-footer-bnr__s li {
	width: 18%;
	margin: 0 1% 12px;
}

/*------- new-footer -----------*/
.new-footer {
	padding: 10px 0;
}

.new-footer__copyright {
	text-align: center;
	color: #666;
}

.sp-hide {
	display: initial;
}

.sp-show {
	display: none;
}

@media screen and (max-width: 599px) {
	.sp-hide {
		display: none;
	}

	.sp-show {
		display: initial;
		cursor: pointer;
	}

	/*-------- header ---------*/
	.new-header {
		border-bottom: 1px solid #eee;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10000;
	}

	.new-header .new-contents__inner {
		padding: 0;
	}

	.new-header__logo {
		width: 46%;
		margin-top: 4px;
	}

	.new-header__logo a {
		width: 100%;
		padding-left: 10px;
	}

	.new-header__logo a img {
		width: 100%;
		height: auto;
	}

	.new-header__txt {
		display: none;
	}

	.new-header__list {
		display: none;
	}

	.new-header__link li {
		width: 56px;
	}

	.new-header__link li a {
		padding: 8px 2px 3px;
		line-height: 1;
		font-size: 10px;
	}

	.new-header__link li a i.icons {
		display: block;
		font-size: 16px;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.new-header__under-list {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: 55px;
		height: 60px;
	}

	.new-header__under-list li+li {
		margin-left: 15px;
	}

	.new-header__under-list li a {
		font-size: 10px;
		color: #9b4633;
		width: 141px;
		height: 38px;
		border-radius: 4px;
		border: 1px solid #9b4633;
		display: flex;
		align-items: center;
		padding-left: 15px;
		position: relative;
		transition: all 0.4s ease;
	}

	.new-header__under-list li a::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f054";
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translate(-50%, -50%);
	}

	.new-header__under-list li a:hover {
		background-color: #9b4633;
		color: #fff;
	}

	/*------- nav -----------*/
	.new-gnav {
		position: fixed;
		top: 56px;
		right: -100%;
		width: 0;
		height: auto;
		background: rgba(255, 255, 255, 0.95);
		margin: 0;
		transition: all 0.6s ease;
	}

	.new-gnav.new-gnav__active {
		right: 0;
		width: 100%;
	}

	.new-gnav>ul {
		display: block;
		padding: 0;
	}

	.new-gnav>ul>li {
		width: 100%;
	}

	.new-gnav>ul>li:hover>.new-gnav-mega {
		max-height: 0;
		opacity: 0;
	}

	.new-gnav>ul>li.open>.new-gnav-mega {
		max-height: 9999px;
		opacity: 1;
	}

	.new-gnav>ul>li>a {
		text-align: left;
		border-bottom: none;
		padding: 10px;
		pointer-events: none;
	}

	.new-gnav>ul>li>a:after {
		display: none;
	}

	.new-gnav>ul>li>a:before {
		position: absolute;
		font-family: "icomoon";
		top: 10px;
		left: 10px;
		font-size: 18px;
		background: none;
	}

	.new-gnav>ul>li:nth-child(1)>a {
		background: #1b8264;
		color: white;
		padding-left: 30px;
		position: relative;
	}

	.new-gnav>ul>li:nth-child(1)>a:before {
		content: "\e905";
	}

	.new-gnav>ul>li:nth-child(2)>a {
		background: #f2534f;
		color: white;
		padding-left: 30px;
		position: relative;
	}

	.new-gnav>ul>li:nth-child(2)>a:before {
		content: "\e908";
		left: 4px;
	}

	.new-gnav>ul>li:nth-child(3)>a {
		background: #00a0e9;
		color: white;
		padding-left: 30px;
		position: relative;
	}

	.new-gnav>ul>li:nth-child(3)>a:before {
		content: "\e904";
		left: 9px;
	}

	.new-gnav>ul>li:nth-child(4)>a {
		background: #ffc828;
		color: white;
		padding-left: 30px;
		position: relative;
	}

	.new-gnav>ul>li:nth-child(4)>a:before {
		content: "\e903";
		left: 9px;
	}

	.new-gnav>ul>li:nth-child(5)>a {
		background: #9b4633;
		color: white;
		padding-left: 30px;
		position: relative;
	}

	.new-gnav>ul>li:nth-child(5)>a:before {
		content: "\e907";
		left: 5px;
		top: 15px;
		font-size: 10px;
	}

	/* new-gnav-mega */
	.new-gnav-mega {
		position: initial;
		background: none;
		padding-left: 10px;
		padding-right: 10px;
	}

	.new-gnav-mega ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari */
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: row;
		/* Safari */
		-moz-justify-content: row;
		-ms-justify-content: row;
		justify-content: row;
		margin-left: -3%;
	}

	.new-gnav-mega ul li {
		width: 45%;
		margin-left: 5% !important;
		margin-bottom: 3%;
		font-size: 11px;
	}

	/*------- container -----------*/
	.new-contents__inner {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}

	/*------- contact -----------*/
	.new-contact {
		overflow: visible;
	}

	.new-contact__img {
		float: none;
		width: 40%;
		padding-top: 30px;
	}

	.new-contact__body {
		float: none;
		width: 70%;
		padding: 0;
		position: absolute;
		left: 30%;
		top: 0;
	}

	.new-contact__title {
		font-size: 18px;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.new-contact__txt {
		font-size: 11px;
		display: none;
	}

	.new-contact__btn .btn-type {
		font-size: 16px;
		font-weight: normal;
		width: 80%;
		padding: 10px 0;
	}

	.new-contact-info {
		margin-top: 5px;
	}

	.new-contact-info__tel {
		font-size: 20px;
	}

	.new-contact-info__global,
	.new-contact-info__hours {
		font-size: 10px;
	}

	.new-contact__mark {
		display: none;
		width: 80px;
		height: 80px;
		font-size: 10px;
		padding-top: 20px;
		top: -40px;
		left: 0;
	}

	.new-contact__mark em {
		font-size: 200%;
	}

	.new-contact__mark span {
		font-size: 150%;
	}

	/*------- new-footer-bnr -----------*/
	.new-footer-bnr {
		padding-top: 15px;
	}

	.new-footer-bnr__l,
	.new-footer-bnr__s {
		margin-left: -1%;
		margin-right: 0;
	}

	.new-footer-bnr__l li,
	.new-footer-bnr__s li {
		margin-bottom: 5px;
	}

	.new-footer-bnr__l a,
	.new-footer-bnr__s a {
		display: block;
		width: 100%;
	}

	.new-footer-bnr__l li {
		width: 48%;
	}

	.new-footer-bnr__s li {
		width: 31%;
	}

	/*------- old update -----------*/
	.wrap {
		padding-top: 56px;
	}
}

/*===================================
	page
===================================*/
/* page top */
/*-------- top-main ---------------*/
.top-main {
	width: 100%;
	/* height: 390px; */
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
}

.top-main__slider-item {
	width: 450px;
	/* height: 390px; */
	background: #ccc;
	border-radius: 5px;
	margin: 0 10px;
	text-align: center;
}

.top-main__slider-item a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.top-main__slider-item__body {
	position: absolute;
	bottom: 0;
	background: rgba(155, 155, 155, 0.9);
	width: 100%;
	border-radius: 0 0 5px 5px;
	color: white;
	overflow: hidden;
	box-sizing: border-box;
	padding: 15px 40px;
	opacity: 0.9;
}

.top-main__slider-item__title {
	float: left;
	font-size: 22px;
	font-weight: bold;
	width: 100%;
	text-align: left;
	line-height: 1.2;
}

.slick-prev,
.slick-next {
	z-index: 1;
	background: white !important;
	border-radius: 50%;
	border: 1px solid #c9c9c9 !important;
	width: 38px !important;
	height: 38px !important;
}

.slick-prev:before,
.slick-next:before {
	font-family: initial !important;
	color: #cccccc !important;
	font-weight: bold;
}

.slick-prev:hover,
.slick-next:hover {
	border-color: #9b4633 !important;
}

.slick-prev:hover:before,
.slick-next:hover:before {
	color: #9b4633 !important;
}

.slick-prev {
	left: 20px !important;
}

.slick-next {
	right: 20px !important;
}

/*-------- top-counter ---------------*/
.top-counter {
	margin-bottom: 30px;
}

.top-counter ul {
	background: #f6f5f0;
	text-align: center;
	padding: 10px 0;
}

.top-counter ul li {
	display: inline;
	font-size: 18px;
	font-weight: bold;
	margin: 0 25px;
}

.top-counter ul li em {
	font-size: 22px;
}

/*-------- top-contents-nav ---------------*/
.top-contents-nav {
	margin-bottom: 34px;
}

.top-contents-nav__items {
	overflow: hidden;
}

.top-contents-nav__item {
	float: left;
	border-radius: 5px;
	color: white;
}

.top-contents-nav__item .nav-default {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}

.top-contents-nav__item .nav-default__txt {
	position: absolute;
	font-size: 24px;
	text-align: center;
	width: 100%;
	transition: all 0.6s ease;
}

.top-contents-nav__item .nav-default__txt em {
	font-size: 40px;
}

.top-contents-nav__item .nav-default .icons {
	position: absolute;
	transition: all 0.6s ease;
}

.top-contents-nav__item .nav-default__list {
	position: absolute;
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
	font-size: 16px;
}

.top-contents-nav__item .nav-default__list a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 5px;
}

.top-contents-nav__item .nav-default__list a:hover {
	opacity: 0.3;
}

.top-contents-nav__item.nav-hover .nav-default__list {
	visibility: visible;
	opacity: 1;
}

.top-contents-nav__item.nav-read {
	background: #1b8264;
	width: 536px;
	height: 432px;
	margin-right: 10px;
	box-sizing: border-box;
}

.top-contents-nav__item.nav-read .nav-default__txt {
	top: 56px;
	left: 0;
}

.top-contents-nav__item.nav-read .icons {
	font-size: 180px;
	top: 180px;
	left: 50%;
	margin-left: -73px;
}

.top-contents-nav__item.nav-read .nav-default__list {
	top: 200px;
	left: 120px;
}

.top-contents-nav__item.nav-read.nav-hover .icons {
	font-size: 70px;
	top: 38px;
	margin-left: -160px;
}

.top-contents-nav__item.nav-read.nav-hover .nav-default__txt {
	top: 30px;
	left: 20px;
}

.top-contents-nav__item.nav-read.nav-hover .nav-default__list {
	top: 170px;
}

.top-contents-nav__item.nav-search {
	background: #f2534f;
	width: 653px;
	height: 200px;
	margin-bottom: 10px;
}

.top-contents-nav__item.nav-search .nav-default__txt {
	width: 430px;
	top: 50px;
	left: 0;
}

.top-contents-nav__item.nav-search .icons {
	font-size: 140px;
	top: 30px;
	right: 85px;
}

.top-contents-nav__item.nav-search .nav-default__list {
	top: 130px;
	left: 130px;
	width: 370px;
	overflow: hidden;
}

.top-contents-nav__item.nav-search .nav-default__list li {
	float: left;
	width: 50%;
}

.top-contents-nav__item.nav-search.nav-hover .icons {
	font-size: 50px;
	top: 30px;
	right: 490px;
}

.top-contents-nav__item.nav-search.nav-hover .nav-default__txt {
	top: 36px;
	left: 180px;
	font-size: 24px;
	text-align: left;
}

.top-contents-nav__item.nav-search.nav-hover .nav-default__txt em {
	font-size: 24px;
}

.top-contents-nav__item.nav-search.nav-hover .nav-default__txt br {
	display: none;
}

.top-contents-nav__item.nav-search.nav-hover .nav-default__list {
	top: 110px;
}

.top-contents-nav__item.nav-consult {
	background: #00a0e9;
	width: 322px;
	height: 222px;
	margin-right: 10px;
}

.top-contents-nav__item.nav-consult .nav-default__txt {
	text-align: left;
	top: 40px;
	left: 20px;
	font-size: 20px;
	width: 155px;
}

.top-contents-nav__item.nav-consult .nav-default__txt em {
	font-size: 38px;
}

.top-contents-nav__item.nav-consult .icons {
	font-size: 97px;
	bottom: 30px;
	right: 20px;
}

.top-contents-nav__item.nav-consult .nav-default__list {
	top: 110px;
	left: 70px;
	font-size: 15px;
}

.top-contents-nav__item.nav-consult .nav-default__list a {
	padding: 3px 5px;
}

.top-contents-nav__item.nav-consult.nav-hover .nav-default__txt {
	top: 25px;
	left: 115px;
	line-height: 1.4;
}

.top-contents-nav__item.nav-consult.nav-hover .nav-default__txt em {
	font-size: 20px;
}

.top-contents-nav__item.nav-consult.nav-hover .nav-default__txt br {
	display: none;
}

.top-contents-nav__item.nav-consult.nav-hover .icons {
	font-size: 40px;
	bottom: 150px;
	right: 220px;
}

.top-contents-nav__item.nav-consult.nav-hover .nav-default__list {
	top: 90px;
}

.top-contents-nav__item.nav-learn {
	background: #ffc828;
	width: 322px;
	height: 222px;
}

.top-contents-nav__item.nav-learn .nav-default__txt {
	text-align: left;
	top: 40px;
	left: 20px;
	font-size: 20px;
	width: 155px;
}

.top-contents-nav__item.nav-learn .nav-default__txt em {
	font-size: 38px;
}

.top-contents-nav__item.nav-learn .icons {
	font-size: 97px;
	bottom: 30px;
	right: 20px;
}

.top-contents-nav__item.nav-learn .nav-default__list {
	top: 120px;
	left: 70px;
	font-size: 15px;
}

.top-contents-nav__item.nav-learn .nav-default__list a {
	padding: 3px 5px;
}

.top-contents-nav__item.nav-learn.nav-hover .nav-default__txt {
	top: 25px;
	left: 115px;
	line-height: 1.4;
}

.top-contents-nav__item.nav-learn.nav-hover .nav-default__txt em {
	font-size: 20px;
}

.top-contents-nav__item.nav-learn.nav-hover .nav-default__txt br {
	display: none;
}

.top-contents-nav__item.nav-learn.nav-hover .icons {
	font-size: 40px;
	bottom: 150px;
	right: 220px;
}

.top-contents-nav__item.nav-learn.nav-hover .nav-default__list {
	top: 100px;
}

/*-------- top-contents-tab---------------*/
.top-contents-tab {
	width: 100%;
	background: #f6f5f0;
	padding: 50px 0;
}

.top-contents-tab__nav {
	margin-top: 30px;
	margin-bottom: 38px;
}

.top-contents-tab__nav ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	/* Safari */
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	margin-left: -5px;
}

.top-contents-tab__nav ul li {
	width: 188px;
	margin-left: 5px;
}

.top-contents-tab__nav ul li a {
	width: 100%;
	display: block;
	padding: 20px 0;
	text-decoration: none;
	color: #000;
	box-sizing: border-box;
	background: white;
	text-align: center;
	font-size: 13px;
}

.top-contents-tab__nav ul li a.active {
	background: #9b4633;
	color: white;
}

.top-contents-tab__items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: row;
	/* Safari */
	-moz-justify-content: row;
	-ms-justify-content: row;
	justify-content: row;
	display: none;
}

.top-contents-tab__items.tab-active {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: row;
	/* Safari */
	-moz-justify-content: row;
	-ms-justify-content: row;
	justify-content: row;
}

.top-contents-tab__item {
	width: 285px;
	background: white;
	text-decoration: none;
	margin-bottom: 12px;
	margin-left: 12px;
}

.top-contents-tab__item:nth-child(n + 9) {
	display: none;
}

.top-contents-tab__item .item-img {
	width: 100%;
	height: 200px;
	display: inline-block;
}

.top-contents-tab__item .item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}

.top-contents-tab__item .item-body {
	padding: 20px;
	position: relative;
	min-height: 150px;
	box-sizing: border-box;
}

.top-contents-tab__item .item-category {
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.top-contents-tab__item .item-title {
	font-size: 14px;
	line-height: 1.4;
	max-height: 4em;
	overflow: hidden;
}

.top-contents-tab__item .item-date {
	font-size: 11px;
	color: #999;
	position: absolute;
	bottom: 18px;
}

/*-------- top-column---------------*/
.top-column {
	padding: 67px 0;
}

.top-column .new-contents__inner {
	overflow: inherit;
	*zoom: 1;
}

.top-column .new-contents__inner:after {
	content: "";
	display: table;
	clear: both;
}

.top-column__main {
	float: left;
	width: 900px;
}

.top-column__aside {
	float: right;
	width: 260px;
}

.top-column__aside .bnr-block {
	margin-bottom: 30px;
}

/*-------- top-country---------------*/
.top-country {
	margin-bottom: 70px;
}

.top-country__list {
	margin-top: 40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	/* Safari */
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}

.top-country__list li {
	text-align: center;
	font-size: 11px;
	width: 106px;
}

.top-country__list li a {
	display: block;
	text-decoration: none;
	padding: 10px 18px;
}

.top-country__list li a:hover {
	background: #f6f5f0;
	opacity: 1;
}

/*-------- top-company---------------*/
.top-company-recommend {
	margin-top: 40px;
}

.top-company-recommend__items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: row;
	/* Safari */
	-moz-justify-content: row;
	-ms-justify-content: row;
	justify-content: row;
	margin-top: 30px;
	margin-left: -3%;
}

.top-company-recommend__item {
	width: 28%;
	margin-left: 5%;
	margin-bottom: 3%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	position: relative;
	text-decoration: none;
	color: #000 !important;
}

.top-company-recommend__item .item-img {
	text-align: center;
	width: 268px;
	height: 257px;
	display: table-cell;
	vertical-align: middle;
}

.top-company-recommend__item .item-img img {
	vertical-align: bottom;
}

.top-company-recommend__item .item-osusume {
	position: absolute;
	top: 10px;
	left: -5px;
}

.top-company-recommend__item .item-body {
	padding: 10px;
	border-top: 1px solid #ccc;
}

.top-company-recommend__item .item-title {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.top-company-recommend__item .item-country {
	margin-top: 10px;
}

.top-company-recommend__item .item-country dt {
	background: #9b4633;
	color: white;
	padding: 2px 5px;
	margin-bottom: 5px;
	font-size: 10px;
	display: inline-block;
}

.top-company-recommend__item .item-country dd {
	font-size: 11px;
}

/* top-search-box */
.top-search-box {
	margin-top: 40px;
	background: #f6f5f0;
	padding: 30px;
	border-radius: 5px;
}

.top-search-box dl {
	overflow: hidden;
}

.top-search-box dt {
	float: left;
	clear: both;
	width: 320px;
	font-size: 18px;
	margin-top: 15px;
	padding: 5px 0 0 30px;
	box-sizing: border-box;
	font-weight: bold;
}

.top-search-box dt i {
	margin-right: 10px;
	font-size: 28px;
	position: relative;
	top: 3px;
}

.top-search-box dd {
	float: left;
	width: 370px;
	margin-top: 15px;
}

.top-search-box .btn-section {
	margin: 30px 0 0;
}

.top-search-box .btn-type {
	font-size: 20px;
	padding: 15px 0;
	font-weight: normal;
	width: 300px;
	cursor: pointer;
}

/*-------- for mobile---------------*/
@media screen and (max-width: 599px) {

	/*-------- top-main ---------------*/
	.top-main {
		margin-top: 20px;
		margin-bottom: 15px;
		height: auto;
	}

	.slick-slide.top-main__slider-item {
		width: 300px;
		height: auto;
	}

	.top-main__slider-item a {
		height: auto;
	}

	.top-main__slider-item__body {
		padding: 10px;
	}

	.top-main__slider-item__title {
		font-size: 12px;
	}


	.top-main__slider-item__txt br {
		display: none;
	}

	.slick-prev {
		left: 0 !important;
		margin-left: 0;
	}

	.slick-next {
		right: 0 !important;
		margin-right: 0;
	}

	/*-------- top-counter ---------------*/
	.top-counter {
		margin-bottom: 15px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.top-counter ul li {
		font-size: 11px;
		margin: 0 3px;
	}

	.top-counter ul li em {
		font-size: 11px;
	}

	/*-------- top-contents-nav ---------------*/
	.top-contents-nav {
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}

	.top-contents-nav__items {
		position: relative;
		width: 100%;
		height: 26vh;
	}

	.top-contents-nav__item {
		width: 48% !important;
		height: 80px !important;
		position: absolute;
		transition: all 0.4s ease;
	}

	.top-contents-nav__item .nav-default__txt {
		top: 20px !important;
		right: inherit !important;
		bottom: inherit !important;
		left: 0 !important;
		width: 70% !important;
		font-size: 10px !important;
		text-align: center !important;
	}

	.top-contents-nav__item .nav-default__txt em {
		font-size: 18px !important;
	}

	.top-contents-nav__item .nav-default .icons {
		font-size: 40px !important;
		top: 20px !important;
		right: 20px !important;
		bottom: inherit !important;
		left: inherit !important;
		margin-left: 0 !important;
	}

	.top-contents-nav__item .nav-default__list {
		top: 20px !important;
		left: 150px !important;
		right: inherit !important;
		bottom: inherit !important;
		font-size: 10px;
	}

	.top-contents-nav__item .nav-default__list li a {
		padding: 2px !important;
	}

	.top-contents-nav__item.nav-hover {
		width: 100% !important;
		height: 46vw !important;
		z-index: 10;
	}

	.top-contents-nav__item.nav-hover .nav-default__txt {
		width: 47% !important;
	}

	.top-contents-nav__item.nav-hover .icons {
		top: 70px !important;
		right: 72% !important;
	}

	.top-contents-nav__item.nav-read {
		top: 0;
		left: 0;
	}

	.top-contents-nav__item.nav-search {
		top: 0;
		right: 0;
	}

	.top-contents-nav__item.nav-search .icons {
		right: 12px !important;
	}

	.top-contents-nav__item.nav-search .nav-default__txt br {
		display: inherit !important;
	}

	.top-contents-nav__item.nav-search .nav-default__list li {
		float: none;
		width: 100%;
	}

	.top-contents-nav__item.nav-search.nav-hover .icons {
		right: 72% !important;
	}

	.top-contents-nav__item.nav-consult {
		bottom: 0;
		left: 0;
	}

	.top-contents-nav__item.nav-consult .nav-default__list {
		font-size: 10px !important;
	}

	.top-contents-nav__item.nav-consult.nav-hover .nav-default__txt br {
		display: inherit !important;
	}

	.top-contents-nav__item.nav-consult.nav-hover .nav-default__txt br.sp-hide {
		display: none !important;
	}

	.top-contents-nav__item.nav-learn {
		bottom: 0;
		right: 0;
	}

	.top-contents-nav__item.nav-learn .nav-default__list {
		font-size: 10px !important;
	}

	.top-contents-nav__item.nav-learn.nav-hover .nav-default__txt br {
		display: inherit !important;
	}

	.top-contents-nav__item.nav-learn.nav-hover .nav-default__txt br.sp-hide {
		display: none !important;
	}

	/*-------- top-contents-tab---------------*/
	.top-contents-tab {
		padding: 20px 0;
	}

	.top-contents-tab__nav {
		margin: 15px 0;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.top-contents-tab__nav ul {
		width: 720px;
		height: auto;
		margin-left: -10px;
	}

	.top-contents-tab__nav ul li {
		width: auto;
		height: 100%;
		margin-left: 10px;
	}

	.top-contents-tab__nav ul li a {
		padding: 15px;
		font-size: 11px;
	}

	.top-contents-tab__item .item-img img {
		height: 30vw;
	}

	.top-contents-tab__items {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari */
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		/* Safari */
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		display: none;
	}

	.top-contents-tab__items.tab-active {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari */
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		/* Safari */
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

	.top-contents-tab__item {
		width: 48%;
		margin-left: 0;
	}

	.top-contents-tab__item .item-img {
		height: 50%;
	}

	.top-contents-tab__item .item-body {
		padding: 10px;
		min-height: 120px;
	}

	.top-contents-tab__item .item-body .btn-section {
		margin: 10px 0;
	}

	.top-contents-tab__item .item-category {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.top-contents-tab__item .item-title {
		overflow: hidden;
		height: 3.8em;
		font-size: 12px;
	}

	.top-contents-tab__item .item-date {
		bottom: 10px;
	}

	/*-------- top-column---------------*/
	.top-column {
		padding: 20px 0;
	}

	.top-column__main {
		float: none;
		width: 100%;
	}

	.top-column__aside {
		float: none;
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari */
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		/* Safari */
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

	.top-column__aside .bnr-block {
		width: 48%;
		margin-bottom: 10px;
	}

	.top-column__aside .bnr-block a {
		display: block;
		width: 100%;
	}

	.top-column__aside .bnr-block a img {
		width: 100%;
		height: auto;
	}

	/*-------- left-bar ---------------*/
	.left-bar .bnr-block a>img {
		width: 100%;
		height: auto;
	}

	/*-------- top-country---------------*/
	.top-country {
		margin-bottom: 30px;
	}

	.top-country__list {
		margin-top: 10px;
	}

	.top-country__list li {
		width: 86px;
	}

	.top-country__list li a {
		padding: 10px;
	}

	/*-------- top-company---------------*/
	.top-company-recommend__items {
		margin-left: 0;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.top-company-recommend__item {
		width: 100%;
		margin-left: 0;
		display: table;
	}

	.top-company-recommend__item .item-osusume {
		top: -5px;
	}

	.top-company-recommend__item .item-img {
		display: table-cell;
		vertical-align: middle;
		width: 30%;
		height: auto;
	}

	.top-company-recommend__item .item-body {
		display: table-cell;
		width: 68%;
		box-sizing: border-box;
		border-top: none;
	}

	.top-company-recommend__item .item-country {
		line-height: 1.2;
	}

	/* top-search-box */
	.top-search-box {
		margin-top: 10px;
		margin-bottom: 20px;
		padding: 5px 15px 15px;
	}

	.top-search-box dl dt {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-top: 0;
		margin-top: 10px;
		font-size: 18px;
	}

	.top-search-box dl dd {
		float: none;
		width: 100%;
		margin-top: 10px;
	}

	.top-search-box .btn-section {
		margin-top: 15px;
	}

	.top-search-box .btn-type {
		font-size: 16px;
		padding: 15px 0;
		font-weight: normal;
		width: 100%;
	}
}

/*-------- for 399px以下---------------*/
@media screen and (max-width: 399px) {
	.new-header__under-list li a {
		width: 128px;
		padding-left: 10px;
	}
}

.loopSliderWrap {
	top: 0;
	left: 0;
	height: 100px;
	position: absolute;
	vertical-align: middle;
	overflow: hidden;
}

.loopSlider {
	margin: 0 auto;
	height: 100px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
	/*float:left;
        position: relative;
        /*width:90.4%;*/
}

.loopSlider ul {
	height: 100px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 100px;
	height: 100px;
	float: left;
	display: inline;
	overflow: hidden;
}

.ly-aside {
	width: 260px;
	height: 100%;
	position: sticky;
	margin-bottom: 10px;
	top: 10px;
	z-index: 1;
}

.side-download {
	background: #f7f5f1;
	border-bottom: 1px solid #d8d8d8;
	padding: 12px;
}

.side-download .com-download-button {
	width: 236px;
	padding: 0 12px;
}

.side-nav {
	background: #f7f5f1;
	padding: 22px 0;
}

.side-nav .side-item {
	margin-top: 20px;
}

.side-nav .side-item:first-child {
	margin-top: 0;
}

.side-nav .side-item a {
	font-size: 17px;
	font-weight: bold;
	border-left: 8px solid #000;
	padding: 3px 24px 6px 16px;
	height: 30px;
	transition: 0.3s ease;
	text-decoration: none;
	display: inline-block;
	color: #000;
}

.side-nav .side-item a.current {
	background: #000;
	color: #fff;
}

.side-question {
	border: 2px solid #9A4632;
	padding: 20px 12px 12px;
	font-size: 14px;
	margin-top: 20px;
}

.side-question .title {
	font-weight: bold;
	display: block;
}

.side-question .text {
	display: block;
	margin-top: 8px;
}

.side-question .com-download-button {
	color: #000;
	font-size: 14px;
	margin-top: 12px;
	padding-left: 40px;
	width: 78%;
	position: relative;
}

.side-question .com-download-button::before {
	content: "";
	position: absolute;
	background: url(/_img/service/concierge.png) no-repeat;
	background-size: contain;
	width: 24px;
	height: 30px;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.side-question .com-download-button:hover::before {
	background: url(/_img/service/concierge_w.png) no-repeat;
}

/* com-download-button */
.com-download-button {
	width: 218px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 6px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	transition: color 0.2s;
	border: 2px solid #f2534f;
}

.com-download-button:hover {
	opacity: 1;
}

.com-download-button.red {
	background: #f2534f;
	color: #fff;
}

.com-download-button.red:hover {
	background: #fff;
	color: #f2534f;
	border: 2px solid #f2534f;
}

.com-download-button.white {
	background: #fff;
	color: #f2534f;
	border: 2px solid #f2534f;
	padding: 0 15px 0 5px;
}

.com-download-button.white:hover {
	background: #f2534f;
	color: #fff;
}

.com-download-button.black {
	background: #ffffff;
	color: #000;
	border: 2px solid #000;
}

.com-download-button.black:hover {
	background: #000000;
	color: #fff;
}

.com-download-button .fas {
	font-size: 22px;
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}

.looptop {
	height: 65px;
	width: auto;
}

.loop-title {
	position: absolute;
	padding: 20px;
	font-size: 12px;
	font-weight: bold;
}

.faq {
	max-width: none;
	padding: 45px 0 60px;
	background: #f6f5f0;
	text-align: center;
}

.faq-contents {
	margin-top: 40px;
}

.faq-contents-group {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	border: 1px solid #aeaeae;
	border-top: none;
	background: #ffffff;
}

.faq-contents-group:first-child {
	border-top: 1px solid #aeaeae;
}

.faq-contents-question {
	position: relative;
	padding: 25px 65px;
	padding-left: 80px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

.faq-contents-question::before {
	content: "";
	position: absolute;
	top: 40%;
	right: 30px;
	width: 13px;
	height: 13px;
	border-right: 5px solid #383838;
	border-bottom: 5px solid #383838;
	-webkit-transform: rotate(45deg) translateY(-50%);
	-ms-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	fill: #383838;
	transition: 0.25s;
}

.faq-contents-question::after {
	content: url("/_img/support-trial/Q.svg");
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.faq-contents-answer {
	position: relative;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	text-align: left;
	color: #656565;
	visibility: hidden;
	max-height: 0;
}

.faq-contents-answer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 96%;
	border-top: 1px dashed #979797;
}

.faq-contents-answer::after {
	content: url("/_img/support-trial/A.svg");
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.faq-contents-question.is-open+.faq-contents-answer {
	padding: 10px 60px 15px;
	padding-left: 80px;
	visibility: visible;
	max-height: 1000px;
}

.faq-contents-question.is-open::before {
	top: 40%;
	right: 15px;
	-webkit-transform: rotate(225deg) translateY(-50%);
	-ms-transform: rotate(225deg) translateY(-50%);
	transform: rotate(225deg) translateY(-50%);
}

/* ------------------------------
   Table
------------------------------ */
table.table {
	width: 100%;
	border-collapse: collapse;
}

table.table th,
table.table td {
	padding: 5px 10px;
	border: 1px solid #333;
}

table.table th {
	background-color: #47b8e0;
	font-weight: bold;
	text-align: center;
}

table.table td {
	text-align: right;
}

table.table .red {
	color: #d13f31;
}

/* table1 */
table.table1 tr:not(:first-child) th {
	text-align: left;
}

/* table-green */
table.table-green th {
	background-color: #60c5ba;
}

@media only screen and (max-width: 599px) {
	.table-scroll {
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		max-width: calc(100vw - 20px);
	}
}

/* ------------------------------
   top-earch
------------------------------ */
.top-search {
	position: relative;
	z-index: 2;
}

.top-search__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.top-search__bg img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.top-search__inner {
	max-width: 840px;
	margin: auto;
	padding: 66px 20px;
	position: inherit;
	z-index: 0;
}

.top-search__head {
	color: #fff;
	font-weight: bold;
	display: grid;
	background: #323232CC;
	padding: 20px 12px;
	border-radius: 8px;
}

.top-search__title {
	font-size: 28px;
}

.top-search__subTitle {
	font-size: 20px;
}

.top-search__text {
	font-size: 12px;
	font-weight: 700;
}

.top-search__filter {
	margin-top: 8px;
}

.top-search__filter-title {
	display: inline-flex;
	align-items: center;
	color: var(--white);
	font-weight: bold;
	font-size: 14px;
	background: #323232CC;
	padding-inline: 20px;
}

.top-search__filter-title img {
	margin-right: 8px;
}

.top-search__list {
	margin-top: 4px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	position: relative;
}

.top-search__list-item button {
	background: var(--white);
	color: var(--black);
	border-radius: 4px;
	display: flex;
	align-items: center;
	gap: 12px;
	place-items: center;
	width: 100%;
	padding: 12px 12px 12px 18px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	border: 1px solid var(--text-color);
	cursor: pointer;
}

@media only screen and (max-width: 840px) {
	.top-search__bg {
		overflow: hidden;
	}

	.top-search__bg img {
		object-position: top;
		height: 910px;
	}

	.top-search__inner {
		padding: 26px 12px;
	}

	.top-search__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.top-search__title {
		font-size: 26px;
	}

	.top-search__subTitle {
		margin-left: 0;
	}


	.top-search__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.top-search__list-item button {
		font-size: 12px;
		padding: 12px;
	}
}

@media only screen and (max-width: 599px) {
	.top-search {
		margin-top: 55px;
	}
}

/* ------------------------------
  search-panel
------------------------------ */
.search-panel {
	position: absolute;
	top: 51px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	background: var(--white);
	padding: 20px;
	border-radius: 4px;
	box-shadow: var(--cardShadow);
	z-index: 1;
	width: 800px;
}

.search-panel::marker {
	content: none;
}

.search-panel._fadein {
	animation: fadeUp 0s ease-in 0s forwards;
}

.search-panel._fadeout {
	animation: fadeOut 0s ease 0s forwards;
}


@keyframes fadeUp {
	from {
		opacity: 0;
		visibility: visible;
	}

	to {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
		visibility: visible;
	}

	to {
		opacity: 0;
		visibility: hidden;
	}
}

.search-panel__title {
	font-size: 16px;
	font-weight: bold;
}

.search-panel__lead {
	margin-top: 12px;
	font-size: 14px;
}

.search-panel__list {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	margin-top: 12px;
}

.search-panel__list._issue {
	grid-template-columns: repeat(3, 1fr);
}

.search-panel__list-item {
	border-bottom: 1px solid var(--lineColor);
	padding: 12px 4px 12px 0;
}

.search-panel__list-item label {
	display: flex;
}

.search-panel__list-item label:hover {
	cursor: pointer;
}

.search-panel__list-item input {
	display: none;
}

.search-panel__list-check {
	width: 12px;
	height: 12px;
	border: 1px solid var(--lineColor);
	border-radius: 15%;
	display: inline-flex;
	vertical-align: text-top;
	margin-right: 6px;
	top: 3px;
	position: relative;
	background: var(--white);
}

.search-panel__list-item input:checked+.search-panel__list-check {
	background-color: var(--green);
}

.search-panel__list-item input:checked+.search-panel__list-check::after {
	content: '';
	width: 70%;
	height: 50%;
	border-left: 1px solid var(--white);
	border-bottom: 1px solid var(--white);
	transform: translate(1px, 1px) rotate(-45deg);
}

.search-panel__button {
	margin-top: 12px;
	display: flex;
	justify-content: center;
}

.search-panel__button button {
	background: var(--CTA-color);
	color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 16px;
	max-width: 300px;
	width: 100%;
}

@media only screen and (max-width: 840px) {
	.search-panel {
		width: calc(100vw - 24px);
		padding: 12px;
	}

	.search-panel._fadein {
		animation: fadeUp 0s ease-in 0s forwards;
	}

	.search-panel._fadeout {
		animation: fadeOut 0s ease 0s forwards;
	}

	.search-panel__list {
		grid-template-columns: repeat(4, 1fr);
	}

	.search-panel__list._issue {
		grid-template-columns: repeat(2, 1fr);
	}

	.top-search__list-item:nth-child(n+3) .search-panel {
		top: 107px;
	}

	.search-panel__title {
		font-size: 14px;
	}

	.search-panel__lead {
		font-size: 12px;
	}

	.search-panel__list-item label {
		font-size: 10px;
	}

	.search-panel__button {
		display: none;
	}

	.search-panel__list-check {
		top: 2px;
	}
}

/* ------------------------------
  search-form
------------------------------ */
.search-form {
	position: relative;
	margin-top: 8px;
	display: grid;
	grid-template-columns: auto 158px;
	gap: 12px;
}

.search-form input {
	border-radius: 4px;
	padding: 14px 38px;
	border: 1px solid var(--lineColor);
}

.search-form input::placeholder {
	color: var(--lineColor);
	font-size: 12px;
	font-weight: bold;
}

.search-form::before {
	content: "";
	position: absolute;
	inset: 50% 0 0 14px;
	transform: translateY(-50%);
	background-image: url(/_newimg/top/search-icon-glay.svg);
	background-size: contain;
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

.search-form button {
	background: var(--CTA-color);
	color: var(--white);
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 13px;
	border: none;
	border-radius: 4px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

@media only screen and (max-width: 840px) {
	.search-form {
		grid-template-columns: auto 120px;
	}

	.search-form input {
		font-size: 12px;
		padding-right: 14px;
	}
}


/* ------------------------------
  search
------------------------------ */
.search {}

.search__numberSp {
	display: none;
}

.search__inner {
	max-width: 1240px;
	width: 100%;
	padding: 20px 20px 10px 10px;
	margin-inline: auto;
	display: grid;
	grid-template-columns: 75% calc(25% - 30px);
	gap: 30px;
	position: relative;
}

.search__inner article {
	/* overflow: hidden; */
	/* padding: 0 10px; */
}

@media only screen and (max-width: 1110px) {
	.search__inner {
		grid-template-columns: 75% calc(25% - 10px);
		gap: 10px;
	}
}

@media only screen and (max-width: 840px) {
	.search__inner {
		grid-template-columns: 100%;
	}
}

@media only screen and (max-width: 599px) {
	.search__numberSp {
		display: block;
		font-size: 16px;
		color: var(--text-color-weak);
		padding-inline: 12px;
	}

	.search__numberSp span {
		color: var(--text-color);
		font-size: 20px;
		font-weight: bold;
		margin-right: 4px;
	}

	.search__inner {
		padding-top: 56px;
		padding-inline: 0;
	}

	.search__inner article {
		order: 2;
		/* padding: 0 0 0 10px; */
	}

	.search__inner aside {
		order: 1;
	}
}

/* search__head */
.search__head {
	padding-inline: 10px;
}

.search__head-number {
	padding-top: 16px;
	padding-left: 16px;
	color: var(--text-color-weak);
	font-size: 12px;
}

.search__head-number span {
	display: none;
}

.search__head-links {
	margin-top: 20px;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(auto, 140px));
	font-size: 12px;
}

.search__head-link {
	border: 1px solid var(--text-color);
	border-radius: 4px;
}

.search__head-link a {
	text-decoration: none;
	font-size: 12px;
	display: flex;
	align-items: center;
	padding: 11px 20px;
}

.search__head-link a:hover {
	color: var(--text-color-weak);
}

.search__head-link a span {
	padding-left: 12px;
	color: var(--text-color);
}

.search__main {
	margin-top: 24px;
}

@media only screen and (max-width: 599px) {
	.search__head {
		padding-right: 0;
	}

	.search__head .search-form,
	.search__head .search__head-number {
		display: none;
	}

	.search__head-number span {
		display: inline-block;
	}

	.search__head-links {
		grid-template-columns: 72px 93px 118px 100px;
		overflow: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.search__head-links::-webkit-scrollbar {
		display: none;
	}

	.search__head-links a {
		padding: 10px;
	}

}

/* ------------------------------
  search-section
------------------------------ */
.search-section+.search-section {
	margin-top: 20px;
	padding-top: 44px;
	border-top: 1px solid var(--lineColor);
}

.search-section:last-child {
	border-bottom: 1px solid var(--lineColor);
	padding-bottom: 20px;
	margin-bottom: 8px;
}

.search-section__title {
	font-size: 20px;
	font-weight: bold;
}

.search-section__more {
	text-align: right;
	margin-top: 20px;
}

.search-section__more a {
	color: var(--black);
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid var(--line-color-strong);
	padding: 12px 20px;
	border-radius: 4px;
	display: inline-block;
}

.search-section__more .fas {
	margin-left: 16px;
}

@media screen and (max-width: 599px) {
	.search-section__title {
		margin-left: 10px;
	}

	.search-section__more {
		text-align: center;
	}
}

/* ------------------------------
  search-swiper
------------------------------ */
.search .search-slick-slider {
	width: 100%;
}

.search-slick-slider {
	opacity: 0;
	transition: opacity .25s ease;
}

.search-slick-slider.slick-initialized {
	opacity: 1;
}


.search .slide-sp {
	display: none;
}

.search .slide-pc {
	display: block;
}

.search .slick-track {
	display: flex;
}

.search .slick-slide {
	padding: 10px;
	height: auto !important;
}

.search .slick-slide .search-card {
	height: 100%;
}

.search .slick-list {
	margin-top: 14px;
}

.search .slick-arrow {
	position: absolute;
	top: -25px;
	border: 2px solid var(--black) !important;
	border-radius: 50%;
	height: 38px;
	width: 38px;
	background-size: auto 12px;
}

.search .slick-arrow.slick-disabled {
	opacity: 0.3;
}

.search .slick-arrow:before {
	content: none;
}

.search .slick-next {
	right: 0 !important;
	margin-right: 0;
}

.search .slick-prev {
	left: auto !important;
	right: 50px;
	margin-left: 0;
}

.search .slick-prev::after,
.search .slick-next::after {
	height: 15px;
	width: 10px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.search .slick-prev::after {
	content: "";
	background-repeat: no-repeat;
	background-image: url(../_newimg/search/swiper-arrow-prev.svg);
	background-position: 54% center;
	background-size: contain;
}

.search .slick-next::after {
	content: "";
	background-repeat: no-repeat;
	background-image: url(../_newimg/search/swiper-arrow-next.svg);
	background-position: 54% center;
	background-size: contain;
}

@media only screen and (max-width: 599px) {
	.search .slide-pc {
		display: none;
	}

	.search .slide-sp {
		display: block;
	}

	.search .slick-slide .search-card.search-card._knowhow {
		height: auto;
	}

	.search .slick-next {
		right: 10px !important;
	}

	.search .slick-prev {
		left: auto !important;
		right: 60px;
		margin-left: 0;
	}

}

/* ------------------------------
  rating-search
------------------------------ */
.rating-search {
	background: #EDE9E4;
	display: grid;
	padding: 16px 12px;
	position: relative;
}

.rating-search__hide {
	position: absolute;
	left: 50%;
	top: 55px;
	transform: translateX(-50%);
	font-weight: bold;
	text-align: center;
	background-color: var(--white);
	border: 2px solid var(--black);
	color: var(--black);
	font-size: 12px;
	padding: 3px;
	z-index: 1;
}

.rating-search__info {
	width: 210px;
	margin-right: 10px;
}

.rating-search__title {
	font-size: 21px;
	font-weight: bold;
}

.rating-search__remarks {
	font-size: 11px;
	color: #787878;
	margin-top: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #C4C4C4;
}

.rating-search__score {
	margin-top: 8px;
}

.rating-search__score th {
	vertical-align: middle;
}

.rating-search__score-item td {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.rating-search__score th,
.rating-search__score td {
	padding: 6px 0 3px;
}

.rating-search__score-title {
	font-size: 12px;
	font-weight: bold;
}

.rating-search__score-out {
	font-size: 12px;
	color: #6B6B6B;
}

.rating-search__point {
	font-size: 22px;
	color: #F9A400;
	font-weight: bold;
	line-height: 1;
	margin-left: 4px;
	display: flex;
	align-items: flex-end;
}

.rating-search__point-small {
	font-size: 12px;
}

.rating-search-graph-hide {
	position: absolute;
	top: 50%;
	left: 70.7%;
	transform: translate(-50%, -50%);
	text-align: center;
	border: 3px solid #000;
	background-color: #fff;
	z-index: 10;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 3px;
}

.rating-search--sidebar {
	width: 100%;
	padding: 12px 0;
	background: #fff;
	border: 1px solid #000;
	justify-content: center;
}

.rating-search--sidebar .rating-search-graph-hide {
	left: 50%;
	width: 80%;
}

.rating-search__hide-bg {
	width: 100%;
	text-align: center;
}

.rating-search__content {
	padding-top: 8px;
	border-top: 1px solid #d9d9d9;
	margin-top: 12px;
}


.rating-search__content h3 {
	font-size: 10px;
}

.rating-search__content table {
	margin-top: 8px;
}

.rating-search__content-bold {
	font-weight: bold;
	font-size: 20px;
}

.rating-search__content-bold img {
	width: 45px;
	padding-bottom: 3px;
}

.rating-search__box {
	visibility: hidden;
	opacity: 0;
	height: 0;
}

.rating-search-graph__canvas {
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
}


/* SP *********************************/
@media screen and (max-width: 599px) {
	.rating-search {
		padding: 12px;
		flex-direction: column;
		width: auto;
		align-items: center;
	}

	.rating-search-graph__canvas {
		width: 44vw;
		height: 140px;
	}
}


/* ------------------------------
  search-card
------------------------------ */
div.search-card,
a.search-card {
	box-shadow: var(--cardShadow);
	border-radius: 4px;
	display: block;
	text-decoration: none;
}

.search-card__image img {
	border-radius: 4px 4px 0 0;
	width: 100%;
}

.search-card__content {
	padding: 12px;
}

.search-card__title {
	font-weight: bold;
	font-size: 14px;
	color: var(--text-color);
}

.search-card__title-end {
	color: var(--CTA-color);
	border: 2px solid var(--CTA-color);
	border-radius: 4px;
	font-size: 10px;
	padding: 2px 5px;
	display: inline-block;
	font-weight: bold;
	position: relative;
	top: -2px;
}

.search-card__tags {
	display: flex;
	flex-wrap: wrap;
}

.search-card__tag {
	border: 1px solid var(--line-color-strong);
	font-size: 10px;
	padding: 4px 12px;
	color: var(--line-color-strong);
	border-radius: 4px;
	margin-top: 8px;
	margin-left: 0;
}

.search-card__tag:not(:first-child) {
	margin-left: 4px;
}

.search-card__text {
	font-size: 12px;
	margin-top: 4px;
	color: var(--text-color);
}

.search-card__link {
	color: var(--line-color-strong);
	margin-top: 4px;
	text-decoration: underline;
	word-wrap: break-word;
}

.search-card__rating-title {
	font-size: 12px;
	margin-top: 10px;
	font-weight: bold;
}

.search-card__rating-text {
	margin: 24px -12px 0 -12px;
	font-size: 12px;
	background: var(--white);
	box-shadow: 0 0 0 12px var(--white);
	word-break: break-all;
}

.search-card__btn {
	position: absolute;
	bottom: 18px;
	left: 50%;
	transform: translate(-50%);
	z-index: 1;
	width: calc(100% - 24px);
}

.search-card__btn::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 100%;
	background: var(--black);
	display: block;
	left: 0;
	bottom: -6px;
}

.search-card__btn button {
	height: 35px;
	width: 70px;
	border-radius: 20px;
	background: var(--white);
	position: absolute;
	bottom: -23px;
	left: 50%;
	transform: translateX(-50%);
	right: 0;
	padding-top: 5px;
}

.search-card__btn button::before {
	content: "開く";
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.search-card__btn button::after {
	content: "";
	height: 10px;
	width: 58px;
	box-shadow: 0 6px 4px 0 #00000020;
	display: block;
	border-radius: 0 0 20px 20px;
	position: relative;
	bottom: -9px;
	left: -2px;
	z-index: -1;
}

.search-card__btn.active {
	bottom: 5px;
}

.search-card__btn.active::before {
	display: none;
}

.search-card__btn.active button::before {
	content: "閉じる";
}

.search-card__btn.active button:hover {
	opacity: 1;
}

/* knowhow */
#knowhow .slick-slide {}

.search-card._knowhow .search-card__image {
	aspect-ratio: 286 / 143;
}

.search-card._knowhow .search-card__image img {
	height: 100%;
	width: 100%;
	max-height: 143px;
	max-width: 286px;
	object-fit: cover;
}

@media screen and (max-width: 599px) {
	.search-card._knowhow {
		box-shadow: none;
		display: grid;
		grid-template-columns: 40% 60%;
	}

	.search-card._knowhow+.search-card._knowhow {
		margin-top: 12px;
		padding-top: 12px;
		border-top: 1px solid var(--lineColor);
	}

	.search-card._knowhow .search-card__image img {
		border-radius: 0;
	}

	.search-card._knowhow .search-card__content {
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
	}
}

/* service */
.search-card._service .search-card__content {
	display: grid;
	align-items: flex-start;
	grid-template-columns: 50px auto;
}

.search-card._service h3 {
	font-size: 12px;
	margin-left: 8px;
}

.search-card._service .search-card__tag {
	margin-top: 0;
	padding: 4px 2px;
}

.search-card._service .search-card__image img {
	aspect-ratio: 286 / 190;
	object-fit: contain;
}

/* company */
.search-card._company {
	position: relative;
	padding: 12px;
}

.search-card._company>a {
	text-decoration: none;

}

.search-card._company>a:hover {
	color: var(--black);
}

.search-section__companies {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 20px;
}

/* .search-section__companies li {
  width: calc(33% - (40px / 3));
} */

.search-section__companies--sp {
	display: none;
}

.search-card._company .search-card__image {
	padding: 0 25%;
	height: 110px;
}

.search-card._company .search-card__image img {
	height: 100%;
	width: 100%;
	border-radius: 0;
	object-fit: contain;
}

.search-card._company .search-card__title {
	margin-top: 12px;
	word-break: break-all;

}

.search-card._company .search-card__content {
	padding: 0;
	border-top: 1px solid #d9d9d9;
	margin-top: 12px;
}

.search-card._company .rating-search {
	width: auto;
	padding: 12px;
	background: #EDE9E4;
	display: grid;
	margin-top: 10px;
}

.search-card._company.active .rating-search__box {
	opacity: 1;
	visibility: visible;
	height: auto;
}

.search-card._company table {
	border-collapse: collapse;
	border: 1px solid #CFCAAF;
}

.search-card._company table tr {}

.search-card._company table th {
	background: #CFCAAF;
	font-size: 12px;
	padding: 7px 6px;
	vertical-align: middle;
}

.search-card._company table td {
	padding: 4px;
	vertical-align: middle;
	font-size: 12px;
	border: 1px solid var(--lineColor);
}

.search-card._company table td span:not(.rating__content-bold) {
	margin-left: 4px;
	color: var(--line-color-strong);
}

@media screen and (max-width: 1110px) {
	.search-section__companies {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

@media screen and (max-width: 599px) {
	.search-section__companies--pc {
		display: none;
	}

	.search-section__companies--sp {
		display: flex;
		gap: 0;
	}

	.search-card__btn {
		display: none;
	}

	.search-card._company .search-card__image {
		padding: 0 13%;
		height: 150px;
	}
}

/* search-card__seminar */
.search-card._seminar:hover {
	color: var(--black);
}

.search-card__seminar {
	font-size: 12px;
	margin-top: 8px;
}

.search-card__seminar-date {
	font-weight: bold;
}

.search-card__seminar-profile {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.search-card__seminar-profile img {
	height: 92px;
	width: 92px;
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}

.search-card__seminar-name {
	width: calc(100% - 92px - 12px);
}

.search-card__seminar-name p {
	word-wrap: break-word;
	width: 100%;
}

.search-card__seminar-name p:first-child {
	font-weight: bold;
}

.search-card__seminar-info {
	margin-top: 4px;
	border-collapse: collapse;
}

.search-card__seminar-info th {
	background: var(--background-gray);
	padding: 6px 10px;
	width: 68px;
	font-weight: bold;
	vertical-align: middle;
}

.search-card__seminar-info tr:not(:first-child) th {
	border-top: 4px solid var(--white);
}

.search-card__seminar-info td {
	padding: 8px 6px;
}

/* ------------------------------
  search-card
------------------------------ */
.search-side {
	position: sticky;
	top: 12px;
	border: 1px solid var(--lineColor);
	border-radius: 4px;
	font-size: 12px;
}

.search-side__title {
	padding: 10px;
	background: var(--background-gray);
	font-size: 16px;
	font-weight: bold;
}

.search-side__inner {
	padding: 10px;
}

.search-side__type {
	border-bottom: 1px solid #D9D9D9;
}

.search-side__type h3 {
	font-size: 14px;
	font-weight: bold;
}

.search-side__radio {
	padding-top: 8px;
	padding-bottom: 10px;
}

.search-side__list {
	margin-top: 10px;
}

.search-side__list h3 {
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 599px) {
	.search-side {
		border-radius: 0;
	}

	.search-side__title {
		cursor: pointer;
		display: flex;
		align-items: center;
	}

	.search-side__title::after {
		content: "";
		background: url(/_newimg/top/search-arrow.svg) no-repeat;
		background-size: contain;
		width: 10px;
		height: 5px;
		display: block;
		margin-left: 10px;
		transition: 0.2s all;
	}

	.search-side__title._open::after {
		transform: rotate(180deg);
	}

	.search-side__inner {
		height: 0;
		padding: 0;
		opacity: 0;
		visibility: hidden;
	}

	.search-side__title._open+.search-side__inner {
		height: 100%;
		padding: 12px;
		opacity: 1;
		visibility: visible;
	}

}

/* search-list */
.search-list {
	margin-top: 8px;
}

.search-list__button {
	border: none;
	background: var(--background-gray);
	width: 100%;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
		"ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	;
	color: var(--text-color);
	border-radius: 4px;
}

.search-list__button span {
	margin-left: 12px;
}

.search-list__panel {
	visibility: hidden;
	opacity: 0;
	transition: 0.3s all;
	height: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
	padding: 4px 0;
}

.search-list__panel._fadein {
	animation: fadeUp 0.1s ease-in 0s forwards;
	height: auto;
	padding: 8px 0;
}

.search-list__panel._fadeout {
	animation: fadeOut 0.1s ease 0s forwards;
}

.search-list__panelItem input {
	display: none;
}

.search-list__panelItem label {
	cursor: pointer;
	display: flex;
}

.search-list__check {
	width: 12px;
	height: 12px;
	border: 1px solid var(--lineColor);
	border-radius: 15%;
	display: inline-flex;
	vertical-align: text-top;
	margin-right: 4px;
	top: 3px;
	position: relative;
}

.search-list__panelItem input:checked+.search-list__check {
	background: var(--green);
}

.search-list__panelItem input:checked+.search-list__check::after {
	content: '';
	width: 70%;
	height: 50%;
	border-left: 1px solid var(--white);
	border-bottom: 1px solid var(--white);
	transform: translate(1px, 1px) rotate(-45deg);
}

.search-list__submit {
	background: var(--CTA-color);
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	width: 100%;
	padding: 8px;
	cursor: pointer;
}

.search-list__submit img {
	margin-left: 8px;
}

/* ------------------------------
  search-detail
------------------------------ */

.search-detail .search-card._detail {
	display: grid;
	grid-template-columns: 140px auto;
	box-shadow: none;
	border-radius: 0;
	border-bottom: 1px solid var(--background-gray);
	padding-block: 20px;
	transition: 0.2s all;
}

.search-detail .search-card._detail:hover {
	background: var(--background-gray);
}

.search-detail .search-card._detail .search-card__content {
	padding-top: 0;
}

@media screen and (max-width: 599px) {
	.search-detail .search__main {
		margin-left: 12px;
	}

	.search-detail .search-card._detail .search-card__text {
		display: none;
	}

	.search-detail .search-card__image img {
		border-radius: 0;
	}
}

/* ------------------------------
  pagination
------------------------------ */
.search .pagination__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.search .pagination__list li a {
	border: 1px solid var(--lineColor);
	border-radius: 4px;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	width: 40px;
	display: grid;
	place-items: center;
	text-decoration: none;

}

.search .pagination__list li a.arrow {
	border: 1px solid var(--CTA-color);
}

.search .pagination__list li a.arrow.prev img {
	transform: translateX(-2px) rotate(180deg);
}

.search .pagination__list li a.ellipsis {
	place-items: end;
	justify-content: center;
}

.search .pagination__list li a[aria-current="page"] {
	background-color: var(--text-color);
	color: var(--white);
}

.search .l-pagination {
	margin-block: 36px 52px;
}

/* ------------------------------
  hubspot-messages-iframe-container
------------------------------ */
@media screen and (max-width: 599px) {
	html #hubspot-messages-iframe-container.widget-align-right {
		z-index: 2147483646 !important;
	}
}

.search-button {
	position: fixed;
	bottom: 0;
	right: 0;
	padding-bottom: 16px;
	padding-right: 16px;
	display: none;
	z-index: 10000;
}

.search-button.is-left {
	right: 74px;
	z-index: 2147483647;
}

.search-button button {
	background: var(--CTA-color);
	border: none;
	box-shadow: var(--cardShadow);
	height: 60px;
	width: 60px;
	border-radius: 50%;
	cursor: pointer;
}

@media screen and (max-width: 599px) {
	.search-button {
		display: block;
	}
	
.go1595992025 {
    z-index: 9999;
    position: fixed;
    left: 10px;
    bottom: 400px;
    max-height: 95vh !important;
    max-width: 95%;
    visibility: hidden;
}